kh-portfolio 0.1.3

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: '00852656750de36db9d102e78feeb24dd2441da5'
+  data.tar.gz: 59fca1e0e076af9b93b1d925f063085a5ebd29a6
+SHA512:
+  metadata.gz: e9cc77ee623581e9168f3e386bcb5b7b76207553250689f18d644fc8a2bb4c73389a87a1cf1135732781cbc4da6681c4dc3b3174e1e29496be79e758325da358
+  data.tar.gz: baa27528f9686d7377aaf2d3f8bc39bf1e6c2ba60418b855591c75b23d5aecc347f34e0cef6e69c0f0bc4b59ae5d43b3bae3f2114dd5fcde5d349a71b5b9cbe2

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2016 Kersing Huang
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,81 @@
+---
+layout: page
+title: README
+---
+
+# kh-portfolio
+
+## Installation
+
+Add this line to your Jekyll site's Gemfile:
+
+```ruby
+gem "kh-portfolio", "~> 0.1.3"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: kh-portfolio
+```
+
+And then execute:
+
+    $ bundle install
+
+Or install it yourself as:
+
+    $ gem install kh-portfolio
+
+## Usage
+
+### Additional Layouts
+
+* `archive` displays posts in reverse chronological order, i.e the most
+recent posts are listed first. 
+
+* `portfolio` displays the most recent projects whose `show` attribute is true.
+
+* `project` is a landing page for a project in your portfolio.
+
+### includes
+
+`nav.html` renders the main navigation used in the site.
+
+`powered-by.html` renders the credits in the footer of the site.
+
+`social-media-connection-bar.html` renders the social media icons in the 
+footer.
+
+### SASS
+
+This theme uses the [Materialize](http://materializecss.com/) frontend 
+framework, [Font Awesome](http://fontawesome.io/), and [Google Fonts](https://fonts.google.com/). 
+Theme styles are defined in `_sass`, `assets/styles.scss`, and `assets/syntax.scss`. 
+
+## Contributing
+
+Bug reports and pull requests are welcome on [GitHub](https://github.com/phyiction/kh-portfolio). 
+This project is intended to be a safe, welcoming space for collaboration, 
+and contributors are expected to adhere to the 
+[Contributor Covenant](http://contributor-covenant.org) code of conduct.
+
+## Development
+
+To set up your environment to develop this theme, run `bundle install`.
+
+1. Clone the repository `git clone https://github.com/phyiction/kh-portfolio.git`
+
+2. Update the `Gemfile` in your Jekyll site with `gem "kh-portfolio", :path => "<path to repo>"`
+
+3. Run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. 
+   As you make modifications to your content, your site will regenerate and you 
+   should see the changes in the browser after a refresh. If you make changes to the
+   theme you will need to restart the server. 
+
+When your theme is released, only the files in `_layouts`, `_includes`, and `_sass` tracked with Git will be released.
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
+

data/_includes/nav.html

@@ -0,0 +1,25 @@
+<nav>
+    <div class="nav-wrapper">
+        <div class="container">
+        <a href="/" class="brand-logo">
+            {{include.logo}}
+        </a>
+        <a href="#" data-activates="mobile" class="button-collapse"><i class="material-icons">menu</i></a>
+        <ul class="right hide-on-med-and-down">
+            {% for p in site.pages %}
+                {% if p.show_in_menu == true %}
+                    <li><a href="{{p.url}}">{{p.title}}</a></li>
+                {% endif %}
+            {% endfor %}
+        </ul>
+        <ul class="side-nav" id="mobile">
+            <li><a href="/">Home</a></li>
+            {% for p in site.pages %}
+                {% if p.show_in_menu == true %}
+                    <li><a href="{{p.url}}">{{p.title}}</a></li>
+                {% endif %}
+            {% endfor %}
+        </ul>
+        </div>
+    </div>
+</nav>

data/_includes/powered-by.html

@@ -0,0 +1,5 @@
+Powered by
+<a target="_blank" href="http://fontawesome.io/">Font Awesome</a>,
+<a target="_blank" href="https://jekyllrb.com/">Jekyll</a>,
+<a target="_blank" href="https://jquery.com/">JQuery</a>, and
+<a target="_blank" href="http://materializecss.com/">Materialize</a>

data/_includes/social-media-connection-bar.html

@@ -0,0 +1,27 @@
+
+{% if site.bitbucket_username %}
+<a target="_blank" href="https://bitbucket.org/{{site.bitbucket_username}}">
+  <i class="fa fa-2x fa-bitbucket"></i>
+</a>
+&nbsp;&nbsp;
+{% endif %}
+
+{% if site.github_username %}
+<a target="_blank" href="https://github.com/{{site.github_username}}">
+  <i class="fa fa-2x fa-github"></i>
+</a>
+&nbsp;&nbsp;
+{% endif %}
+
+{% if site.linkedin_username %}
+<a target="_blank" href="https://www.linkedin.com/in/{{site.linkedin_username}}">
+  <i class="fa fa-2x fa-linkedin"></i>
+</a>
+&nbsp;&nbsp;
+{% endif %}
+
+{% if site.twitter_username %}
+<a target="_blank" href="https://twitter.com/{{site.twitter_username}}">
+  <i class="fa fa-2x fa-twitter"></i>
+</a>
+{% endif %}

data/_layouts/archive.html

@@ -0,0 +1,35 @@
+---
+layout: page
+---
+
+<div id="archive">
+  <div class="row">
+    <div class="col l12 m12">
+      {% capture years %}{% for p in site.posts %}{{p.date | date: "%Y"}}{%if forloop.last == false %},{% endif %}{% endfor %}{% endcapture %}
+      {% assign yearArr = years | split: ',' | uniq | sort | reverse %}
+      <ul class="tabs">
+        {% for y in yearArr %}
+          <li class="tab"><a href="#{{y}}" class="{% if forloop.first == true %}active{% endif %}">{{y}}</a></li>
+        {% endfor %}
+      </ul>
+      {% for y in yearArr %}
+        {% capture months %}{% for p in site.posts %}{% assign currY = p.date | date: "%Y" %}{%if currY == y %}{{ p.date | date: "%m"}}{%if forloop.last == false %},{% endif %}{% endif %}{% endfor %}{% endcapture %}
+        {% assign monthArr = months | split: ',' | uniq | sort %}  
+        <div id="{{y}}">
+          <dl>
+            {% for m in monthArr %}
+              {% assign d = "" | append: y | append: "-" | append: m  | append: "-01" %}
+              <dt>{{ d | date: "%b" }}</dt>
+              {% for p in site.posts %}
+                {% assign curr = p.date | date: "%Y-%m-01" %}
+                {% if curr == d %}
+                  <dd class="post">{{p.date | date: "%d"}} &middot; <a href="{{p.url}}" class="title">{{p.title}}</a></dd>
+                {% endif %}
+              {% endfor %}
+            {% endfor %}
+          </dl>
+        </div>
+      {% endfor %}
+    </div>
+  </div>
+</div>

data/_layouts/default.html

@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+{% assign logo = site.first_initial | append: "[" | append: site.second_initial | append: "]" %}
+<html>
+    <head>
+
+        <title>{{logo}} : {{page.title}}</title>
+
+        <!-- JQuery -->
+        <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
+
+        <!-- Materialize JS -->
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>
+
+        <!-- Theme JS -->
+        <script type="text/javascript" src="/assets/js/theme.js"></script>
+
+        <!-- Font Awesome -->
+        <script src="https://use.fontawesome.com/6f7070a647.js"></script>
+
+        <!-- Theme CSS -->
+        <link rel="stylesheet" href="/assets/styles.css" />
+        
+        <!-- Syntax Highlight CSS -->
+        <link rel="stylesheet" href="/assets/syntax.css" />
+
+    </head>
+    <body>
+
+        <header>
+            {% include nav.html logo=logo %}
+        </header>
+        <main>
+            {{ content }}
+        </main>
+        <footer class="page-footer">
+            <p id="social-media-bar" class="center-align">
+                {% include social-media-connection-bar.html %}
+            </p>
+            <p id="powered-by" class="center-align">
+                {% include powered-by.html %}
+            </p>
+        </footer>
+    </body>
+</html>

data/_layouts/page.html

@@ -0,0 +1,14 @@
+---
+layout: default
+---
+
+<div class="container">
+	<div class="row">
+		<div class="col l12 m12 s12">
+			{% if page.show_title %}
+				<h2>{{page.title}}</h2>
+			{% endif %}
+			{{ content }}
+		</div>
+	</div>
+</div>

data/_layouts/portfolio.html

@@ -0,0 +1,29 @@
+---
+layout: page
+---
+
+<div id="portfolio">
+
+  {% capture years %}{% for p in site.projects %}{%if p.show %}{{p.created | date: "%Y"}}{% endif %}{%if forloop.last == false %},{% endif %}{% endfor %}{% endcapture %}
+  {% assign yearArr = years | split: ',' | uniq | sort | reverse %}
+  <ul class="tabs">
+  {% for y in yearArr %}
+  <li class="tab"><a href="#{{y}}" class="{% if forloop.first == true %}active{% endif %}">{{y}}</a></li>
+  {% endfor %}
+  </ul>
+  <div class="section">
+    {% assign sorted_projects = site.projects | sort: "created" | reverse %}
+    {% for y in yearArr %}
+      <div id="{{y}}">
+        {% for p in sorted_projects %}
+          {% assign Y = p.created | date: "%Y" %}
+          {% if p.show and Y == y %}
+            <div class="project">
+              {{ p.created | date: "%b %d" }} &middot; <a href="{{p.url}}" class="title">{{p.title}}</a> 
+            </div>
+          {% endif %}
+        {% endfor %}
+      </div>
+    {% endfor %}
+  </div>
+</div>

data/_layouts/post.html

@@ -0,0 +1,74 @@
+---
+layout: default
+---
+
+<div class="container">
+  <div class="row">
+    <div class="col l8 m8 s12">
+      <div class="section">
+        <article class="post" itemscope itemtype="http://schema.org/BlogPosting">
+          <header>
+            {% assign num_categories = page.categories | size %}
+            {% if num_categories != 0 %}
+              <nav class="categories">
+                <div class="nav-wrapper">
+                  <div class="col l12 m12 s12">
+                    {% for c in page.categories %}
+                      <span class="breadcrumb">{{c | replace: '-', ' ' }}</span>
+                    {% endfor %}
+                  </div>
+                </div>
+              </nav>
+            {% endif %}
+            <h2 class="title" itemprop="name headline">{{ page.title }}</h2>
+            <div>
+              <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished" class="created">{{ page.date | date: "%B %-d, %Y" }}</time>
+              {% if page.author %} &bull;
+                <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>
+              {% endif %} 
+            </div>
+          </header>
+          <div class="body flow-text" itemprop="articleBody">
+            {{ content }}
+          </div>
+          <footer>
+            {% assign num_tags = page.tags | size %}
+            {% if num_tags != 0 %}
+              <div class="tags">
+                <i class="fa fa-lg fa-tags"></i> 
+                {% assign sorted_tags = page.tags | sort %}
+                {% for t in sorted_tags %}
+                  <span class="chip" itemscope itemtype="http://schema.org/Text" itemprop="keywords">{{t}}</span>
+                {% endfor %}
+              </div>
+            {% endif %}
+          </footer>
+        </article>
+      </div>
+    </div>
+    <div class="col l4 m4 s12">
+      <div class="section">
+        {% capture rel_posts %}
+        {% for p in site.posts %}
+          {% assign keywords = p.tags | join: "," %}
+          {% assign lenStart = keywords | size %}
+          {% for t in page.tags %}
+            {% assign keywords = keywords | replace: t %}
+          {% endfor %}
+          {% assign lenEnd = keywords | size %}
+          {% if lenStart != lenEnd and p.url != page.url %}
+            <li><a href="{{p.url}}">{{p.title}}</a></li>
+          {% endif %}
+        {% endfor %}
+        {% endcapture %}
+        {% assign len = rel_posts | lstrip | rstrip | size %}
+        {% if len != 0 %}
+          <h5>Related</h5>
+          <ul>
+            {{rel_posts}}
+          </ul>
+        {% endif %}
+      </div>
+    </div>
+  </div>
+</div>

data/_layouts/project.html

@@ -0,0 +1,51 @@
+---
+layout: default
+---
+
+<div class="container">
+    <div class="project">
+        <div class="section">
+            <div class="row">
+                <div class="col l4 m4 s12">
+                    <div class="section">
+                        {% if page.show %}
+                            {% if page.screenshot %}
+                                <img src="{{page.screenshot}}" class="responsive-img" />
+                            {% else %}
+                                <div class="image">
+                                    <i class="fa fa-file-image-o"></i>
+                                </div>
+                            {% endif %}
+                        {% else %}
+                            <div class="image">
+                                <i class="fa fa-exclamation-triangle"></i>
+                            </div>
+                        {% endif %}
+                    </div>
+                </div>
+                <div class="col l8 m8 s12">
+                    <div class="section">
+                        {% if page.show %}
+                            <div class="created">{{page.created | date: "%B %-d, %Y" }}</div>
+                            <div class="title">{{page.title}}</div>
+                            <div class="tags">
+                                <i class="fa fa-tags"></i> 
+                                {% assign sorted_tags = page.tags | sort %}
+                                {% for t in sorted_tags %}
+                                    <span class="chip">{{t}}</span>
+                                {% endfor %}
+                            </div>
+                        {% else %}
+                            <p>You cannot view this project.</p>
+                        {% endif %}
+                    </div>
+                    <div class="section content">
+                        {% if page.show %}
+                        {{content}}
+                        {% endif %}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

data/_sass/_global.scss

@@ -0,0 +1,32 @@
+body {
+    display: flex;
+    min-height: 100vh;
+    flex-direction: column;
+}
+
+main {
+    flex: 1 0 auto;
+}
+
+h1,h2,h3,h4,h5,h6{
+    font-family: Gruppo;
+    text-transform: lowercase;
+}
+
+footer.page-footer{
+
+    color: darken($navbar-font-color,30%);
+    
+    a{
+        color: darken($navbar-font-color,30%);
+    }
+}
+
+.seal{
+    width: 48px;
+    height: 48px;
+}
+
+a.brand-logo{
+    font-family: Gruppo;
+}