mirror of
https://github.com/CaiJimmy/hugo-theme-stack.git
synced 2024-11-23 18:31:45 +01:00
Merge pull request #7 from CaiJimmy/refactor-baseof
refactor(layouts): move layout HTML to baseof.html
This commit is contained in:
commit
2a0d06190b
10 changed files with 123 additions and 169 deletions
|
@ -1,6 +1,6 @@
|
|||
@import "variables.scss";
|
||||
|
||||
.article-and-sidebar {
|
||||
.keep-sidebar {
|
||||
@media (min-width: $on-phone) and (max-width: $on-tablet) {
|
||||
--main-top-padding: 50px;
|
||||
}
|
||||
|
@ -13,7 +13,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
.left-sidebar {
|
||||
&:not(.keep-sidebar) .left-sidebar {
|
||||
@media (max-width: $on-tablet) {
|
||||
display: none;
|
||||
}
|
||||
|
|
|
@ -1,13 +1,7 @@
|
|||
{{ define "body_class" }}2-column{{ end }}
|
||||
{{ define "main" }}
|
||||
<div class="container extended flex on-phone--column align-items--flex-start">
|
||||
{{ partial "sidebar/left.html" . }}
|
||||
|
||||
<main class="main full-width">
|
||||
<div class="not-found-card">
|
||||
<h1 class="article-title">{{ T "notFoundTitle" }}</h1>
|
||||
<h2 class="article-subtitle">{{ T "notFoundSubtitle" }}</h2>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
{{ partialCached "footer/footer" . }}
|
||||
{{ end }}
|
|
@ -1,9 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="{{ .Site.LanguageCode }}">
|
||||
{{- partial "head/head.html" . -}}
|
||||
<body>
|
||||
<div id="content">
|
||||
<body class="{{ block `body-class` . }}{{ end }}">
|
||||
<div class="container extended flex on-phone--column align-items--flex-start {{ block `container-class` . }}{{end}}">
|
||||
{{ partial "sidebar/left.html" . }}
|
||||
<main class="main full-width">
|
||||
{{- block "main" . }}{{- end }}
|
||||
</main>
|
||||
{{- block "right-sidebar" . -}}{{ end }}
|
||||
</div>
|
||||
{{ partial "footer/script.html" . }}
|
||||
{{ partial "footer/style.html" . }}
|
||||
|
|
|
@ -1,9 +1,4 @@
|
|||
{{ define "body_class" }}3-column{{ end }}
|
||||
{{ define "main" }}
|
||||
<div class="container extended flex on-phone--column align-items--flex-start">
|
||||
{{ partialCached "sidebar/left.html" . }}
|
||||
|
||||
<main class="main full-width">
|
||||
<div class="widget">
|
||||
<h3 class="widget-title">{{ .Title }}</h3>
|
||||
</div>
|
||||
|
@ -17,8 +12,8 @@
|
|||
{{- partial "pagination.html" . -}}
|
||||
|
||||
{{ partialCached "footer/footer" . }}
|
||||
</main>
|
||||
|
||||
{{ partialCached "sidebar/right.html" . }}
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
{{ define "right-sidebar" }}
|
||||
{{ partialCached "sidebar/right.html" . }}
|
||||
{{ end }}
|
|
@ -1,10 +1,5 @@
|
|||
{{ define "body_class" }}2-column{{ end }}
|
||||
{{ define "container-class" }}article-page with-toolbar{{ end }}
|
||||
{{ define "main" }}
|
||||
<div class="container extended flex on-phone--column align-items--flex-start article-page with-toolbar">
|
||||
{{ partial "sidebar/left.html" . }}
|
||||
|
||||
<div class="flex column do-not-overflow full-width">
|
||||
<main class="main">
|
||||
<div id="article-toolbar">
|
||||
<a href="{{ .Site.BaseURL }}" class="back-home">
|
||||
{{ (resources.Get "icons/back.svg").Content | safeHTML }}
|
||||
|
@ -21,10 +16,6 @@
|
|||
{{ end }}
|
||||
|
||||
{{ partialCached "footer/footer" . }}
|
||||
</main>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{- partial "article/components/photoswipe.html" . -}}
|
||||
|
||||
{{- partial "article/components/photoswipe.html" . -}}
|
||||
{{ end }}
|
|
@ -1,10 +1,4 @@
|
|||
{{ define "body_class" }}2-column{{ end }}
|
||||
{{ define "main" }}
|
||||
<div class="container extended flex on-phone--column">
|
||||
{{ partial "sidebar/left.html" . }}
|
||||
|
||||
<main class="main">
|
||||
|
||||
<h3 class="taxonomy-type">{{ .Type | singularize | humanize }}</h3>
|
||||
<div class="taxonomy-card">
|
||||
<div class="taxonomy-details">
|
||||
|
@ -40,6 +34,4 @@
|
|||
{{- partial "pagination.html" . -}}
|
||||
|
||||
{{ partialCached "footer/footer" . }}
|
||||
</main>
|
||||
</div>
|
||||
{{ end }}
|
|
@ -1,9 +1,4 @@
|
|||
{{ define "body_class" }}3-column{{ end }}
|
||||
{{ define "main" }}
|
||||
<div class="container extended flex on-phone--column align-items--flex-start">
|
||||
{{ partialCached "sidebar/left.html" . }}
|
||||
|
||||
<main class="main full-width">
|
||||
{{ $pages := where .Site.RegularPages "Type" "in" .Site.Params.mainSections }}
|
||||
{{ $notHidden := where .Site.RegularPages "Params.hidden" "!=" true }}
|
||||
{{ $filtered := ($pages | intersect $notHidden) }}
|
||||
|
@ -16,10 +11,9 @@
|
|||
</section>
|
||||
|
||||
{{- partial "pagination.html" . -}}
|
||||
|
||||
{{ partialCached "footer/footer" . }}
|
||||
</main>
|
||||
|
||||
{{ partialCached "sidebar/right.html" . }}
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
{{ define "right-sidebar" }}
|
||||
{{ partialCached "sidebar/right.html" . }}
|
||||
{{ end }}
|
|
@ -1,10 +1,5 @@
|
|||
{{ define "body_class" }}2-column{{ end }}
|
||||
{{ define "body-class" }}template-archive{{ end }}
|
||||
{{ define "main" }}
|
||||
<div class="container extended flex on-phone--column align-items--flex-start">
|
||||
|
||||
{{ partial "sidebar/left.html" . }}
|
||||
|
||||
<main class="main template-archive">
|
||||
{{ $categories := ($.Site.GetPage "taxonomyTerm" "categories").Pages }}
|
||||
{{ if $categories }}
|
||||
<div class="widget">
|
||||
|
@ -36,7 +31,4 @@
|
|||
{{ end }}
|
||||
|
||||
{{ partialCached "footer/footer" . }}
|
||||
</main>
|
||||
</div>
|
||||
|
||||
{{ end }}
|
|
@ -1,10 +1,5 @@
|
|||
{{ define "body_class" }}2-column{{ end }}
|
||||
{{ define "body-class" }}article-page keep-sidebar{{ end }}
|
||||
{{ define "main" }}
|
||||
<div class="container extended flex on-phone--column align-items--flex-start article-and-sidebar">
|
||||
|
||||
{{ partial "sidebar/left.html" . }}
|
||||
|
||||
<main class="main article-page do-not-overflow full-width">
|
||||
{{ partial "article/article.html" . }}
|
||||
|
||||
{{ if or (not (isset .Params "comments")) (eq .Params.comments "true")}}
|
||||
|
@ -12,9 +7,6 @@
|
|||
{{ end }}
|
||||
|
||||
{{ partialCached "footer/footer" . }}
|
||||
</main>
|
||||
</div>
|
||||
|
||||
{{ partial "article/components/photoswipe" . }}
|
||||
|
||||
{{ partial "article/components/photoswipe" . }}
|
||||
{{ end }}
|
|
@ -1,4 +1,4 @@
|
|||
<article class="{{ if .Params.image }}has-image{{ end }} main-article">
|
||||
<article class="{{ if .Params.image }}has-image {{ end }}main-article">
|
||||
{{ partial "article/components/header" . }}
|
||||
|
||||
{{ partial "article/components/content" . }}
|
||||
|
|
Loading…
Reference in a new issue