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"}}
- {{ .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;