Merge pull request #1 from jamigibbs/jekyll

Initial jekyll theme update

README.md

@@ -1,40 +1,33 @@
-[![forthebadge](http://forthebadge.com/images/badges/powered-by-electricity.svg)](http://forthebadge.com)
-
 ### Summary
 
-This is the repository for my own portfolio site. It's built using:
+This is the repository for my own portfolio site but it's also a rad Jekyll theme I built for anyone to use.
 
-- [Foundation 6](http://foundation.zurb.com/)
-- [Sass](http://sass-lang.com/)
-- [Github Pages](https://pages.github.com/)
-- [AngularJS](https://angularjs.org/) *Coming soon!*
-- [Magic](http://giphy.com/gifs/VHngktboAlxHW)
+### Fancy using it for your own site?
 
-### Fork Me
+Here are some steps to get you started:
 
-You're welcome to use this repo as a starting point for your own portfolio with Github Pages. Here are some steps to get you started:
+1. Clone this repo and cd into the directory:
 
-1. Update the `CNAME` file with your own domain
+  `git clone https://github.com/jamigibbs/portfolio.git your-dir-name`
+  `cd your-dir-name`
 
-2. [Configure your domain with your DNS provider](https://help.github.com/articles/setting-up-a-custom-domain-with-github-pages/). Alternately, you can use the default Github url (ie. http://username.github.io/repository) and not bother messing around with a custom domain
+2. Run Jekyll:
+
+  `jekyll serve --watch`
 
-3. Install Sass if you don't have it already:
+  _Don't have Jekyll yet? [Get `er installed then!](http://jekyllrb.com/docs/installation/)_
 
-  ```
-  gem install sass
-  ```
+3. Visit in your browser at:
 
-4. Navigate to your project folder and begin compiling your Sass:
+  `http://127.0.0.1:4000`
 
-  ```
-  sass --watch scss/style.scss:css/style.css
-  ```
+## Launching with Github Pages :rocket:
+
+1. Update the `CNAME` file with your own domain
+
+2. [Configure your domain with your DNS provider](https://help.github.com/articles/setting-up-a-custom-domain-with-github-pages/). Alternately, you can use the default Github url (ie. http://username.github.io/repository) and not bother messing around with a custom domain
 
-  If you’re working on a large project with many Sass files, you can tell Sass to just watch your Sass directory and update your CSS directory.
-  Once my project is all set up, I like to use the command:
 
-  ```
-  sass --watch scss:css
-  ```
+### Credit
 
-5. Push changes back into the `gh-pages` branch and watch them go live.
+* Bootstrap, http://getbootstrap.com/, (C) 2011 - 2016 Twitter, Inc., [MIT](https://github.com/twbs/bootstrap/blob/master/LICENSE)

_config.yml

@@ -0,0 +1,74 @@
+# Where things are
+source:      .
+destination: ./_site
+plugins_dir:     ./_plugins
+layouts_dir:     ./_layouts
+data_dir: ./_data
+includes_dir: ./_includes
+# collections: null
+
+# Handling Reading
+safe:         false
+include:      [".htaccess"]
+exclude:      []
+keep_files:   [".git", ".svn"]
+encoding:     "utf-8"
+markdown_ext: "markdown,mkdown,mkdn,mkd,md"
+
+# Filtering Content
+show_drafts: null
+limit_posts: 0
+future:      true
+unpublished: false
+
+# Plugins
+whitelist: []
+gems:      [jekyll-paginate]
+
+# Conversion
+markdown:    kramdown
+highlighter: pygments
+lsi:         false
+excerpt_separator: "\n\n"
+# incremental: false
+
+# Serving
+detach:  false
+port:    4000
+host:    127.0.0.1
+baseurl: "" # does not include hostname
+
+# Outputting
+permalink:     date
+paginate:       10
+paginate_path: /page:num
+timezone:      null
+
+quiet:    false
+defaults: []
+
+# Markdown Processors
+rdiscount:
+  extensions: []
+
+redcarpet:
+  extensions: []
+
+kramdown:
+  auto_ids:       true
+  footnote_nr:    1
+  entity_output:  as_char
+  toc_levels:     1..6
+  smart_quotes:   lsquo,rsquo,ldquo,rdquo
+  enable_coderay: false
+
+  coderay:
+    coderay_wrap:              div
+    coderay_line_numbers:      inline
+    coderay_line_number_start: 1
+    coderay_tab_width:         4
+    coderay_bold_every:        10
+    coderay_css:               style
+
+
+include: ['_pages']

_data/global.yml

@@ -0,0 +1,13 @@
+# Site Settings
+title: "Hello. I'm Jami Gibbs."
+description: "I'm a software developer and designer from Chicago creating useful things for the web."
+url: 'http://127.0.0.1:4000' # the base hostname & protocol for your site
+nav: "false"
+footer_text: '© 2016 Jami Gibbs'
+twitter: 'jamigibbs'
+github: 'jamigibbs'
+medium: 'blog.jamigibbs.com'
+
+# Admin Settings
+admin_name: 'Jami Gibbs'
+admin_email: '[email protected]'

_data/nav.yml

@@ -0,0 +1,3 @@
+main:
+    - { url: '/', text: 'Blog' }
+    - { url: '/about', text: 'About' }

_data/posts.yml

@@ -0,0 +1,2 @@
+section_title: "Latest Work"
+section_subtitle: "I have experience in a number of different areas. Have a look at what I'm working on right now."

_includes/contact-modal.html

@@ -0,0 +1,35 @@
+<div id="contact" class="modal fade" role="dialog">
+  <div class="modal-dialog modal-md">
+
+    <div class="modal-content">
+
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal">&times;</button>
+      </div>
+
+      <div class="modal-body">
+
+        <form class="form-horizontal form-contact clearfix" action="http://formspree.io/[email protected]" method="POST">
+
+          <div class="form-group">
+            <label class="message-label">Dear Jami,</label>
+            <textarea class="message form-control" rows="8" name="body" placeholder="Type your message..."></textarea>
+          </div>
+
+          <div class="form-group">
+            <label for="name">Sincerely,</label>
+            <input type="name" class="name form-control" placeholder="Your Name">
+            <label for="email" class="sr-only">Email</label>
+            <input type="email" class="email form-control" name="_replyto" placeholder="Your Email">
+          </div>
+
+          <input type="submit" class="btn btn-default" style="float-right" value="Send">
+
+        </form>
+
+      </div>
+
+    </div>
+
+  </div>
+</div>

_includes/contact.html

@@ -0,0 +1 @@
+<a data-toggle="modal" data-target="#contact"> Why not get in touch?</a>

_includes/content-left.html

@@ -0,0 +1,15 @@
+<div class="content-wrap">
+
+  <div class="row">
+
+    <div class="col-xs-12 col-md-6">
+      {% include post-content.html %}
+    </div>
+
+    <div class="col-xs-12 col-md-6">
+      {% include featured-image.html %}
+    </div>
+
+  </div>
+
+</div>

_includes/content-right.html

@@ -0,0 +1,15 @@
+<div class="content-wrap">
+
+  <div class="row">
+
+    <div class="col-xs-12 col-md-6">
+      {% include featured-image.html %}
+    </div>
+
+    <div class="col-xs-12 col-md-6">
+      {% include post-content.html %}
+    </div>
+
+  </div>
+
+</div>

_includes/featured-image.html

@@ -0,0 +1,13 @@
+      <!-- {% if post.featured_image  %}
+      <a href="{{ post.url | prepend: site.baseurl }}" class="featured-image">
+        {% if post.featured_image %}
+        <img src="{{ post.featured_image }}" title="{{ post.title }}">
+        {% endif %}
+      </a>
+      {% endif %} -->
+
+
+
+      {% if post.featured_image %}
+      <img class="img-responsive" src="{{ post.featured_image }}" title="{{ post.title }}">
+      {% endif %}

_includes/footer.html

@@ -0,0 +1,42 @@
+
+    <footer class="site-footer">
+      <div class="container">
+        <div class="row">
+
+          <div class="col-xs-12 col-md-2 col-md-offset-1">
+            <p class="text-muted text-left ">{{ site.data.global.footer_text }}</p>
+          </div>
+
+          <div class="col-xs-12 col-md-6 col-md-offset-2">
+            <a class="section-jump" href="#top">
+              <i class="fa fa-angle-up fa-3x"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+    </footer>
+
+  </div><!-- .main.container -->
+
+  <a href="https://github.com/jamigibbs/phantom"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png"></a>
+
+
+    <!-- JavaScript -->
+    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+    <script src="{{ site.data.global.url }}/js/wow.min.js"></script>
+    <script src="{{ site.data.global.url }}/js/app.js"></script>
+
+    <script>
+      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+      ga('create', 'UA-3363703-15', 'auto');
+      ga('send', 'pageview');
+
+    </script>
+
+    </body>
+</html>

_includes/header.html

@@ -0,0 +1,57 @@
+<!doctype html>
+<head>
+
+  <!-- Meta -->
+  <meta charset="utf-8">
+
+  <title>{% if page.title %}{{ page.title }} - {{ site.data.global.title }}{% elsif post.title %}{{ post.title }} - {{ site.data.global.title }}{% else %}{{ site.data.global.title }} - {{ site.data.global.description }}{% endif %}</title>
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta content="yes" name="apple-mobile-web-app-capable">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+
+  <!-- RSS -->
+  <link rel="alternate" type="application/rss+xml" title="{{ site.data.global.title }} - {{ site.data.global.description }}" href="{{ site.data.global.url }}/feed.xml">
+  <link rel="alternate" type="application/atom+xml" title="{{ site.data.global.title }} - {{ site.data.global.description }}" href="{{ site.data.global.url }}/atom.xml">
+
+  <!-- Favicons -->
+  <link rel="icon" href="{{ site.data.global.url }}/img/favicon.png">
+
+  <!-- Fonts -->
+  <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,400italic,700|Merriweather:400,300,300italic,400italic,700' rel='stylesheet' type='text/css'>
+
+  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
+
+  <!-- Styles -->
+  <link rel="stylesheet" href="{{ "/css/animate.min.css" | prepend: site.baseurl }}">
+  <link rel="stylesheet" href="{{ "/css/style.css" | prepend: site.baseurl }}">
+
+</head>
+<body class="{{ post.title | downcase | replace:' ','-' | replace:',','' | strip_html }}{% if page.category %} category-{{ page.category }}{% endif %}{% if page.layout-class %} layout-{{ page.layout-class }}{% endif %}">
+
+<div class="main container" id="top">
+
+  {% if site.data.global.nav == "true" %}
+  <nav class="navbar navbar-default navbar-fixed-top">
+      <div class="container-fluid">
+          <div class="navbar-header">
+              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+                <span class="sr-only">Toggle navigation</span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+                <span class="icon-bar"></span>
+              </button>
+              <a class="navbar-brand" href="/">{{ site.data.global.admin_name }}</a>
+          </div>
+          <div id="navbar" class="navbar-collapse collapse">
+            <ul class="nav navbar-nav navbar-right">
+              {% for item in site.data.nav.main %}
+                <li>
+                  <a href="{{ item.url }}">{{ item.text }}</a>
+                </li>
+              {% endfor %}
+            </ul>
+          </div>
+      </div>
+  </nav>
+  {% endif %}

_includes/home-hero.html

@@ -0,0 +1,47 @@
+<div class="container">
+
+  <div class="row">
+
+    <div class="col-md-12">
+
+      <div class="hero-container">
+
+        <div class="hero-content">
+
+          {% if site.data.global.title != '' %}
+          <h1 class="text-center">{{site.data.global.title}}</h1>
+          {% endif %}
+
+          {% if site.data.global.description != '' %}
+          <p class="text-center">{{site.data.global.description}} {% include contact.html %}</p>
+          {% endif %}
+
+          {% include contact-modal.html %}
+
+          <div class="hero-buttons">
+
+            {% if site.data.global.twitter != '' %}
+              <a href="https://twitter.com/{{ site.data.global.twitter }}"><button class="btn btn-default btn-lg"><i class="fa fa-twitter fa-lg"></i>Twitter</button></a>
+            {% endif %}
+            {% if site.data.global.github != '' %}
+              <a href="https://github.com/{{ site.data.global.github }}"><button class="btn btn-default btn-lg"><i class="fa fa-github fa-lg"></i>Github</button></a>
+            {% endif %}
+            {% if site.data.global.medium != 'null' %}
+              <a href="https://{{ site.data.global.medium }}"><button class="btn btn-default btn-lg"><i class="fa fa-medium fa-lg"></i>Medium</button></a>
+            {% endif %}
+
+          </div>
+
+        </div>
+
+      </div>
+
+      <a class="section-jump text-center" href="#portfolio">
+        <i class="fa fa-angle-down fa-3x"></i>
+      </a>
+
+    </div>
+
+  </div>
+
+</div>