particles

_includes/head.html

@@ -17,7 +17,6 @@
   <script src='https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js'></script>
   <script src='https://oss.maxcdn.com/respond/1.4.2/respond.min.js'></script>
   <![endif]-->
-  <style>body { padding-top: 70px; }</style>
     <link rel="stylesheet" type="text/css" href="{{ "/css/leaflet.css" | prepend: site.baseurl }}">
     <link rel="stylesheet" type="text/css" href="{{ "/css/MarkerCluster.Default.css" | prepend: site.baseurl }}">
     <link rel="stylesheet" type="text/css" href="{{ "/css/MarkerCluster.css" | prepend: site.baseurl }}">

_layouts/default.html

@@ -54,6 +54,18 @@
             <!--/.nav-collapse -->
         </div>
     </nav>
+    <div class="jumbotron jumbotron-fluid">
+      <div class="container" id="particles-js"></div>
+      <div class="bannerText">
+        {% if page.title != nil %}
+          <h1 class="display-4">{{ page.title | escape }}</h1>
+        {% endif %}
+      </div>
+      <script src="/js/particles.min.js"></script>
+      <script>
+        particlesJS.load('particles-js', '/assets/particles.json');
+      </script>
+    </div>
     <div class="container">
         <div class="starter-template">
             {{ content }}

assets/particles.json

@@ -0,0 +1,110 @@
+{
+  "particles": {
+    "number": {
+      "value": 200,
+      "density": {
+        "enable": true,
+        "value_area": 800
+      }
+    },
+    "color": {
+      "value": "#97316e"
+    },
+    "shape": {
+      "type": "circle",
+      "stroke": {
+        "width": 0,
+        "color": "#97316e"
+      },
+      "polygon": {
+        "nb_sides": 5
+      },
+      "image": {
+        "src": "",
+        "width": 100,
+        "height": 100
+      }
+    },
+    "opacity": {
+      "value": 0.5,
+      "random": false,
+      "anim": {
+        "enable": false,
+        "speed": 5,
+        "opacity_min": 0.1,
+        "sync": false
+      }
+    },
+    "size": {
+      "value": 9,
+      "random": true,
+      "anim": {
+        "enable": false,
+        "speed": 10,
+        "size_min": 0.1,
+        "sync": false
+      }
+    },
+    "line_linked": {
+      "enable": true,
+      "distance": 150,
+      "color": "#97316e",
+      "opacity": 0.4,
+      "width": 1
+    },
+    "move": {
+      "enable": true,
+      "speed": 1,
+      "direction": "none",
+      "random": false,
+      "straight": false,
+      "out_mode": "out",
+      "bounce": false,
+      "attract": {
+        "enable": false,
+        "rotateX": 600,
+        "rotateY": 1200
+      }
+    }
+  },
+  "interactivity": {
+    "detect_on": "canvas",
+    "events": {
+      "onhover": {
+        "enable": true,
+        "mode": "grab"
+      },
+      "onclick": {
+        "enable": true,
+        "mode": "push"
+      },
+      "resize": true
+    },
+    "modes": {
+      "grab": {
+        "distance": 140,
+        "line_linked": {
+          "opacity": 1
+        }
+      },
+      "bubble": {
+        "distance": 400,
+        "size": 40,
+        "duration": 2,
+        "opacity": 8,
+        "speed": 3
+      },
+      "repulse": {
+        "distance": 200,
+        "duration": 0.4
+      },
+      "push": {
+        "particles_nb": 4
+      },
+      "remove": {
+        "particles_nb": 2
+      }
+    }
+  },
+  "retina_detect": true
+}

css/rse4nfdi.css

@@ -14,6 +14,7 @@ tr:nth-child(even) {background-color: #f2f2f2;}
 
 .navbar-default {
     border-top: 5px solid #004da2;
+    margin-bottom: 0px;
 }
 
 .container-navbar {
@@ -53,6 +54,7 @@ tr:nth-child(even) {background-color: #f2f2f2;}
 
 html, body {
     height: 100%;
+    padding-top: 20px;
 }
 
 .container {
@@ -148,9 +150,33 @@ blockquote {
   &:disabled {
     color: $dropdown-link-disabled-color;
     background-color: transparent;
-    // Remove CSS gradients if they're enabled
+    // Remove CSS gradients if they are enabled
     @if $enable-gradients {
       background-image: none;
     }
   }
 }
+
+.jumbotron {
+  position: relative;
+  color: #97316e;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  height: 150px;
+  padding-top: 20px;
+}
+
+#particles-js {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 2;
+  opacity: 0.5;
+}
+
+.bannerText {
+  padding-left: 50px;
+}

de/aims.md

@@ -4,8 +4,6 @@ title: Ziele
 weight: 1
 ---        
 
-# Ziele
-
 RSE4NFDI zielt darauf ab, interdisziplinär die Nachhaltigkeit der Software im Rahmen des Forschungsdatenmanagements auf nationaler Ebene sicherzustellen. RSE4NFDI wendet sich an all diejenigen, die Forschungssoftware entwickeln und verwenden und dabei wissenschaftliche Daten erheben, bearbeiten, speichern und anbieten. Das Fachwissen und die angebotenen Unterstützungs- und Serviceleistungen werden durch die Entwicklung und Umsetzung von erforderlichen und allgemein akzeptierten Rahmenbedingungen ergänzt. Zusammen werden die RSE4NFDI-Aktivitäten einen nachhaltigen, den [FAIR-Prinzipien](https://www.go-fair.org/fair-principles/) entsprechenden Umgang mit Forschungssoftware gewährleisten.
 
 RSE4NFDI wird im Sinne des qualitätsgesicherten Forschungsdatenmanagement

de/docs.md

@@ -3,7 +3,6 @@ layout: default
 title: Dokumente
 weight: 3
 ---
-## Dokumente
 
 ### GWK Pressemitteilung zu NFDI
 

de/index.md

@@ -1,17 +1,17 @@
 ---
 layout: default
 weight: 7
+title: RSE4NFDI
 ---
 <!-- Set variable "lang" to reflect page language -->
 {% assign pagelang = "de" %}
 
-# RSE4NFDI:
-## Wissenschaftliche Softwareentwicklung für die Nationale Forschungsdateninfrastruktur
+# Wissenschaftliche Softwareentwicklung für die Nationale Forschungsdateninfrastruktur
 
 Wir sind der Meinung, dass Forschungssoftware als Querschnittsthemea wichtig genug ist, um in der
 NFDI-Initiative ein dediziertes Konsortium zu rechtfertigen:  ***RSE für die Nationale Forschungs-Daten-Infrastruktur***.
 
-## Einladung zur Teilnahme
+# Einladung zur Teilnahme
 
 Jegliche Akteure die sich für die Nachhaltigkeit von Forschungssoftware einsetzen bzw. auf diese angewiesen sind,  sind herzlich eingeladen, [bei RSE4NFDI mitzuwirken](join.html).
 

en/aims.md

@@ -4,8 +4,6 @@ title: Aims
 weight: 1
 ---        
 
-# Objectives
-
 RSE4NFDI aims to ensure software sustainability across scientific disciplines in the context of research data management on a national level. It addresses those in research who develop and use research software and in this course acquire, handle, store and provide scientific data. The expertise and provided support and services will be complemented by the development and implementation of required and commonly accepted framing conditions. Taken together, the RSE4NFDI activities will ensure sustainable handling of research software corresponding to the FAIR principles.
 
 RSE4NFDI against the background of research data management is going to

en/docs.md

@@ -3,7 +3,6 @@ layout: default
 title: Documents
 weight: 3
 ---
-## Documents
 
 ### GWK press release concerning NFDI
 

en/index.md

@@ -1,16 +1,17 @@
 ---
 layout: default
 weight: 1
+title: RSE4NFDI
 ---
 <!-- Set variable "lang" to reflect page language -->
 {% assign pagelang = "en" %}
 
-# RSE4NFDI: Research Software Engineers for the national research-data infrastructure
+# Research Software Engineers for the national research-data infrastructure
 
 We are convinced that research software as crosscutting theme is important enough to establish
 a dedicated consortium within the NFDI initiative: ***Research Software Engineers for the national research-data infrastructure***.
 
-## Einladung zur Teilnahme
+# Einladung zur Teilnahme
 
 Everyone who is interested in sustainability of research software, or who depends on it is invited to [join RSE4NFDI](join.html).