From bfaa026f3736d7cc33962d978bbba89aeb75dba1 Mon Sep 17 00:00:00 2001 From: agusmakmun <summon.agus@gmail.com> Date: Tue, 19 Apr 2016 01:26:43 +0700 Subject: [PATCH] Update Style --- _layouts/default.html | 11 +++++++---- css/main.css | 12 ++++++++++-- index.html | 6 +++--- 3 files changed, 20 insertions(+), 9 deletions(-) diff --git a/_layouts/default.html b/_layouts/default.html index 7a9ec22..52ad634 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -13,6 +13,9 @@ <!-- Bootstrap core CSS --> <link href="{{ site.baseurl }}/css/bootstrap.min.css" rel="stylesheet"> + <!-- Fonts --> + <link href="//fonts.googleapis.com/css?family=Roboto+Condensed:400,300italic,300,400italic,700&subset=latin,latin-ext" rel="stylesheet" type="text/css"> + <!-- Custom CSS --> <link rel="stylesheet" href="{{ site.baseurl }}/css/main.css"> @@ -22,10 +25,10 @@ <div class="container"> <div class="col-sm-3"> - <h1>{{ site.name }}</h1> + <h3>{{ site.name }}</h3> <img id="about" src="{{ site.baseurl }}/img/avatar.jpg" height="75px" width="75px" /><br /> - <strong>navigation</strong><br /> + <strong>Navigation</strong><br /> <a href="{{ site.baseurl }}/">home</a> <br /> {% for i in site.urls %} <a class="about" href="{{ i.url }}">{{ i.text }}</a><br /> @@ -33,7 +36,7 @@ {% if site.about %} <div id="about"> - <strong>about</strong><br /> + <strong>About</strong><br /> {{ site.about }} </div> {% endif %} @@ -46,7 +49,7 @@ <footer> © {{ site.name }} {% if site.github %} - - <a href="{{ site.github }}">{{ site.github }}</a> + - <a href="{{ site.github }}">{{ site.github }} - Powered by Jekyll.</a> {% endif %} </footer> </div> diff --git a/css/main.css b/css/main.css index f295d4c..335c092 100755 --- a/css/main.css +++ b/css/main.css @@ -4,12 +4,17 @@ * ////////////// */ body { - color: #424242; + font-family: "Roboto Condensed", Arial, sans-serif; + background-color: #fff; + font-size: 16px; + line-height: 1.5em; + color: #666; + font-weight: 300; } @media (min-width: 768px) { .container { - max-width: 730px; + max-width: 780px; } } /** @@ -27,6 +32,7 @@ h1 { font-weight: normal; color: #696969; margin-bottom: 10px; + font-size: 25px; } h2 { @@ -86,6 +92,7 @@ div.content pre { overflow-x: auto; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 12px; + border: none; } div.content .highlight { @@ -97,6 +104,7 @@ footer { width: 100%; height: 10px; margin-top: 10px; + margin-bottom: 3em; padding-top: 10px; color: #C2C2C2; font-size: 11px; diff --git a/index.html b/index.html index 3430007..1fb60e5 100644 --- a/index.html +++ b/index.html @@ -3,10 +3,10 @@ layout: default --- <div id="home"> - <h1>Blog Posts</h1> - <ul class="posts"> + <h1>Our Stack Problems</h1> + <ol class="posts"> {% for post in site.posts %} <li><span>{{ post.date | date_to_string }}</span> » <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li> {% endfor %} - </ul> + </ol> </div> -- GitLab