diff options
| author | Heather Miller <heather.miller@epfl.ch> | 2017-01-03 13:59:43 +0100 |
|---|---|---|
| committer | Heather Miller <heather.miller@epfl.ch> | 2017-01-03 13:59:43 +0100 |
| commit | 29ef063fdcfffd887313c7bc0e1e51d515d40e64 (patch) | |
| tree | 89515fb12f2127a99e224e34c1c0b3e13a012f3b /_layouts | |
| parent | 7aa3508c5893848b64b21676356a0fd0105a1f23 (diff) | |
Facelift, step 1
Diffstat (limited to '_layouts')
| -rw-r--r-- | _layouts/chapter.html | 77 | ||||
| -rw-r--r-- | _layouts/default.html | 33 | ||||
| -rw-r--r-- | _layouts/page.html | 2 |
3 files changed, 111 insertions, 1 deletions
diff --git a/_layouts/chapter.html b/_layouts/chapter.html new file mode 100644 index 0000000..ff9b350 --- /dev/null +++ b/_layouts/chapter.html @@ -0,0 +1,77 @@ +<!DOCTYPE html> +<html lang="en"> + + {% include head.html %} +<body> + <div class="topbar"> + <div class="logo-wrap"> + <!-- <div class="circle-logo"></div> --> + <svg class="logo" width="100" height="100"> + <circle cx="50" cy="50" r="35" stroke-width="6" stroke="#fff" fill="#b3c7cf"/> + <circle cx="50" cy="50" r="20" fill="#92adb9"/> + <circle cx="50" cy="50" r="14" fill="#7499AA"/> + </svg> + <div class="book-title"> + <div class="prog-mod">Programming Models for</div> + <div class="dist-comp">Distributed Computing</div> + </div> + </div> + </div> + <div class="container blog"> + <div class="row"> + <div class="col-sm-2"></div> + <div class="col-sm-6"> + {% assign minutes = content | number_of_words | divided_by:180 %} + <div class="category">{{ page.tag }}</div> + <h1 class="page-title">{{ page.title }}</h1> + <div class="subtitle">{{ page.subtitle }} + {% if minutes <= 5 %} + <!-- do nothing --> + {% else %} + <span class="minutes">({{ minutes }} min read)</span> + {% endif %} + </div> + <div class="dash">—</div> + {{ content }} + </div> + <div class="col-sm-3"> + <nav id="toc" class="hidden-print hidden-xs" data-spy="affix" data-toggle="toc"><div class="toc-header" data-spy="affix"><span class="toc-contents">Contents</span></div><span class="toc-hide">Hide</span><span class="toc-expand">Expand</span></nav> + </div> + <div class="col-sm-1"></div> + </div> + <div class="row"> + <div class="col-sm-2"></div> + <div class="col-sm-6"> + <div class="footer-links"> + <div class="typo"><a href="https://github.com/heathermiller/wwwheathermiller/blob/master/{{ page.path }}">Typo? Suggest a fix.</a></div> + {% for category in site.categories %} + {% assign catg_name = category.first %} + {% if catg_name == page.category %} + {% assign catg_posts = category.last %} + {% endif %} + {% endfor %} + {% for post in catg_posts %} + {% if post.title == page.title %} + {% unless forloop.last %} + {% assign next = catg_posts[forloop.index] %} + <a href="{{ site.baseurl }}{{ next.url }}">←{{ next.title }}</a> | + {% endunless %} + {% unless forloop.first %} + <a href="{{ site.baseurl }}{{ prev.url }}">{{ prev.title }}→</a> + {% endunless %} + {% endif %} + {% assign prev = post %} + {% endfor %} + {% if site.categories.blog.size > 5 %} + {% assign random = site.time | date: "%s%N" | modulo: site.posts.size %} + Random post: <a href="{{ site.baseurl }}{{ site.categories.blog[random].url }}">{{ site.categories.blog[random].title }}</a> + {% endif %} + </div> + <!-- {{ site.categories.blog.size > 3}} --> + </div> + <div class="col-sm-4"></div> + </div> + </div> +</body> + +</html> diff --git a/_layouts/default.html b/_layouts/default.html index d8a0846..c4152a6 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -32,4 +32,37 @@ </div> </body> +<script> + + $( ".toc-hide" ).click(function() { + // $( this ).toggleClass( "gray-bg" ); + $(".toc-contents").toggleClass( "lighter" ); + + if ($(this).text() == 'Hide') { + $(this).text("Show"); + } else { + $(this).text("Hide"); + } + // toggle visibility of contents, and expand button + $(".nav").toggle(); + $(".toc-expand").toggle(); + }); + + $( ".toc-expand" ).click(function() { + // $( this ).toggleClass( "gray-bg" ); + + if ($(this).text() == 'Expand') { + $(this).text("Compact"); + $(".nav").css('display', 'block'); + } else { + $(this).text("Expand"); + $(".nav .nav").css('display', 'none'); + } + }); + + // get current year and put it in span + var currYear = new Date().getFullYear() + $(".current-year").text(currYear); +</script> + </html> diff --git a/_layouts/page.html b/_layouts/page.html index 12956f2..45910f5 100644 --- a/_layouts/page.html +++ b/_layouts/page.html @@ -1,5 +1,5 @@ --- -layout: default +layout: chapter --- <article> |