Fix the internal link to RFI.

Antoine Goutenoir
1 parent 77d3f656
Showing 3 changed files with 15 additions and 3 deletions Show diff stats
content.yml
flaskr/static/css/common/main.css
flaskr/templates/home.html
@@ -391,8 +391,9 @@ home:
           for a large range of flights.
           The KLM data have also been fitted with linear functions.
-      - content: |
-          ### What about radiative forcing? {#rfi}
+      - title: What about radiative forcing?
+        slug: rfi
+        content: |
           Radiative forcing accounts for the fact that aviation contributes
           to climate change more than just with the emission of carbon dioxide
           from burning fuels, by releasing gases and particles directly
@@ -95,6 +95,17 @@ span.required-asterisk {
 }
+/** TWEAKS ******************************************************************/
+
+h3[id]::before {
+  content: '';
+  display: block;
+  height:      75px;
+  margin-top: -75px;
+  visibility: hidden;
+}
+
+
 /** SPINNER ******************************************************************/
 .lds-ripple {
@@ -50,7 +50,7 @@
         {% for block in column.blocks -%}
             <article>
             {% if block.title -%}
-            <h3>{{ block.title }}</h3>
+            <h3{% if block.slug %} id="{{ block.slug }}"{% endif %}>{{ block.title }}</h3>
             {%- endif %}
             {{ block.content | markdown | safe }}
             </article>