Implement hero layout, better content layouts (#1)

Implement hero layout, better content layouts
This commit is contained in:
James 2018-01-06 01:54:19 +11:00 committed by Flame Sage
parent d4433a4244
commit b0192b2ec2
6 changed files with 61 additions and 28 deletions

View File

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{{ .Site.Params.languageCode | default " en-us " }}"> <html lang="{{ .Site.Params.languageCode | default " en-us " }}"
{{- if not .IsHome }}class="has-navbar-fixed-top"{{- end }}>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
@ -18,36 +19,43 @@
<title>{{- if not .IsHome }}{{ .Title }} - {{ .Site.Title }}{{- else }}{{ .Site.Title }} - {{ .Site.Params.Tagline }}{{- end}}</title> <title>{{- if not .IsHome }}{{ .Title }} - {{ .Site.Title }}{{- else }}{{ .Site.Title }} - {{ .Site.Params.Tagline }}{{- end}}</title>
<link href="https://fonts.googleapis.com/css?family=Ubuntu|Dosis" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Ubuntu|Dosis" rel="stylesheet">
<link href="https://use.fontawesome.com/releases/v5.0.2/css/all.css" rel="stylesheet">
<link rel="stylesheet" href="{{ .Site.BaseURL }}/css/style.css" /> {{ if eq (getenv "HUGO_ENV") "PRD" }} <link rel="stylesheet" href="{{ .Site.BaseURL }}/css/style.css" /> {{ if eq (getenv "HUGO_ENV") "PRD" }}
<meta name="robots" content="noindex,nofollow" /> {{ else }} <meta name="robots" content="noindex,nofollow" /> {{ else }}
<meta name="robots" content="noindex,nofollow" /> {{ end }} <meta name="robots" content="noindex,nofollow" /> {{ end }}
</head> </head>
<body> <body>
{{- if .IsHome }}
{{ partial "header_homepage" . }}
{{- else }}
{{ partial "navbar" . }} {{ partial "navbar" . }}
{{- end }}
{{- if .IsHome }} {{ partial "header_homepage" . }} {{- end }} <div class="container">
<div class="container" style="background-color: white;">
<section class="section"> <section class="section">
<div class="columns"> <div class="columns">
<div class="column is-3"> <div class="column is-8">
{{ partial "sidebar" . }}
</div>
<div class="column is-9">
{{ block "main" . }}{{ end }} {{ block "main" . }}{{ end }}
</div> </div>
<div class="column is-4">
{{ partial "sidebar" . }}
</div>
</div> </div>
</section> </section>
</div> </div>
<footer class="footer container has-text-centered"> <footer class="footer">
Copyright © {{ now.Format "2006" }} {{ .Site.Params.ProjectName }} <div class="container">
<div class="content has-text-centered">
Copyright &copy; {{ now.Format "2006" }} {{ .Site.Params.ProjectName }}
</div>
</div>
</footer> </footer>
<script src="{{ .Site.BaseURL }}/js/script.js"></script> <script src="{{ .Site.BaseURL }}/js/script.js"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.2/js/all.js"></script> {{- block "scripts" . }}{{- end }} {{- block "scripts" . }}{{- end }}
</body> </body>
</html> </html>

View File

@ -1,3 +1,9 @@
{{ define "main" }} {{ define "main" }}
{{ .Content }} <div class="box">
<h1 class="title">{{ .Title }}</h1>
<h2 class="subtitle">{{ .Date.Format "January 02 2006" }}</h2>
<div class="content">
{{ .Content }}
</div>
</div>
{{ end }} {{ end }}

View File

@ -0,0 +1,23 @@
<a href="{{ .Permalink }}">
<div class="card">
<div class="card-image">
<figure class="image is-2by1">
<img src="{{ .Site.BaseURL }}/images/banners/{{ .Params.Banner | default (print .File.BaseFileName ".png") }}"
alt="Placeholder image">
</figure>
</div>
<div class="card-content">
<div class="media">
<div class="media-content">
<p class="title is-4">{{ .Title }}</p>
<p class="subtitle is-6">{{ .Date.Format "January 02 2006" }}</p>
</div>
</div>
<div class="content">
{{ .Summary }}
</div>
</div>
</div>
</a>
<br />

View File

@ -1,3 +1,9 @@
{{ define "main" }} {{ define "main" }}
<p>No articles have been written yet, check back soon!</p> {{ $paginator := .Paginate (where .Data.Pages "Section" "entry") 3 }}
{{ range $paginator.Pages }}
{{ .Render "summary" }}
{{ end }}
{{ partial "pagination" . }}
{{ end }} {{ end }}

View File

@ -0,0 +1 @@
<code>Cannot find override file: `./layouts/partials/nav_contents.html`</code>

View File

@ -1,14 +1,3 @@
<nav class="navbar is-transparent is-size-6" role="navigation" aria-label="main navigation"> <nav class="navbar is-light is-size-6 is-fixed-top" role="navigation" aria-label="main navigation">
<div class="container"> {{ partial "nav_contents" . }}
<div class="navbar-brand">
<a class="navbar-item" href="{{ .Site.BaseURL }}">
<img src="{{ .Site.BaseURL }}/images/menu.png" alt="{{ .Site.Title }} {{ .Site.Params.Tagline }}" width="112" height="28">
</a>
</div>
<div class="navbar-menu">
<div class="navbar-start">
<!-- TODO: Navbar goes here -->
</div>
</div>
</div>
</nav> </nav>