Update styles

This commit is contained in:
Rico Sta. Cruz 2015-03-06 18:19:22 +08:00
parent 48c37b38f9
commit b0f996835a
6 changed files with 62 additions and 53 deletions

View File

@ -1,4 +1,11 @@
PORT ?= 3000 PORT ?= 3000
bundle := env BUNDLE_GEMFILE=./_/Gemfile bundle
start: start: bundle
env BUNDLE_GEMFILE=./_/Gemfile bundle exec jekyll serve --drafts --watch --port ${PORT} ${bundle} exec jekyll serve --safe --drafts --watch --port ${PORT}
build: bundle
${bundle} exec jekyll build --safe
bundle:
${bundle}

View File

@ -1,18 +1,17 @@
---
---
{% include head.html %} {% include head.html %}
{% include site-header.html %}
<div class='blog-header'> <div class='post-list -single -cheatsheet'>
<div> <div class='post-item'>
<h1><a href="/">{{ site.meta.name }}</a></h1> <div class='post-headline -cheatsheet'>
</div> <h1>{{ page.title }}</h1>
</div> </div>
<div class='article-item -cheatsheet'> <div class='post-content -cheatsheet'>
<div class='article-headline -cheatsheet'> {{ content }}
<h1>{{ page.title }}</h1> </div>
</div>
<div class='article-content -cheatsheet'>
{{ content }}
</div> </div>
</div> </div>

View File

@ -2,12 +2,7 @@
html_class: home html_class: home
--- ---
{% include head.html %} {% include head.html %}
{% include site-header.html %}
<div class='blog-header'>
<div>
<h1><a href="./">{{ site.meta.name }}</a></h1>
</div>
</div>
<div class='pages-list'> <div class='pages-list'>
{% for page in site.pages %} {% for page in site.pages %}

View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>{{ page.title }} cheatsheet</title> <title>{{ page.title }} cheatsheet</title>
<link href="http://ricostacruz.com/assets/article.css" rel="stylesheet" /> <link href="http://ricostacruz.com/til/assets/style.css" rel="stylesheet" />
<link href="assets/style.css" rel="stylesheet" /> <link href="assets/style.css" rel="stylesheet" />
</head> </head>
<body> <body>

View File

@ -0,0 +1,6 @@
<div class='site-header'>
<div class='container'>
This is <a href="/"><em>{{ site.meta.name }}</em></a> &mdash; collection of cheatsheets I've written.
</div>
</div>

View File

@ -1,32 +1,34 @@
.article-content pre, .with-footnote pre , .panorama-section pre , .article-content > .panorama-section pre { .pages-list {
/*max-width: 900px; */ font-size: 0.9em;
} max-width: 800px;
.article-content pre > code, .with-footnote pre > code, .panorama-section pre > code, .article-content > .panorama-section pre > code { margin: 60px auto;
overflow: auto; overflow: hidden;
font-size: 0.85em; }
margin-left: -30px; .pages-list a {
margin-right: -30px; display: block;
} padding: 6px 0;
text-align: left;
.article-headline h1:after { float: left;
content: ''; width: 44%;
display: block; margin: 0 3%;
width: 80px; box-shadow: none;
height: 1px; transition: all 100ms linear;
background: #ddd; }
margin: 40px auto; .pages-list a .title,
} .pages-list a .date {
display: block;
.hljs-keyword, .hljs-builtin { }
font-weight: normal; .pages-list a .title {
color: #050505; font-weight: bold;
} color: #111;
float: left;
.article-content h2 a, }
.article-content h3 a, .pages-list a .date {
.article-content h4 a, color: #aaa;
.article-content h2 a:visited, font-size: 0.9em;
.article-content h3 a:visited, float: right;
.article-content h4 a:visited { }
color: #111; .pages-list a:hover .title,
} .pages-list a:focus .title {
color: dodgerblue;
}