Update styles
This commit is contained in:
parent
48c37b38f9
commit
b0f996835a
11
Makefile
11
Makefile
|
@ -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}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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 %}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -0,0 +1,6 @@
|
||||||
|
<div class='site-header'>
|
||||||
|
<div class='container'>
|
||||||
|
This is <a href="/"><em>{{ site.meta.name }}</em></a> — collection of cheatsheets I've written.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
|
@ -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;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue