From c1bd334f838ec7c3bea3f57cc4a8b1800276e06e Mon Sep 17 00:00:00 2001 From: Vicky Date: Sun, 26 Mar 2017 13:23:50 +0800 Subject: Layout remodelled using bulma, css minified. Added responsive hamburger menu on mobile. --- layouts/404.html | 61 ++++---- layouts/_default/list.html | 74 ++++++--- layouts/_default/single.html | 11 -- layouts/blog/single.html | 80 +++++----- layouts/index.html | 179 +++++++++++++--------- layouts/partials/blogsection.html | 36 ++--- layouts/partials/footer.html | 17 ++- layouts/partials/header.html | 6 +- layouts/partials/li.html | 2 +- layouts/partials/nav-list.html | 30 ++++ layouts/partials/nav-single.html | 39 +++++ layouts/partials/projects.html | 60 ++++---- layouts/partials/social.html | 52 +++---- static/css/main.css | 312 -------------------------------------- static/css/style.css | 1 + 15 files changed, 386 insertions(+), 574 deletions(-) delete mode 100644 layouts/_default/single.html create mode 100644 layouts/partials/nav-list.html create mode 100644 layouts/partials/nav-single.html delete mode 100644 static/css/main.css create mode 100644 static/css/style.css diff --git a/layouts/404.html b/layouts/404.html index a5f3b19..b4ed8a5 100644 --- a/layouts/404.html +++ b/layouts/404.html @@ -1,37 +1,40 @@ {{ partial "header.html" . }} -
-
-
-

404

+
+ +
+
+

404

+
+
-
+
- Main | - About | - {{ if .Site.Params.showprojects }} - Projects | - {{ end }} - {{ if .Site.Params.showallposts }} - Back to blog | - {{ else }} - Back to blog | - {{ end }} - Contact +
-
-
- -
+
-
+
Oops! Either you've found a bug (in which case, please tell me) or you're just making things up. This page doesn't exist! -
- -
-
-
+
+ + + {{ partial "footer.html" . }} -
-
-
\ No newline at end of file +
\ No newline at end of file diff --git a/layouts/_default/list.html b/layouts/_default/list.html index 5a39d0b..ecf0326 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -1,26 +1,36 @@ {{ partial "header.html" . }} -
-
-
-

Blog

- - -
- {{ if .Site.Params.showlatest }} -

Latest Post

- {{ range first 1 .Data.Pages.ByPublishDate }} +
+ +
+

{{ .Site.Params.firstname }}'s Blog

+
+ + +
+ +
+ {{ partial "nav-list.html" . }} +
+ +
+ + {{ if .Site.Params.showlatest }} +

Latest Post

+ {{ range first 1 .Data.Pages.ByPublishDate }}
{{ .Date.Format .Site.Params.dateform }} -

{{ .Title }}

+

{{ .Title }}

+
{{ .Summary }} {{ if .Truncated }} -
...Read More
+ ...Read More {{ end }} +
+
{{ end }} - {{ end }} - -

All Posts

+ {{ end }} +

All Posts

    {{ range .Data.Pages.ByPublishDate }} {{ if eq .Section "blog" }} @@ -29,14 +39,32 @@ {{ end }}
-
-
+
-
-
- Back to Main -
+
+
+TOP +
+ {{ partial "footer.html" . }} -
-
+
+
+ + + + + + + + + \ No newline at end of file diff --git a/layouts/_default/single.html b/layouts/_default/single.html deleted file mode 100644 index 8789cd6..0000000 --- a/layouts/_default/single.html +++ /dev/null @@ -1,11 +0,0 @@ -{{ partial "header.html" . }} -
-
-
-
- {{ .Content }} -
-
-
-
-{{ partial "footer.html" . }} \ No newline at end of file diff --git a/layouts/blog/single.html b/layouts/blog/single.html index 30e2c1a..5b84673 100644 --- a/layouts/blog/single.html +++ b/layouts/blog/single.html @@ -1,28 +1,20 @@ {{ partial "header.html" . }} -
-
-
-

{{ .Site.Params.firstname }}'s Blog

- -
-
- Main | - About | - {{ if .Site.Params.showprojects }} - Projects | - {{ end }} - {{ if .Site.Params.showblog }} - Blog | - {{ end }} - Contact -
-
-
+
+ +
+

{{ .Site.Params.firstname }}'s Blog

+
-
-
- {{ .Title }} + +
+ +
+ {{ partial "nav-single.html" . }} +
+ +
+

{{ .Title }}

{{ .Date.Format .Site.Params.dateform }} | {{ if eq 1 .ReadingTime }}{{ .ReadingTime }} minute read{{ else }}{{ .ReadingTime }} minutes read{{ end }} @@ -54,24 +46,40 @@
{{ end }} -
-
+
+ +
{{ .Content }} +
+ +
+ {{ template "_internal/disqus.html" . }}
-
+
-{{ if .Site.Params.showallposts }} -Back to blog | Main -{{ else }} -Back to blog | Main -{{ end }} +TOP
-
- {{ template "_internal/disqus.html" . }} -
+ {{ partial "footer.html" . }} -
-
-
\ No newline at end of file +
+
+ + + + + + + + + \ No newline at end of file diff --git a/layouts/index.html b/layouts/index.html index bd3ae6b..4e5d226 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,101 +1,130 @@ + + {{ partial "header.html" . }} -
- - - -
-

Hi, I'm {{ .Site.Params.firstname }}.

-

{{ .Site.Params.tagline }}

-
- -
- -{{ partial "social.html" . }} - - -
-
- About | +
+ +
+ + +
+
+ +

Hi, I'm {{ .Site.Params.firstname }}.

+

{{ .Site.Params.tagline }}

+ + +
{{ partial "social.html" . }}
+ +
+
+ +
+
+
- + Work With Me + Contact + +
+
+
+
+ + +
+ -
-

About

- -
-
My profile picture. -
-
- +
+
+

About

+ +
+
My profile picture. +
+
+ {{ range .Data.Pages }} + {{if eq .Title "about" }} + {{.Content}} + {{end}} + {{ end }} +
+
+
+ +
+
+ +
+ + + + {{ if .Site.Params.showprojects }} +
+ {{ partial "projects.html" . }} +
+ +
+ {{ end }} + + + + {{ if .Site.Params.showblog }} +
+ {{ partial "blogsection.html" . }} +
+ +
+ {{ end }} + + +
+
+

Contact

+
{{ range .Data.Pages }} - {{if eq .Title "about" }} + {{if eq .Title "contact" }} {{.Content}} {{end}} {{ end }} - -
-
-
-
- -
- -{{ if .Site.Params.showprojects }} -
- {{ partial "projects.html" . }} -
-
-{{ end }} - - -{{ if .Site.Params.showblog }} -
- {{ partial "blogsection.html" . }} -
-
-{{ end }} - - -
-

Contact

+
-{{ range .Data.Pages }} - {{if eq .Title "contact" }} - {{.Content}} - {{end}} - {{ end }} + {{ if .Site.Params.email }} +

{{ .Site.Params.email }}

+ {{ end }} + + {{ partial "social.html" . }} +
+ +
+
-{{ if .Site.Params.email }} -

{{ .Site.Params.email }}

-{{ end }} +
-{{ partial "social.html" . }} -
-
- -
{{ partial "footer.html" . }} - -
-
+
+ - +