+ Special layout just for the links page so its not garbage

! This is also a test for a future layout for the e-begging page but whateves
This commit is contained in:
shockrah 2021-09-24 19:16:05 -07:00
parent 3d10b42ba0
commit f8b02895b8
2 changed files with 44 additions and 0 deletions

View File

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>
{{- partial "head.html" . -}}
<body>
<div id="layout">
{{- partial "header.html" . -}}
<div id="main">
<div class="content">
{{- block "main" . -}}{{- end -}}
</div>
</div>
</div>
{{- partial "footer.html" . -}}
</body>
</html>

View File

@ -0,0 +1,28 @@
{{ define "main" }}
<h1>{{ .Title }}</h1>
{{ .Content }}
{{ range .Params.links }}
{{ $color := "#1f8dd6" }}
{{ if ne .target.color nil }}
{{ $color = .target.color }}
{{ end }}
<div class="embed" style="border-left: 10px solid {{$color}}">
<a class="url" href="{{.target.url}}"><strong>{{.target.name}} - {{.target.title}}</strong></a>
<p class="desc">{{.target.description}}</p>
<a href="{{.target.url}}">
<img class="pure-img-responsive embed-img" src="{{.target.image}}">
</a>
</div>
{{ end }}
<style>
.url { padding-left: 1em; line-height: 1.6em; }
.desc { padding-left: 1em; line-height: initial; }
.embed {
padding-left: 1em; line-height: 0; border-radius: 10px;
background: #191818; padding-right: 0.75em; width: fit-content;
padding-bottom: 0.5em; min-width: 300px; margin-bottom: 2em;
}
img { border-radius: 10px; }
</style>
{{ end }}