jekyll-theme-panda 0.1.1

data/_layouts/forarchive.html

@@ -0,0 +1,91 @@
+---
+layout: default
+---
+
+
+<!-- 
+Credits: this page shamelessly borrowed a lot from:
+https://github.com/kitian616/jekyll-TeXt-theme
+-->
+<!-- Page Header -->
+
+
+
+<!-- Main Content -->
+<section style="height:100px"></section>
+<div class="container">
+	<div class="row">
+		<div class="col-md">
+			<!-- Tags (as filter) -->
+			<div id='tag_cloud' class="d-flex flex-wrap js-tags">
+				<a class="tag-button--all" data-encode="" href="{{site.baseurl }}/archive.html">
+					<b>Show All</b>
+					<sup>{{site.posts.size}}</sup>
+				</a>
+
+				{% capture tags %}
+				{% for tag in site.tags %}
+				<a 
+				 href="archive.html?tag={{ tag[0] }}"
+				 data-sort="{{ site.posts.size | minus: tag[1].size | prepend: '0000' | slice: -4, 4 }}"
+					data-encode="{{ tag[0] | strip | url_encode }}"
+					class="tag-button"
+					title="{{ tag[0] }}" rel="{{ tag[1].size }}">
+					{{ tag[0] }}
+					<sup>{{tag[1].size}}</sup>
+			    </a>
+				{% endfor %}
+				{% endcapture %}
+        {{ tags | split:'</a>' | sort | join:'</a>' }}
+			</div>
+            <section style="height:100px"></section>
+            <!-- Article List -->
+			<div class="mini-post-list js-result d-none">
+			{%- assign _sorted_list = site.posts -%}
+			{%- assign _sorted_list = _sorted_list | sort: 'date' -%}
+			{%- assign _sorted_list = _sorted_list | reverse -%}
+
+
+			{%- for _article in _sorted_list -%}
+				{%- assign _tags = '' -%}
+				{%- for _tag in _article.tags -%}
+					{%- assign _tag_encode = _tag | strip | url_encode -%}
+					{%- if forloop.last -%}
+						{%- assign _tags = _tags | append: _tag_encode -%}
+					{%- else -%}
+						{%- assign _tags = _tags | append: _tag_encode | append: ',' -%}
+					{%- endif -%}
+				{%- endfor -%}
+
+			{% comment %} group by year {% endcomment %}
+			{%- assign _currentdate = _article.date | date: '%Y' -%}
+			{%- if _currentdate != _date -%}
+				{%- unless forloop.first -%}</section>{%- endunless -%}
+				<section>
+				<span class="fa listing-seperator">
+					<span class="tag-text"><h3>{{ _currentdate }}</h3></span>
+				</span>
+				{%- assign _date = _currentdate -%}
+			{%- endif -%}
+
+				<div class="post-preview item" data-tags="{{ _tags }}">
+				    <a href="{{ _article.url | prepend: site.baseurl }}">
+						
+				        <h3 class="post-title">
+                            {{ _article.title }}
+				        </h3>
+				        {% if _article.subtitle %}
+				        <h4 class="post-subtitle">
+				            {{ _article.subtitle }}
+				        </h4>
+				        {% endif %}
+				    </a>
+					<hr>
+				
+				</div>
+			{% endfor %}
+		</div>
+	</div>
+</div>
+<script src='{{ "/assets/js/archive.min.js " | prepend: site.baseurl }}'></script>
+

data/_layouts/home.html

@@ -0,0 +1,115 @@
+---
+# Feel free to add content and custom Front Matter to this file.
+# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
+
+layout: default
+
+---
+<style>
+    .home-message{ 
+    
+    margin-top:50px!important;/*Only works in home.html*/
+        min-width: auto !important;
+  }
+</style>
+   <section style="height: 120px;"></section>
+{% for post in site.posts %}
+{% if post.sticky and paginator.page==1%}
+
+
+<section class="home-message js-fadein">
+    <div class="home-message__ttl">
+    <a href="{{ post.url | prepend: site.baseurl }}"  >
+        {% if post.status %}
+        <h2>
+            <b>[Pinned] </b>{{ post.title }}<sup>[{{post.status}}]</sup>
+        </h2>
+        {% else %}
+        <h2>
+            <b>[Pinned] </b>{{ post.title }}
+        </h2>
+        {% endif %}
+        {% if post.subtitle %}
+        <p class="u-txt__label">
+            {{ post.subtitle }}
+        </p>
+        {% endif %}
+       
+        <div class="post-content-preview">
+            <p class="u-txt__label">
+            {% if post.lang == 'en' %}
+            {{ post.content | strip_html | truncate:300 }}
+            {% else %}
+            {{ post.content | strip_html | truncate:200 }}
+            {% endif %}
+        </p>
+        </div>
+       
+    </a>
+    </div>
+    <p class="post-meta">
+        Posted by {% if post.author %}{{ post.author }}{% else %}{{ site.title }}{% endif %} on {{ post.date | date: "%B %-d, %Y" }}
+    </p>
+</section>
+<hr>
+{% endif %}{% endfor %}
+
+
+
+
+
+{% for post in paginator.posts %}{% unless post.sticky %}
+{% unless post.hide %}
+<section class="home-message js-fadein">
+    <div class="home-message__ttl">
+    <a href="{{ post.url | prepend: site.baseurl }}"  >
+        {% if post.status %}
+        <h2>
+            {{ post.title }}<sup>[{{post.status}}]</sup>
+        </h2>
+        {% else %}
+        <h2>
+            {{ post.title }}
+        </h2>
+        {% endif %}
+        {% if post.subtitle %}
+        <p class="u-txt__label">
+            {{ post.subtitle }}
+        </p>
+        {% endif %}
+       
+        <div class="post-content-preview">
+            <p class="u-txt__label">
+            {% if post.lang == 'en' %}
+            {{ post.content | strip_html | truncate:300 }}
+            {% else %}
+            {{ post.content | strip_html | truncate:200 }}
+            {% endif %}
+        </p>
+        </div>
+       
+    </a>
+    </div>
+    <p class="post-meta">
+        Posted by {% if post.author %}{{ post.author }}{% else %}{{ site.title }}{% endif %} on {{ post.date | date: "%B %-d, %Y" }}
+    </p>
+</section>
+<hr>
+{%endunless%}
+{% endunless %}{% endfor %}
+
+<!-- Pager -->
+{% if paginator.total_pages > 1 %}
+<ul class="pager" style="text-align: center;list-style-type:none">
+    {% if paginator.previous_page %}
+    <li class="previous">
+        <a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}">&larr; Newer Posts</a>
+    </li>
+    {% endif %}
+    {% if paginator.next_page %}
+    <li class="next">
+        <a href="{{ paginator.next_page_path | prepend: site.baseurl | replace: '//', '/' }}">Older Posts &rarr;</a>
+    </li>
+    {% endif %}
+</ul>
+{% endif %}

data/_layouts/post.html

@@ -0,0 +1,117 @@
+---
+layout: default
+---
+
+
+
+{%if page.mathjax != false %}
+<script type="text/x-mathjax-config">
+  MathJax.Hub.Config({
+      tex2jax: {
+      skipTags: ['script', 'noscript', 'style', 'textarea', 'pre'],
+      inlineMath: [['$','$']]
+      }
+  });
+</script>
+<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
+</script>
+{%endif%}
+
+
+<section id="front-wedge" style="height: 0px;"></section>
+{% if page.toc != false %}
+<div class="sidebar_catelog sticky-top"></div>
+{% endif %}
+<section class="js-fadein main-body">
+
+    <div class="home-message__ttl" style="text-align: left;">
+        <h1>
+            {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}
+
+            {% if page.status%}<sup>[{{page.status}}]</sup>{%endif%}
+            <a class="edit-button" href="{{site.repo_url}}/blob/master/{{page.path}}" title="Edit on GitHub"><i
+                    class="fa fa-edit"></i></a>
+            <!-- <a class="download tbutton" href="{{site.url}}/{{page.path}}">Download</a> -->
+        </h1>
+        <h4 class="subheading">{{ page.subtitle }}</h4>
+
+        {% if page.last-modify %}
+        <span class="meta">Last modified by <i>{% if page.author %}{{ page.author }}{% else %}{{ site.title }}{% endif
+                %}</i> on {{page.last-modify | date: "%B %-d, %Y"}}
+
+            {% else %}
+            <span class="meta">Posted by <i>{% if page.author %}{{ page.author }}{% else %}{{ site.title }}{% endif
+                    %}</i> on {{ page.date | date: "%B %-d, %Y" }}
+
+                {% endif %}
+
+
+            </span><i class="fa fa-tags"></i>
+
+            {% for tag in page.tags %}
+            <a class="tag" href="{{ site.baseurl }}/archive.html?tag={{ tag | url_encode }}" title="{{ tag }}">{{ tag
+                }}</a>
+            {% endfor %}
+
+    </div>
+
+    <div class="container">
+        {% if page.toc == "inline" %}
+        <div>
+            {% include toc.html html=content class='toc' h_max=3 %}
+        </div>
+        {% endif %}
+        {% if page.toc != false and page.toc != "inline"%}
+        <div id="table-of-contents">
+            {% include toc.html html=content class='toc' h_max=3 %}
+        </div>
+        {% endif %}
+        <div id="markdown-content">
+
+            <!-- custom banner -->
+            {% if page.banner-title%}
+            <div class="d-flex banner">
+                <img src="/assets/img/banner.gif" class="black-white-image p-2 flex-fill bd-highlight banner-image">
+                <div class="p-2 flex-fill bd-highlight ">
+                    <h1 class="banner-text">{{page.banner-title}}</h1>
+                    <p class="banner-text">{{page.banner-subtitle}}</p>
+                </div>
+            </div>
+            {%endif%}
+            <!-- custom banner -->
+            <!-- expired banner -->
+            {% capture post_date%}{{ page.date | date: "%Y" }}{%endcapture%}
+            {% capture curr_date%}{{ "now" | date: "%Y" }}{%endcapture%}
+            {% assign curr_date = curr_date | minus: post_date %}
+            {% capture time %}{{curr_date|minus: post_date}}{%endcapture%}
+            {% if curr_date>1 %}
+            <div class="d-flex banner">
+                <img src="/assets/img/banner.gif" class="warning-image p-2 flex-fill bd-highlight banner-image">
+                <div class="p-2 flex-fill bd-highlight ">
+                    <h1 class="banner-text" style="color: #e83e8c !important;"><i class="fa fa-exclamation-triangle"
+                            style="color: #e83e8c !important;font-size: 2.5rem;" aria-hidden="true"></i> Expired</h1>
+                    <p class="banner-text">Post published over one year ago</p>
+                </div>
+            </div>
+            {%endif%}
+
+            <!-- expired banner -->
+            <!-- WIP banner -->
+            {%if page.status == "WIP"%}
+            <div class="d-flex banner">
+                <img src="/assets/img/banner.gif" class="black-white-image p-2 flex-fill bd-highlight banner-image">
+                <div class="p-2 flex-fill bd-highlight ">
+                    <h1 class="banner-text">Work in progress</h1>
+                    <p class="banner-text"><i class="fa fa-spinner" aria-hidden="true"></i>This post will be updated
+                        soon</p>
+                </div>
+            </div>
+            {%endif%}
+            <!-- WIP banner -->
+
+            {{ content }}
+        </div>
+
+    </div>
+    
+</section>