diff --git a/themes/anatole/layouts/index.html b/themes/anatole/layouts/index.html index df6f5a0b..19c2225e 100644 --- a/themes/anatole/layouts/index.html +++ b/themes/anatole/layouts/index.html @@ -1,20 +1,13 @@ {{ define "main" }}
-

Recent posts

- {{ range first 5 .Site.RegularPages }} +

Latest post

+ {{ range first 1 .Site.RegularPages }} {{ if eq .Type "post"}}

{{ .Title }}

{{ .Description }}

- {{ .Summary }} - - {{ if .Truncated }} - - - {{ end }} + {{ .Content }}
{{ end }} {{ end }} diff --git a/themes/anatole/static/css/style.css b/themes/anatole/static/css/style.css index f59ff89b..47c565e5 100644 --- a/themes/anatole/static/css/style.css +++ b/themes/anatole/static/css/style.css @@ -301,7 +301,7 @@ width:90%; .sidebar .social-links a:hover { color: var(--link-colour); } -.post { +.post, .h-entry { background: var(--bg-colour); margin: 30px; width:80%; @@ -336,34 +336,35 @@ width:90%; font-size: 22px; margin: 0; } -.post .post-title a { +.post .post-title a, .h-entry .post-title a { text-decoration: none; letter-spacing: 1px; color: var(--text-colour); } -.post .post-title a:hover { +.post .post-title a:hover, .h-entry .post-title a:hover { text-decoration: underline; } -.post .post-content a { +.post .post-content a, .h-entry p a { text-decoration: none; color: var(--link-colour); } -.post .post-content table { +.post .post-content table, .h-entry table { border-collapse:collapse; } -.post .post-content table,.post .post-content table td, .post .post-content table th{ +.post .post-content table,.post .post-content table td, .post .post-content table th, +.h-entry table,.h-entry table td, .h-entry table th{ border: 1px dashed var(--text-colour); } -.post .post-content table tr:nth-child(even) { +.post .post-content table tr:nth-child(even), .h-entry table tr:nth-child(even) { background-color: #f2f2f2; } -.post .post-content table td, .post .post-content table th{ +.post .post-content table td, .post .post-content table th,.h-entry table td, .h-entry table th{ padding: 15px } -.post .post-content a:hover { +.post .post-content a:hover, .h-entry a:hover { color: var(--link-colour); } .post .post-content h3 { @@ -375,7 +376,7 @@ width:90%; color: var(--text-colour); font-size: 16px; } -.post .post-content img { +.post .post-content img, .h-entry img { max-width: 60%; text-align: center; margin: 0 auto;