diff options
| -rw-r--r-- | .gitignore | 1 | ||||
| -rw-r--r-- | _config.yml | 3 | ||||
| -rw-r--r-- | _layouts/default.html | 44 | ||||
| -rw-r--r-- | _layouts/post.html | 9 | ||||
| -rw-r--r-- | _posts/2014-04-30-welcome-to-jekyll.markdown | 24 | ||||
| -rwxr-xr-x | css/main.css | 160 | ||||
| -rw-r--r-- | css/syntax.css | 60 | ||||
| -rw-r--r-- | index.html | 78 |
8 files changed, 314 insertions, 65 deletions
diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..c08f9ad --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +_site
\ No newline at end of file diff --git a/_config.yml b/_config.yml new file mode 100644 index 0000000..85daa77 --- /dev/null +++ b/_config.yml @@ -0,0 +1,3 @@ +name: Your New Jekyll Site +markdown: redcarpet +pygments: true diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..22e7e3f --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,44 @@ +<!DOCTYPE html> +<html> + <head> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> + <title>{{ page.title }}</title> + <meta name="viewport" content="width=device-width"> + + <!-- syntax highlighting CSS --> + <link rel="stylesheet" href="/css/syntax.css"> + + <!-- Custom CSS --> + <link rel="stylesheet" href="/css/main.css"> + + </head> + <body> + + <div class="site"> + <div class="header"> + <h1 class="title"><a href="/">{{ site.name }}</a></h1> + <a class="extra" href="/">home</a> + </div> + + {{ content }} + + <div class="footer"> + <div class="contact"> + <p> + Your Name<br /> + What You Are<br /> + you@example.com + </p> + </div> + <div class="contact"> + <p> + <a href="https://github.com/yourusername">github.com/yourusername</a><br /> + <a href="https://twitter.com/yourusername">twitter.com/yourusername</a><br /> + </p> + </div> + </div> + </div> + + </body> +</html> diff --git a/_layouts/post.html b/_layouts/post.html new file mode 100644 index 0000000..04e3586 --- /dev/null +++ b/_layouts/post.html @@ -0,0 +1,9 @@ +--- +layout: default +--- +<h2>{{ page.title }}</h2> +<p class="meta">{{ page.date | date_to_string }}</p> + +<div class="post"> +{{ content }} +</div> diff --git a/_posts/2014-04-30-welcome-to-jekyll.markdown b/_posts/2014-04-30-welcome-to-jekyll.markdown new file mode 100644 index 0000000..ffdb207 --- /dev/null +++ b/_posts/2014-04-30-welcome-to-jekyll.markdown @@ -0,0 +1,24 @@ +--- +layout: post +title: "Welcome to Jekyll!" +date: 2014-04-30 18:58:26 +categories: jekyll update +--- + +You'll find this post in your `_posts` directory - edit this post and re-build (or run with the `-w` switch) to see your changes! +To add new posts, simply add a file in the `_posts` directory that follows the convention: YYYY-MM-DD-name-of-post.ext. + +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] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll's GitHub repo][jekyll-gh]. + +[jekyll-gh]: https://github.com/mojombo/jekyll +[jekyll]: http://jekyllrb.com diff --git a/css/main.css b/css/main.css new file mode 100755 index 0000000..1a2c013 --- /dev/null +++ b/css/main.css @@ -0,0 +1,160 @@ +/*****************************************************************************/ +/* +/* Common +/* +/*****************************************************************************/ + +/* Global Reset */ +* { + margin: 0; + padding: 0; +} + +html, body { height: 100%; } + +body { + background-color: #FFF; + font: 13.34px Helvetica, Arial, sans-serif; + font-size: small; + text-align: center; +} + +h1, h2, h3, h4, h5, h6 { + font-size: 100%; } + +h1 { margin-bottom: 1em; } +p { margin: 1em 0; } + +a { color: #00a; } +a:hover { color: #000; } +a:visited { color: #a0a; } + +/*****************************************************************************/ +/* +/* Home +/* +/*****************************************************************************/ +.posts { + list-style-type: none; + margin-bottom: 2em; +} + +.posts li { + line-height: 1.75em; +} + +.posts span { + color: #aaa; + font-family: Monaco, "Courier New", monospace; + font-size: 80%; +} + +/*****************************************************************************/ +/* +/* Site +/* +/*****************************************************************************/ + +.site { + font-size: 115%; + text-align: justify; + width: 42em; + margin: 3em auto 2em; + line-height: 1.5em; +} + +.header a { + font-weight: bold; + text-decoration: none; +} + +.title { + display: inline-block; + margin-bottom: 2em; +} + +.title a { + color: #a00; +} + +.title a:hover { + color: #000; +} + +.header a.extra { + color: #aaa; + margin-left: 1em; +} + +.header a.extra:hover { + color: #000; +} + +.meta { + color: #aaa; +} + +.footer { + font-size: 80%; + color: #666; + border-top: 4px solid #eee; + margin-top: 2em; + overflow: hidden; +} + +.footer .contact { + float: left; + margin-right: 3em; +} + +.footer .contact a { + color: #8085C1; +} + +.footer .rss { + margin-top: 1.1em; + margin-right: -.2em; + float: right; +} + +.footer .rss img { + border: 0; +} + +/*****************************************************************************/ +/* +/* Posts +/* +/*****************************************************************************/ + +/* standard */ +.post pre { + border: 1px solid #ddd; + background-color: #eef; + padding: 0 .4em; +} + +.post ul, .post ol { + margin-left: 1.35em; +} + +.post code { + border: 1px solid #ddd; + background-color: #eef; + padding: 0 .2em; +} + +.post pre code { + border: none; +} + +/* terminal */ +.post pre.terminal { + border: 1px solid #000; + background-color: #333; + color: #FFF; +} + +.post pre.terminal code { + background-color: #333; +} diff --git a/css/syntax.css b/css/syntax.css new file mode 100644 index 0000000..2774b76 --- /dev/null +++ b/css/syntax.css @@ -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 */ @@ -1,65 +1,13 @@ -<!DOCTYPE html> -<html> - <head> - <title>Ben Burwell</title> - <script type="text/javascript" src="//use.typekit.net/xgd2xxh.js"></script> - <script type="text/javascript">try{Typekit.load();}catch(e){}</script> - <style type="text/css"> - * { - padding: 0; - margin: 0; - } - - body { - font-family: 'myriad-pro'; - font-size: 16px; - color: rgb(0, 0, 0); - background-color: rgb(250, 250, 250); - margin-left: auto; - margin-right: auto; - font-weight: normal; - } - - .content { - width: 40em; - margin-left: auto; - margin-right: auto; - text-align: center; - } - - .title-block { - border-bottom: 2px solid rgb(0, 0, 0); - margin-left: auto; - margin-right: auto; - padding: 1em 1em 0.5em 1em; - margin: 0 1em 1em 1em; - } - - h1 { - font-size: 2em; - font-weight: bold; - } - - a { - color: rgb(68, 126, 173); - } - - .caption { - font-family: 'minion-pro'; - font-style: italic; - padding: 0.5em; - font-size: 1.2em; - } - - </style> - </head> - <body> - <div class="content"> - <div class="title-block"> - <h1>Ben Burwell</h1> - <p class="caption">Designer & Developer</p> - </div> - <p>Please visit my website, <a href="http://www.benburwell.com/">www.benburwell.com</a>.</p> - </div> - </body> -</html> +--- +layout: default +title: Your New Jekyll Site +--- + +<div id="home"> + <h1>Blog Posts</h1> + <ul class="posts"> + {% for post in site.posts %} + <li><span>{{ post.date | date_to_string }}</span> » <a href="{{ post.url }}">{{ post.title }}</a></li> + {% endfor %} + </ul> +</div>
\ No newline at end of file |