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

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

View file

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

View file

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