basic outline for #21

tpoisot · Jun 18, 2018 · f10c66d · f10c66d
1 parent 7bc652d
commit f10c66d
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 3 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -48,6 +48,14 @@
 
   </div>
 
+  {% if page.url contains "lessons" %}
+  <div class="sidebar">
+    <a target="_blank" href="https://gitter.im/ScientificComputingForTheRestOfUs/Lobby" class="item">G</a>
+    <a target="_blank" href="{{ site.github }}/issues/{{page.meta.issue}}/" class="item">F</a>
+    <a target="_blank" href="{{ site.github }}/labels/{{page.meta.label}}/" class="item">H</a>
+  </div>
+  {% endif %}
+
   <div class="content">
     {{ content }}
   </div>

diff --git a/resources/css/style.scss b/resources/css/style.scss
@@ -53,13 +53,11 @@ html, body {
   height: 100%;
 }
 
-.topbar, .content {
-  padding: 2em;
-}
 
 .content {
   max-width: 1100px;
   margin: 0px auto;
+  padding: 5em;
   margin-top: 4em;
   font-size: 1.1rem;
   line-height: 1.8rem;
@@ -164,3 +162,23 @@ p.callout {
   color: #cecece;
   padding: 0px 1em;
 }
+
+
+.sidebar {
+  position: absolute;
+  bottom: 1em;
+  left: 0;
+  .item {
+    display: block;
+    width: 3em;
+    height: 3em;
+    border-radius: 3em;
+    text-align: center;
+    border: 1px solid darken($color-bg, 10%);
+    background: lighten($color-bg, 10%);
+    font-size: 0.8em;
+    padding-top: 0.7em;
+    margin-left: 1em;
+    margin-bottom: 1em;
+  }
+}