First commit of base theme.

Aupajo · Feb 7, 2014 · 72ac450 · 72ac450
commit 72ac450
Show file tree

Hide file tree

Showing 20 changed files with 1,089 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,9 @@
+_site
+.DS_Store
+.jekyll
+.bundle
+.sass-cache
+Gemfile
+Gemfile.lock
+node_modules/*
+package.json
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -0,0 +1,30 @@
+
+module.exports = function(grunt) {
+  grunt.initConfig({
+    pkg: grunt.file.readJSON("package.json"),
+
+    watch: {
+      sass: {
+        files: ["scss/**/*.{scss,sass}"],
+        tasks: ["sass:dev"]
+      }
+    },
+
+    sass: {
+      dev: {
+        options: {
+          style: 'nested'
+        },
+        files: {
+          '_site/style.css': 'scss/style.scss',
+          'style.css': 'scss/style.scss'
+        }
+      },
+    },
+  });
+
+  grunt.registerTask("default", ["watch"]);
+
+  grunt.loadNpmTasks('grunt-sass');
+  grunt.loadNpmTasks("grunt-contrib-watch");
+};
diff --git a/README.md b/README.md
@@ -0,0 +1,2 @@
+
+# README
diff --git a/_config.yml b/_config.yml
@@ -0,0 +1,25 @@
+name: Jekyll Boilerplate
+
+markdown: redcarpet
+markdown_ext: md
+
+pygments: true
+
+exclude:
+    - Gemfile
+    - Gemfile.lock
+    - scss
+    - js
+    - README.md
+
+disqus:
+    shortname: ''
+
+googleanalytics:
+    id: ''
+
+links:
+    #github: https://github.com/YOUR-USERNAME
+    #twitter: https://twitter.com/YOUR-USERNAME
+    #linkedin: https://linkedin.com/in/YOUR-USERNAME
+    #avatar: http://YOUR-USERNAME.github.io/images/avatar.jpg
diff --git a/_includes/analytics.html b/_includes/analytics.html
@@ -0,0 +1,14 @@
+<!-- Google Analytics -->
+<script type="text/javascript">
+
+  var _gaq = _gaq || [];
+  _gaq.push(['_setAccount', '{{ site.googleanalytics.id }}']);
+  _gaq.push(['_trackPageview']);
+
+  (function() {
+    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+  })();
+
+</script>
diff --git a/_includes/disqus.html b/_includes/disqus.html
@@ -0,0 +1,16 @@
+<div id="disqus_thread"></div>
+<script type="text/javascript">
+      /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
+      var disqus_shortname = '{{ site.disqus.shortname }}'; // required: replace example with your forum shortname
+
+      {% if include.disqus_identifier %}
+      var disqus_identifier = "{{ include.disqus_identifier }}";
+      {% endif %}
+
+      (function() {
+          var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+          dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
+          (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+      })();
+  </script>
+<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta content='text/html; charset=utf-8' http-equiv='Content-Type'>
+    <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
+    <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0'>
+
+    <title>{% if page.title %}{{ page.title }} | {% endif %}{{ site.name }}</title>
+
+    <meta name="author" content="{{ site.name }}" />
+    <meta name="description" content="{{ site.description }}">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
+    <!--[if IE]>
+      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+
+    <link rel="stylesheet" type="text/css" href="/style.css" />
+  </head>
+
+  <body>
+    <header>
+      <a href="/" class="logo"><img src="/404.ups" /></a>
+
+      <nav>
+        <a href="/">Blog</a>
+        <a href="/about">About</a>
+      </nav>
+
+      <div style="clear:both;"></div>
+    </header>
+
+    <div id="main" role="main">{{ content }}</div>
+
+    <footer>
+        <p></p>
+    </footer>
+
+    {% include analytics.html %}
+  </body>
+</html>
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -0,0 +1,11 @@
+---
+layout: default
+---
+
+<article class="page">
+  <h1>{{ page.title }}</h1>
+
+  <div class="entry">
+    {{ content }}
+  </div>
+</article>
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -0,0 +1,15 @@
+---
+layout: default
+---
+
+<article class="post">
+  <h1>{{ page.title }}</h1>
+
+  <div class="entry">
+    {{ content }}
+  </div>
+
+  <section id="comments">
+    {% include disqus.html disqus_identifier=page.disqus_identifier %}
+  </section>
+</article>
diff --git a/_posts/2014-1-1-Test-Post.md b/_posts/2014-1-1-Test-Post.md
@@ -0,0 +1,10 @@
+---
+layout: post
+title: Test Post
+---
+
+First test post! 
+
+### H3
+
+Hoy hoy hoy!
diff --git a/about.html b/about.html
@@ -0,0 +1,8 @@
+---
+layout: default
+title: About
+---
+
+# About Me
+
+About page content
diff --git a/blog.html b/blog.html
@@ -0,0 +1,27 @@
+---
+layout: default
+title: Blog
+---
+
+<h1>Blog</h1>
+
+<ul class="posts">
+  {% for post in site.posts %}
+    <li>
+      <article class="post">
+        <header>
+          <time datetime="{{ post.date }}">{{ post.date | date: "%m.%d.%Y" }}</time>
+          <h2><a href="{{ post.url }}">{{ post.title }}</a></h2>
+        </header>
+
+        <div class="entry">
+          {{ post.content | truncatewords:85}}
+
+          <p class="read-more">
+            <a href="{{ post.url }}">Read more</a>
+          </p>
+        </div>
+      </article>
+    </li>
+  {% endfor %}
+</ul>
diff --git a/index.html b/index.html
@@ -0,0 +1,35 @@
+---
+layout: default
+---
+
+<div class="hero"> 
+  <img src="/images/avatar.jpg"/>
+  <h1>Hi. Introduce yourself.</h1>
+  <p>Introduce yourself.</p>
+  <div style="clear:both;"></div>
+</div>
+
+<div class="articles"> 
+  <h2><a href="/blog">Blog</a></h2>
+
+  <div class="article">
+    <!-- <img src="assets/img/article1.jpg"/> -->
+    <h3>Article Title</h3>
+    <p>Article description text. Article description text. Article description text. Article description text. Article description text. Article description text. Article description text.</p>
+    </p>
+  </div>
+
+  <div class="article">
+    <!-- <img src="assets/img/article2.jpg"/> -->
+    <h3>Article Title</h3>
+    <p>Article description text. Article description text. Article description text. Article description text. Article description text. Article description text. Article description text.</p>
+    </p>
+  </div>
+
+  <div class="article">
+    <!-- <img src="assets/img/article3.jpg"/> -->
+    <h3>Article Title</h3>
+    <p>Article description text. Article description text. Article description text. Article description text. Article description text. Article description text. Article description text.</p>
+    </p>
+  </div>
+</div>
diff --git a/scss/_highlights.scss b/scss/_highlights.scss
@@ -0,0 +1,60 @@
+.highlight  { background: #ffffff; }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { font-weight: bold } /* Keyword */
+.highlight .o { font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { font-weight: bold } /* Keyword.Constant */
+.highlight .kd { font-weight: bold } /* Keyword.Declaration */
+.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d14 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d14 } /* Literal.String.Backtick */
+.highlight .sc { color: #d14 } /* Literal.String.Char */
+.highlight .sd { color: #d14 } /* Literal.String.Doc */
+.highlight .s2 { color: #d14 } /* Literal.String.Double */
+.highlight .se { color: #d14 } /* Literal.String.Escape */
+.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
+.highlight .si { color: #d14 } /* Literal.String.Interpol */
+.highlight .sx { color: #d14 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d14 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
diff --git a/scss/_mixins.scss b/scss/_mixins.scss
@@ -0,0 +1,6 @@
+
+// Define font-size and line height together
+@mixin font-size-line-height($font-size, $line-height) {
+  font-size: $font-size;
+  line-height: $line-height;
+}
diff --git a/scss/_reset.scss b/scss/_reset.scss
@@ -0,0 +1,48 @@
+
+//
+// RESET
+//
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}