_layouts/chapter.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
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 }}">&larr;{{ next.title }}</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                  {% endunless %}
                  {% unless forloop.first %}
                      <a href="{{ site.baseurl }}{{ prev.url }}">{{ prev.title }}&rarr;</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>