From 92f886b9a9f53a94e66ef335b9dcb3a248324c1b Mon Sep 17 00:00:00 2001 From: Dennis Brentjes Date: Sun, 27 Apr 2014 16:20:43 +0200 Subject: Initial version of brentj.es --- .gitignore | 1 + _config.yml | 3 + _includes/footer.html | 14 +++ _includes/header.html | 4 + _layouts/default.html | 28 +++++ _layouts/post.html | 9 ++ _posts/2014-04-27-welcome-to-jekyll.markdown | 14 +++ _posts/2014-04-27-welcome-to-jekyll.markdown~ | 14 +++ css/main.css | 160 ++++++++++++++++++++++++++ css/syntax.css | 60 ++++++++++ index.html | 14 +++ 11 files changed, 321 insertions(+) create mode 100644 .gitignore create mode 100644 _config.yml create mode 100644 _includes/footer.html create mode 100644 _includes/header.html create mode 100644 _layouts/default.html create mode 100644 _layouts/post.html create mode 100644 _posts/2014-04-27-welcome-to-jekyll.markdown create mode 100644 _posts/2014-04-27-welcome-to-jekyll.markdown~ create mode 100755 css/main.css create mode 100644 css/syntax.css create mode 100644 index.html 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 @@ +
+
+

+ Dennis Brentjes
+ Software Developer
+ dennis@brentj.es
+

+
+
+

+ github.com/roflincopter
+

+
+
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 @@ +
+

Welcome to {{ site.name }}

+ home +
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 @@ + + + + + + {{ page.title }} + + + + + + + + + + + +
+ {% include header.html %} + + {{ content }} + + {% include footer.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 +--- +

{{ page.title }}

+

{{ page.date | date_to_string }}

+ +
+{{ content }} +
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 +--- + +
+

Blog Posts

+ +
-- cgit v1.2.3-70-g09d2