alien-minimalistic 0.10.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 77bec0cb7524e30a643df4463c7433f74ea0bc3b7207401e99bf1fb5b7e41b39
+  data.tar.gz: 0ace8d3a333a3d22bb035aff88c549dfb21b0d195019ac37f35f1cec957777e5
+SHA512:
+  metadata.gz: e4b6dcb311acbf8f61f294370af0e4256dbd3465a8acc9dbe9e3a5c123b067c83f3b624fc919afdcbe22312653aee53a6cedd87eb8de0acdf7b9c57f62478249
+  data.tar.gz: 84c21adcec4e4fb6c3066e43c6c972cf08f619a1a027e262a032597df7c67c7def1f3bb2fc5d8e9ec3f333ecf9e0414097af9f7e264f9e37f2cfb8367903d523

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2017 mrcivvy
+
+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,112 @@
+# alien-minimalistic
+
+The alien-minimalistic is a modern responsive Jekyll theme designed to be used right off the box with very minimal set up time. Since the design behind the theme aims to highlight the background of the individual writing the articles apart from providing a clean templated blogging system, it is very helpful to students and professionals to showcase their careers in a coherent manner.
+
+![](https://github.com/mrcivvy/alien-minimalistic/blob/master/_screenshots/home-page.png)
+
+## Installation
+
+### Approach I: Ruby gem
+
+1. To set up a jekyll site quickly using the default Minima theme, run the following command:
+
+```shell
+jekyll new <myblog>
+```
+
+2. Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "alien-minimalistic"
+```
+
+3. Add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: alien-minimalistic
+```
+
+4. Execute the command:
+
+```shell
+$ bundle install
+```
+
+Or install it yourself as:
+
+```shell
+$ gem install alien-minimalistic
+```
+
+4. Create the following files at the root of your site:
+
+```shell
+about.md
+articles.md
+contact.md
+```
+
+5. Add front matter to these files to specify the layout and title. Note that the layout names are the same as the files names that you created in the previous step.
+
+For example, in the about.md file the front matter would be:
+
+```shell
+---
+layout: about
+title: About - Sitename
+---
+```
+
+6. Follow the notes mentioned in the `Usage` section to update the theme with your data
+
+### Approach II: Github repository
+
+1. Clone the Jekyll theme from this Github repository
+2. Update the theme with your data (See the `Usage` section)
+3. Remember to pull updates from this Github repository when new releases are rolled out
+
+## Usage
+
+The theme has been designed to require very minimal changes if you plan to use it right off the box. All you need to do is just define the following `content editable variables` in the `_config.yml` file of your site,
+
+#### Content Editable Variables
+```yaml
+title (The title of your site)
+first-name (Your first name)
+middle-name (Your middle name)
+last-name (Your last name)
+email (Your email address - requires a registered formspree.io email address for the contact form to work.)
+resume-link (Link to your resume)
+disqus (URL of your disqus's embed.js script to enable comments for your site's articles)
+tagline (The tagline that is displayed in the home page)
+description (The description of your site underneath the tag line)
+contact-page-message (A message for your users in the contact page)
+favicon (The path to the site's favicon)
+profile-picture (The path to your profile picture which will be displayed in the 'About' section)
+home-background (The path to the background image in the home page)
+primary-color (The hexcode of the primary color of the site)
+secondary-color (The hexcode of the secondary-color of the site)
+github_page (The link to your Github account)
+twitter_page (The link to your Twitter account)
+linkedin_page (The link to your Linkedin account)
+```
+
+You'll need a [disqus](https://disqus.com/) account for the comments section and a [formspree.io](https://formspree.io/) account for the contact page form. Disqus provides a javascript file to embed in your site so that it can track the comments made by the users of your site. Setting the URL to the javascript file, to the `disqus` variable in the `_config.yml` file should enable Disqus on your site. To set up formspree for your site, you'll need to just set the `email` variable in the `_config.yml` file.
+
+However, if you need some customisation, the theme's `_layouts`, `_includes`, `_sass` and `_assets` folders can be overridden by following the standard procedure described on Jekyll's site [here](https://jekyllrb.com/docs/themes/).
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/mrcivvy/alien-minimalistic. 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`.
+
+To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme and the contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh.
+
+When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled. To add a custom directory to your theme-gem, please edit the regexp in alien-minimalistic.gemspec accordingly.
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/_includes/disqus.html

@@ -0,0 +1,31 @@
+{% if page.comments %}
+  <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 | absolute_url }}';
+      this.page.identifier = '{{ page.url | absolute_url }}';
+    };
+
+    (
+      function()
+      { // DON'T EDIT BELOW THIS LINE
+        var d = document, s = d.createElement('script');
+        s.src = "{{ site.disqus }}";
+        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>
+
+{% endif %}

data/_includes/footer.html

@@ -0,0 +1,29 @@
+<footer id="site-footer">
+
+  <hr id="footer-demarcation"/>
+
+  <div id="footer-nav-container">
+    <nav id="footer-nav-menu-icons-container">
+
+      <a href="{{ site.github_page }}">
+        <div class="footer-menu-icon">{% include social/social-github.html %}</div>
+      </a>
+      <a href="{{ site.twitter_page }}">
+        <div class="footer-menu-icon">{% include social/social-twitter.html %}</div>
+      </a>
+      <a href="{{ site.linkedin_page }}">
+        <div class="footer-menu-icon">{% include social/social-linkedin.html %}</div>
+      </a>
+      <a href="/feed.xml">
+        <div class="footer-menu-icon">{% include social/social-rss.html %}</div>
+      </a>
+
+    </nav>
+
+    <div id="fine-print">
+      <p class="fint-print-text">Made with &#9829; by {{ site.first-name }}</p>
+      <p class="fint-print-text">© 2017-18 {{ site.title }}. All rights reserved.</p>
+    </div>
+  </div>
+
+</footer>

data/_includes/head.html

@@ -0,0 +1,15 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
+  <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
+
+  <link rel="stylesheet" href="{{ "/assets/main.css" | relative_url }}">
+  <link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
+  <link rel="alternate" type="application/rss+xml" title="{{ site.title | escape }}" href="{{ "/feed.xml" | relative_url }}">
+  <link rel="shortcut icon" type="image/png" href="{{ site.favicon }}">
+</head>

data/_includes/header.html

@@ -0,0 +1,46 @@
+<header id="site-header">
+
+  <input type="checkbox" id="header-vegburger-toggle"/>
+  <div id="mobile-header-extended-background">&nbsp;</div>
+
+  <div id="header-nav-container">
+    <h1 id="logo-text"><a href="/">{{ site.title }}</a></h1>
+    <label id="vegburger" for="header-vegburger-toggle">&#9776;</label>
+
+    <nav id="header-nav-menu-icons-container">
+      <a href="/about/">
+        <div class="header-nav-menu-item">
+          <div class="header-nav-menu-icon">{% include icons/icon-about.html %}</div>
+          <p class="header-nav-menu-text">About</p>
+        </div>
+      </a>
+
+      <a href="/articles/">
+        <div class="header-nav-menu-item">
+          <div class="header-nav-menu-icon">{% include icons/icon-articles.html %}</div>
+          <p class="header-nav-menu-text">Articles</p>
+        </div>
+      </a>
+
+      <a href="/contact/">
+        <div class="header-nav-menu-item">
+          <div class="header-nav-menu-icon">{% include icons/icon-contact.html %}</div>
+          <p class="header-nav-menu-text">Contact</p>
+        </div>
+      </a>
+
+      <a href="{{ site.resume-link }}">
+        <div class="header-nav-menu-item">
+          <div class="header-nav-menu-icon">{% include icons/icon-resume.html %}</div>
+          <p class="header-nav-menu-text">Resume</p>
+        </div>
+      </a>
+
+    </nav>
+  </div>
+
+</header>
+
+<div class="header-spacer">
+  &nbsp;
+</div>

data/_includes/icons/icon-about.html

@@ -0,0 +1,10 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="100%" height="100%" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
+<g class="menu-icon-logo">
+	<path d="M80.161,60.441l-15.66-7.47l-6.622-3.159c2.892-1.822,5.241-4.634,6.778-8.022c1.22-2.69,1.946-5.734,1.946-8.99
+		c0-1.827-0.29-3.562-0.694-5.236C63.94,19.453,57.605,13.477,50,13.477c-7.461,0-13.701,5.763-15.792,13.645
+		c-0.482,1.808-0.815,3.688-0.815,5.68c0,3.459,0.808,6.684,2.181,9.489c1.587,3.254,3.94,5.937,6.804,7.662l-6.342,2.953
+		l-16.168,7.53c-1.404,0.658-2.327,2.242-2.327,4.011v15.062v2.703c0,2.381,1.659,4.312,3.708,4.312h57.505
+		c2.048,0,3.708-1.93,3.708-4.312v-2.703V64.446C82.46,62.683,81.552,61.114,80.161,60.441z"/>
+</g>
+</svg>

data/_includes/icons/icon-articles.html

@@ -0,0 +1,9 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="100%" height="100%" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
+<g class="menu-icon-logo">
+	<path d="M68.312,13.111H31.687c-1.661,0-3.007,1.346-3.007,3.007v6.743v45.917v15.897c0,1.224,0.992,2.215,2.216,2.215
+		c0.585,0,1.113-0.231,1.509-0.602h0.014l16.094-16.094h0.035c0.355-0.414,0.876-0.682,1.465-0.682s1.109,0.268,1.465,0.682h0.035
+		l15.918,15.918c0.406,0.472,1.001,0.777,1.673,0.777c1.224,0,2.216-0.992,2.216-2.215V68.777V22.861v-6.743
+		C71.32,14.457,69.973,13.111,68.312,13.111z"/>
+</g>
+</svg>

data/_includes/icons/icon-contact.html

@@ -0,0 +1,18 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="100%" height="100%" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
+<g class="menu-icon-logo">
+	<path d="M85.944,20.189H14.056c-1.41,0-2.556,1.147-2.556,2.557v5.144c0,0.237,0.257,0.509,0.467,0.619
+		l37.786,21.583c0.098,0.057,0.208,0.083,0.318,0.083c0.112,0,0.225-0.029,0.324-0.088L87.039,28.53
+		c0.206-0.115,0.752-0.419,0.957-0.559c0.248-0.169,0.504-0.322,0.504-0.625v-4.601C88.5,21.336,87.354,20.189,85.944,20.189z"/>
+	<path d="M88.181,35.646c-0.2-0.116-0.444-0.111-0.645,0.004L66.799,47.851c-0.166,0.096-0.281,0.266-0.309,0.458
+		c-0.025,0.191,0.035,0.386,0.164,0.527l20.74,22.357c0.123,0.133,0.291,0.204,0.467,0.204c0.079,0,0.159-0.015,0.234-0.043
+		c0.245-0.097,0.405-0.332,0.405-0.596V36.201C88.5,35.971,88.379,35.76,88.181,35.646z"/>
+	<path d="M60.823,51.948c-0.204-0.221-0.532-0.27-0.791-0.118l-8.312,4.891c-0.976,0.574-2.226,0.579-3.208,0.021
+		l-7.315-4.179c-0.242-0.137-0.547-0.104-0.751,0.086L12.668,78.415c-0.148,0.138-0.222,0.337-0.2,0.538
+		c0.022,0.201,0.139,0.381,0.314,0.482c0.432,0.254,0.849,0.375,1.273,0.375h71.153c0.255,0,0.485-0.151,0.585-0.385
+		c0.102-0.232,0.056-0.503-0.118-0.689L60.823,51.948z"/>
+	<path d="M34.334,49.601c0.15-0.137,0.225-0.339,0.203-0.54c-0.022-0.202-0.142-0.381-0.318-0.483L12.453,36.146
+		c-0.194-0.112-0.439-0.11-0.637,0.004c-0.196,0.114-0.316,0.325-0.316,0.552v32.62c0,0.253,0.15,0.483,0.382,0.584
+		c0.082,0.037,0.169,0.055,0.257,0.055c0.157,0,0.314-0.059,0.434-0.171L34.334,49.601z"/>
+</g>
+</svg>

data/_includes/icons/icon-resume.html

@@ -0,0 +1,8 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="100%" height="100%" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
+<g class="menu-icon-logo">
+	<path d="M80.277,12.498h-0.005v-4.02c0-0.956-0.774-1.73-1.73-1.73h-2.45v0H47.402v0h-1.73l-25.95,25.95v2.447v1.013v52.912v2.447
+		c0,0.956,0.774,1.73,1.73,1.73h1.582H76.96h1.582c0.956,0,1.73-0.774,1.73-1.73v-2.448h0.005L80.277,12.498z M29.679,83.292V36.158
+		h17.723c0.956,0,1.73-0.774,1.73-1.73V16.705h21.188l0,66.587H29.679z"/>
+</g>
+</svg>

data/_includes/readtime.html

@@ -0,0 +1,8 @@
+<span class="reading-time" title="Estimated read time">
+  {% assign words = page.content | number_of_words %}
+  {% if words < 280 %}
+    1 min
+  {% else %}
+    {{ words | divided_by:140 }} mins
+  {% endif %}
+</span>

data/_includes/social/social-github.html

@@ -0,0 +1,14 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="100%" height="100%" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
+<g>
+	<path fill-rule="evenodd" clip-rule="evenodd" d="M49.998,11.963C28.461,11.963,11,29.425,11,50.965
+		c0,17.231,11.172,31.849,26.671,37.003c1.952,0.361,2.662-0.84,2.662-1.877c0-0.924-0.034-3.375-0.051-6.633
+		c-10.849,2.359-13.138-5.229-13.138-5.229c-1.774-4.505-4.331-5.703-4.331-5.703c-3.541-2.418,0.269-2.371,0.269-2.371
+		c3.914,0.277,5.974,4.018,5.974,4.018c3.478,5.96,9.129,4.235,11.35,3.243c0.353-2.525,1.363-4.24,2.476-5.217
+		c-8.659-0.984-17.763-4.33-17.763-19.274c0-4.259,1.519-7.741,4.013-10.468c-0.399-0.982-1.74-4.947,0.383-10.319
+		c0,0,3.274-1.048,10.726,4.001c3.109-0.869,6.446-1.303,9.763-1.316c3.312,0.014,6.65,0.447,9.763,1.316
+		c7.447-5.049,10.716-4.001,10.716-4.001c2.128,5.372,0.788,9.337,0.388,10.319c2.5,2.727,4.008,6.209,4.008,10.468
+		c0,14.979-9.117,18.279-17.805,19.241c1.398,1.205,2.646,3.59,2.646,7.229c0,5.211-0.047,9.416-0.047,10.695
+		c0,1.045,0.701,2.26,2.681,1.873C77.836,82.798,89,68.191,89,50.965C89,29.425,71.539,11.963,49.998,11.963z"/>
+</g>
+</svg>

data/_includes/social/social-linkedin.html

@@ -0,0 +1,11 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="100%" height="100%" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
+<g>
+	<path d="M80.667,14H19.315C16.381,14,14,16.325,14,19.188v61.617C14,83.672,16.381,86,19.315,86h61.352
+		C83.603,86,86,83.672,86,80.805V19.188C86,16.325,83.603,14,80.667,14z M35.354,75.354H24.67V40.995h10.684V75.354z M30.012,36.297
+		c-3.423,0-6.19-2.774-6.19-6.194c0-3.415,2.767-6.189,6.19-6.189c3.415,0,6.189,2.774,6.189,6.189
+		C36.201,33.523,33.427,36.297,30.012,36.297z M75.35,75.354H64.683V58.646c0-3.986-0.078-9.111-5.551-9.111
+		c-5.558,0-6.405,4.341-6.405,8.822v16.998H42.052V40.995h10.245v4.692h0.146c1.426-2.7,4.91-5.549,10.106-5.549
+		c10.806,0,12.802,7.114,12.802,16.369V75.354z"/>
+</g>
+</svg>

data/_includes/social/social-rss.html

@@ -0,0 +1,15 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="100%" height="100%" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
+<g>
+	<path d="M26.258,64.949c-4.848,0-8.78,3.93-8.78,8.784c0,4.848,3.932,8.782,8.78,8.782c4.855,0,8.784-3.934,8.784-8.782
+		C35.042,68.878,31.113,64.949,26.258,64.949z"/>
+	<path d="M23.536,40.801c-0.046,0-0.09,0.006-0.135,0.007v-0.007h-3.464v0.039c-1.698,0.193-3.021,1.603-3.056,3.344h-0.007v6.159
+		h0.041c0.19,1.581,1.437,2.822,3.021,3.002v0.039h3.464v-0.048c0.045,0.001,0.09,0.007,0.135,0.007
+		c12.772,0,23.173,10.321,23.311,23.061h-0.033v3.464h0.039c0.193,1.698,1.603,3.021,3.344,3.056v0.007h6.158v-0.041
+		c1.581-0.19,2.822-1.437,3.002-3.021h0.039v-3.464h-0.006C59.252,56.748,43.223,40.801,23.536,40.801z"/>
+	<path d="M83.119,76.403C82.98,43.664,56.308,17.07,23.536,17.07c-0.046,0-0.09,0.006-0.135,0.007V17.07h-3.464v0.039
+		c-1.698,0.193-3.021,1.603-3.056,3.344h-0.007v6.159h0.041c0.19,1.582,1.437,2.822,3.021,3.002v0.039h3.464v-0.048
+		c0.045,0.001,0.09,0.007,0.135,0.007c25.857,0,46.902,20.967,47.041,46.792h-0.035v3.464h0.039
+		c0.193,1.698,1.603,3.021,3.344,3.056v0.007h6.159v-0.041c1.581-0.19,2.822-1.437,3.002-3.021h0.039v-3.464H83.119z"/>
+</g>
+</svg>

data/_includes/social/social-twitter.html

@@ -0,0 +1,13 @@
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="100%" height="100%" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
+<g>
+	<path d="M88.5,26.12c-2.833,1.256-5.877,2.105-9.073,2.486c3.261-1.955,5.767-5.051,6.945-8.738
+		c-3.052,1.81-6.434,3.126-10.031,3.832c-2.881-3.068-6.987-4.988-11.531-4.988c-8.724,0-15.798,7.072-15.798,15.798
+		c0,1.237,0.14,2.444,0.41,3.601c-13.13-0.659-24.77-6.949-32.562-16.508c-1.36,2.334-2.139,5.049-2.139,7.943
+		c0,5.481,2.789,10.315,7.028,13.149c-2.589-0.083-5.025-0.794-7.155-1.976c-0.002,0.066-0.002,0.131-0.002,0.199
+		c0,7.652,5.445,14.037,12.671,15.49c-1.325,0.359-2.72,0.553-4.161,0.553c-1.019,0-2.008-0.098-2.973-0.283
+		c2.01,6.275,7.844,10.844,14.757,10.972c-5.407,4.236-12.218,6.763-19.62,6.763c-1.275,0-2.532-0.074-3.769-0.221
+		c6.991,4.482,15.295,7.096,24.216,7.096c29.058,0,44.948-24.071,44.948-44.945c0-0.684-0.016-1.367-0.046-2.046
+		C83.704,32.071,86.383,29.288,88.5,26.12z"/>
+</g>
+</svg>

data/_layouts/404.html

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+
+  {% include head.html %}
+
+  <body>
+    <main class="page-content">
+      <div class="wrapper">
+        <section id="error-404">
+          <h1 id="header-404"> 404 </h1>
+          <p class="message-404"> <strong>Something went wrong!</strong> </p>
+          <p class="message-404"> The page you are looking for could not be found! Please contact us if you think this should have worked or try going back home.</p>
+
+          <a href="/">
+            <input type="button" value="Home">
+          </a>
+
+          <a href="/contact/">
+            <input type="button" value="Contact">
+          </a>
+        </section>
+      </div>
+    </main>
+  </body>
+
+</html>

data/_layouts/about.html

@@ -0,0 +1,15 @@
+---
+layout: default
+---
+<section id="about">
+
+  <div id="about-image">
+    <img src="{{ site.profile-picture | relative_url }}" id="profile-picture" alt="profile-picture">
+  </div>
+
+  <div id="about-content">
+      <h1 id="about-intro">Hi, I'm {{ site.first-name }}</h1>
+      {{ content }}
+  </div>
+
+</section>

data/_layouts/articles.html

@@ -0,0 +1,20 @@
+---
+layout: default
+---
+<section id="table-of-articles">
+  <h2 id="article-page-header">Articles</h2>
+
+  {% for post in site.posts %}
+
+    <div class="post">
+          <h5 class="post-title">
+              <a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
+          </h5>
+          <p class="post-date">
+            <strong>{{ post.date | date: "%b %d, %Y" }}</strong>
+          </p>
+    </div>
+
+  {% endfor %}
+
+</section>