Simply the layout quite a bit

This commit is contained in:
R. Tyler Croy 2018-08-05 15:27:38 -07:00
parent 93e5a207f3
commit a30b617368
No known key found for this signature in database
GPG Key ID: 1426C7DC3F51E16F
5 changed files with 40 additions and 17 deletions

View File

@ -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/

View File

@ -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>

View File

@ -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>&middot;</small>
{% for tag in page.tags %}
<span>
<small>
<strong>
<a href="/tag/{{ tag }}.html">{{ tag }}</a>
&middot;
</small>
</strong>
&nbsp;
</span>
{% endfor %}
</div>

View File

@ -8,15 +8,21 @@ title: rtyler - home
<a href="{{ site.baseurl }}/">{{ site.name }}<span>&#39;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>

View File

@ -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;