Update Style

This commit is contained in:
agusmakmun
2016-04-19 01:26:43 +07:00
parent 2ba45ff8b0
commit bfaa026f37
3 changed files with 20 additions and 9 deletions

View File

@@ -13,6 +13,9 @@
<!-- Bootstrap core CSS --> <!-- Bootstrap core CSS -->
<link href="{{ site.baseurl }}/css/bootstrap.min.css" rel="stylesheet"> <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&amp;subset=latin,latin-ext" rel="stylesheet" type="text/css">
<!-- Custom CSS --> <!-- Custom CSS -->
<link rel="stylesheet" href="{{ site.baseurl }}/css/main.css"> <link rel="stylesheet" href="{{ site.baseurl }}/css/main.css">
@@ -22,10 +25,10 @@
<div class="container"> <div class="container">
<div class="col-sm-3"> <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 /> <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 /> <a href="{{ site.baseurl }}/">home</a> <br />
{% for i in site.urls %} {% for i in site.urls %}
<a class="about" href="{{ i.url }}">{{ i.text }}</a><br /> <a class="about" href="{{ i.url }}">{{ i.text }}</a><br />
@@ -33,7 +36,7 @@
{% if site.about %} {% if site.about %}
<div id="about"> <div id="about">
<strong>about</strong><br /> <strong>About</strong><br />
{{ site.about }} {{ site.about }}
</div> </div>
{% endif %} {% endif %}
@@ -46,7 +49,7 @@
<footer> <footer>
&copy; {{ site.name }} &copy; {{ site.name }}
{% if site.github %} {% if site.github %}
- <a href="{{ site.github }}">{{ site.github }}</a> - <a href="{{ site.github }}">{{ site.github }} - Powered by Jekyll.</a>
{% endif %} {% endif %}
</footer> </footer>
</div> </div>

View File

@@ -4,12 +4,17 @@
* ////////////// * //////////////
*/ */
body { 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) { @media (min-width: 768px) {
.container { .container {
max-width: 730px; max-width: 780px;
} }
} }
/** /**
@@ -27,6 +32,7 @@ h1 {
font-weight: normal; font-weight: normal;
color: #696969; color: #696969;
margin-bottom: 10px; margin-bottom: 10px;
font-size: 25px;
} }
h2 { h2 {
@@ -86,6 +92,7 @@ div.content pre {
overflow-x: auto; overflow-x: auto;
font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
font-size: 12px; font-size: 12px;
border: none;
} }
div.content .highlight { div.content .highlight {
@@ -97,6 +104,7 @@ footer {
width: 100%; width: 100%;
height: 10px; height: 10px;
margin-top: 10px; margin-top: 10px;
margin-bottom: 3em;
padding-top: 10px; padding-top: 10px;
color: #C2C2C2; color: #C2C2C2;
font-size: 11px; font-size: 11px;

View File

@@ -3,10 +3,10 @@ layout: default
--- ---
<div id="home"> <div id="home">
<h1>Blog Posts</h1> <h1>Our Stack Problems</h1>
<ul class="posts"> <ol class="posts">
{% for post in site.posts %} {% for post in site.posts %}
<li><span>{{ post.date | date_to_string }}</span> &raquo; <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li> <li><span>{{ post.date | date_to_string }}</span> &raquo; <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
{% endfor %} {% endfor %}
</ul> </ol>
</div> </div>