jekyll-theme-newtype 0.1.3 → 0.1.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 8c523f512e91640e75298aa0ba3bc056dbf6ce99cf24ac427b8bc5f1cae24f1a
-  data.tar.gz: b5251cc73011848665eb7172fca6a5af7f1bdb54efc2368c314d121b73d0f8b2
+  metadata.gz: 46e24761c2a1003abf067a9ecef6df083e6e1f4610fac1702c47900e8fc0c53f
+  data.tar.gz: 29e71cfae231af1d43453a58bb20d8cb207d091526486817341c07865f2d6dea
 SHA512:
-  metadata.gz: cb1782e15f9c6662df430297372be516d1741fe3862311591055b12afac8c6be33ed8a4d5cb99af4a1eb3141acc9093258256d4c95515232244f334a2c34f80f
-  data.tar.gz: 0bc50665e4b48b488ac7a7f13baf2b5d29ac6fd90c9a23599dda33cdbed7a6a0f478f1bc982b0956aa81c1812c6c0477165bedb8a8ec0c0666b298306372ab04
+  metadata.gz: a8d7029b05715145372986c6e8a2eab0d9718bbd0c5d33f50d06f5a58b01689f1b00ebd81381ae234e5b5420ba32793002990e0a9eb7479026e456e40ed68595
+  data.tar.gz: dacc171749d2b3b367c9ee1c2452d8b6f0540e951e4428103f3d91756f7d69008362339ce0f42b223f7f46aaa4f5d82d743d2da86a492bf305068db835a6faa4

data/_includes/disqus.html

@@ -0,0 +1,27 @@
+{% if site.disqus and layout.commentable %}
+<script>
+
+    /**
+    *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
+    *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
+
+    var disqus_config = function () {
+         this.page.url = "{{ page.url | absolute_url }}";  // Replace PAGE_URL with your page's canonical URL variable
+         this.page.identifier = "{{ page.url }}"; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
+         this.page.title = "{{ page.title }}";
+
+    };
+
+    (function() { // DON'T EDIT BELOW THIS LINE
+    var d = document, s = d.createElement('script');
+    s.src = 'https://{{ site.disqus }}.disqus.com/embed.js';
+    s.setAttribute('data-timestamp', +new Date());
+    (d.head || d.body).appendChild(s);
+    })();
+    </script>
+    <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+
+    <script id="dsq-count-scr"
+            src="//{{ site.disqus }}.disqus.com/count.js"
+            async></script>
+{% endif %}

data/_includes/footer.html

@@ -1,4 +1,2 @@
-<div class="container" >
-    <h4>{{ site.title}}</h4>
-    <p>{{ site.description }}</p>
-</div>
+<h4>{{ site.title}}</h4>
+<p>{{ site.description }}</p>

data/_includes/head.html

@@ -6,14 +6,14 @@
     {{ site.title + page.title }}
 </title>
 <meta name="viewport"
-      content="width=device-width">
+      content="width=device-width, initial-scale=1;">
 
 <!-- CSS -->
 <link rel="stylesheet"
       href="{{ "/assets/style.css" | relative_url }}" />
 <link rel="icon"
       type="image/x-icon"
-      href="{{ "/favicon.ico" | relative_url }}" />
+      href="{{ site.site_icon | relative_url }}" />
 
 <!-- Extensions -->
 <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS-MML_HTMLorMML"

data/_includes/header.html

@@ -1,31 +0,0 @@
-<div class="container header">
-    <div class="row">
-        <header>
-            <div class="four columns">
-                <a href="{{ site.url }}">
-                    <img class="header-icon" src="{{ "/icon.png" | absolute_url }}" />
-                </a>
-            </div>
-            <div class="eight columns">
-                <a href="{{ site.url }}">
-                    <h1 class="header-title">{{ site.title}}</h1>
-                </a>
-                <h4>{{ site.description }}</h4>
-            </div>
-        </header>
-    </div>
-    <div class="row" >
-        <div class="four columns" ><p></p></div>
-        {% for link in site.social_links %}
-        <div class="one column" >
-            <a href="{{ link.url }}">
-                {% if link.ico %}
-                <img style="width: 2em;" src="{{ link.ico | absolute_url }}" />
-                {% else %}
-                <img style="width: 2em;" src="{%link /assets/bullet.svg %}" />
-                {% endif %}
-            </a>
-        </div>
-        {% endfor %}
-    </div>
-</div>

data/_includes/navigation.html

@@ -0,0 +1,5 @@
+{% for page in site.pages %}
+{% if page.navbar %}
+<a href="{{ page.url }}">{{ page.title }}</a>
+{% endif %}
+{% endfor %}

data/_includes/post_preview.html

@@ -1,7 +1,7 @@
 <div class="row">
-    <h3><a class=""
+    <h3><a class="link-to-post"
            href="{{ post.url | absolute_url }}">
-        {{ post.title }}
+        {{ post.title | markdownify | remove_first: "<p>" | remove_last: "</p>" }}
     </a></h3>
     <span class="meta">{{ post.date | date_to_string }}</span>
     <p>

data/_layouts/category_index.html

@@ -2,12 +2,11 @@
 layout: page
 ---
 
-{% if page.category_name %}
-  {% assign category_name = page.category_name %}
-{% endif %}
-
 {{ content }}
 
-{% for post in site.categories[category_name] %}
-{% include post_preview.html %}
+{% for category_name in page.category_list %}
+    <h1>{{ category_name | capitalize }}</h1>
+    {% for post in site.categories[category_name] %}
+    {% include post_preview.html %}
+    {% endfor %}
 {% endfor %}

data/_layouts/default.html

@@ -2,27 +2,51 @@
 
 <html>
     {% include head.html %}
+    <body class="site-container">
+        <a class="site-title"
+           href="{{ site.url }}">
+            {{ site.title }}
+        </a>
+
+        <header class="site-description" >
+            {{ site.description }}
+        </header>
+
+        <a href="{{ site.url }}"
+           class="site-logo">
+            <img src="{{ site.site_logo | relative_url }}" />
+        </a>
+
+        <section class="site-contacts">
+            {% for link in site.social_links %}
+            <a href="{{ link.url }}">
+                {% if link.ico %}
+                <img style="width: 2em;"
+                     src="{{ link.ico | absolute_url }}" />
+                {% else %}
+                <img style="width: 2em;"
+                     src="{%link /assets/bullet.svg %}" />
+                {% endif %}
+            </a>
+            {% endfor %}
+        </section>
+
+        <nav class="site-navigation">
+            {% include navigation.html %}
+        </nav>
+
+        <section class="site-content">
+            {{ content }}
+        </section>
+
+        <section class="site-comments">
+            <div id="disqus_thread" ></div>
+            {% include disqus.html %}
+        </section>
+
+        <footer class="site-footer">
+            {% include footer.html %}
+        </footer>
 
-    <body>
-        {% include header.html %}
-        <hr/>
-
-        <div class="container">
-            <div class="row" >
-                <div class="two columns">
-                    {% include sidebar.html %}
-                </div>
-                <div class="eight columns">
-                    {{ content }}
-                </div>
-                <div class="two columns">
-                    <p></p>
-                </div>
-            </div>
-        </div>
-
-        <hr/>
-
-        {% include footer.html %}
     </body>
 </html>

data/_layouts/home.html

@@ -5,5 +5,7 @@ layout: default
 {{ content }}
 
 {% for post in site.posts %}
+{% unless post.tags contains "draft" %}
 {% include post_preview.html %}
+{% endunless %}
 {% endfor %}

data/_layouts/page.html

@@ -2,4 +2,10 @@
 layout: default
 ---
 
+<article>
+    <header class="article-header">
+        <h2>{{ page.title }}</h2>
+        <p><strong>{{ page.date | date: '%B %d, %Y' }}</strong></p>
+    </header>
 {{ content }}
+</article>

data/_layouts/post.html

@@ -1,5 +1,31 @@
 ---
 layout: default
+commentable: true
 ---
 
+<article>
+    <header class="article-header">
+        <h1 class="article-title">
+        {{ page.title | markdownify | remove_first: "<p>" | remove_last: "</p>" }}
+        </h1>
+        <section class="article-email">
+            <strong>{{ site.email }}</strong>
+        </section>
+        <section class="article-date">
+            {{ page.date | date: "%B %d, %Y" }}
+        </section>
+        {% if page.categories.size > 0 %}
+        <section class="article-category">
+            Category:
+            {{ page.categories | join: "/" }}
+        </section>
+        {% endif %}
+        {% if page.tags.size > 0 %}
+        <section class="article-tags">Tags:
+            {{ page.tags | join: ", " }}
+        </section>
+        {% endif %}
+    </header>
+
 {{ content }}
+</article>

data/_sass/layout.scss

@@ -0,0 +1,203 @@
+@function mobile-columns($left-margin, $right-margin) {
+    $s1: $left-margin;
+    $s3: $right-margin;
+    // IDK if it'll work when $s1, $s3
+    // are specified in units other than vw
+    $s2: 100vw - $s1 - $s3;
+    @return $s1 $s2 $s3;
+}
+
+@function full-columns($page-width, $logo-width, $left-margin, $right-margin) {
+    $s1: $left-margin;
+    $s2: $logo-width - $left-margin;
+    $s3: $page-width - $s1 - $s2 - $right-margin;
+    $s4: $right-margin;
+    @return $s1 $s2 $s3 $s4;
+}
+
+.site-logo {
+    grid-area: site-logo;
+}
+
+.site-title {
+    grid-area: site-title;
+}
+
+.site-description {
+    grid-area: site-description;
+}
+
+.site-contacts {
+    grid-area: contacts;
+}
+
+.site-navigation {
+    grid-area: navigation;
+}
+
+.site-footer {
+    grid-area: footer;
+}
+
+.site-content {
+    grid-area: content;
+    display: flex;
+    flex-direction: column;
+    max-width: 100%;
+}
+
+.site-comments {
+    grid-area: comments;
+}
+
+@media(max-width: $tablet-width) {
+    $left-margin: 2vw;
+    $right-margin: 2vw;
+
+    .site-container {
+        margin: 0;
+        display: grid;
+        justify-content: center;
+        justify-items: center;
+        grid-template-columns: mobile-columns($left-margin, $right-margin);
+        grid-template-rows: minmax(2rem, min-content)
+                                  minmax(2rem, min-content)
+                                  minmax(2rem, min-content)
+                                  minmax(2rem, min-content)
+                                  minmax(2rem, min-content)
+                                  minmax(2rem, auto)
+                                  minmax(8rem, min-content)
+                                  minmax(2rem, auto);
+        grid-template-areas:
+            " site-logo           site-logo      site-logo"
+            " site-title         site-title      site-title"
+            " site-description site-description  site-description"
+            " contacts            contacts       contacts"
+            " navigation         navigation      navigation"
+            " left-margin          content       right-margin "
+            " left-margin          footer        right-margin "
+            " left-margin         comments       right-margin ";
+    }
+
+    .site-logo {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        width: 100%;
+    }
+
+    .site-logo > img {
+        width: 100%;
+        flex-shrink: 0;
+    }
+
+    .site-description {
+        text-align: center;
+    }
+
+    .site-content {
+        margin-left: 2vw;
+        margin-right: 2vw;
+    }
+
+    .site-contacts {
+        justify-content: center;
+    }
+}
+
+@media(min-width: $tablet-width) {
+    .site-container {
+        margin-top: 0;
+        margin-bottom: 0;
+        overflow-y: scroll;
+        display: grid;
+        justify-content: center;
+        grid-template-columns: full-columns($page-width, $logo-width, $left-margin, $right-margin);
+        grid-template-rows: min-content
+                                min-content
+                                min-content
+                                minmax(2rem, min-content)
+                                minmax(2rem, auto)
+                                minmax(8rem, min-content)
+                                minmax(2rem, auto);
+        grid-template-areas:
+            "  site-logo     site-logo     site-title        site-title    "
+            "  site-logo     site-logo     site-description  site-description "
+            "  site-logo     site-logo     contacts          contacts      "
+            "  navigation    navigation    navigation        navigation   "
+            "  left-margin   content       content           right-margin "
+            "  left-margin   footer        footer            right-margin "
+            "  left-margin   comments      comments          right-margin ";
+    }
+
+    .site-logo {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+    }
+
+    .site-title {
+        padding-left: $logo-title-margin;
+    }
+
+    .site-logo > img {
+        width: $logo-width;
+        flex-shrink: 0;
+    }
+
+    .site-contacts {
+        justify-content: flex-start;
+        padding-left: $logo-title-margin;
+    }
+
+    .site-description {
+        padding-left: $logo-title-margin;
+    }
+}
+
+.site-title {
+    display: flex;
+    justify-content: flex-start;
+}
+
+.site-description {
+    margin-bottom: 1rem;
+    width: 100%;
+}
+
+.site-navigation {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: space-evenly;
+    align-content: center;
+    width: 100%;
+    max-width: 100vw;
+}
+
+.site-navigation > * {
+    text-decoration: none;
+    margin-right: 1rem;
+}
+
+.site-contacts {
+    display: flex;
+    flex-flow: row wrap;
+    align-items: space-between;
+    align-content: center;
+    width: 100%;
+}
+
+.site-contacts > * {
+    text-decoration: none;
+    margin-right: 1rem;
+}
+
+.article-header {
+    text-align: center;
+    margin-bottom: 4rem;
+}
+
+.site-comments {
+    width: 100%;
+    display: block;
+}