diff options
author | Marcin Mierzejewski <marcin@mierzejewski.net> | 2020-05-03 12:38:44 +0300 |
---|---|---|
committer | Marcin Mierzejewski <marcin@mierzejewski.net> | 2020-05-03 12:38:44 +0300 |
commit | 512902121b2c48231bbbc9dfbe49c21f768a579c (patch) | |
tree | 439f398a19c072371b1b1350b6c90adb3fa95e6d | |
parent | 49427a6f508c791d6a0b3fc7690262206d2f87a0 (diff) |
home page: add home page with the latest posts and photos
screenshots: update screenshot with new home page
-rw-r--r-- | README.md | 2 | ||||
-rw-r--r-- | exampleSite/config.toml | 1 | ||||
-rw-r--r-- | images/screenshot.png | bin | 797910 -> 581839 bytes | |||
-rw-r--r-- | images/tn.png | bin | 340378 -> 251504 bytes | |||
-rw-r--r-- | layouts/_default/list.html | 10 | ||||
-rw-r--r-- | layouts/index.html | 43 | ||||
-rw-r--r-- | static/hugo-theme-console/css/console.css | 56 |
7 files changed, 91 insertions, 21 deletions
@@ -26,7 +26,7 @@ theme = "hugo-theme-console" ## Example Site -If you want to run the example site, please run the following command: +To run the example site, please type the following command: ``` makefile hugo-server diff --git a/exampleSite/config.toml b/exampleSite/config.toml index 18dca1e..7226a4e 100644 --- a/exampleSite/config.toml +++ b/exampleSite/config.toml @@ -11,7 +11,6 @@ languageCode = "en-us" [[params.navlinks]] name = "posts/" url = "/posts/" - home = true [[params.navlinks]] name = "photos/" diff --git a/images/screenshot.png b/images/screenshot.png Binary files differindex 1505a36..1083921 100644 --- a/images/screenshot.png +++ b/images/screenshot.png diff --git a/images/tn.png b/images/tn.png Binary files differindex c83b2d1..5fe1ae4 100644 --- a/images/tn.png +++ b/images/tn.png diff --git a/layouts/_default/list.html b/layouts/_default/list.html index f730d59..c01818a 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -3,12 +3,16 @@ <br/> {{ .Content }} +<div class="posts-list"> {{ range sort .Data.Pages "Date" "desc" }} {{ if not .Params.private }} - <div class="post-list-date">{{ .PublishDate.Format "Jan. 2, 2006" }}</div> - <h1><a href="{{ .Permalink }}" title="{{ .Title }}">{{ .Title }}</a></h1> - {{ .Summary }} + <div class="post"> + <div class="date">{{ .PublishDate.Format "Jan. 2, 2006" }}</div> + <h1><a href="{{ .Permalink }}" title="{{ .Title }}">{{ .Title }}</a></h1> + {{ .Summary }} + </div> {{ end }} {{ end }} +</div> {{ end }}
\ No newline at end of file diff --git a/layouts/index.html b/layouts/index.html index 7d458f0..98407f9 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,7 +1,40 @@ -<head> - {{ range .Site.Params.navlinks }} - {{ if .home }} - <meta http-equiv="refresh" content="0; URL={{ .url | absURL }}" /> +{{ define "main" }} + +<h1>About</h1> + +<p> +Console is a minimal, responsive and light theme for Hugo inspired by Linux console. <a href="/about/">(more)</a> +</p> +<br/> + +<h1>Latest posts</h1> + +<div class="posts-list"> +{{ with .Site.GetPage "/posts" }} + {{ range first 3 ((where .Pages ".Params.private" "!=" true) sort .Data.Pages "Date" "desc")}} + <div class="post"> + <div class="date">{{ .PublishDate.Format "Jan. 2, 2006" }}</div> + <h1><a href="{{ .Permalink }}" title="{{ .Title }}">{{ .Title }}</a></h1> + {{ .Summary }} + </div> {{ end }} +{{ end }} +</div> + +<h1>Latest photos</h1> + +<div class="image-grid"> +{{ with .Site.GetPage "/photos" }} + {{ range first 3 (sort .Data.Pages "Date" "desc")}} + <a href="{{ .Permalink }}" title="{{ .Title }}"> + {{ $image := .Page.Resources.GetMatch .Params.image }} + {{ with $image }} + {{ $thumb := .Resize "400x" }} + <img src="{{ $thumb.RelPermalink }}" alt="{{ .Title }}" class="img-responsive"> + {{end}} + </a> {{ end }} -</head>
\ No newline at end of file +{{ end }} +</div> + +{{ end }}
\ No newline at end of file diff --git a/static/hugo-theme-console/css/console.css b/static/hugo-theme-console/css/console.css index b749d7a..8888002 100644 --- a/static/hugo-theme-console/css/console.css +++ b/static/hugo-theme-console/css/console.css @@ -153,14 +153,6 @@ strong { margin-right: 30px; } -.post-list-date { - float: left; - font-weight: bold; - width: 150px; - height: 120px; - margin-top: 21px; -} - figure { margin-top: 15px; margin-bottom: 15px; @@ -201,6 +193,28 @@ figure { margin-bottom: 10px; } +.posts-list { + position: relative; + padding-left: 150px; + top: 0; + margin-top: 21px; +} + +.post h1 { + padding-top: 0; +} + +.posts-list .date { + display: inline-block; + position: absolute; + left: 0px; + width: 150px; + height: 100%; + z-index: 400; + font-weight: bold; + padding-top: 3px; +} + @media only screen and (max-width: 850px) { .site-name { width: 2ch; @@ -236,10 +250,30 @@ figure { margin-left: 30px; margin-right: 30px; } - .post-list-date { - width: 0; - overflow: hidden; + + .posts-list { + position: relative; + padding-left: 0; + top: 0; + margin-top: 21px; + } + + .post h1 { + padding-top: 0; + } + + .posts-list .date { + display: inline-block; + position: absolute; + left: 0px; + width: 150px; + height: 100%; + z-index: 400; + font-weight: bold; + padding-top: 3px; + display: none; } + .footer { margin-top: 50px; |