🚧 comment-out empty chapters

src/app/app.component.html

@@ -7,11 +7,12 @@
 </div>
 
 <main>
-  <a name="0-intro"></a><landing-page></landing-page>
+  <a name="0-intro"></a>
+  <landing-page></landing-page>
 
-  <div class="page">
-    <a name="1-foresight"></a><h1 class="pl-2">Regional Foresight</h1>
-    <!--
+  <!-- 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
@@ -20,11 +21,11 @@ Links to internal deliverables (inventories, guides, compendia etc.)
 Links to the 12 Foresight pages
 Links to external pages for FUP
     -->
-  </div>
+  <!-- </div> -->
 
-  <div class="page">
-    <a name="2-text-mining"></a><h1 class="pl-2">Text Mining applied to Regional Foresight</h1>
-    <!--
+  <!-- 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
@@ -33,11 +34,11 @@ Links to CKA paper and PPT for ISPIM Copenhagen meeting in June22
 Link to the “The Semantic Explorer”
 
     -->
-  </div>
+  <!-- </div> -->
 
-  <div class="page">
-    <a name="3-sdm"></a><h1 class="pl-2">System Dynamic Modelling applied to Regional Foresight</h1>
-    <!--
+  <!-- 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
@@ -49,11 +50,11 @@ 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>
+  <!-- TODO: </div>
 
   <div class="page">
-    <a name="4-policy-options"></a><h1 class="pl-2">The Policy Options Explorer</h1>
-    <!--
+    <a name="4-policy-options"></a><h1 class="pl-2">The Policy Options Explorer</h1>-->
+  <!--
 A short text explaining how the global model was adapted for each of the regions.
 
 Links to SDM related project deliverables
@@ -61,10 +62,11 @@ 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> -->
 
   <div class="page">
-    <a name="5-attractiveness"></a><h1 class="pl-2">The Rural Attractiveness Explorer</h1>
+    <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
@@ -114,12 +116,14 @@ Link to page 8 entitled “Exploring the Impact of Policy Option on Rural Attrac
   </div>
 
   <div class="page">
-    <a name="6-comparing-europe"></a><h1 class="pl-2">Comparing Rural Attractiveness across the regions of Europe</h1>
+    <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.
     -->
 
-    Link to Map visualization for all regions
+    <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">
@@ -127,10 +131,10 @@ A short text introducing the idea of comparing rural attractiveness across the r
       <hslayers-map></hslayers-map>
     </div>
     -->
-    Link to ‘dots’ visualization for the project regions and its evolution over time
+    <p>A ‘dots’ visualization for the project regions and its evolution over time</p>
     <all-in-one-graph></all-in-one-graph>
 
-    Link to ‘disc’ visualization for the project regions and its evolution over time
+    <p>A ‘disc’ visualization for the project regions and its evolution over time</p>
     <year-graph></year-graph>
 
     <!--
@@ -139,21 +143,27 @@ TODO: Link to ‘data race’ visualization for the project regions and its evol
   </div>
 
   <div class="page">
-    <a name="7-dynamics"></a><h1 class="pl-2">Exploring the Dynamics of Rural Attractiveness</h1>
+    <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
     -->
 
-    Link to ‘dots’ visualization of sub-indices for the regions and their evolution over time
-    <h2>Detailed overview of individual regions</h2>
-    <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">
-      <region-graph [region]="region"></region-graph>
-    </ng-container>
+    <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>
 
-    Link to ‘disc’ visualization of sub-indices for the regions and their evolution over time
+    <p>A ‘disc’ visualization of sub-indices for the regions and their evolution over time</p>
     <factor-year-graph></factor-year-graph>
 
     <!--
@@ -162,15 +172,16 @@ TODO: Link to ‘data race’ visualization of sub-indices for the regions and t
   </div>
 
   <div class="page">
-    <a name="8-impacts"></a><h1 class="pl-2">Exploring the Impact of Policy Option on Rural Attractiveness</h1>
+    <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
-    Link to ‘disc’ visualization of impact of different options on sub-indices for each domain
+    <!-- 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

src/app/app.component.scss

@@ -1,6 +1,7 @@
 @import "bootstrap/scss/functions";
 @import "bootstrap/scss/variables";
 @import "bootstrap/scss/mixins";
+@import "bootstrap/scss/card";
 
 .hs-map {
   width: 90%;

src/app/dots-chart/region-graph/region-graph.component.html

@@ -1,8 +1,6 @@
-<div class="card">
   <h3>Detailed overview of {{region}}</h3>
-  <div class="plot-place card-body" *ngIf="dataLoaded; else loading">
+  <div class="plot-place" *ngIf="dataLoaded; else loading">
     <plotly-plot [data]="data" [layout]="plotlyLayout" [config]="plotlyConfig" [className]="'plotly-plot'"
       [useResizeHandler]="true"></plotly-plot>
   </div>
   <ng-template #loading> Loading data... </ng-template>
-</div>

src/app/menu/menu.component.ts

@@ -11,7 +11,7 @@ export class MenuComponent {
   constructor(public activeOffcanvas: NgbActiveOffcanvas) {
     this.menuItems = [
       {order: 0, link: 'intro', label: 'Home'},
-      {order: 1, link: 'foresight', label: 'Regional Foresight'},
+      /*TODO: {order: 1, link: 'foresight', label: 'Regional Foresight'},
       {
         order: 2,
         link: 'text-mining',
@@ -22,7 +22,7 @@ export class MenuComponent {
         link: 'sdm',
         label: 'System Dynamic Modelling applied to Regional Foresight',
       },
-      {order: 4, link: 'policy-options', label: 'The Policy Options Explorer'},
+      {order: 4, link: 'policy-options', label: 'The Policy Options Explorer'},*/
       {
         order: 5,
         link: 'attractiveness',