diff options
| -rw-r--r-- | .gitignore | 1 | ||||
| -rw-r--r-- | _config.yml | 3 | ||||
| -rw-r--r-- | _includes/footer.html | 14 | ||||
| -rw-r--r-- | _includes/header.html | 4 | ||||
| -rw-r--r-- | _layouts/default.html | 28 | ||||
| -rw-r--r-- | _layouts/post.html | 9 | ||||
| -rw-r--r-- | _posts/2014-04-27-welcome-to-jekyll.markdown | 14 | ||||
| -rw-r--r-- | _posts/2014-04-27-welcome-to-jekyll.markdown~ | 14 | ||||
| -rwxr-xr-x | css/main.css | 160 | ||||
| -rw-r--r-- | css/syntax.css | 60 | ||||
| -rw-r--r-- | index.html | 14 |
11 files changed, 321 insertions, 0 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..87c0245 --- /dev/null +++ b/_config.yml @@ -0,0 +1,3 @@ +name: brentj.es +markdown: redcarpet +pygments: true diff --git a/_includes/footer.html b/_includes/footer.html new file mode 100644 index 0000000..1b4e05e --- /dev/null +++ b/_includes/footer.html @@ -0,0 +1,14 @@ +<div class="footer"> + <div class="contact"> + <p> + Dennis Brentjes <br> + Software Developer <br> + dennis@brentj.es <br> + </p> + </div> + <div class="contact"> + <p> + <a href="https://github.com/roflincopter">github.com/roflincopter</a><br> + </p> + </div> +</div> diff --git a/_includes/header.html b/_includes/header.html new file mode 100644 index 0000000..9a33f82 --- /dev/null +++ b/_includes/header.html @@ -0,0 +1,4 @@ +<div class="header"> + <h1 class="title"><a href="/">Welcome to {{ site.name }}</a></h1> + <a class="extra" href="/">home</a> +</div> diff --git a/_layouts/default.html b/_layouts/default.html new file mode 100644 index 0000000..ace44ce --- /dev/null +++ b/_layouts/default.html @@ -0,0 +1,28 @@ +<!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"> + {% include header.html %} + + {{ content }} + + {% include footer.html %} + + </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-27-welcome-to-jekyll.markdown b/_posts/2014-04-27-welcome-to-jekyll.markdown new file mode 100644 index 0000000..1113b26 --- /dev/null +++ b/_posts/2014-04-27-welcome-to-jekyll.markdown @@ -0,0 +1,14 @@ +--- +layout: post +title: "Setting up a website." +date: 2014-04-27 13:00:09 +--- + +While a like to see myself as a seasoned programmer, I had never set up a site on my own. I never had known where to start. So I began serching for easy to use frameworks to get me settled and when you want to include a blog of some sorts you kinda bump into either wordpress or jekyll. I figured that setting up wordpress can be quite a hassle. Not that fear setting up a database, but it seems so overkill for what I wanted. So The reason why I chose for jekyll is it simplicity. + +In a nutshell jekyll compiles a static site using a folder structure and configuration files. The default structure is exansive enough to give you an idea how it works, but it far more powerfull than the default generated site lets on. For instance the header and footer are hardcoded in the default layout. These header (and footer) can be specified in seperate files located in the "_include" directory and included in the layout with "{% raw %}{% include header.html %}{% endraw %}". So this enables you to reuse pieces of html layout in any of your layouts. + +I'm not going to explain the whole jekyll framework, simply because I do not have enough knowledge of jekyll to do so. I do however wanted to make my first post as soon as possible to see how jekyll works and to keep working on improving my site. If I sparked your interest do checkout the [Jekyll docs][jekyll] or their [github page][jekyll-gh]. + +[jekyll-gh]: https://github.com/mojombo/jekyll +[jekyll]: http://jekyllrb.com diff --git a/_posts/2014-04-27-welcome-to-jekyll.markdown~ b/_posts/2014-04-27-welcome-to-jekyll.markdown~ new file mode 100644 index 0000000..1113b26 --- /dev/null +++ b/_posts/2014-04-27-welcome-to-jekyll.markdown~ @@ -0,0 +1,14 @@ +--- +layout: post +title: "Setting up a website." +date: 2014-04-27 13:00:09 +--- + +While a like to see myself as a seasoned programmer, I had never set up a site on my own. I never had known where to start. So I began serching for easy to use frameworks to get me settled and when you want to include a blog of some sorts you kinda bump into either wordpress or jekyll. I figured that setting up wordpress can be quite a hassle. Not that fear setting up a database, but it seems so overkill for what I wanted. So The reason why I chose for jekyll is it simplicity. + +In a nutshell jekyll compiles a static site using a folder structure and configuration files. The default structure is exansive enough to give you an idea how it works, but it far more powerfull than the default generated site lets on. For instance the header and footer are hardcoded in the default layout. These header (and footer) can be specified in seperate files located in the "_include" directory and included in the layout with "{% raw %}{% include header.html %}{% endraw %}". So this enables you to reuse pieces of html layout in any of your layouts. + +I'm not going to explain the whole jekyll framework, simply because I do not have enough knowledge of jekyll to do so. I do however wanted to make my first post as soon as possible to see how jekyll works and to keep working on improving my site. If I sparked your interest do checkout the [Jekyll docs][jekyll] or their [github page][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 */ diff --git a/index.html b/index.html new file mode 100644 index 0000000..e3f5da1 --- /dev/null +++ b/index.html @@ -0,0 +1,14 @@ +--- +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> + {{ post.excerpt }} + {% endfor %} + </ul> +</div> |