Merged master

Gemfile

@@ -18,6 +18,7 @@ gem "github-pages", group: :jekyll_plugins
 # If you have any plugins, put them here!
 group :jekyll_plugins do
   gem "jekyll-feed", "~> 0.6"
+  gem "jekyll-livereload"
 end
 
 # Windows does not include zoneinfo files, so bundle the tzinfo-data gem

Gemfile.lock

@@ -16,8 +16,12 @@ GEM
     commonmarker (0.17.7.1)
       ruby-enum (~> 0.5)
     concurrent-ruby (1.0.5)
+    em-websocket (0.5.1)
+      eventmachine (>= 0.12.9)
+      http_parser.rb (~> 0.6.0)
     ethon (0.11.0)
       ffi (>= 1.3.0)
+    eventmachine (1.2.5)
     execjs (2.7.0)
     faraday (0.14.0)
       multipart-post (>= 1.2, < 3)
@@ -77,6 +81,7 @@ GEM
     html-pipeline (2.7.1)
       activesupport (>= 2)
       nokogiri (>= 1.4)
+    http_parser.rb (0.6.0)
     i18n (0.9.1)
       concurrent-ruby (~> 1.0)
     jekyll (3.6.2)
@@ -111,6 +116,9 @@ GEM
     jekyll-github-metadata (2.9.3)
       jekyll (~> 3.1)
       octokit (~> 4.0, != 4.4.0)
+    jekyll-livereload (0.2.2)
+      em-websocket (~> 0.5)
+      jekyll (~> 3.0)
     jekyll-mentions (1.2.0)
       activesupport (~> 4.0)
       html-pipeline (~> 2.3)
@@ -235,7 +243,8 @@ DEPENDENCIES
   github-pages
   jekyll (~> 3.6.2)
   jekyll-feed (~> 0.6)
+  jekyll-livereload
   tzinfo-data
 
 BUNDLED WITH
-   1.16.0
+   1.16.1

README.md

@@ -1,17 +1,27 @@
 # Jekyll site for ulovliglogning.dk
 
-## Install
+## To work on the code, either
 
-### Install Jekyll and Bundler gems through RubyGems
+### Use docker
+You need docker-compose. Simply run
+`docker-compose up` to launch the site in a docker container with livereload support. 
+
+### Or install Jekyll locally
+
+#### Install Jekyll and Bundler gems through RubyGems
 `gem install jekyll bundler`
 
-### Install dependencies
+#### Install dependencies
 `bundle install`
 
-### Build the site local
+#### Build the site local
 `bundle exec jekyll serve`
 
 You can now see the site at [localhost:4000](http://localhost:4000)
 
+## Deploy
+
+It's **important** that you build the site with `JEKYLL_ENV=production bundle exec jekyll build` before deploying the contents of the `_site` directory. We're doing some debugging stuff when then project is build in the development env.
+
 ## Structure
 The contents of the index page is defined in the frontmatter of the file `index.md`

_scss/base/_variables.scss

@@ -2,6 +2,12 @@
 $body-bg: #2A2A2A;
 $alternate-bg: #ff5800;
 
+$color-mine-shaft: #2A2A2A;
+$color-international-orange: #ff5800;
+
+$background-primary: $color-mine-shaft;
+$background-alternative: $color-international-orange;
+
 /* Size */
 $screen-xs: 600px !default;
 $screen-xs-min: $screen-xs !default;

_scss/module/_indexpage.scss

@@ -1,40 +1,43 @@
 section {
 	min-height: 100vh;
-	width: 100%;
+	position: relative;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
-    position: relative;
-    background: $body-bg;
-    /*&:not(:first-child):before*/ &:before {
-	    content: "";
-	    width: 100%;
-	    height: 30px;
-	    position: absolute;
-	    top: -30px;
-	    right: 0;
-	    background: linear-gradient(to left bottom, $alternate-bg 0%,$alternate-bg 49%,$body-bg 50%,$body-bg 100%);
-	    background: linear-gradient(to left bottom, transparent 0%,transparent 49%,$body-bg 50%,$body-bg 100%);
-	}
-	&.even {
-		background: $alternate-bg;
-		&:before {
-		    background: linear-gradient(to left bottom, $body-bg 0%,$body-bg 49%,$alternate-bg 50%,$alternate-bg 100%);
-		    background: linear-gradient(to left bottom, transparent 0%,transparent 49%,$alternate-bg 50%,$alternate-bg 100%);
+
+	background-color: $background-primary;
+	background-image: linear-gradient(
+		to left bottom, 
+		$background-primary 49%, 
+		$background-alternative 50%
+	);
+	background-size: 100% 30px;
+	background-repeat: no-repeat;
+	background-position: bottom;
+
+	&:nth-of-type(even) {
+		background-color: $background-alternative;
+		background-image: linear-gradient(
+			to left bottom, 
+			$background-alternative 49%, 
+			$background-primary 50%
+		);
 	}
+	&:last-of-type {
+		background-image: none;
 	}
 
 	.paragraphs {
 		column-count: 2;
-		text-justify: distribute;
-		text-justify: inter-character;
 		column-gap: 2rem;
+		//text-justify: none;
+		word-break: break-word;
 	}
 }
 
+section {
 	.paragraphs {
-		
 		margin-bottom: 3rem;
 		h3, p {
 			max-width: 300px;

docker-compose.yml

@@ -0,0 +1,9 @@
+
+jekyll:
+    image: jekyll/jekyll
+    command: jekyll serve --livereload --reload_port 35729
+    ports:
+        - 4000:4000
+        - 35729:35729
+    volumes:
+        - .:/srv/jekyll