[WIP] Initial work on layout
This commit is contained in:
parent
5cfa6aae0b
commit
35adcc1141
|
@ -1,9 +1,21 @@
|
||||||
@import '_variables.scss';
|
@charset "utf-8";
|
||||||
|
|
||||||
html {
|
$family-sans-serif: "Iosevka Aile", sans-serif;
|
||||||
font-family: $main-font-family;
|
$family-serif: "Iosevka Etoile", serif;
|
||||||
}
|
$family-monospace: "Iosevka", monospace;
|
||||||
|
|
||||||
|
$family-primary: $family-serif;
|
||||||
|
|
||||||
|
@import 'bulma/bulma.sass';
|
||||||
|
|
||||||
h1, h2, h3, h4, h5, h6 {
|
h1, h2, h3, h4, h5, h6 {
|
||||||
font-family: $header-font-family;
|
font-family: $family-sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: $size-large;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-title {
|
||||||
|
@extend h1;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,11 +1,14 @@
|
||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
<main>
|
<main class="container">
|
||||||
<article>
|
<article>
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column is-8 is-offset-2">
|
||||||
<h1>{{ .Title }}</h1>
|
<h1>{{ .Title }}</h1>
|
||||||
<time>{{ .Date.Format "02.01.2006 15:04" }}</time>
|
|
||||||
<div>
|
|
||||||
{{ .Content }}
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column is-2">
|
||||||
|
<time>{{ .Date.Format .Site.Params.DateFormat }}</time>
|
||||||
{{ with .Params.tags }}
|
{{ with .Params.tags }}
|
||||||
<div>
|
<div>
|
||||||
<ul id="tags">
|
<ul id="tags">
|
||||||
|
@ -15,6 +18,13 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
<div class="column is-8">
|
||||||
|
<div class="content">
|
||||||
|
{{ .Content }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
{{ with .Site.DisqusShortname }}
|
{{ with .Site.DisqusShortname }}
|
||||||
<div>
|
<div>
|
||||||
{{ template "_internal/disqus.html" . }}
|
{{ template "_internal/disqus.html" . }}
|
||||||
|
|
|
@ -1,13 +1,21 @@
|
||||||
<article>
|
<article class="my-6">
|
||||||
<h1><a href="{{ .Permalink }}">{{ .Title }}</a></h1>
|
<div class="columns">
|
||||||
<time>{{ .Date.Format "02.01.2006 15:04" }}</time>
|
<div class="column is-8 is-offset-2">
|
||||||
|
<h2><a href="{{ .Permalink }}">{{ .Title }}</a></h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column is-2">
|
||||||
|
<time>{{ .Date.Format .Site.Params.DateFormat }}</time>
|
||||||
{{ range .Params.tags }}
|
{{ range .Params.tags }}
|
||||||
<a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
|
<a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
<div>
|
</div>
|
||||||
|
<div class="column is-8">
|
||||||
{{ .Summary }}
|
{{ .Summary }}
|
||||||
{{ if .Truncated }}
|
{{ if .Truncated }}
|
||||||
<a href="{{ .Permalink }}">Read more...</a>
|
<a href="{{ .Permalink }}">Read more...</a>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
|
@ -1,10 +1,23 @@
|
||||||
{{ define "main" }}
|
{{ define "main" }}
|
||||||
<main>
|
<section class="hero">
|
||||||
|
<div class="hero-body">
|
||||||
|
<div class="container">
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column is-8 is-offset-2">
|
||||||
|
{{ with .Site.Params.Description }}{{.}}{{ end }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<main class="section">
|
||||||
|
<div class="container">
|
||||||
{{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }}
|
{{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }}
|
||||||
{{ range $paginator.Pages }}
|
{{ range $paginator.Pages }}
|
||||||
{{ .Render "summary" }}
|
{{ .Render "summary" }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ partial "pagination.html" . }}
|
{{ partial "pagination.html" . }}
|
||||||
|
</div>
|
||||||
</main>
|
</main>
|
||||||
{{ partial "sidebar.html" . }}
|
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
|
|
@ -1,12 +1,23 @@
|
||||||
<header>
|
<div class="container">
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column is-8 is-offset-2">
|
||||||
|
|
||||||
|
<nav class="navbar" role="navigation" aria-label="main navigation">
|
||||||
|
<div class="navbar-brand">
|
||||||
|
{{- if .IsHome -}}<h1 class="site-title navbar-item">{{- else -}}<div class="site-title navbar-item">{{- end -}}
|
||||||
<a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
|
<a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
|
||||||
|
{{- if .IsHome -}}</h1>{{- else -}}</div>{{- end -}}
|
||||||
|
</div>
|
||||||
{{ with .Site.Menus.main }}
|
{{ with .Site.Menus.main }}
|
||||||
<nav>
|
<div class="navbar-menu">
|
||||||
<ul>
|
<div class="navbar-end">
|
||||||
{{ range . }}
|
{{ range . }}
|
||||||
<li><a href="{{ .URL | relURL }}">{{ .Name }}</a></li>
|
<a class="navbar-item" href="{{ .URL | relURL }}">{{ .Name }}</a>
|
||||||
|
{{ end }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</ul>
|
|
||||||
</nav>
|
</nav>
|
||||||
{{ end }}
|
</div>
|
||||||
</header>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
|
@ -1,4 +1,5 @@
|
||||||
<div>
|
<footer class="columns">
|
||||||
|
<div class="column is-8 is-offset-2">
|
||||||
{{ if .Paginator.HasPrev }}
|
{{ if .Paginator.HasPrev }}
|
||||||
<a href="{{ .Paginator.Prev.URL }}">Previous Page</a>
|
<a href="{{ .Paginator.Prev.URL }}">Previous Page</a>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
|
@ -7,3 +8,4 @@
|
||||||
<a href="{{ .Paginator.Next.URL }}">Next Page</a>
|
<a href="{{ .Paginator.Next.URL }}">Next Page</a>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
Loading…
Reference in New Issue