diff options
| -rw-r--r-- | _includes/header.html | 14 | ||||
| -rw-r--r-- | _layouts/post.html | 2 | ||||
| -rw-r--r-- | _posts/2014-10-26-learning-how-to-jekyll.markdown | 4 | ||||
| -rw-r--r-- | index.html | 3 | ||||
| -rwxr-xr-x | public/css/main.css | 6 |
5 files changed, 18 insertions, 11 deletions
diff --git a/_includes/header.html b/_includes/header.html index 2c0e631..caa495f 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -1,6 +1,6 @@ -<div class="header col-sm-12 vspace1em"> +<div id=header class="header col-sm-12 vspace1em"> <!-- For small and up displays --> - <div class="col-sm-12 hidden-xs"> + <div class="hidden-xs"> <h4 class="title h4"><a href="/">{{ site.name }}</a></h1> <a class="extra" href="/Blog/">Blog</a> <a class="extra" href="/Projects/">Projects</a> @@ -8,17 +8,17 @@ </div> <!-- For xs displays --> - <div class="hidden-sm hidden-md hidden-lg"> - <div class="col-xs-12"> + <div id=header class="vspace1em hidden-sm hidden-md hidden-lg"> + <div> <h4 class="title h4"><a href="/">{{ site.name }}</a></h1> </div> - <div class="col-xs-12"> + <div> <a class="extra" href="/Blog/">Blog</a> </div> - <div class="col-xs-12"> + <div > <a class="extra" href="/Projects/">Projects</a> </div> - <div class="vspace1em col-xs-12"> + <div > <a class="extra" href="/CV/">CV</a> </div> </div> diff --git a/_layouts/post.html b/_layouts/post.html index 50191fa..8e307dc 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -1,7 +1,7 @@ --- layout: default --- -<h2>{{ page.title }}</h2> +<h3 class="h3">{{ page.title }}</h2> <p class="meta">{{ page.date | date_to_string }}</p> <div class="post"> diff --git a/_posts/2014-10-26-learning-how-to-jekyll.markdown b/_posts/2014-10-26-learning-how-to-jekyll.markdown index a76cb0e..b6ca449 100644 --- a/_posts/2014-10-26-learning-how-to-jekyll.markdown +++ b/_posts/2014-10-26-learning-how-to-jekyll.markdown @@ -8,7 +8,7 @@ So I wanted to create a better projects page. One that generates itself and gene I first was a bit put off by the prospect of diving into ruby. But I really wanted a way to generate new project pages based on content and not handcraft each page. I also wanted to use markdown for this because It would then be similar to the posts. -So first I define a list of associative arrays in my main config that define my projects. These associative arrays contain a name, a markdown file and a thumbnail to be used on the main projects page. This is all information I need to add in the config. +So first I define a list of associative arrays in my main config that define my projects. These associative arrays contain a name, a markdown file and a thumbnail to be used on the main projects page. This is all information that I need to add in the config. But then I need to generate the project page itself. This is where the Jekyll plug-in system comes into play. This is my project page generator. @@ -80,4 +80,4 @@ end Liquid::Template.register_tag('include_project', Jekyll::InputProjectTag) ``` -The only downside of this is that with jekyll --watch new projects will not appear on the webpage, It seems the global config file is not watched, or maybe its something entirely different. I will look into this later down the line but for now I just wanted to share these modules. +The only downside of this is that with Jekyll --watch new projects will not appear on the web page, It seems the global config file is not watched, or maybe its something entirely different. I will look into this later down the line but for now I just wanted to share these modules. @@ -4,4 +4,7 @@ layout: default <div id="home"> Welcome to the site of Dennis Brentjes. +Here I will be posting blog posts about my current and past projects aswell as some personal things I am willing to share. +Feel free to contact me about anything concerning this site or any of my projects. + </div> diff --git a/public/css/main.css b/public/css/main.css index fb78744..03ada2c 100755 --- a/public/css/main.css +++ b/public/css/main.css @@ -96,8 +96,12 @@ a:visited { color: #000; } +.header { + border-bottom: 4px solid #eee; +} + .header a.extra { - color: #aaa; + color: #999; margin-left: 1em; } |