mycosystems/hugo-json
2
0
Fork 0
Code Activity Actions

update theme, highlight different characters
All checks were successful
Hugo / build (push) Successful in 3s
Details

Browse source
This commit is contained in:
brooke 2024-06-18 18:38:10 -04:00
parent 1a2f340bdd
commit 3933e8792c
2 changed files with 27 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
assets/css/main.css
View file

@ -1,5 +1,5 @@
html { html {
background-color: #333; background-color: #181818;
font-family: Consolas, Monaco, "Lucida Console", monospace !important; font-family: Consolas, Monaco, "Lucida Console", monospace !important;
font-size: 0.9rem !important; font-size: 0.9rem !important;
color: #ccc !important; color: #ccc !important;
@ -13,7 +13,7 @@ body {
padding-bottom: 3.5rem; padding-bottom: 3.5rem;
padding-left: 1.5rem; padding-left: 1.5rem;
padding-right: 1.5rem; padding-right: 1.5rem;
background-color: #3d3d3d; background-color: #1F1F1F;
max-width: 600px; max-width: 600px;
min-height: 100vh; min-height: 100vh;
} }
@ -53,7 +53,15 @@ a {
} }
.highlight { .highlight {
color: rgb(158, 158, 239); color: #c7724d;
}
.curly {
color: #4794D3;
}
.square {
color: #805FBE;
} }
.flex-row { .flex-row {
@ -86,3 +94,4 @@ a {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }

26
layouts/_default/home.html
View file

@ -1,5 +1,5 @@
{{ define "main" }} {{ define "main" }}
<p>{</p> <span class="curly">{</span>
<main> <main>
<div class="one"> <div class="one">
<div class="flex-row"> <div class="flex-row">
@ -12,12 +12,12 @@
<span> <span class="highlight">"{{ .Site.Params.body }}"</span>, </span> <span> <span class="highlight">"{{ .Site.Params.body }}"</span>, </span>
</div> </div>
<span class="flex-col"> <span class="flex-col">
"Q & A":[ {{- range $index, $element := .Site.Params.faq }} {{- if ne <div>"Q & A":<span class="square">[</span></div>
$index 0 }} {{- range $index, $element := .Site.Params.faq }} {{- if ne $index 0 }}
<div class="two">},</div> <div class="two"><span class="curly">}</span>,</div>
{{ end }} {{ end }}
<div class="two"> <div class="two">
{ <span class="curly">{</span>
<div class="three"> <div class="three">
<div> <div>
<span>"Q":</span <span>"Q":</span
@ -28,13 +28,16 @@
><span class="highlight">"{{ $element.answer }}"</span> ><span class="highlight">"{{ $element.answer }}"</span>
</div> </div>
</div> </div>
{{- if eq $index (sub (len $.Site.Params.faq) 1) }} } {{- end }} {{- if eq $index (sub (len $.Site.Params.faq) 1) }}
<span class="curly">}</span> {{- end }}
</div> </div>
{{- end }} ], {{- end }}
<div><span class="square">]</span>,</div>
</span> </span>
<span class="flex-col"> <span class="flex-col">
"contact":{ {{ $length := len .Site.Params.contact }} {{ range $index, <div>"contact":<span class="curly">{</span></div>
$element := .Site.Params.contact }} {{ $length := len .Site.Params.contact }} {{ range $index, $element :=
.Site.Params.contact }}
<div class="two"> <div class="two">
<div class="three contact"> <div class="three contact">
<span>"{{ $element.service }}"</span>: <span>"{{ $element.service }}"</span>:
@ -42,7 +45,8 @@
{{ if ne $index (sub $length 1) }},{{ end }} {{ if ne $index (sub $length 1) }},{{ end }}
</div> </div>
</div> </div>
{{ end }} }, {{ end }}
<div><span class="curly">}</span>,</div>
</span> </span>
</div> </div>
</main> </main>
@ -63,5 +67,5 @@
> >
</span> </span>
</footer> </footer>
<p>}</p> <span class="curly">}</span>
{{ end }} {{ end }}