Simply the layout quite a bit
This commit is contained in:
parent
93e5a207f3
commit
a30b617368
1
Makefile
1
Makefile
@ -3,6 +3,7 @@ all:
|
||||
LANG="en_US.UTF-8" jekyll build
|
||||
|
||||
publish:
|
||||
find files -iname "*.png" -type f -exec pngcrush -ow -noforce -reduce {} \;
|
||||
jekyll build
|
||||
rsync -acvz --delete _site/ clam:www.unethicalblogger.com/htdocs/
|
||||
|
||||
|
@ -4,12 +4,32 @@
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.name }}{% endif %}</title>
|
||||
<link rel="stylesheet" href="{{ site.baseurl }}/style.css">
|
||||
<style type="text/css">
|
||||
@media(min-width: 1024px) {
|
||||
.content {
|
||||
max-width: 55%;
|
||||
}
|
||||
main {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
header.masthead {
|
||||
float: right;
|
||||
background-color: #e9e9e9;
|
||||
padding: 1rem;
|
||||
}
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
li {
|
||||
margin: 0.5rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
{{ content }}
|
||||
</div>
|
||||
{% include analytics.html %}
|
||||
</body>
|
||||
</html>
|
||||
|
@ -7,16 +7,16 @@ layout: default
|
||||
<a href="{{ site.baseurl }}/">{{ site.name }}</a>
|
||||
</h1>
|
||||
</header>
|
||||
|
||||
<div class="content post">
|
||||
<h1 class="post-title">{{ page.title }}</h1>
|
||||
<div class="post-tags">
|
||||
<small>·</small>
|
||||
{% for tag in page.tags %}
|
||||
<span>
|
||||
<small>
|
||||
<strong>
|
||||
<a href="/tag/{{ tag }}.html">{{ tag }}</a>
|
||||
·
|
||||
</small>
|
||||
</strong>
|
||||
|
||||
</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
16
index.html
16
index.html
@ -8,15 +8,21 @@ title: rtyler - home
|
||||
<a href="{{ site.baseurl }}/">{{ site.name }}<span>'s blog</span></a>
|
||||
</h1>
|
||||
<nav class="masthead-nav">
|
||||
{% for nav in site.nav %}
|
||||
<a href="{{ nav.href }}">{{ nav.name }}</a>
|
||||
{% endfor %}
|
||||
<ul>
|
||||
{% for nav in site.nav %}
|
||||
<li>
|
||||
<strong>
|
||||
<a href="{{ nav.href }}">{{ nav.name }}</a>
|
||||
</strong>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main class="content list" role="main">
|
||||
|
||||
{% for post in paginator.posts %}
|
||||
|
||||
<hr noshade/>
|
||||
<article class="post">
|
||||
<header class="post-header">
|
||||
<h2 class="post-title"><a href="{{ post.url }}">{{ post.title }}</a></h2>
|
||||
|
@ -13,10 +13,6 @@ body {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #515151;
|
||||
background-color: #fff;
|
||||
@ -251,7 +247,7 @@ tbody tr:nth-child(odd) th {
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 60rem;
|
||||
max-width: 80%;
|
||||
padding: 2rem 1.5rem;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
@ -330,7 +326,7 @@ tbody tr:nth-child(odd) th {
|
||||
|
||||
.post {
|
||||
&-title {
|
||||
margin-bottom: .25rem;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
&-date {
|
||||
margin-bottom: 2rem;
|
||||
|
Loading…
Reference in New Issue
Block a user