jekyll-polymer-magazine 0.1.3 → 0.1.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: e312ce1bf0f122b4aecf9956499641ec8dc9d1dd
-  data.tar.gz: 72f78677f4c4b3c12e2eb7381c647cfacdee4c8e
+  metadata.gz: 38c1db6cf4262fd658a2a6d01452073d13f59570
+  data.tar.gz: 7915fc6afcc8d8d4ae1c08e2d467addb469a02c0
 SHA512:
-  metadata.gz: 4150b970b89ce1754b9996d202dae7dc3e77c6c1c0c44feb95d22b2a815b8056632ef339b614b00b0c06f41f0d96bb14fa61261f68ea516c0441fecd9c3689c7
-  data.tar.gz: 3d496880d3c8ec0400ed34dc30f4e8f3748005fd12f36520d9d60dfb3682e034b59b3a8bd43c753cdca778c58f80c2465becb1b03cf268575a53ce1001c31030
+  metadata.gz: 27659651f908cdb131b813d511bc1a7d7f202d899769d352be2e44d2c08f4bbf0b649eee76fe4748fea01602cdf508be992fbaed9ddd3e6fb3127ee91866b487
+  data.tar.gz: d61d46188b95435e10763172996890f3dd5e7272880ba7f5c21dbb8e526eb1164a8590dc5302456770017ec0a3ce3c44798ac2cf475d8d21c59f2bd63ab0656b

data/_includes/disqus.html

@@ -1,24 +1,4 @@
 <section>
 <div id="disqus_thread"></div>
-<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; // Replace PAGE_URL with your page's canonical URL variable
-this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
-};
-*/
-(function() { // DON'T EDIT BELOW THIS LINE
-var d = document, s = d.createElement('script');
 
-s.src = '//{{ 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" rel="nofollow">comments powered by Disqus.</a></noscript>
 </section>

data/_includes/head.html

@@ -18,7 +18,10 @@
   <link rel="import" href="{{ site.baseurl }}/assets/bower_components/paper-menu-button/paper-menu-button.html">
   <link rel="import" href="{{ site.baseurl }}/assets/bower_components/paper-item/paper-item.html">
   <link rel="import" href="{{ site.baseurl }}/assets/bower_components/paper-button/paper-button.html">
+  <link rel="import" href="{{ site.baseurl }}/assets/bower_components/paper-input/paper-input.html">
 
+  <link rel="import" href="{{ site.baseurl }}/assets/bower_components/iron-pages/iron-pages.html">
+  <link rel="import" href="{{ site.baseurl }}/assets/bower_components/iron-collapse/iron-collapse.html">
   <link rel="import" href="{{ site.baseurl }}/assets/bower_components/iron-icon/iron-icon.html">
   <link rel="import" href="{{ site.baseurl }}/assets/bower_components/iron-icons/iron-icons.html">
   <link rel="import" href="{{ site.baseurl }}/assets/bower_components/iron-icons/social-icons.html">

data/_includes/header.html

@@ -0,0 +1,9 @@
+<paper-toolbar style='{% if page.color %}background: {{ page.color }};{% endif %}'>
+  <paper-icon-button icon="arrow-back" onclick="location.href='{{ site.baseurl }}/'"></paper-icon-button>
+  <div class="title">
+    {{ site.title }}
+  </div>
+  <paper-icon-button icon="archive" onclick="location.href='{{ site.baseurl }}/archive'"></paper-icon-button>
+  <paper-icon-button icon="label" onclick="location.href='{{ site.baseurl }}/tags'"></paper-icon-button>
+  <paper-icon-button icon="search" onclick="toggleSearch()"></paper-icon-button>
+</paper-toolbar>

data/_includes/homeheader.html

@@ -0,0 +1,8 @@
+<paper-toolbar>
+  <div class="title">
+    {{ site.title }}
+  </div>
+  <paper-icon-button icon="archive" onclick="location.href='{{ site.baseurl }}/archive'"></paper-icon-button>
+  <paper-icon-button icon="label" onclick="location.href='{{ site.baseurl }}/tags'"></paper-icon-button>
+  <paper-icon-button icon="search" onclick="toggleSearch()"></paper-icon-button>
+</paper-toolbar>

data/_includes/javascripts.html

@@ -1,3 +1,25 @@
+<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; // Replace PAGE_URL with your page's canonical URL variable
+this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
+};
+*/
+(function() { // DON'T EDIT BELOW THIS LINE
+var d = document, s = d.createElement('script');
+
+s.src = '//{{ 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" rel="nofollow">comments powered by Disqus.</a></noscript>
+
 <script src="https://apis.google.com/js/platform.js" async defer></script>
 <div id="fb-root"></div>
 <script>(function(d, s, id) {
@@ -18,3 +40,13 @@
   ga('send', 'pageview');
 
 </script>
+<script>
+  function toggleSearch(){
+    var pages = document.querySelector('iron-pages');
+    if(pages.selected==0){
+        pages.selected = 1;
+    }else{
+      pages.selected = 0;
+    }
+  }
+</script>

data/_includes/search.html

@@ -0,0 +1,53 @@
+  <paper-header-panel>
+    <paper-toolbar style="background:white; color:black;">
+      <paper-icon-button icon="arrow-back" onclick="toggleSearch()"></paper-icon-button>
+      <paper-input no-label-float label="Type to search"
+        oninput="searchPosts()" style="width:100%;" id="searchinput">
+      </paper-input>
+      <paper-icon-button icon="close" onclick="clearSearchInput()"></paper-icon-button>
+    </paper-toolbar>
+  <div>
+    <iron-list id="searchresults">
+    </iron-list>
+  </div>
+  <script>
+    var posts;
+
+    function searchPosts(){
+      var searchkeyword = document.getElementById('searchinput').value;
+      results = new Array;
+      if(posts==undefined){
+        fetch('{{ site.baseurl }}/search.json')
+          .then(function(response) {
+            response.json().then((json)=>{
+              posts=json;
+              filterResults(searchkeyword);
+            });
+          })
+      }else{
+        filterResults(searchkeyword);
+      }
+    }
+    function filterResults(keyword){
+      var results = document.getElementById('searchresults');
+      results.innerHTML = "";
+      if(keyword==""||keyword==undefined){
+        return;
+      }
+      for(var i=0; i<posts.length; i++){
+        console.log(keyword);
+        console.log(typeof(keyword));
+        console.log(posts[i]);
+        if(posts[i].title.includes(keyword) ||
+            posts[i].tags.includes(keyword) ||
+            posts[i].url.includes(keyword) ||
+            posts[i].date.includes(keyword)){
+              results.innerHTML += `<paper-item onclick="location.href='${posts[i].url}'">${posts[i].date} | ${posts[i].title}</paper-item>`;
+            }
+      }
+    }
+    function clearSearchInput(){
+      document.getElementById('searchinput').value = "";
+    }
+  </script>
+  </paper-header-panel>

data/_layouts/archive.html

@@ -0,0 +1,44 @@
+---
+layout: default
+---
+<body>
+  <iron-pages selected="0">
+  <paper-header-panel>
+    {% include header.html %}
+    <div>
+      <div align="center" class="container">
+      <section class="postview-content" align="start">
+        <h1>Archive</h1>
+        {% for post in site.posts  %}
+
+           {% capture this_year %}{{ post.date | date: "%Y" }}{% endcapture %}
+           {% capture next_year %}{{ post.previous.date | date: "%Y" }}{% endcapture %}
+
+           {% if forloop.first %}
+
+           <h2 class="card-content" id="{{ this_year }}-ref">{{this_year}}</h2><br>
+           <!-- <ul> -->
+           {% endif %}
+
+                <p>{{ post.date | date: "%Y.%m.%d" }} | <a href="{{ site.baseurl }}/{{ post.url }}">{{ post.title }}</a>{% if post.author %} | {{ post.author }} {% endif %}</p>
+
+
+           {% if forloop.last %}
+           {% else %}
+               {% if this_year != next_year %}
+
+               <h2 class="card-content" id="{{ next_year }}-ref">{{next_year}}</h2>
+               {% endif %}
+           {% endif %}
+
+        {% endfor %}
+      </section>
+
+    </div>
+    {% include footer.html %}
+  </div>
+  </paper-header-panel>
+  {% include search.html %}
+</iron-pages>
+  {% include javascripts.html %}
+</body>

data/_layouts/home.html

@@ -2,59 +2,56 @@
 layout: default
 ---
 <body>
-  <paper-header-panel >
-    <paper-toolbar>
-      <div class="title">
-        {{ site.title }}
-      </div>
-      <paper-icon-button icon="search"></paper-icon-button>
-    </paper-toolbar>
-    <div>
-      <div class="grid grid-pad">
-
-        {% for post in paginator.posts %}
-        <div class="col-1-2">
-
-          <paper-material class="content post-card" elevation="0"
-            onmouseover="this.elevation='2'" onmouseout="this.elevation='0'"
-            onclick="location.href='{{ site.baseurl }}/{{ post.url }}'"
-            style="{% if post.image %}background: linear-gradient( rgba(0, 0, 0, 0.4),
-            rgba(0, 0, 0, 0.4) ), url('{{ post.image }}')center / cover;{% endif %}">
-              <paper-ripple></paper-ripple>
-              <h2>{{ post.title }}</h2>
-              <p>
-                {{ post.date | date: "%Y.%m.%d" }}
-              </p>
-              <p>
-                {{ post.content | strip_html | truncatewords:60 }}
-                <section>
-                  {% for tag in post.tags %}
-                  <b>#{{ tag }}</b>
-                  {% endfor %}
-                </section>
-              </p>
-            </paper-material>
+  <iron-pages selected="0">
+    <paper-header-panel>
+      {% include homeheader.html %}
+      <div>
+        <div class="grid grid-pad">
+          {% for post in paginator.posts %}
+          <div class="col-1-2">
+            <paper-material class="content post-card" elevation="0"
+              onmouseover="this.elevation='2'" onmouseout="this.elevation='0'"
+              onclick="location.href='{{ site.baseurl }}/{{ post.url }}'"
+              style="{% if post.image %}background: linear-gradient( rgba(0, 0, 0, 0.4),
+              rgba(0, 0, 0, 0.4) ), url('{{ post.image }}')center / cover;{% endif %}">
+                <paper-ripple></paper-ripple>
+                <h2>{{ post.title }}</h2>
+                <p>
+                  {{ post.date | date: "%Y.%m.%d" }}
+                </p>
+                <p>
+                  {{ post.content | strip_html | truncatewords:60 }}
+                  <section>
+                    {% for tag in post.tags %}
+                    <b>#{{ tag }}</b>
+                    {% endfor %}
+                  </section>
+                </p>
+              </paper-material>
+          </div>
+          {% endfor %}
         </div>
-        {% endfor %}
+        <table align="center" style="margin-bottom:64px; margin-top:32px;">
+          <tr>
+            <td style="padding-right:16px;">
+                <paper-button {% if paginator.next_page %} onclick="location.href='{{ site.baseurl }}/{{ paginator.next_page_path }}'"{% else %}{% endif %}>
+                  <iron-icon icon="arrow-back"></iron-icon>
+                  Older
+                </paper-button>
+              </td>
+              <td>{{ paginator.page }} / {{ paginator.total_pages }}</td>
+              <td style="padding-left:16px;">
+                  <paper-button {% if paginator.previous_page %} onclick="location.href='{{ site.baseurl }}/{{ paginator.previous_page_path }}'"{% else %}{% endif %}>
+                 Newer
+                 <iron-icon icon="arrow-forward"></iron-icon>
+               </paper-button>
+             </td>
+           </tr>
+         </table>
+         {% include footer.html %}
       </div>
-      <table align="center" style="margin-bottom:64px; margin-top:32px;">
-        <tr>
-          <td style="padding-right:16px;">
-              <paper-button {% if paginator.next_page %} onclick="location.href='{{ site.baseurl }}/{{ paginator.next_page_path }}'"{% else %}{% endif %}>
-                <iron-icon icon="arrow-back"></iron-icon>
-                Older
-              </paper-button>
-            </td>
-            <td>{{ paginator.page }} / {{ paginator.total_pages }}</td>
-            <td style="padding-left:16px;">
-                <paper-button {% if paginator.previous_page %} onclick="location.href='{{ site.baseurl }}/{{ paginator.previous_page_path }}'"{% else %}{% endif %}>
-               Newer
-               <iron-icon icon="arrow-forward"></iron-icon>
-             </paper-button>
-           </td>
-         </tr>
-       </table>
-       {% include footer.html %}
-    </div>
-  </paper-header-panel>
+    </paper-header-panel>
+    {% include search.html %}
+  </iron-pages>
+  {% include javascripts.html %}
 </body>

data/_layouts/post.html

@@ -2,92 +2,89 @@
 layout: default
 ---
 <body>
-  <paper-header-panel>
-  <paper-toolbar id="postview-toolbar" style='{% if page.color %}background: {{ page.color }};{% endif %}'>
-    <paper-icon-button icon="arrow-back" onclick="location.href='{{ site.baseurl }}/'"></paper-icon-button>
-    <div class="title">
-      {{ site.title }}
-    </div>
-    <paper-icon-button icon="search"></paper-icon-button>
-  </paper-toolbar>
-  <div>
-    <section class="postview-header" elevation="0" id="header"
-      style="{% if page.image %}background: linear-gradient( rgba(0, 0, 0, 0.4),
-      rgba(0, 0, 0, 0.4) ), url('{{ page.image }}')center / cover;{% endif %}"
-      align="center">
-      <div class="postview-titlebox" align="start">
-        <h1>{{ page.title }}</h1>
-        <p>
-          {{ page.date | date: "%Y.%m.%d" }}
-        </p>
-      </div>
-    </section>
-    {% include sharebtn.html %}
-      <div align="center">
-        <section class="postview-content" align="start">
-          {{ page.content }}
-          <section>
-            <hr class="hr-with-margin" />
-            {% for tag in page.tags %}
-              <b>#{{ tag }}</b>
-            {% endfor %}
-            <table class="social-btns">
-              <tbody>
-                <tr>
-                  <td>
-                    <!-- 구글플러스 +1 버튼 -->
-                    <g:plusone></g:plusone>
-                  </td>
-                  <td>
-                    <!-- Facebook 좋아요 버튼 -->
-                    <div class="fb-like" data-href="{{ site.baseurl }}/{{ page.url }}"
-                     data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
-                  </td>
-                </tr>
-              </tbody>
-            </table>
+  <iron-pages selected="0">
+    <paper-header-panel>
+    {% include header.html %}
+    <div>
+      <section class="postview-header" elevation="0"
+        style="{% if page.image %}background: linear-gradient( rgba(0, 0, 0, 0.4),
+        rgba(0, 0, 0, 0.4) ), url('{{ page.image }}')center / cover;{% endif %}"
+        align="center">
+        <div class="postview-titlebox" align="start">
+          <h1>{{ page.title }}</h1>
+          <p>
+            {{ page.date | date: "%Y.%m.%d" }}
+          </p>
+        </div>
+      </section>
+      {% include sharebtn.html %}
+        <div align="center">
+          <section class="postview-content" align="start">
+            {{ page.content }}
+            <section>
+              <hr class="hr-with-margin" />
+              {% for tag in page.tags %}
+                <b>#{{ tag }}</b>
+              {% endfor %}
+              <table class="social-btns">
+                <tbody>
+                  <tr>
+                    <td>
+                      <!-- 구글플러스 +1 버튼 -->
+                      <g:plusone></g:plusone>
+                    </td>
+                    <td>
+                      <!-- Facebook 좋아요 버튼 -->
+                      <div class="fb-like" data-href="{{ site.baseurl }}/{{ page.url }}"
+                       data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </section>
+            {% include disqus.html %}
           </section>
-          {% include disqus.html %}
-        </section>
 
-        <!-- Show Previous and Next Post Link -->
-        <div class="grid grid-pad">
-          {% if page.previous.url %}
-            <div class="col-1-2">
-              <paper-material class="post-card-small" elevation="0"
-                onmouseover="this.elevation='2'" onmouseout="this.elevation='0'"
-                onclick="location.href='{{ site.baseurl}}/{{ page.previous.url }}'"
-                style="{% if page.previous.image %}background: linear-gradient( rgba(0, 0, 0, 0.4),
-                rgba(0, 0, 0, 0.4) ), url('{{ page.previous.image }}')center / cover;{% endif %}"
-                align="start">
-                <paper-ripple></paper-ripple>
-                <h2>{{ page.previous.title }}</h2>
-                <p>
-                  {{ page.previous.date | date: "%Y.%m.%d" }}
-                </p>
-              </paper-material>
-            </div>
-          {% else %}{% endif %}
-          {% if page.next.url %}
-            <div class="col-1-2">
-              <paper-material class="post-card-small" elevation="0"
-                onmouseover="this.elevation='2'" onmouseout="this.elevation='0'"
-                onclick="location.href='{{ site.baseurl }}/{{ page.next.url }}'"
-                style="{% if page.next.image %}background: linear-gradient( rgba(0, 0, 0, 0.4),
-                rgba(0, 0, 0, 0.4) ), url('{{ page.next.image }}')center / cover;{% endif %}"
-                align="start">
-                <paper-ripple></paper-ripple>
-                <h2>{{ page.next.title }}</h2>
-                <p>
-                  {{ page.next.date | date: "%Y.%m.%d" }}
-                </p>
-              </paper-material>
-            </div>
-          {% else %}{% endif %}
+          <!-- Show Previous and Next Post Link -->
+          <div class="grid grid-pad">
+            {% if page.previous.url %}
+              <div class="col-1-2">
+                <paper-material class="post-card-small" elevation="0"
+                  onmouseover="this.elevation='2'" onmouseout="this.elevation='0'"
+                  onclick="location.href='{{ site.baseurl}}/{{ page.previous.url }}'"
+                  style="{% if page.previous.image %}background: linear-gradient( rgba(0, 0, 0, 0.4),
+                  rgba(0, 0, 0, 0.4) ), url('{{ page.previous.image }}')center / cover;{% endif %}"
+                  align="start">
+                  <paper-ripple></paper-ripple>
+                  <h2>{{ page.previous.title }}</h2>
+                  <p>
+                    {{ page.previous.date | date: "%Y.%m.%d" }}
+                  </p>
+                </paper-material>
+              </div>
+            {% else %}{% endif %}
+            {% if page.next.url %}
+              <div class="col-1-2">
+                <paper-material class="post-card-small" elevation="0"
+                  onmouseover="this.elevation='2'" onmouseout="this.elevation='0'"
+                  onclick="location.href='{{ site.baseurl }}/{{ page.next.url }}'"
+                  style="{% if page.next.image %}background: linear-gradient( rgba(0, 0, 0, 0.4),
+                  rgba(0, 0, 0, 0.4) ), url('{{ page.next.image }}')center / cover;{% endif %}"
+                  align="start">
+                  <paper-ripple></paper-ripple>
+                  <h2>{{ page.next.title }}</h2>
+                  <p>
+                    {{ page.next.date | date: "%Y.%m.%d" }}
+                  </p>
+                </paper-material>
+              </div>
+            {% else %}{% endif %}
+          </div>
         </div>
+        {% include footer.html %}
       </div>
-      {% include footer.html %}
-    </div>
-  </paper-header-panel>
+    </paper-header-panel>
+    {% include search.html %}
+  </iron-pages>
   {% include javascripts.html %}
 </body>