♻️ align the structure to Runar's changes

src/app/app.component.html

@@ -10,197 +10,20 @@
   <a name="0-intro"></a>
   <landing-page></landing-page>
 
-  <!-- TODO: <div class="page">
-    <a name="1-foresight"></a><h1 class="pl-2">Regional Foresight</h1> -->
-  <!--
-A short note on the POLIRURAL project as a host for 12 regional Foresight initiatives. 
+<about-rural-attractiveness-explorer></about-rural-attractiveness-explorer>
 
-Links to FS related project deliverables
-Links to newsletter and related articles
-Links to internal deliverables (inventories, guides, compendia etc.)
-Links to the 12 Foresight pages
-Links to external pages for FUP
-    -->
-  <!-- </div> -->
+<text-mining></text-mining>
 
-  <!-- TODO: <div class="page">
-    <a name="2-text-mining"></a><h1 class="pl-2">Text Mining applied to Regional Foresight</h1> -->
-  <!--
-A short text explaining TM, its application to Foresight, and the work done on TM in the POLIRURAL project.
+<system-dynamics-modelling></system-dynamics-modelling>
 
-Links to TM related project deliverables
-Links to newsletter and related articles
-Links to CKA paper and PPT for ISPIM Copenhagen meeting in June22 
-Link to the “The Semantic Explorer”
+<policy-options-explorer></policy-options-explorer>
 
-    -->
-  <!-- </div> -->
+<rural-attractiveness-explorer></rural-attractiveness-explorer>
 
-  <!-- TODO: <div class="page">
-    <a name="3-sdm"></a><h1 class="pl-2">System Dynamic Modelling applied to Regional Foresight</h1> -->
-  <!--
-A short text explaining 
-SDM, Its application to Foresight, and the work done on TM in the POLIRURAL project.
-The 3-layer model
-The 8-module master model
+<comparing-rural-attractiveness></comparing-rural-attractiveness>
 
-Links to TM related project deliverables
-Links to newsletter and related articles
-Links to POLIRURAL paper with Milos et al...
-Link to page 4 entitled “The Policy Options Explorer”
-Link to page 5 entitled “The Rural Attractiveness Explorer”
--->
-  <!-- </div> -->
+<exploring-dynamics></exploring-dynamics>
 
-  <div class="page">
-    <a name="4-policy-options"></a>
-    <h1 class="pl-2">The Policy Options Explorer</h1>
-    <p>The starting point for all the pilot’s models was PoliRural SDM ed.3. Then, a series of meetings with those
-      responsible for the pilots were scheduled. The aim of the meetings was in the first place to fully explain the
-      model so that pilots could understand the dynamics explained and the assumptions made. In the second place, the
-      meetings were designed to best fit local dynamics into the template model.</p>
-    <p>After the first round of meetings, a period was open for pilots to gather data. This period was open to
-      clarification to find the best proxies, and discussion about qualitative data collection.</p>
-    <p>Finally, the calibration was intended with the available data.</p>
-    <figure>
-      <img src="{{assetsPath}}policy-options-explorer.png" class="img-fluid">
-      <figcaption>Policy options explorer</figcaption>
-    </figure>
-
-    <!--
-Links to SDM related project deliverables
-Links to newsletter and related articles
-Link to the “The Policy Options Explorer” (pages of Runar and Antoni, or separate links for each region)
-    -->
-  </div>
-
-  <div class="page">
-    <a name="5-attractiveness"></a>
-    <h1 class="pl-2">The Rural Attractiveness Explorer</h1>
-    <p>In PoliRural, we observed that concepts of rural attractiveness often feature in regional development strategies,
-      that they differ significantly from region to region, and are conditioned by developmental priorities such as the
-      desire to attract investors, entrepreneurs, or tourists. Thus, what is understood as rural attractiveness may
-      depend on where, when, and by whom attractiveness is
-      determined Additionally, the attractiveness of a region can be determined only in comparison to other regions.
-      This means that a region that is rather attractive compared to one set of regions can be rather unattractive
-      compared to another set of regions. Due to this complexity, measuring and evaluating rural attractiveness is
-      challenging.</p>
-
-    <p>Nevertheless, there is some common understanding of and agreement on the general issues that matter for rural
-      attractiveness. These are aspects belonging to the following areas:</p>
-    <ul>
-      <li>social,</li>
-      <li>natural environment,</li>
-      <li>human-made environment,</li>
-      <li>economic,</li>
-      <li>institutional,</li>
-      <li>cultural.</li>
-    </ul>
-
-    <p>This minimum agreement provided the basis for the development of a <strong>Rural Attractiveness Index</strong>.
-      This index is made
-      up of 6 sub-indices - one sub-index for each of the generally relevant areas mentioned above. Each of the
-      sub-indices includes a number of sub-sub indices, e.g. the social sub-index could include sub-sub indices
-      measuring the age composition or unemployment rate of the population in a region.
-      The Rural Attractiveness Index reflects the characteristics of the concept of rural attractiveness: The values of
-      the Index do not represent absolute estimates of the attractiveness of a region but reflect how attractive the
-      assessed regions are in comparison to each other. To account for the context dependency of rural attractiveness,
-      the concrete choice of sub-sub indices needs to be determined in each individual situation in which rural
-      attractiveness is supposed to be evaluated.</p>
-
-    <p>With the Rural Attractiveness Explorer, we want to enable users to explore the effects of different policy
-      choices on the rural attractiveness of the PoliRural pilot regions. Thus, we represent the outputs of the Policy
-      Explorer as a value of the Rural Attractiveness Index and visualise the results of that in different ways. For
-      this purpose, we adapted the Rural Attractiveness Index to fit with the Policy Options Explorer as follows
-      (notably, the version of the Rural Attractiveness Index used here consists of only 4 instead of 6 sub-indices):
-    <figure>
-      <img src="{{assetsPath}}rai-composition.png" class="img-fluid">
-      <figcaption>Composition of the Rural Attractiveness Index used in the Rural Attractiveness Explorer</figcaption>
-    </figure>
-    </p>
-    <!-- 
-Links to RA related project deliverables
-Links to relevant newsletter and related articles
-
-Link to page 6 entitled “Comparing Rural Attractiveness across the regions of Europe”
-Link to page 7 entitled “Exploring the Dynamics of Rural Attractiveness”
-Link to page 8 entitled “Exploring the Impact of Policy Option on Rural Attractiveness”
-
-    -->
-  </div>
-
-  <div class="page">
-    <a name="6-comparing-europe"></a>
-    <h1 class="pl-2">Comparing Rural Attractiveness across the regions of Europe</h1>
-    <!--
-A short text introducing the idea of comparing rural attractiveness across the regions of Europe.
-    -->
-
-    <p><a href="https://publish.lesprojekt.cz/attractiveness-clustering/" target="_blank">Map visualization for all
-        regions</a></p>
-
-    <!-- TODO: Link to map visualization for the project regions and its evolution over time
-    <div class="map-row">
-      <h2>Map-based comparison</h2>
-      <hslayers-map></hslayers-map>
-    </div>
-    -->
-    <p>A ‘dots’ visualization for the project regions and its evolution over time</p>
-    <all-in-one-graph></all-in-one-graph>
-
-    <p>A ‘disc’ visualization for the project regions and its evolution over time</p>
-    <year-graph></year-graph>
-
-    <!--
-TODO: Link to ‘data race’ visualization for the project regions and its evolution over time
-    -->
-  </div>
-
-  <div class="page">
-    <a name="7-dynamics"></a>
-    <h1 class="pl-2">Exploring the Dynamics of Rural Attractiveness</h1>
-    <!--
-A short text introducing the idea of exploring the dynamics of rural attractiveness by drilling into the sub-indices
-    -->
-
-    <p>A ‘dots’ visualization of sub-indices for the regions and their evolution over time</p>
-    <div class="card">
-      <h2>Detailed overview of individual regions</h2>
-      <div class="card-body">
-        <p>An aggregated attractiveness index is composed of six factors: anthropic, cultural, economic, institutional,
-          natural and social. Due to the incompleteness of data provided by different regions, we only present four of
-          them below.</p>
-        <ng-container *ngFor="let region of sdmDihService.regions; last as isLast">
-          <region-graph [region]="region"></region-graph>
-          <hr *ngIf="!isLast">
-        </ng-container>
-      </div>
-    </div>
-
-    <p>A ‘disc’ visualization of sub-indices for the regions and their evolution over time</p>
-    <factor-year-graph></factor-year-graph>
-
-    <!--
-TODO: Link to ‘data race’ visualization of sub-indices for the regions and their evolution over time
-    -->
-  </div>
-
-  <div class="page">
-    <a name="8-impacts"></a>
-    <h1 class="pl-2">Exploring the Impact of Policy Option on Rural Attractiveness</h1>
-    <!--
-A short text introducing the idea of exploring the impact of policy options on rural attractiveness, based on comparing the impact of different scenarios in each of three domains, for a single region
-Infrastructure (roads and broadband coverage)
-Agricultural policy
-Support for Entrepreneurship
-    -->
-    <!-- Link to ‘disc’ visualization of impact of different options on RA for each domain -->
-    <p>A ‘disc’ visualization of impact of different options on RAI and its sub-indices for each domain</p>
-    <scenario-factor-year-graph></scenario-factor-year-graph>
-    <!--
-TODO: Link to ‘data-race’ visualization of impact of different options on RA for each domain
-TODO: Link to ‘data-race’ visualization of impact of different options on sub-indices for each domain
-    -->
-  </div>
+<exploring-impact></exploring-impact>
 
 </main>

src/app/app.module.ts

@@ -5,14 +5,36 @@ import {NgbOffcanvasModule} from '@ng-bootstrap/ng-bootstrap';
 
 import {AppComponent} from './app.component';
 
+import {AboutRuralAttractivenessExplorerComponent} from './pages/about-rural-attractiveness-explorer/about-rural-attractiveness-explorer.component';
+import {ComparingRuralAttractivenessComponent} from './pages/comparing-rural-attractiveness/comparing-rural-attractiveness.component';
 import {DiscsModule} from './discs-chart/discs.module';
 import {DotsModule} from './dots-chart/dots.module';
-import {LandingPageComponent} from './landing.component';
+import {ExploringDynamicsComponent} from './pages/exploring-dynamics/exploring-dynamics.component';
+import {ExploringImpactComponent} from './pages/exploring-impact/exploring-impact.component';
+import {LandingPageComponent} from './pages/landing-page/landing-page.component';
 import {MapModule} from './map-chart/map.module';
 import {MenuComponent} from './menu/menu.component';
+import {PolicyOptionsExplorerComponent} from './pages/policy-options-explorer/policy-options-explorer.component';
+import {RegionalForesightComponent} from './pages/regional-foresight/regional-foresight.component';
+import {RuralAttractivenessExplorerComponent} from './pages/rural-attractiveness-explorer/rural-attractiveness-explorer.component';
+import {SystemDynamicsModellingComponent} from './pages/system-dynamics-modelling/system-dynamics-modelling.component';
+import {TextMiningComponent} from './pages/text-mining/text-mining.component';
 
 @NgModule({
-  declarations: [AppComponent, LandingPageComponent, MenuComponent],
+  declarations: [
+    AboutRuralAttractivenessExplorerComponent,
+    AppComponent,
+    ComparingRuralAttractivenessComponent,
+    ExploringDynamicsComponent,
+    ExploringImpactComponent,
+    LandingPageComponent,
+    MenuComponent,
+    PolicyOptionsExplorerComponent,
+    RegionalForesightComponent,
+    RuralAttractivenessExplorerComponent,
+    SystemDynamicsModellingComponent,
+    TextMiningComponent,
+  ],
   imports: [
     BrowserModule,
     FormsModule,

src/app/landing.component.ts

@@ -1,9 +0,0 @@
-import {Component} from '@angular/core';
-
-@Component({
-  selector: 'landing-page',
-  templateUrl: './landing.component.html',
-})
-export class LandingPageComponent {
-  constructor() {}
-}

src/app/pages/about-rural-attractiveness-explorer/about-rural-attractiveness-explorer.component.html

@@ -0,0 +1,12 @@
+  <!-- TODO: <div class="page">
+    <a name="1-foresight"></a><h1 class="pl-2">Regional Foresight</h1> -->
+  <!--
+A short note on the POLIRURAL project as a host for 12 regional Foresight initiatives. 
+
+Links to FS related project deliverables
+Links to newsletter and related articles
+Links to internal deliverables (inventories, guides, compendia etc.)
+Links to the 12 Foresight pages
+Links to external pages for FUP
+    -->
+  <!-- </div> -->

src/app/pages/about-rural-attractiveness-explorer/about-rural-attractiveness-explorer.component.ts

@@ -0,0 +1,11 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'about-rural-attractiveness-explorer',
+  templateUrl: './about-rural-attractiveness-explorer.component.html',
+})
+export class AboutRuralAttractivenessExplorerComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

src/app/pages/comparing-rural-attractiveness/comparing-rural-attractiveness.component.html

@@ -0,0 +1,26 @@
+<div class="page">
+  <a name="6-comparing-europe"></a>
+  <h1 class="pl-2">Comparing Rural Attractiveness across the regions of Europe</h1>
+  <!--
+A short text introducing the idea of comparing rural attractiveness across the regions of Europe.
+  -->
+
+  <p><a href="https://publish.lesprojekt.cz/attractiveness-clustering/" target="_blank">Map visualization for all
+      regions</a></p>
+
+  <!-- TODO: Link to map visualization for the project regions and its evolution over time
+  <div class="map-row">
+    <h2>Map-based comparison</h2>
+    <hslayers-map></hslayers-map>
+  </div>
+  -->
+  <p>A ‘dots’ visualization for the project regions and its evolution over time</p>
+  <all-in-one-graph></all-in-one-graph>
+
+  <p>A ‘disc’ visualization for the project regions and its evolution over time</p>
+  <year-graph></year-graph>
+
+  <!--
+TODO: Link to ‘data race’ visualization for the project regions and its evolution over time
+  -->
+</div>

src/app/pages/comparing-rural-attractiveness/comparing-rural-attractiveness.component.ts

@@ -0,0 +1,11 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'comparing-rural-attractiveness',
+  templateUrl: './comparing-rural-attractiveness.component.html',
+})
+export class ComparingRuralAttractivenessComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

src/app/pages/exploring-dynamics/exploring-dynamics.component.html

@@ -0,0 +1,28 @@
+<div class="page">
+  <a name="7-dynamics"></a>
+  <h1 class="pl-2">Exploring the Dynamics of Rural Attractiveness</h1>
+  <!--
+A short text introducing the idea of exploring the dynamics of rural attractiveness by drilling into the sub-indices
+  -->
+
+  <p>A ‘dots’ visualization of sub-indices for the regions and their evolution over time</p>
+  <div class="card">
+    <h2>Detailed overview of individual regions</h2>
+    <div class="card-body">
+      <p>An aggregated attractiveness index is composed of six factors: anthropic, cultural, economic, institutional,
+        natural and social. Due to the incompleteness of data provided by different regions, we only present four of
+        them below.</p>
+      <ng-container *ngFor="let region of sdmDihService.regions; last as isLast">
+        <region-graph [region]="region"></region-graph>
+        <hr *ngIf="!isLast">
+      </ng-container>
+    </div>
+  </div>
+
+  <p>A ‘disc’ visualization of sub-indices for the regions and their evolution over time</p>
+  <factor-year-graph></factor-year-graph>
+
+  <!--
+TODO: Link to ‘data race’ visualization of sub-indices for the regions and their evolution over time
+  -->
+</div>

src/app/pages/exploring-dynamics/exploring-dynamics.component.ts

@@ -0,0 +1,13 @@
+import {Component, OnInit} from '@angular/core';
+
+import {SdmDihService} from '../../sdm-dih.service';
+
+@Component({
+  selector: 'exploring-dynamics',
+  templateUrl: './exploring-dynamics.component.html',
+})
+export class ExploringDynamicsComponent implements OnInit {
+  constructor(public sdmDihService: SdmDihService) {}
+
+  ngOnInit() {}
+}

src/app/pages/exploring-impact/exploring-impact.component.html

@@ -0,0 +1,17 @@
+<div class="page">
+  <a name="8-impacts"></a>
+  <h1 class="pl-2">Exploring the Impact of Policy Option on Rural Attractiveness</h1>
+  <!--
+A short text introducing the idea of exploring the impact of policy options on rural attractiveness, based on comparing the impact of different scenarios in each of three domains, for a single region
+Infrastructure (roads and broadband coverage)
+Agricultural policy
+Support for Entrepreneurship
+  -->
+  <!-- Link to ‘disc’ visualization of impact of different options on RA for each domain -->
+  <p>A ‘disc’ visualization of impact of different options on RAI and its sub-indices for each domain</p>
+  <scenario-factor-year-graph></scenario-factor-year-graph>
+  <!--
+TODO: Link to ‘data-race’ visualization of impact of different options on RA for each domain
+TODO: Link to ‘data-race’ visualization of impact of different options on sub-indices for each domain
+  -->
+</div>

src/app/pages/exploring-impact/exploring-impact.component.ts

@@ -0,0 +1,11 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'exploring-impact',
+  templateUrl: './exploring-impact.component.html',
+})
+export class ExploringImpactComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

src/app/pages/landing-page/landing-page.component.ts

@@ -0,0 +1,11 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'landing-page',
+  templateUrl: './landing-page.component.html',
+})
+export class LandingPageComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

src/app/pages/policy-options-explorer/policy-options-explorer.component.html

@@ -0,0 +1,21 @@
+<div class="page">
+  <a name="4-policy-options"></a>
+  <h1 class="pl-2">The Policy Options Explorer</h1>
+  <p>The starting point for all the pilot’s models was PoliRural SDM ed.3. Then, a series of meetings with those
+    responsible for the pilots were scheduled. The aim of the meetings was in the first place to fully explain the
+    model so that pilots could understand the dynamics explained and the assumptions made. In the second place, the
+    meetings were designed to best fit local dynamics into the template model.</p>
+  <p>After the first round of meetings, a period was open for pilots to gather data. This period was open to
+    clarification to find the best proxies, and discussion about qualitative data collection.</p>
+  <p>Finally, the calibration was intended with the available data.</p>
+  <figure>
+    <img src="assets/policy-options-explorer.png" class="img-fluid">
+    <figcaption>Policy options explorer</figcaption>
+  </figure>
+
+  <!--
+Links to SDM related project deliverables
+Links to newsletter and related articles
+Link to the “The Policy Options Explorer” (pages of Runar and Antoni, or separate links for each region)
+  -->
+</div>

src/app/pages/policy-options-explorer/policy-options-explorer.component.ts

@@ -0,0 +1,11 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'policy-options-explorer',
+  templateUrl: './policy-options-explorer.component.html',
+})
+export class PolicyOptionsExplorerComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

src/app/pages/regional-foresight/regional-foresight.component.html

@@ -0,0 +1,12 @@
+  <!-- TODO: <div class="page">
+    <a name="1-foresight"></a><h1 class="pl-2">Regional Foresight</h1> -->
+  <!--
+A short note on the POLIRURAL project as a host for 12 regional Foresight initiatives. 
+
+Links to FS related project deliverables
+Links to newsletter and related articles
+Links to internal deliverables (inventories, guides, compendia etc.)
+Links to the 12 Foresight pages
+Links to external pages for FUP
+    -->
+  <!-- </div> -->

src/app/pages/regional-foresight/regional-foresight.component.ts

@@ -0,0 +1,11 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'regional-foresight',
+  templateUrl: './regional-foresight.component.html',
+})
+export class RegionalForesightComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

src/app/pages/rural-attractiveness-explorer/rural-attractiveness-explorer.component.html

@@ -0,0 +1,54 @@
+<div class="page">
+  <a name="5-attractiveness"></a>
+  <h1 class="pl-2">The Rural Attractiveness Explorer</h1>
+  <p>In PoliRural, we observed that concepts of rural attractiveness often feature in regional development strategies,
+    that they differ significantly from region to region, and are conditioned by developmental priorities such as the
+    desire to attract investors, entrepreneurs, or tourists. Thus, what is understood as rural attractiveness may
+    depend on where, when, and by whom attractiveness is
+    determined Additionally, the attractiveness of a region can be determined only in comparison to other regions.
+    This means that a region that is rather attractive compared to one set of regions can be rather unattractive
+    compared to another set of regions. Due to this complexity, measuring and evaluating rural attractiveness is
+    challenging.</p>
+
+  <p>Nevertheless, there is some common understanding of and agreement on the general issues that matter for rural
+    attractiveness. These are aspects belonging to the following areas:</p>
+  <ul>
+    <li>social,</li>
+    <li>natural environment,</li>
+    <li>human-made environment,</li>
+    <li>economic,</li>
+    <li>institutional,</li>
+    <li>cultural.</li>
+  </ul>
+
+  <p>This minimum agreement provided the basis for the development of a <strong>Rural Attractiveness Index</strong>.
+    This index is made
+    up of 6 sub-indices - one sub-index for each of the generally relevant areas mentioned above. Each of the
+    sub-indices includes a number of sub-sub indices, e.g. the social sub-index could include sub-sub indices
+    measuring the age composition or unemployment rate of the population in a region.
+    The Rural Attractiveness Index reflects the characteristics of the concept of rural attractiveness: The values of
+    the Index do not represent absolute estimates of the attractiveness of a region but reflect how attractive the
+    assessed regions are in comparison to each other. To account for the context dependency of rural attractiveness,
+    the concrete choice of sub-sub indices needs to be determined in each individual situation in which rural
+    attractiveness is supposed to be evaluated.</p>
+
+  <p>With the Rural Attractiveness Explorer, we want to enable users to explore the effects of different policy
+    choices on the rural attractiveness of the PoliRural pilot regions. Thus, we represent the outputs of the Policy
+    Explorer as a value of the Rural Attractiveness Index and visualise the results of that in different ways. For
+    this purpose, we adapted the Rural Attractiveness Index to fit with the Policy Options Explorer as follows
+    (notably, the version of the Rural Attractiveness Index used here consists of only 4 instead of 6 sub-indices):
+  <figure>
+    <img src="assets/rai-composition.png" class="img-fluid">
+    <figcaption>Composition of the Rural Attractiveness Index used in the Rural Attractiveness Explorer</figcaption>
+  </figure>
+  </p>
+  <!-- 
+Links to RA related project deliverables
+Links to relevant newsletter and related articles
+
+Link to page 6 entitled “Comparing Rural Attractiveness across the regions of Europe”
+Link to page 7 entitled “Exploring the Dynamics of Rural Attractiveness”
+Link to page 8 entitled “Exploring the Impact of Policy Option on Rural Attractiveness”
+
+  -->
+</div>

src/app/pages/rural-attractiveness-explorer/rural-attractiveness-explorer.component.ts

@@ -0,0 +1,11 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'rural-attractiveness-explorer',
+  templateUrl: './rural-attractiveness-explorer.component.html',
+})
+export class RuralAttractivenessExplorerComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

src/app/pages/system-dynamics-modelling/system-dynamics-modelling.component.html

@@ -0,0 +1,15 @@
+  <!-- TODO: <div class="page">
+    <a name="3-sdm"></a><h1 class="pl-2">System Dynamic Modelling applied to Regional Foresight</h1> -->
+  <!--
+A short text explaining 
+SDM, Its application to Foresight, and the work done on TM in the POLIRURAL project.
+The 3-layer model
+The 8-module master model
+
+Links to TM related project deliverables
+Links to newsletter and related articles
+Links to POLIRURAL paper with Milos et al...
+Link to page 4 entitled “The Policy Options Explorer”
+Link to page 5 entitled “The Rural Attractiveness Explorer”
+-->
+  <!-- </div> -->

src/app/pages/system-dynamics-modelling/system-dynamics-modelling.component.ts

@@ -0,0 +1,11 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'system-dynamics-modelling',
+  templateUrl: './system-dynamics-modelling.component.html',
+})
+export class SystemDynamicsModellingComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}

src/app/pages/text-mining/text-mining.component.html

@@ -0,0 +1,12 @@
+  <!-- TODO: <div class="page">
+    <a name="2-text-mining"></a><h1 class="pl-2">Text Mining applied to Regional Foresight</h1> -->
+  <!--
+A short text explaining TM, its application to Foresight, and the work done on TM in the POLIRURAL project.
+
+Links to TM related project deliverables
+Links to newsletter and related articles
+Links to CKA paper and PPT for ISPIM Copenhagen meeting in June22 
+Link to the “The Semantic Explorer”
+
+    -->
+  <!-- </div> -->

src/app/pages/text-mining/text-mining.component.ts

@@ -0,0 +1,11 @@
+import {Component, OnInit} from '@angular/core';
+
+@Component({
+  selector: 'text-mining',
+  templateUrl: './text-mining.component.html',
+})
+export class TextMiningComponent implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}