diff options
| -rw-r--r-- | Blog/index.html | 36 | ||||
| -rw-r--r-- | _includes/footer.html | 24 | ||||
| -rw-r--r-- | _includes/header.html | 10 | ||||
| -rw-r--r-- | _includes/video.html | 2 | ||||
| -rw-r--r-- | _layouts/default.html | 34 | ||||
| -rw-r--r-- | _layouts/post.html | 2 | ||||
| -rwxr-xr-x | css/main.css | 138 |
7 files changed, 131 insertions, 115 deletions
diff --git a/Blog/index.html b/Blog/index.html index a0c5d1e..5491c97 100644 --- a/Blog/index.html +++ b/Blog/index.html @@ -3,22 +3,22 @@ layout: default --- <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 }} - <a href="{{ post.url }}">Read more...</a> - {% endfor %} - - <div class="pagination"> - {% if paginator.previous_page %} - <a href="/page{{ paginator.previous_page }}" class="previous">Previous</a> - {% endif %} - - {% if paginator.total_pages != 1 %} - <span class="page_number ">Page: {{ paginator.page }} of {{ paginator.total_pages }}</span> - {% endif %} - {% if paginator.next_page %} - <a href="/page{{ paginator.next_page }}" class="next">Next</a> - {% endif %} - </div> + {% for post in site.posts %} + <li><span>{{ post.date | date_to_string }}</span> » <a href="{{ post.url }}">{{ post.title }}</a></li> + {{ post.excerpt }} + <a href="{{ post.url }}">Read more...</a> + {% endfor %} + + <div class="pagination"> + {% if paginator.previous_page %} + <a href="/page{{ paginator.previous_page }}" class="previous">Previous</a> + {% endif %} + + {% if paginator.total_pages != 1 %} + <span class="page_number ">Page: {{ paginator.page }} of {{ paginator.total_pages }}</span> + {% endif %} + {% if paginator.next_page %} + <a href="/page{{ paginator.next_page }}" class="next">Next</a> + {% endif %} + </div> </ul> diff --git a/_includes/footer.html b/_includes/footer.html index 1b4e05e..f7a0c64 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -1,14 +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 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 index 55b7461..57c2afa 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -1,7 +1,7 @@ <div class="header"> - <h1 class="title"><a href="/">Welcome to {{ site.name }}</a></h1> - <a class="extra" href="/">Home</a> - <a class="extra" href="/Blog/">Blog</a> - <a class="extra" href="/Projects/">Projects</a> - <a class="extra" href="/CV/">CV</a> + <h1 class="title"><a href="/">Welcome to {{ site.name }}</a></h1> + <a class="extra" href="/">Home</a> + <a class="extra" href="/Blog/">Blog</a> + <a class="extra" href="/Projects/">Projects</a> + <a class="extra" href="/CV/">CV</a> </div> diff --git a/_includes/video.html b/_includes/video.html index 48cba1c..8cd9454 100644 --- a/_includes/video.html +++ b/_includes/video.html @@ -1,3 +1,3 @@ <center> - <video height="auto" width="100%" controls>{% if {{include.webm}} %}<source src="{{include.webm}}" type="video/webm">{% endif %}{% if {{include.mp4}} %}<source src="{{include.mp4}}" type="video/mp4">{% endif %}{% if {{include.ogv}} %}<source src="{{include.ogv}}" type="video/ogg">{% endif %}It seems your browser is unable to handle the html5 video tag with this type of video.</video> + <video height="auto" width="100%" controls>{% if {{include.webm}} %}<source src="{{include.webm}}" type="video/webm">{% endif %}{% if {{include.mp4}} %}<source src="{{include.mp4}}" type="video/mp4">{% endif %}{% if {{include.ogv}} %}<source src="{{include.ogv}}" type="video/ogg">{% endif %}It seems your browser is unable to handle the html5 video tag with this type of video.</video> </center> diff --git a/_layouts/default.html b/_layouts/default.html index ace44ce..4eb433e 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -1,28 +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"> + <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"> + <!-- syntax highlighting CSS --> + <link rel="stylesheet" href="/css/syntax.css"> - <!-- Custom CSS --> - <link rel="stylesheet" href="/css/main.css"> + <!-- Custom CSS --> + <link rel="stylesheet" href="/css/main.css"> - </head> - <body> + </head> + <body> - <div class="site"> - {% include header.html %} + <div class="site"> + {% include header.html %} - {{ content }} + {{ content }} - {% include footer.html %} + {% include footer.html %} - </div> + </div> - </body> + </body> </html> diff --git a/_layouts/post.html b/_layouts/post.html index 04e3586..50191fa 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -5,5 +5,5 @@ layout: default <p class="meta">{{ page.date | date_to_string }}</p> <div class="post"> -{{ content }} + {{ content }} </div> diff --git a/css/main.css b/css/main.css index 611307f..9679731 100755 --- a/css/main.css +++ b/css/main.css @@ -6,28 +6,44 @@ /* Global Reset */ * { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } -html, body { height: 100%; } +html, body { + height: 100%; +} body { - background-color: #FFF; - font: 13.34px Helvetica, Arial, sans-serif; - font-size: small; - text-align: center; + 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%; } + font-size: 100%; +} + +h1 { + margin-bottom: 1em; +} + +p { + margin: 1em 0; +} -h1 { margin-bottom: 1em; } -p { margin: 1em 0; } +a { + color: #00a; +} -a { color: #00a; } -a:hover { color: #000; } -a:visited { color: #a0a; } +a:hover { + color: #000; +} + +a:visited { + color: #a0a; +} /*****************************************************************************/ /* @@ -35,18 +51,18 @@ a:visited { color: #a0a; } /* /*****************************************************************************/ .posts { - list-style-type: none; - margin-bottom: 2em; + list-style-type: none; + margin-bottom: 2em; } .posts li { - line-height: 1.75em; + line-height: 1.75em; } .posts span { - color: #aaa; - font-family: Monaco, "Courier New", monospace; - font-size: 80%; + color: #aaa; + font-family: Monaco, "Courier New", monospace; + font-size: 80%; } /*****************************************************************************/ @@ -56,69 +72,69 @@ a:visited { color: #a0a; } /*****************************************************************************/ .site { - font-size: 115%; - text-align: justify; - width: 90%; - margin: 3em auto 2em; - line-height: 1.5em; + font-size: 115%; + text-align: justify; + width: 90%; + margin: 3em auto 2em; + line-height: 1.5em; } .header a { - font-weight: bold; - text-decoration: none; + font-weight: bold; + text-decoration: none; } .title { - display: inline-block; - margin-bottom: 2em; + display: inline-block; + margin-bottom: 2em; } .title a { - color: #a00; + color: #a00; } .title a:hover { - color: #000; + color: #000; } .header a.extra { - color: #aaa; - margin-left: 1em; + color: #aaa; + margin-left: 1em; } .header a.extra:hover { - color: #000; + color: #000; } .meta { - color: #aaa; + color: #aaa; } .footer { - font-size: 80%; - color: #666; - border-top: 4px solid #eee; - margin-top: 2em; - overflow: hidden; + font-size: 80%; + color: #666; + border-top: 4px solid #eee; + margin-top: 2em; + overflow: hidden; } .footer .contact { - float: left; - margin-right: 3em; + float: left; + margin-right: 3em; } .footer .contact a { - color: #8085C1; + color: #8085C1; } .footer .rss { - margin-top: 1.1em; - margin-right: -.2em; - float: right; + margin-top: 1.1em; + margin-right: -.2em; + float: right; } .footer .rss img { - border: 0; + border: 0; } /*****************************************************************************/ @@ -129,34 +145,34 @@ a:visited { color: #a0a; } /* standard */ .post pre { - border: 1px solid #ddd; - background-color: #eef; - padding: 0 .4em; + border: 1px solid #ddd; + background-color: #eef; + padding: 0 .4em; } .post ul, .post ol { - margin-left: 1.35em; + margin-left: 1.35em; } .post code { - border: 1px solid #ddd; - background-color: #eef; - padding: 0 .2em; + border: 1px solid #ddd; + background-color: #eef; + padding: 0 .2em; } .post pre code { - border: none; + border: none; } /* terminal */ .post pre.terminal { - border: 1px solid #000; - background-color: #333; - color: #FFF; + border: 1px solid #000; + background-color: #333; + color: #FFF; } .post pre.terminal code { - background-color: #333; + background-color: #333; } /*****************************************************************************/ @@ -166,7 +182,7 @@ a:visited { color: #a0a; } /*****************************************************************************/ .dynamic div { - height:auto;i - overflow:scroll; - max-height:80%; + height:auto;i + overflow:scroll; + max-height:80%; } |
