jekyll-material-theme 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 2dcd22aea069cd20944a6bb00f0990e2349de7d6
+  data.tar.gz: 94786be9a03ac38cb559982b51d1f278b27dc4e1
+SHA512:
+  metadata.gz: fb4bcc6ba09058b166cffc6e84e77a232c519c6de93cc953cf0257d7dd44293eba9b78b665fc4eb570ff4ac975df148591040365d139c4f281ef3669736f139f
+  data.tar.gz: 943b7ac6eec4c7f6bc8607a53b2b74395699d09d4bc355f88b823beeacecdeb762b4e7c8634d37d6bf331ec79f2da87ebd75ec83f982f92c92abd90d5e2edcc3

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2017 
+
+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,110 @@
+# Jekyll Material Theme
+
+A Jekyll Theme based on [Material Design](https://material.io/) using [Materialize](http://materializecss.com/).
+
+<a href="https://imgur.com/3PKshVo"><img src="https://i.imgur.com/3PKshVo.gif" title="source: imgur.com" /></a>
+
+<a href="https://imgur.com/hlB1MOw"><img src="https://i.imgur.com/hlB1MOw.gif" title="source: imgur.com" /></a>
+
+<a href="https://imgur.com/D9DSyuk"><img src="https://i.imgur.com/D9DSyuk.gif" title="source: imgur.com" /></a>
+
+##### Cookie Policy
+
+If you use cookies on your site, or choose to use Google Analytics, you're able to notify visitors with this prompt. The ```Thanks!``` dialog message can be customised in your ```_config.yml``` file.
+
+<a href="https://imgur.com/O7sICnY"><img src="https://i.imgur.com/O7sICnY.gif" title="source: imgur.com" /></a>
+
+### [Live Demo](https://jameshamann.com)
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "material-theme"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: material-theme
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install material-theme
+
+## Usage
+
+The ```_config.yml``` file has the following options.
+
+```yaml
+title: Your awesome title
+name: Your Name
+email: your-email@example.com
+description: Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
+
+parallax_image_one: assets/images/startup3.jpg # These are the images used for the parallax background
+parallax_image_two: assets/images/startup3.jpg
+
+project_one: "First Project"
+project_one_description: Describe your project!
+project_one_url: https://github.com/jameshamann/jekyll-material-theme
+project_one_icon: location_on # these are from materiailize css, the full collection is here: http://materializecss.com/icons.html
+
+project_two: Second Project
+project_two_description: Describe your project!
+project_two_url: https://github.com/jameshamann/jekyll-material-theme
+project_two_icon: photo_camera
+
+
+project_three: Third Project
+project_three_description: Describe your project!
+project_three_url: https://github.com/jameshamann/jekyll-material-theme
+project_three_icon: hotel
+
+
+project_four: Fourth Project
+project_four_description: Describe your project!
+project_four_url: https://github.com/jameshamann/jekyll-material-theme
+project_four_icon: restaurant
+
+
+project_button: Github
+
+github: https://github.com/jameshamann/jekyll-material-theme
+medium: https://medium.com
+
+baseurl: / # If your site is located at /blog or /home, change it here
+url: http://localhost:4000/ # The URL of your site
+
+google_analytics_tracking_id: # This looks something like UA-000000000-0 Head over to https://analytics.google.com/ to setup.
+
+cookie_accept_message: Thanks! # The pop-up dialog that appears after accepting the cookie notice.
+
+
+# Build settings
+markdown: kramdown
+permalink: pretty
+plugins:
+  - jekyll-feed
+  - jekyll-assets
+  - jekyll-minifier
+
+```
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/jameshamann/jekyll-material-theme. 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 and further customise this theme, fork the repo and explore the ```_assets``` directory, which includes all the ```css, js``` and ```font``` folders.
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/_includes/blog-feed.html

@@ -0,0 +1,17 @@
+<div class="row">
+  {% for post in site.posts %}
+
+  <div class="col s12 m6">
+    <div class="card">
+      <div class="card-image">
+        <img src="{{post.image}}">
+        <span class="card-title"><a style="color:white">{{ post.title | escape }}</a></span>
+        <a class="btn-floating halfway-fab waves-effect waves-light red" href="{{ post.url | relative_url }}"><i class="material-icons">more_horiz</i></a>
+      </div>
+      <div class="card-content">
+        <p>{{post.excerpt}}</p>
+      </div>
+    </div>
+  </div>
+  {% endfor %}
+</div>

data/_includes/carousel.html

@@ -0,0 +1,33 @@
+<div class="carousel carousel-slider center" data-indicators="true">
+  <div class="carousel-fixed-item">
+    <i class="material-icons" style="color:white" href="https://jameshamann.com">code</i>
+  </div>
+  <div class="carousel-item white-text" style="background-color: #90a4ae;" href="#one!">
+    <h2>{{ site.project_one }}</h2>
+    <i class="medium material-icons">{{site.project_one_icon}}</i>
+    <p class="white-text">{{ site.project_one_description }}</p>
+    <br><br>
+    <a class="btn waves-effect waves-dark white black-text z-depth-4" target="_blank" href="{{site.project_one_url}}">{{site.project_button}}</a>
+  </div>
+  <div class="carousel-item white-text" style="background-color: #78909c;" href="#two!">
+    <h2>{{ site.project_two }}</h2>
+    <i class="medium material-icons">{{site.project_two_icon}}</i>
+    <p class="white-text">{{ site.project_two_description }}</p>
+    <br><br>
+    <a class="btn waves-effect waves-light white black-text z-depth-4" target="_blank" href="{{site.project_two_url}}">{{site.project_button}}</a>
+  </div>
+  <div class="carousel-item white-text" style="background-color: #607d8b;" href="{{site.project_three_url}}">
+    <h2>{{ site.project_three }}</h2>
+    <i class="medium material-icons">{{site.project_three_icon}}</i>
+    <p class="white-text">{{ site.project_three_description }}</p>
+    <br><br>
+    <a class="btn waves-effect waves-light white black-text z-depth-4" target="_blank" href="{{site.project_three_url}}">{{site.project_button}}</a>
+  </div>
+  <div class="carousel-item white-text" style="background-color: #546e7a" href="{{site.project_four_url}}">
+    <h2>{{ site.project_four }}</h2>
+    <i class="medium material-icons">{{site.project_four_icon}}</i>
+    <p class="white-text">{{ site.project_four_description }}</p>
+    <br><br>
+    <a class="btn waves-effect waves-light white black-text z-depth-4" target="_blank" href="{{site.project_four_url}}">{{site.project_button}}</a>
+  </div>
+</div>

data/_includes/contact.html

@@ -0,0 +1,40 @@
+<div class="card medium">
+  <div class="card-image waves-effect waves-block waves-light">
+    <img class="activator" src="assets/images/contact4.png">
+  </div>
+  <div class="card-content">
+    <span class="card-title activator" style="text-align:right;"><a class="btn-floating waves-effect waves-light red pulse"><i class="large material-icons">arrow_drop_up</i></a></span>
+    <div class="row" style="text-align:center">
+        <a class="waves-effect waves-light btn grey darken-1" target="_blank" href="{{site.github}}"><i class="material-icons right">code</i>Github</a>
+        <a class="waves-effect waves-light btn green darken-2" target="_blank" href="{{site.medium}}"><i class="material-icons right">library_books</i>Medium</a>
+    </div>
+  </div>
+  <div class="card-reveal">
+    <span class="card-title grey-text text-darken-4">Contact Form<i size="large" class="material-icons right">close</i></span>
+    <form class="col s12" action="https://formspree.io/{{site.email}}" method="POST">
+      <div class="row">
+        <div class="input-field col s6">
+          <i class="material-icons prefix">account_circle</i>
+          <input class="validate" id="icon_prefix" type="text" name="name">
+          <label for="icon_prefix">Name</label>
+        </div>
+        <div class="input-field col s6">
+          <i class="material-icons prefix">email</i>
+          <input class="validate" id="email" type="email" name="_replyto">
+          <label for="email" data-error="Please enter a valid Email Address" data-success="Verified!">Email</label>
+        </div>
+      </div>
+      <div class="row">
+       <div class="input-field col s12">
+         <i class="material-icons prefix">message</i>
+         <textarea id="icon_prefix2" class="materialize-textarea"></textarea>
+         <label for="icon_prefix2">Message</label>
+       </div>
+     </div>
+      <button class="btn waves-effect grey waves-dark darken-3 white-text z-depth-4" type="submit" name="action">Submit
+         <i class="material-icons right">send</i>
+       </button>
+    </form>
+
+  </div>
+</div>

data/_includes/cookies.html

@@ -0,0 +1,10 @@
+
+<!-- Tap Target Structure -->
+<div class="tap-target" data-activates="check">
+  <div class="tap-target-content">
+    <h5 style="color:black;">Cookie Policy</h5>
+    <p>We use Cookies on this website to track usage. By contiuning to use this website, you agree to the use of Cookies.</p>
+    <br><br><br>
+    <p><b>For more information visit the <a href "https://www.cookielaw.org/google-analytics-eu-cookie-law/">Cookie Law Website.</a><b></p>
+  </div>
+</div>

data/_includes/footer.html

@@ -0,0 +1,10 @@
+<script type="text/javascript" src="{{site.baseurl}}assets/js/jquery-3.2.1.min.js"></script>
+<script type="text/javascript" src="{{site.baseurl}}assets/js/materialize.min.js"></script>
+<script src="{{site.baseurl}}assets/js/init.js"></script>
+</body>
+<footer class="page-footer">
+  <div class="footer-copyright" style="padding-left: 30px">
+    <i class="material-icons" style="padding-right:5px">copyright</i><p>2017 Copyright {{ site.name }} | All rights reserved</p>
+  </div>
+</footer>
+</html>

data/_includes/google_analytics.html

@@ -0,0 +1,9 @@
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id={{site.google_analytics_tracking_id}}"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', 'site.google_analytics_tracking_id');
+</script>

data/_includes/head.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+    <head>
+      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1">
+      <link rel="stylesheet" type="text/css" href="{{site.baseurl}}assets/css/materialize.css">
+      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+      {{ include google_analytics.html }}
+    </head>
+    <body>

data/_includes/nav-bar.html

@@ -0,0 +1,11 @@
+
+  <div class="navbar-fixed">
+    <nav>
+      <div class="nav-wrapper">
+       <a href="#!" style="padding-left:10px;"class="brand-logo"><i class="material-icons">code</i>James Hamann</a>
+        <ul class="right hide-on-med-and-down">
+
+        </ul>
+      </div>
+    </nav>
+  </div>

data/_includes/nav-burger.html

@@ -0,0 +1,11 @@
+<div class="fixed-action-btn horizontal click-to-toggle">
+  <a class="btn-floating btn-large waves-effect waves-default pulse">
+    <i class="material-icons">menu</i>
+  </a>
+  <ul>
+    <li><a class="btn-floating blue darken-2 waves-effect waves-default" href="#home"><i class="material-icons">arrow_upward</i></a></li>
+    <li><a class="btn-floating green darken-2 waves-effect waves-default" href="#portfolio"><i class="material-icons">code</i></a></li>
+    <li><a class="btn-floating yellow darken-3 waves-effect waves-default" href="#blog"><i class="material-icons">library_books</i></a></li>
+    <li><a class="btn-floating red darken-1 waves-effect waves-default" href="#contact"><i class="material-icons">person</i></a></li>
+  </ul>
+</div>

data/_layouts/default.html

@@ -0,0 +1,7 @@
+{% include head.html %}
+
+{% include nav-burger.html %}
+
+  {{content}}
+
+{% include footer.html %}

data/_layouts/home.html

@@ -0,0 +1,70 @@
+{% include head.html %}
+
+  <div id="home" class="section scrollspy">
+  <div id="index-banner" class="parallax-container">
+    <div class="section no-pad-bot">
+      <div class="container">
+        <br><br>
+        <h1 class="header center teal-text text-lighten-2">{{ site.title }}</h1>
+        <div class="row center">
+          <h5 class="header col s12 light">{{ site.description }}</h5>
+        </div>
+        <br><br>
+
+      </div>
+    </div>
+    <div class="parallax"><img src="{{site.parallax_image_one}}" alt="Unsplashed background img 1"></div>
+  </div>
+</div>
+
+<div id="cookies" style="display:{{site.cookies_banner}}">
+  <p style="text-align:left; padding-left:8px"><a value="hide/show" id="check" class="waves-effect waves-light green lighten-1 btn btn-floating pulse" onclick="Materialize.toast('{{site.cookie_accept_message}}', 2000)" ><i class="material-icons">check</i></a></p>
+  {% include cookies.html %}
+</div>
+
+<div class="container" style="padding:20px;">
+  <div id="portfolio" class="section scrollspy">
+
+  <h3 style="text-align:center;">Portfolio</h3>
+
+{% include carousel.html %}
+
+</div>
+
+
+</div>
+
+
+
+  <div class="parallax-container valign-wrapper">
+    <div class="section no-pad-bot">
+      <div class="container">
+        <div class="row center">
+
+        </div>
+      </div>
+    </div>
+    <div class="parallax"><img src="{{site.parallax_image_two}}" alt="Unsplashed background img 3"></div>
+  </div>
+
+
+<div class="container" style="padding:20px;">
+  <div id="blog" class="section scrollspy">
+  <h3 style="text-align:center;">Blog</h3>
+  {% include blog-feed.html %}
+</div>
+</div>
+
+<div class="container" style="padding:20px;">
+  <div id="contact" class="section scrollspy">
+  <h3 style="text-align:center;">Contact</h3>
+  {% include contact.html %}
+</div>
+</div>
+
+
+
+
+{% include nav-burger.html %}
+
+{% include footer.html %}

data/_layouts/page.html

@@ -0,0 +1,5 @@
+---
+layout: default
+---
+
+{{ content }}

data/_layouts/post.html

@@ -0,0 +1,24 @@
+---
+layout: default
+---
+  <div class="container">
+    <div class="col s10">
+    <div class="row" style="padding:10px;">
+      <a class="waves-effect waves-light btn white-text darken-2 grey z-depth-4" href="/#blog"><i class="material-icons">arrow_back</i></a>
+    </div>
+    <h3 class="post-title" itemprop="name headline" style="text-align:center">{{ page.title | escape }}</h3>
+
+    <p class="post-meta">
+      <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
+        {% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
+        {{ page.date | date: date_format }}
+      </time>
+      {% if page.author %}
+        • <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">{{ page.author }}</span></span>
+      {% endif %}</p>
+
+  <div class="post-content" itemprop="articleBody">
+    {{ content }}
+  </div>
+</div>
+</div>

data/_posts/2017-12-12-welcome-to-material-jekyll.md

@@ -0,0 +1,45 @@
+---
+layout: post
+title:  "Welcome to Jekyll!"
+date:   2017-12-04 21:15:05 +0000
+image: /assets/images/twoscreen.jpg
+---
+You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
+
+To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.
+
+Jekyll also offers powerful support for code snippets:
+
+{% highlight ruby %}
+def print_hi(name)
+  puts "Hi, #{name}"
+end
+print_hi('Tom')
+#=> prints 'Hi, Tom' to STDOUT.
+{% endhighlight %}
+
+Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
+
+[jekyll-docs]: https://jekyllrb.com/docs/home
+[jekyll-gh]:   https://github.com/jekyll/jekyll
+[jekyll-talk]: https://talk.jekyllrb.com/
+
+You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
+
+To add new posts, simply add a file in the `_posts` directory that follows the convention `YYYY-MM-DD-name-of-post.ext` and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.
+
+Jekyll also offers powerful support for code snippets:
+
+{% highlight ruby %}
+def print_hi(name)
+  puts "Hi, #{name}"
+end
+print_hi('Tom')
+#=> prints 'Hi, Tom' to STDOUT.
+{% endhighlight %}
+
+Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
+
+[jekyll-docs]: https://jekyllrb.com/docs/home
+[jekyll-gh]:   https://github.com/jekyll/jekyll
+[jekyll-talk]: https://talk.jekyllrb.com/