adrian
/
author
1
0
Fork 0
Code Issues 3 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Remove redundant stuff; improve typography

master
Adrian Short 3 years ago
parent
ae4576d777
commit
e024cb1680
Signed by: adrian GPG Key ID: 4B54F9AE91AB06BB
7 changed files with 69 additions and 169 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +2
    -2
      layouts/_default/li.html
  2. +3
    -7
      layouts/_default/list.html
  3. +8
    -4
      layouts/_default/single.html
  4. +2
    -0
      layouts/index.html
  5. +0
    -1
      layouts/partials/footer.html
  6. +5
    -16
      layouts/partials/header.html
  7. +49
    -139
      static/css/main.css

+ 2
- 2
layouts/_default/li.html View File

@@ -1,5 +1,5 @@
<div class="list-item list-{{ .Type }}">
<div>
<h2><a href="{{ .Permalink | relURL }}">{{ .Title }}</a></h2>
{{ .Description }}
<p>{{ .Description }}</p>
<p class=list-date>{{ .Date.Format "January 2006" }}</p>
</div>

+ 3
- 7
layouts/_default/list.html View File

@@ -1,14 +1,10 @@
{{ define "main" }}
{{ $.Scratch.Set "fa_icon" "fa-tag" }}

{{ if isset .Params "fa_icon" }}
{{ $.Scratch.Set "fa_icon" .Params.fa_icon }}
{{ end }}

<h1><!--<i class="fa {{ $.Scratch.Get "fa_icon" }}"></i>-->{{ .Title }}</h1>
<h1>{{ .Title }}</h1>
<div id=articles>
{{ range .Paginator.Pages }}
{{ .Render "li" }}
{{ end }}
</div>
{{ template "_internal/pagination.html" . }}
{{ end }}


+ 8
- 4
layouts/_default/single.html View File

@@ -1,10 +1,14 @@
{{ define "main" }}
<article>
<h1 class=post-title>{{ .Title }}</h1>
<div class="postmeta">
<p><a href="/">{{ .Site.Params.AuthorName }}</a> &middot; {{ .Date.Format "2 January 2006" }}</p>
<h1>{{ .Title }}</h1>
<div id=description>
{{ .Description }}
</div>
<div class=postmeta>
<a href="/">{{ .Site.Params.AuthorName }}</a>
&middot;
{{ .Date.Format "2 January 2006" }}
</div>
{{ .Content }}
{{ partial "tags.html" . }}
</article>
{{ end }}

+ 2
- 0
layouts/index.html View File

@@ -1,7 +1,9 @@
{{ define "main" }}
<h1 id=site-title>{{ .Site.Title }}</h1>
<div id=articles>
{{ range .Paginator.Pages }}
{{ .Render "li" }}
{{ end }}
{{ template "_internal/pagination.html" . }}
</div>
{{ end }}

+ 0
- 1
layouts/partials/footer.html View File

@@ -1,3 +1,2 @@
{{ template "_internal/google_analytics.html" . }}
</body>
</html>

+ 5
- 16
layouts/partials/header.html View File

@@ -3,11 +3,11 @@
<head>
<title>{{- partial "data/title" . -}}</title>
{{ hugo.Generator }}
{{ "<!-- Author theme for Hugo: https://github.com/adrianshort/author -->" | safeHTML }}
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<link rel="stylesheet" href="{{ relURL "/css/main.css?4" }}">
<link rel="alternate" type="application/rss+xml" title="{{ partial "data/title" . }}"
<meta name=viewport content="width=device-width, initial-scale=1">
<meta charset=utf-8>
<link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400&display=swap" rel=stylesheet>
<link rel=stylesheet href="{{ relURL "/css/main.css?4" }}">
<link rel=alternate type=application/rss+xml title="{{ partial "data/title" . }}"
href="{{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }}">
{{- template "_internal/opengraph.html" . -}}
{{ with .Params.image }}
@@ -22,14 +22,3 @@
{{- partial "twitter_cards" . -}}
</head>
<body>
<header>
<!-- <h1 id="site-title"><a href="{{ relURL "/" }}">{{ .Site.Title }}</a></h1> -->

<div id="site-social">
{{ range .Site.Params.social}}
<a href="{{ .url }}" title="{{ .title }}">
<i class="fa {{ .fa_icon }}"></i>
</a>
{{ end }}
</div>
</header>

+ 49
- 139
static/css/main.css View File

@@ -1,47 +1,29 @@
body {
background-color: #fff;
color: #000;
width: 700px;
margin: 70px auto;
font-family: "Helvetica", "Helvetica Neue", Arial, serif;
width: 600px;
margin: 120px auto;
font-family: "PT Serif", serif;
line-height: 1.0rem;
font-size: 1.3em;
-webkit-font-smoothing: antialiased;
}

a {
color: #333;
text-decoration: none;
div.highlight {
margin: 0 0 2rem 0;
line-height: 1.5rem;
}

a:hover {
text-decoration: underline;
a {
color: #6b0000;
text-decoration: none;
}

a:visited {
color: #777;
}

#site-social {
font-size: 1.3rem;
}

.quote {
font-family: monospace;
border: 0px #777 solid;
/*background-color: #eee;*/
font-size: 1.8rem;
line-height: 2.0rem;
/*padding: 20px;*/
margin: 30px 0;
}

.quote-credit {
/*font-style: italic;*/
text-align: right;
font-size: 1.0rem;
color: #333;
}

.list-item {
#articles div {
display: block;
border: 0px #777 solid;
padding: 0;
@@ -50,54 +32,39 @@ a:visited {
line-height: 1.8rem;
}

.list-date {
font-size: 1.0rem;
}

.list-item h2 {
line-height: 2.5rem;
margin: 0 0 15px 0;
}

.list-item img {
margin: 0px 0 20px 0;
#articles p {
font-size: 1.2rem;
margin: 1rem 0 0rem 0;
}

.list-quote {
background-color: #444;
color: white;
#articles .list-date {
font-size: 1.2rem;
/* border: 1px red solid; */
}

.list-video {
background-color: #000;
color: white;
#articles h2 {
line-height: 2.5rem;
margin: 0 0 15px 0;
}



.postmeta, .listmeta {
font-weight: 300;
text-transform: uppercase;
font-size: 0.9rem;
margin: 0;
margin: 20px 0;
}

.aside-list {
font-family: Georgia, "Times New Roman", serif;
font-size: 2.7rem;
line-height: 3.5rem;
.postmeta {
margin: 1rem 0 3rem 0;
}

#aside-single {
margin: 10rem 0;
color: white;
font-family: Georgia, "Times New Roman", serif;
font-size: 4.0rem;
line-height: 4.5rem;
.postmeta a, .postmeta a:visited {
color: #333;
}

img {
width: 100%;
margin: 1rem 0 1rem 0;
}

figure {
@@ -112,27 +79,14 @@ figcaption, figcaption h4 {
}

article {
font-size: 1.2rem;
font-size: 1.1rem;
line-height: 1.9rem;
color: #222;
}

article a {
text-decoration: underline;
text-decoration-style: dotted;
color: #000;
}

article a:visited {
text-decoration: underline;
text-decoration-style: dotted;
color: #aaa;
}

article a:hover {
color: #fff;
text-decoration: none;
background-color: #333;
color: #4b0000;
}

article figcaption {
@@ -142,32 +96,40 @@ article figcaption {
font-size: 0.8rem;
}


h1 {
color: #eee;
font-size: 1.0rem;
}

article h1 {
font-size: 2.5rem;
line-height: 3.2rem;
margin: 0 0 25px 0;
color: cornflowerblue;
font-size: 2.9rem;
line-height: 3.8rem;
margin: 0 0 50px 0;
color: #6b0000;
}

article #description {
margin: 1rem 0 1rem 0;
font-style: italic;
}

article p {
margin: 0 0 30px 0;
margin: 0 0 1.3rem 0;
}

article h2 {
margin: 50px 0 15px 0;
}

#site-title {
margin: 0 0 0 0;
margin: 0;
font-size: 3.5rem;
line-height: 4.0rem;
color: cornflowerblue;
color: #6b0000;
font-variant-caps: petite-caps;
}

#site-title a, #site-title a:visited {
/* font-size: 1.0rem; */
text-decoration: none;
text-transform: uppercase;
font-weight: normal;
@@ -177,26 +139,6 @@ article p {
text-transform: none;
}

ul.tags {
margin: 0;
padding: 0;
}

.tags li {
display: inline;
list-style-type: none;
margin: 0 15px 0 0;
font-size: 0.8rem;
background-color: #eee;
padding: 3px 6px;
border-radius: 5px;
}

.tags li a, .tags li a:hover, .tags li a:visited {
color: #777;
text-decoration: none;
}

ul.pagination {
margin: 0;
padding: 0;
@@ -223,30 +165,10 @@ ul.pagination li.disabled {
color: #333;
}

ul.tag-cloud {
margin: 30px 0;
blockquote {
margin: 0 0 0 2rem;
padding: 0;
}

ul.tag-cloud li {
display: inline;
margin: 0;
padding: 10px 20px 10px 0;
line-height: 2rem;
}

ul.tag-cloud li a, ul.tag-cloud li a:visited {
color: white;
text-decoration: none;
}

.fa {
margin: 0 15px 0 0;
color: white;
}

header {
margin: 0px 0;
font-style: italic;
}

@media screen and (max-width: 699px) {
@@ -259,15 +181,3 @@ header {
width: 100%;
}
}

blockquote {
margin: 0 0 0 20px;
padding: 0;
font-style: italic;
}

/*
https://css-tricks.com/blockquote-bulge/
http://www.andybudd.com/archives/2003/11/no_margin_for_error/
*/
/* blockquote p:last-child { margin-bottom: 0; } */

Write Preview
Loading…
Cancel
Save