mirror of
https://github.com/yuzu-emu/shared-bulma-theme.git
synced 2024-11-22 13:35:38 +01:00
Implement hero layout, better content layouts (#1)
Implement hero layout, better content layouts
This commit is contained in:
parent
d4433a4244
commit
b0192b2ec2
@ -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" style="background-color: white;">
|
<div class="container">
|
||||||
<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 © {{ 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>
|
@ -1,3 +1,9 @@
|
|||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
{{ .Content }}
|
<div class="box">
|
||||||
{{ end }}
|
<h1 class="title">{{ .Title }}</h1>
|
||||||
|
<h2 class="subtitle">{{ .Date.Format "January 02 2006" }}</h2>
|
||||||
|
<div class="content">
|
||||||
|
{{ .Content }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
23
layouts/_default/summary.html
Normal file
23
layouts/_default/summary.html
Normal 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 />
|
@ -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 }}
|
1
layouts/partials/nav_contents.html
Normal file
1
layouts/partials/nav_contents.html
Normal file
@ -0,0 +1 @@
|
|||||||
|
<code>Cannot find override file: `./layouts/partials/nav_contents.html`</code>
|
@ -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">
|
</nav>
|
||||||
<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>
|
|
||||||
|
Loading…
Reference in New Issue
Block a user