Redesign and update content

.gitignore

@@ -1,3 +1,4 @@
 **/.DS_Store
 _site/
 .sass-cache/
+node_modules

Gemfile

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+source "https://rubygems.org"
+
+# gem "rails"
+
+gem "jekyll", "~> 4.3"
+
+gem "wdm", ">= 0.1.0" if Gem.win_platform?

Gemfile.lock

@@ -0,0 +1,74 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    addressable (2.8.6)
+      public_suffix (>= 2.0.2, < 6.0)
+    colorator (1.1.0)
+    concurrent-ruby (1.2.3)
+    em-websocket (0.5.3)
+      eventmachine (>= 0.12.9)
+      http_parser.rb (~> 0)
+    eventmachine (1.2.7)
+    ffi (1.16.3-x64-mingw-ucrt)
+    forwardable-extended (2.6.0)
+    google-protobuf (4.26.0-x64-mingw-ucrt)
+      rake (>= 13)
+    http_parser.rb (0.8.0)
+    i18n (1.14.4)
+      concurrent-ruby (~> 1.0)
+    jekyll (4.3.3)
+      addressable (~> 2.4)
+      colorator (~> 1.0)
+      em-websocket (~> 0.5)
+      i18n (~> 1.0)
+      jekyll-sass-converter (>= 2.0, < 4.0)
+      jekyll-watch (~> 2.0)
+      kramdown (~> 2.3, >= 2.3.1)
+      kramdown-parser-gfm (~> 1.0)
+      liquid (~> 4.0)
+      mercenary (>= 0.3.6, < 0.5)
+      pathutil (~> 0.9)
+      rouge (>= 3.0, < 5.0)
+      safe_yaml (~> 1.0)
+      terminal-table (>= 1.8, < 4.0)
+      webrick (~> 1.7)
+    jekyll-sass-converter (3.0.0)
+      sass-embedded (~> 1.54)
+    jekyll-watch (2.2.1)
+      listen (~> 3.0)
+    kramdown (2.4.0)
+      rexml
+    kramdown-parser-gfm (1.1.0)
+      kramdown (~> 2.0)
+    liquid (4.0.4)
+    listen (3.9.0)
+      rb-fsevent (~> 0.10, >= 0.10.3)
+      rb-inotify (~> 0.9, >= 0.9.10)
+    mercenary (0.4.0)
+    pathutil (0.16.2)
+      forwardable-extended (~> 2.6)
+    public_suffix (5.0.4)
+    rake (13.1.0)
+    rb-fsevent (0.11.2)
+    rb-inotify (0.10.1)
+      ffi (~> 1.0)
+    rexml (3.2.6)
+    rouge (4.2.0)
+    safe_yaml (1.0.5)
+    sass-embedded (1.72.0-x64-mingw-ucrt)
+      google-protobuf (>= 3.25, < 5.0)
+    terminal-table (3.0.2)
+      unicode-display_width (>= 1.1.1, < 3)
+    unicode-display_width (2.5.0)
+    wdm (0.1.1)
+    webrick (1.8.1)
+
+PLATFORMS
+  x64-mingw-ucrt
+
+DEPENDENCIES
+  jekyll (~> 4.3)
+  wdm (>= 0.1.0)
+
+BUNDLED WITH
+   2.5.6

_config.yml

@@ -9,48 +9,25 @@
 title: >
   ELEKTRONN - Convolutional Neural Network Toolkit in Python. Fast GPU
   acceleration and easy usage.
-email: [email protected]
 description: > # this means to ignore newlines until "baseurl:"
-  A configurable toolkit for 3D/2D Convolutional Neural Networks (CNN). CNNs are
-  used in Machine Learning to solve difficult classification and regression
+  A configurable toolkit for 3D/2D Convolutional Neural Networks (CNN). CNNs
+  are used in Machine Learning to solve difficult classification and regression
   tasks. ELEKTRONN is based on Theano and benefits from fast GPU
-  implementations. This toolkit was created by Marius Killinger and Gregor Urban
-  at the Max Planck Institute For Medical Research For Medical Research to solve
-  connectomics tasks. We provide a ready-made flexible training pipeline and
+  implementations. We provide a ready-made flexible training pipeline and
   comprehensive documentation.
-baseurl: "/" # the subpath of your site, e.g. /blog
-url: "http://elektronn.org" # the base hostname & protocol for your site
-github_username: ELEKTRONN
+baseurl: "" # the subpath of your site, e.g. /blog
+url: "https://elektronn.org" # the base hostname & protocol for your site
 
-github-url: https://github.com/ELEKTRONN/ELEKTRONN
-documentation-url: http://elektronn.github.io/documentation
+permalink: pretty
 
 # Build settings
 markdown: kramdown
 
 sass:
-  style: :compressed
+  style: compressed
 
-
-include:
- - _images
- - _modules
- - _sources
- - _static
-
-navigation:
- - text: Home
-   url: /
-   icon: home
- - text: Getting Started
-   url: /getting-started/
-   icon: explore
- - text: Development
-   url: /development/
-   icon: code
- - text: About
-   url: /about/
-   icon: people
- - text: Documentation
-   url: /documentation
-   icon: book
+exclude:
+  - package-lock.json
+  - package.json
+  - rollup.config.mjs
+  - js/_main.js

_includes/head.html

@@ -1,14 +1,11 @@
 <head>
 	<meta charset="utf-8">
-	<meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 
 	<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
 	<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
 
-	<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
-	<link rel="stylesheet" href="{{ "/css/cocoen.min.css" | prepend: site.baseurl }}">
-	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+	<link rel="stylesheet" href="{{ '/css/main.css' | relative_url }}">
 	<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
-	<link rel="icon" type="image/png" href="{{ "favicon.ico" | prepend: site.baseurl }}">
+	<link rel="icon" type="image/png" href="{{ 'favicon.ico' | relative_url }}">
 </head>

_layouts/default.html

@@ -3,18 +3,9 @@
 
 {% include head.html %}
 
-<body>
-
+<body class="vgap-l">
 	{{ content }}
 
-	<script src="{{ "js/jquery-3.1.1.min.js" | prepend: site.baseurl }}"></script>
-	<script src="{{ "js/jquery.mobile-events.min.js" | prepend: site.baseurl }}"></script>
-	<script src="{{ "js/cocoen.min.js" | prepend: site.baseurl }}"></script>
-	<script>
-		$(document).ready(function(){
-			$('.cocoen').cocoen();
-		});
-	</script>
+	<script src="{{ '/js/main.js' | relative_url }}"></script>
 </body>
-
 </html>

_sass/_containers.scss

@@ -0,0 +1,75 @@
+.footer {
+	text-align: right;
+}
+
+.header {
+	> * + * {
+		margin-top: 1em;
+	}
+
+	@include breakpoint($on-mobile) {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+
+		> * + * {
+			margin-top: 0;
+		}
+	}
+}
+
+nav {
+	font-size: 1.2rem;
+
+	ul li {
+		display: inline;
+	}
+
+	a {
+		position: relative;
+	}
+
+	a:hover::after {
+		position: absolute;
+		content: "";
+		width: 100%;
+		left: 0;
+		bottom: -4px;
+		height: 4px;
+		background-color: #000000;
+	}
+}
+
+.grid-3 {
+	> * + * {
+		margin-top: 2em;
+	}
+
+	@include breakpoint($on-notebook) {
+		display: grid;
+		grid-template-columns: auto auto auto;
+		grid-column-gap: 25px;
+
+		> * + * {
+			margin-top: 0;
+		}
+	}
+}
+
+.container {
+	max-width: 960px;
+
+	&-sm {
+		max-width: 640px;
+	}
+
+	&-xl {
+		max-width: 1280px;
+	}
+}
+
+.canvas, canvas {
+	display: block;
+	width: 100%;
+	height: 480px;
+}

_sass/_helpers.scss

@@ -0,0 +1,13 @@
+.Mx\(a\) {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.Px\(25px\) {
+	padding-left: 25px;
+	padding-right: 25px;
+}
+
+.Fz\(\.9rem\) {
+	font-size: .9rem;
+}

_sass/_layouts.scss

@@ -0,0 +1,16 @@
+.vgap > * + * {
+	margin-top: 1em;
+}
+.vgap-s > * + * {
+	margin-top: .5em;
+}
+.vgap-m > * + * {
+	margin-top: 2em;
+}
+.vgap-l > * + * {
+	margin-top: 4em;
+}
+
+.hgap > *:not(:last-child) {
+	margin-right: 1em;
+}