Left-column layout

fcbc76ad · Jacek Lebioda · 3f729188 · fcbc76ad · fcbc76ad · fcbc76ad
Commit fcbc76ad authored 5 years ago by Jacek Lebioda
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -12,10 +12,10 @@
    <body>
        {%- include header.html -%}

-        <main id="page-content" aria-label="Content">
+        <main id="site-content" aria-label="Content">

            {% if page.content_title %}
-                <h1 id="page-title">
+                <h1 id="site-title">
                    {{ page.content_title }}
                </h1>
            {% endif %}

--- a/_layouts/left_col.html
+++ b/_layouts/left_col.html
+---
+layout: default
+---
+
+<article>
+
+    <div id="left-column">
+        <h2>{{ page.section }}</h2>
+        <ul>
+        {% for link in page.pages %}
+            <li><a href="{{ site.baseurl }}{{ link.href }}">{{ link.title }}</a></li>
+        {% endfor %}
+        </ul>
+    </div>
+
+    <div>
+        <header>
+            <h1>
+                {{ page.title | escape }}
+            </h1>
+        </header>
+
+        {{ content }}
+    </div>
+</article>
\ No newline at end of file
--- a/_sass/elixir/_layout.scss
+++ b/_sass/elixir/_layout.scss
@@ -47,20 +47,63 @@
 }

 #site-content {
-    div {
-		padding-left: $PADDING_PAGE_LEFT;
-		width: $WIDTH_CONTENT;
-		padding-right: 10px;
-		margin: 0px;
-	}
-
 	h1.title {
 		font-size: 37px;
 		color: #005472;
 		line-height: 1.1;
 		font-weight: 300;
 		margin: 0 0 12px 0;
-	}
+    }
+    
+    article {
+        padding-left: $PADDING_PAGE_LEFT;
+        padding-bottom: 50px;
+		width: $WIDTH_CONTENT;
+        padding-right: 10px;
+		margin: 0px;
+        display: flex;
+        flex-direction: row;
+    
+        #left-column {
+            padding-top: 20px;
+            padding-right: 20px;
+        
+            h2 {
+                color: #005472;
+                font-size: 25px;
+                line-height: 1.2;
+                font-weight: 300;
+                margin: 0;
+                border-bottom: 1px solid #ccc;
+            }
+        
+            ul {
+                width: 200px;
+                padding-inline-start: 20px;
+                list-style: none;
+                margin: 0px;
+
+                li {
+                    padding: 0;
+                    margin: 0;
+
+                    a {
+                        color: #222;
+                        line-height: 1.2;
+                        text-decoration: none;
+                        display: block;
+                        border-bottom: 1px solid #efefef;
+                        padding: 10px 5px 10px 15px;
+                    }
+
+                    a:hover {
+                        color: #060606;
+                        text-decoration: underline;
+                    }
+                }
+            }
+        }
+    }
 }

 #site-footer-primary {    

--- a/assets/main.scss
+++ b/assets/main.scss
@@ -2,4 +2,4 @@
 # This line is required so that Jekyll generates this file
 ---

-@import "elixir";
+@import "elixir";
\ No newline at end of file
--- a/elixir-theme.gemspec
+++ b/elixir-theme.gemspec
@@ -2,7 +2,7 @@

 Gem::Specification.new do |spec|
  spec.name          = "elixir-theme"
-  spec.version       = "0.1.0"
+  spec.version       = "0.1.1"
  spec.authors       = ["jacek.lebioda"]
  spec.email         = ["jacek.lebioda@uni.lu"]