diff --git a/assets/scss/_home.scss b/assets/scss/_home.scss new file mode 100644 index 0000000..e69de29 diff --git a/assets/scss/style.scss b/assets/scss/style.scss index 618e7c2..a537f70 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -1,24 +1,80 @@ @import "_syntax.scss"; +$font-inter: 'Inter', sans-serif; +$color-dark: #202020; +$color-medium-dark: #303030; +$color-grey: #5C5C5C; +$color-light-dark: #252525; + +@mixin font-style-normal { + font-style: normal; + font-weight: 500; + line-height: normal; +} + +%link-shared { + color: #252525; + font-family: Inter; + font-style: normal; + font-size: 40px; + font-weight: 400; + line-height: 150%; + /* 60px */ + text-decoration-line: underline; +} + +%footer-shared { + width: 100%; + + p { + color: #5C5C5C; + font-family: Inter; + font-size: 20px; + font-style: normal; + font-weight: 300; + line-height: normal; + + display: flex; + gap: 8px; + justify-content: center; + } + + a { + color: #5C5C5C; + font-family: Inter; + font-size: 20px; + font-style: normal; + font-weight: 300; + line-height: normal; + + display: flex; + gap: 8px; + justify-content: center; + text-decoration: none; + + &:hover { + text-decoration: underline; + } + } +} + body { font-family: Inter; line-height: 1.4; background-color: #ebf4f3; + margin: 0; } -#page { - height: 100vh; - margin: 0 -} - -#spotlight { +#home-main { display: flex; - min-height: 100vh; flex-direction: column; align-items: start; justify-content: space-between; + height: 100vh; + max-width: 720px; margin: auto; + font-size: 1.5rem; @media (max-width: 768px) { @@ -29,7 +85,6 @@ body { #home-center { display: flex; flex-direction: column; - flex-grow: 1; align-items: flex-start; margin-top: 10vh; } @@ -99,52 +154,6 @@ body { } -%link-shared { - color: #252525; - font-family: Inter; - font-size: 40px; - font-style: normal; - font-weight: 400; - line-height: 150%; - /* 60px */ - text-decoration-line: underline; -} - -%footer-shared { - width: 100%; - - p { - color: #5C5C5C; - font-family: Inter; - font-size: 20px; - font-style: normal; - font-weight: 300; - line-height: normal; - - display: flex; - gap: 8px; - justify-content: center; - } - - a { - color: #5C5C5C; - font-family: Inter; - font-size: 20px; - font-style: normal; - font-weight: 300; - line-height: normal; - - display: flex; - gap: 8px; - justify-content: center; - text-decoration: none; - - &:hover { - text-decoration: underline; - } - } -} - #home-footer { @extend %footer-shared; } diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index fdd40d2..e7e0191 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -31,30 +31,10 @@ {{- end }} - -
-
- {{ block "header" . -}}{{ end -}} - {{ block "main" . -}}{{ end -}} -
- -
- - {{ $main := resources.Get "js/main.js" -}} - {{ if .Site.Params.code_copy_button | default true -}} - {{ $codeCopy := resources.Get "js/code-copy.js" -}} - {{ $script := slice $main $codeCopy | resources.Concat "js/bundle.js" | minify | fingerprint -}} - - {{ else -}} - {{ $script := $main | minify | fingerprint -}} - - {{ end }} - - {{- if templates.Exists "partials/extra-foot.html" -}} - {{ partial "extra-foot.html" . }} - {{- end }} + + {{ block "header" . -}}{{ end -}} + {{ block "main" . -}}{{ end -}} + {{ block "footer" . -}}{{ end }} diff --git a/layouts/index.html b/layouts/index.html index 1924fa2..0290c04 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,25 +1,13 @@ -{{ define "head" }} - {{ if .Site.Params.bgImg -}} - - {{- else if .Site.Params.images -}} - {{- range first 1 .Site.Params.images -}} - - {{- end -}} - {{- end -}} -{{ end }} - {{ define "main" }} - {{- if (or .Site.Params.images .Site.Params.bgImg) }} -
- {{- end }} -
-

{{ .Site.Title }}

- -
+
+
+

{{ .Site.Title }}

+
+
{{ end }} diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 95b2917..77f2cd5 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,13 +1,15 @@ -