Fixing layout

This commit is contained in:
2020-07-23 00:01:24 +01:00
parent 29233272f0
commit 524a2be012
3 changed files with 22 additions and 23 deletions

View File

@@ -9,14 +9,17 @@
"js": "2.lazyload.1168fc21175de558d316.min.js" "js": "2.lazyload.1168fc21175de558d316.min.js"
}, },
"main": { "main": {
"css": "main.26e4723e96e8bcd78b5f.min.css", "css": "main.b8f5fbcfbcd649f85b5e.min.css",
"js": "main.fc08d5d267c5846c8341.min.js" "js": "main.5f08acb7138457c0f12a.min.js"
},
"toc": {
"js": "4.toc.cadd3d10b2475406483a.min.js"
}, },
"vendors~app": { "vendors~app": {
"js": "4.vendors~app.7827f3b332495242afbd.min.js" "js": "5.vendors~app.c54336286ff97590d35b.min.js"
}, },
"vendors~bootstrap": { "vendors~bootstrap": {
"js": "5.vendors~bootstrap.ebc6358ec2d8424a6fb0.min.js" "js": "6.vendors~bootstrap.f09f391b73c48906a4a7.min.js"
}, },
"": { "": {
"ttf": [ "ttf": [
@@ -47,7 +50,6 @@
"a88fa636656948bd2edb86bce59f0eec.otf", "a88fa636656948bd2edb86bce59f0eec.otf",
"cf6ea537acbd7e39208334261f95783e.otf", "cf6ea537acbd7e39208334261f95783e.otf",
"da9fb05ff6c5f02b52f5b416cfe61d39.otf" "da9fb05ff6c5f02b52f5b416cfe61d39.otf"
], ]
"js": "6.6.91402cdcff834b1793e6.min.js"
} }
} }

View File

@@ -16,17 +16,13 @@
{{ end }} {{ end }}
{{ end }} {{ end }}
<li class="nav-item" id="nav-search"> <li class="nav-item" id="nav-search">
<!-- <li class="nav-item d-none d-md-block" id="nav-search"> -->
<form id="search-form" method="get" action="/search/" method="POST" class="form-inline"> <form id="search-form" method="get" action="/search/" method="POST" class="form-inline">
<input type="text" name="q" id="search" class="form-control form-control-sm" placeholder="Search"> <input type="text" name="q" id="search" class="form-control form-control-sm" placeholder="Search">
<div class="input-group "> <div class="input-group ">
<div class="input-group-append"> <div class="input-group-append">
<!-- <div> -->
<button type="submit" id="search-button" class="btn btn-primary"> <i class="fa fa-search fa-sm"></i></button> <button type="submit" id="search-button" class="btn btn-primary"> <i class="fa fa-search fa-sm"></i></button>
<!-- <button type="submit" id="search-button" class="btn btn-primary form-control form-control-sm"> <i class="fa fa-search"></i></button> -->
</div> </div>
</form> </form>
<!-- <i class="fas fa-search" data-fa-transform="down-5"></i> -->
</li> </li>
</ul> </ul>
</div> </div>

View File

@@ -4,7 +4,7 @@
<main class="content-page container-fluid pt-7 pb-5"> <main class="content-page container-fluid pt-7 pb-5">
{{ $page := . }} {{ $page := . }}
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-12 col-lg-7 order-1 order-lg-0 shadow-lg" style="background-color: white;"> <div class="col-12 col-lg-7 order-1 order-lg-0 shadow-lg">
{{- with .Resources.Match "images/banner.svg" -}} {{- with .Resources.Match "images/banner.svg" -}}
{{ range . }} {{ range . }}
<div class="row justify-content-center mb-3"> <div class="row justify-content-center mb-3">
@@ -18,19 +18,20 @@
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-lg-9"> <div class="col-lg-9">
<h1 class="card-title-gray pt-4">{{ $page.Title }}</h1> <h1 class="card-title-gray pt-4">{{ $page.Title }}</h1>
<div class="row">
<div class="d-inline-flex justify-content-between align-items-stretch post-info"> {{/* <div class="d-flex justify-content-end align-items-stretch post-info"> */}}
<div>{{ partial "authors.html" $page }}</div> <div class="col-6">{{ partial "authors.html" $page }}</div>
<div class="text-muted mb-3 d-flex flex-column justify-content-start"> <div class="text-muted mb-3 d-flex flex-column justify-content-start col-6">
<div> <div>
<p class="text-muted">Posted on</p> <p class="text-muted">Posted on</p>
</div>
<div>
<p class="created text-muted text-uppercase font-weight-bold mb-1">{{ $page.Date.Format "January 2, 2006" }}</p>
<span class="mr-2"><i class="fas fa-book-open mr-2"></i>{{ $page.WordCount }} words</span>
<span><i class="fas fa-clock mr-2"></i>{{ $page.ReadingTime }} min read</span>
</div>
</div> </div>
<div> {{/* </div> */}}
<p class="created text-muted text-uppercase font-weight-bold mb-1">{{ $page.Date.Format "January 2, 2006" }}</p>
<span class="mr-2"><i class="fas fa-book-open mr-2"></i>{{ $page.WordCount }} words</span>
<span><i class="fas fa-clock mr-2"></i>{{ $page.ReadingTime }} min read</span>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>