diff options
-rw-r--r-- | assets/sass/_layout.scss | 15 | ||||
-rw-r--r-- | assets/sass/_typography.scss | 10 | ||||
-rw-r--r-- | data/months.yaml | 41 | ||||
-rw-r--r-- | i18n/en.yaml | 2 | ||||
-rw-r--r-- | i18n/fr.yaml | 2 | ||||
-rw-r--r-- | i18n/pt-br.yaml | 2 | ||||
-rw-r--r-- | layouts/_default/list.html | 6 | ||||
-rw-r--r-- | layouts/_default/single.html | 2 | ||||
-rw-r--r-- | layouts/partials/publish.html | 6 |
9 files changed, 82 insertions, 4 deletions
diff --git a/assets/sass/_layout.scss b/assets/sass/_layout.scss index c807465..5abde4f 100644 --- a/assets/sass/_layout.scss +++ b/assets/sass/_layout.scss @@ -9,6 +9,7 @@ body { .container { margin: 0 auto; width: 730px; + padding: 0 15rem; @media screen and (max-width: 730px) { width: 100%; @@ -60,7 +61,7 @@ body { a { padding: 8rem 16rem; - border-bottom: 1rem solid lighten($theme-color, 60%); + border-bottom: 1rem solid lighten($theme-color, 70%); &:hover, &:focus, &:active, &.active { border-bottom: 1rem solid $theme-color; @@ -96,3 +97,15 @@ footer { height: 40rem; width: 40rem; } + +.publish { + font-size: 12.8rem; + color: lighten($theme-color, 40%); + margin-bottom: 32rem; +} + +hr { + margin-top: 40px; + border: 0; + border-top: 1rem solid lighten($theme-color, 90%); +} diff --git a/assets/sass/_typography.scss b/assets/sass/_typography.scss index df88e82..ffca863 100644 --- a/assets/sass/_typography.scss +++ b/assets/sass/_typography.scss @@ -7,16 +7,22 @@ body { font-size: 14.4rem; font-weight: 300; line-height: 1.5; - color: $theme-color; + color: lighten($theme-color, 15%); } pre, code, kbd, samp { font-family: $font-family-monospace; } + +h1, h2, h3, h4, h5, h6 { + color: $theme-color; + line-height: 1.2; +} + h1 { font-size: 32rem; - margin: 40rem 0 4rem; + margin: 40rem 0 2rem; } p { diff --git a/data/months.yaml b/data/months.yaml new file mode 100644 index 0000000..a7c2b17 --- /dev/null +++ b/data/months.yaml @@ -0,0 +1,41 @@ +en: + 1: "January" + 2: "February" + 3: "March" + 4: "April" + 5: "May" + 6: "June" + 7: "July" + 8: "August" + 9: "September" + 10: "October" + 11: "November" + 12: "December" + +pt-br: + 1: "Janeiro" + 2: "Fevereiro" + 3: "Março" + 4: "Abril" + 5: "Maio" + 6: "Junho" + 7: "Julho" + 8: "Agosto" + 9: "Setembro" + 10: "Outubro" + 11: "Novembro" + 12: "Dezembro" + +fr: + 1: "Janvier" + 2: "Février" + 3: "Mars" + 4: "Avril" + 5: "Mai" + 6: "Juin" + 7: "Juillet" + 8: "Août" + 9: "Septembre" + 10: "Octobre" + 11: "Novembre" + 12: "Décembre" diff --git a/i18n/en.yaml b/i18n/en.yaml new file mode 100644 index 0000000..dda4bfb --- /dev/null +++ b/i18n/en.yaml @@ -0,0 +1,2 @@ +- id: publish + translation: Published on diff --git a/i18n/fr.yaml b/i18n/fr.yaml new file mode 100644 index 0000000..83afed3 --- /dev/null +++ b/i18n/fr.yaml @@ -0,0 +1,2 @@ +- id: publish + translation: Publié le diff --git a/i18n/pt-br.yaml b/i18n/pt-br.yaml new file mode 100644 index 0000000..99dce05 --- /dev/null +++ b/i18n/pt-br.yaml @@ -0,0 +1,2 @@ +- id: publish + translation: Publicado em diff --git a/layouts/_default/list.html b/layouts/_default/list.html index 444cae1..b28a85f 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -1,9 +1,13 @@ {{ define "main" }} {{ range .Pages }} <article> - <h2>{{ .Title }}</h2> + <h1>{{ .Title }}</h1> + + {{ partial "publish" . }} {{ .Description }} </article> + + <hr> {{ end }} {{ end }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index f4706f4..7b283c3 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -2,6 +2,8 @@ <article> <h1>{{ .Title }}</h1> + {{ partial "publish" . }} + {{ .Content }} </article> {{ end }} diff --git a/layouts/partials/publish.html b/layouts/partials/publish.html new file mode 100644 index 0000000..da6647b --- /dev/null +++ b/layouts/partials/publish.html @@ -0,0 +1,6 @@ +<p class="publish"> + {{ i18n "publish" }} + <time class="post-date" datetime="{{ .PublishDate.Format "2006-01-02T15:04:05Z07:00" | safeHTML }}"> + {{ index $.Site.Data.months (.Site.Language.Lang) (printf "%d" .PublishDate.Month) }} {{ .PublishDate.Day }}, {{ .PublishDate.Year }} + </time> +</p> |