diff options
| -rw-r--r-- | _layouts/post.html | 6 | ||||
| -rw-r--r-- | _layouts/static.html | 19 | ||||
| -rw-r--r-- | css/images/bg.png | bin | 32875 -> 508038 bytes | |||
| -rw-r--r-- | css/images/logo.png | bin | 0 -> 4058 bytes | |||
| -rw-r--r-- | css/main.css | 58 | ||||
| -rw-r--r-- | index.html | 2 |
6 files changed, 67 insertions, 18 deletions
diff --git a/_layouts/post.html b/_layouts/post.html index c889b8b..1b4de90 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -3,7 +3,7 @@ <head> <meta charset="utf-8"/> <title>{{page.title}}</title> - <link href='http://fonts.googleapis.com/css?family=Gentium+Book+Basic:400,400italic&subset=latin,latin-ext' rel='stylesheet' /> + <link href='http://fonts.googleapis.com/css?family=PT+Serif:400,400italic&subset=latin,latin-ext' rel='stylesheet' /> <link rel="stylesheet" href="/css/highlight.css" /> <link rel="stylesheet" href="/css/main.css" /> </head> @@ -12,6 +12,9 @@ <div id="bucket"> <h1 id="logo">{{site.title}}</h1> <h1>{{page.title}}</h1> + <p id="slogan">{{page.date | date_to_long_string}}</p> + + {{content}} <aside> <h3>Tags</h3> @@ -20,7 +23,6 @@ {% endfor %} </aside> - {{content}} </div> </body> </html> diff --git a/_layouts/static.html b/_layouts/static.html new file mode 100644 index 0000000..9816df5 --- /dev/null +++ b/_layouts/static.html @@ -0,0 +1,19 @@ +<!DOCTYPE HTML> +<html> + <head> + <meta charset="utf-8"/> + <title>{{page.title}}</title> + <link href='http://fonts.googleapis.com/css?family=Gentium+Book+Basic:400,400italic&subset=latin,latin-ext' rel='stylesheet' /> + <link rel="stylesheet" href="/css/highlight.css" /> + <link rel="stylesheet" href="/css/main.css" /> + </head> + + <body> + <div id="bucket"> + <h1 id="logo">{{site.title}}</h1> + <h1>{{page.title}}</h1> + + {{content}} + </div> + </body> +</html> diff --git a/css/images/bg.png b/css/images/bg.png Binary files differindex a9d81b3..fc44ec1 100644 --- a/css/images/bg.png +++ b/css/images/bg.png diff --git a/css/images/logo.png b/css/images/logo.png Binary files differnew file mode 100644 index 0000000..704e195 --- /dev/null +++ b/css/images/logo.png diff --git a/css/main.css b/css/main.css index 3c106fa..c8912ab 100644 --- a/css/main.css +++ b/css/main.css @@ -1,18 +1,41 @@ body, h1, h2, h3, h4, h5, h6, p, li, ol, ul, blockquote, code, pre { margin: 0; padding: 0; - color: #333333; + color: #444444; font-size: 14px; - font-family: "Gentium Book Basic", Georgia, serif; + font-family: "PT Serif", Georgia, serif; -webkit-font-smoothing: antialiased; } body { - background: #47111e url("images/bg.png"); } + background: rgb(185,179,162) url("images/bg.png"); + background: -webkit-radial-gradient( + top center, + ellipse contain, + rgba(255,255,255,1), + rgba(255,255,255,0)) + , url("images/bg.png"); +} h1 { - margin: 51px 0 51px -160px; + margin: 36px 0 0; text-align: center; - font: italic 2em normal "Baskerville", "PT Serif", Georgia, serif; } + font: italic 1.8em normal "Baskerville", "PT Serif", Georgia, serif; } + +a { + text-decoration: none; + color: #000; + opacity: .3; +} +a:before { + content: "†"; + margin-right: .3em; + font-weight: bold; + -webkit-transition-duration: .2s; +} +a:hover { + -webkit-transform: scale(1.1); + opacity: 1; +} p, li { line-height: 18px; } @@ -45,9 +68,6 @@ pre { padding: 0 .1em; } pre code { color: rgb(130,146,148) } aside { - margin-left: -170px; - float: left; - width: 150px; text-align: right; } aside p, aside li { font-size: 12px; @@ -55,14 +75,22 @@ aside { line-height: 15px; } #bucket { - background: white; - width: 420px; - margin: 50px auto; - padding: 75px 75px 75px 225px; - box-shadow: 0 0 20px rgba(0, 0, 0, 0.75); } + background: rgba(255,255,255,.8); + width: 480px; + margin: 120px auto; + padding: 35px; + box-sizing: border-box; + box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 5px 5px rgba(0, 0, 0, 0.45); } #logo { - background: url("images/logo.jpg") no-repeat center; + background: url("images/logo.png") no-repeat center; height: 54px; - margin: 20px 0 0 -160px; + margin: 20px 0 0 0px; text-indent: -9999px; } + +#slogan { + text-align: center; + color: rgba(0,0,0,.3); + margin-top: 0.2em; + margin-bottom: 4em; +} @@ -1,6 +1,6 @@ --- title: List of posts -layout: post +layout: static --- {% for post in site.posts %} |
