+ +{{ partial "nav.html" . }} \ No newline at end of file diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html new file mode 100644 index 0000000..6d9f0a1 --- /dev/null +++ b/layouts/partials/nav.html @@ -0,0 +1,5 @@ + diff --git a/layouts/partials/title.txt b/layouts/partials/title.txt new file mode 100644 index 0000000..c1a3c91 --- /dev/null +++ b/layouts/partials/title.txt @@ -0,0 +1,15 @@ +{{- $title := .Title -}} +{{- $siteTitle := .Site.Title -}} +{{- if .IsHome -}} + {{ $siteTitle }} +{{- else if eq .Kind "taxonomy" -}} + {{ title .Data.Singular }}: {{ $title }} · {{ $siteTitle }} +{{- else if eq .Kind "section" -}} + {{ $title }} · {{ $siteTitle }} +{{- else if .IsPage -}} + {{ $title }} · {{ $siteTitle }} +{{- else if not (eq .Title "") -}} + {{ $title }} · {{ $siteTitle }} +{{- else -}} + {{ $siteTitle }} +{{- end -}} diff --git a/static/css/normalize.css b/static/css/normalize.css new file mode 100644 index 0000000..8c331ec --- /dev/null +++ b/static/css/normalize.css @@ -0,0 +1,350 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in iOS. + */ + + html { + line-height: 1.15; /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ + } + + /* Sections + ========================================================================== */ + + /** + * Remove the margin in all browsers. + */ + + body { + margin: 0; + } + + /** + * Render the `main` element consistently in IE. + */ + + main { + display: block; + } + + /** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + + h1 { + font-size: 2em; + margin: 0.67em 0; + } + + /* Grouping content + ========================================================================== */ + + /** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + + hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ + } + + /** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + + pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ + } + + /* Text-level semantics + ========================================================================== */ + + /** + * Remove the gray background on active links in IE 10. + */ + + a { + background-color: transparent; + } + + /** + * 1. Remove the bottom border in Chrome 57- + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + + abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ + } + + /** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + + b, + strong { + font-weight: bolder; + } + + /** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + + code, + kbd, + samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ + } + + /** + * Add the correct font size in all browsers. + */ + + small { + font-size: 80%; + } + + /** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + + sub, + sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; + } + + sub { + bottom: -0.25em; + } + + sup { + top: -0.5em; + } + + /* Embedded content + ========================================================================== */ + + /** + * Remove the border on images inside links in IE 10. + */ + + img { + border-style: none; + } + + /* Forms + ========================================================================== */ + + /** + * 1. Change the font styles in all browsers. + * 2. Remove the margin in Firefox and Safari. + */ + + button, + input, + optgroup, + select, + textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ + } + + /** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + + button, + input { /* 1 */ + overflow: visible; + } + + /** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + + button, + select { /* 1 */ + text-transform: none; + } + + /** + * Correct the inability to style clickable types in iOS and Safari. + */ + + button, + [type="button"], + [type="reset"], + [type="submit"] { + -webkit-appearance: button; + } + + /** + * Remove the inner border and padding in Firefox. + */ + + button::-moz-focus-inner, + [type="button"]::-moz-focus-inner, + [type="reset"]::-moz-focus-inner, + [type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; + } + + /** + * Restore the focus styles unset by the previous rule. + */ + + button:-moz-focusring, + [type="button"]:-moz-focusring, + [type="reset"]:-moz-focusring, + [type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; + } + + /** + * Correct the padding in Firefox. + */ + + fieldset { + padding: 0.35em 0.75em 0.625em; + } + + /** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + + legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ + } + + /** + * Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + + progress { + vertical-align: baseline; + } + + /** + * Remove the default vertical scrollbar in IE 10+. + */ + + textarea { + overflow: auto; + } + + /** + * 1. Add the correct box sizing in IE 10. + * 2. Remove the padding in IE 10. + */ + + [type="checkbox"], + [type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ + } + + /** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + + [type="number"]::-webkit-inner-spin-button, + [type="number"]::-webkit-outer-spin-button { + height: auto; + } + + /** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + + [type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ + } + + /** + * Remove the inner padding in Chrome and Safari on macOS. + */ + + [type="search"]::-webkit-search-decoration { + -webkit-appearance: none; + } + + /** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + + ::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ + } + + /* Interactive + ========================================================================== */ + + /* + * Add the correct display in Edge, IE 10+, and Firefox. + */ + + details { + display: block; + } + + /* + * Add the correct display in all browsers. + */ + + summary { + display: list-item; + } + + /* Misc + ========================================================================== */ + + /** + * Add the correct display in IE 10+. + */ + + template { + display: none; + } + + /** + * Add the correct display in IE 10. + */ + + [hidden] { + display: none; + } + \ No newline at end of file diff --git a/static/css/style.css b/static/css/style.css new file mode 100644 index 0000000..5bdb0b8 --- /dev/null +++ b/static/css/style.css @@ -0,0 +1,410 @@ + + html { + background-color: black; + color: #dfdfdf; + } + +/* raleway-300 - latin */ +@font-face { + font-family: 'Raleway'; + font-style: normal; + font-weight: 300; + src: local('Raleway Light'), local('Raleway-Light'), + url('../fonts/raleway-v14-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/raleway-v14-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + + /* raleway-700 - latin */ + @font-face { + font-family: 'Raleway'; + font-style: normal; + font-weight: 700; + src: local('Raleway Bold'), local('Raleway-Bold'), + url('../fonts/raleway-v14-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ + url('../fonts/raleway-v14-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ + } + + + + +#background { + position: fixed; + z-index: -1; + background-color: rgb(63, 18, 18);/*rgb(153, 34, 13);*/ + width: 100%; + height: 100%; +} + +@keyframes backgroundFallin { + 00% {height: 0%;} + 10% {height: 0%;} + 50% {height: 100%;} + 65% {height: 80%;} + 80% {height: 100%;} + 90% {height: 90%;} + 100% {height: 100%;} +} + +@keyframes headspin { + 0% {transform: rotate(-760deg) scale(0,0);} + 100% {transform: rotate(0deg) scale(1,1);} +} + +@keyframes dealfall { + 0% {transform: translateY(-2000%) } + 1% {transform: translateY(-200%) } + 100% {transform: translateY(0%) } +} + +body { + font-family: 'Raleway'; + display: flex; + flex-flow: row; + text-align: center; + + font-size: 20px; +} + +body > header { + width: 100%; + position: absolute; + text-align: center; + align-content: center; + display: flex; + flex-flow: row; +} + +body > header h1 { + display: flex; + flex-flow: row; + margin: 0; +} + + +#main { + flex: auto; + min-height: 100vh; + overflow: hidden; + + display: flex; + flex-flow: column; + + align-items: center; +} + +#main > nav, #main > main, #main > footer { + padding: 15px; +} + + +#main > main { + flex: 1; + margin-right: 25px; +} + +#main > footer { + padding-top: 50px; +} + +@media (prefers-color-scheme: dark) { + html { + background-color: black; + color: #dfdfdf; + } + + article img:not([src$=".jpg"]):not([src$=".jpeg"]) { + /* prevent transparent images from showing the black background */ + background-color: white; + border: 5px solid white; + box-sizing: border-box; + } +} + + +/* Article list */ +.article-list { + max-width: 45em; + width: 90vw; +} + +.article-list article{ + margin: 1.2em 0 0 0; +} + +.article-list article > header { + display: flex; + flex-flow: row; + align-items: center; + margin-bottom: 0; +} + +.article-list article time { + color:grey; +} + +.article-list article h3 { + display: inline-block; + margin: 0.5em; +} + +.article-list .summary { + text-align: justify; + margin: 0 1em; +} + +.article-list article small { + font-weight: normal; + color: gray; +} + +a, a:visited { + color: inherit; +} + +article > header { + text-align: center; + margin-bottom: 2em; +} + +article > header time { + color: gray; +} + +article { + max-width: 45em; + width: 90vw; + text-align: justify; +} + + +article img, article video { + max-width: 100%; +} + +article .footnotes { + font-size: 0.75em; +} + +pre { + background-color: #272822; + color: #f8f8f2; + padding: 15px; + overflow: auto; + + tab-size: 2; + -moz-tab-size: 2; +} + +p code, li code { + color: #930d72; +} + +.centerdiv { + margin: 0; + position: absolute; + display: flex; + width: 100%; + height: 90%; + z-index: -1; +} + +.logo_anim { + margin:auto; + max-height: 60%; + max-width: 60%; +} + +/* Layout * + +body { + font-family: 'Fira Code', 'Nanum Gothic Coding', monospace; + display: flex; + flex-flow: row; +} + +body > header { + text-align: center; +} + +body > header h1 { + width: 1.5em; + font-size: 10em; + margin: 0 auto; +} + +body > header p { + color: gray; +} + +#main { + flex: auto; + min-height: 100vh; + max-width: 820px; + overflow: hidden; + + display: flex; + flex-flow: column; +} + +#main > nav, #main > main, #main > footer { + padding: 15px; +} + +#main > nav { + text-align: center; +} + +#main > main { + flex: 1; + margin-right: 25px; +} + +#main > footer { + padding-top: 50px; +} + +@media (max-width: 640px) { + body { + flex-direction: column; + } + + body > header h1 { + width: auto; + font-size: 7em; + } + + #main { + display: block; + min-height: 0; + } + + #main > main { + margin-right: 0; + } +} + +hr { + border: none; + border-top: 1px solid gray; + max-width: 25px; + margin: 35px auto; +} + +.muted { + color: gray; +} + +@media (prefers-color-scheme: dark) { + html { + background-color: black; + color: #dfdfdf; + } + + article img:not([src$=".jpg"]):not([src$=".jpeg"]) { + /* prevent transparent images from showing the black background + background-color: white; + border: 5px solid white; + box-sizing: border-box; + } +} + +/* Homepage + +#intro { + width: 100%; + min-height: 100vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + text-align: center; +} + +#intro h1 { + font-size: 10em; + margin: 0; +} + +#intro p { + color: gray; + margin-bottom: 5em; +} + +@media (max-width: 640px) { + #intro h1 { + font-size: 7em; + } +} + +/* Typography + +article > header { + margin-bottom: 2em; +} + +article > header time { + color: gray; + white-space: nowrap; +} + +article p, article li { + text-align: justify; +} + +article img, article video { + max-width: 100%; +} + +article .footnotes { + font-size: 0.75em; +} + +pre { + font-family: 'Fira Code', 'Nanum Gothic Coding', monospace; + background-color: #272822; + color: #f8f8f2; + padding: 15px; + overflow: auto; + + tab-size: 2; + -moz-tab-size: 2; +} + +p code, li code { + color: #930d72; +} + +a, a:visited { + color: inherit; +} + +iframe[src*="youtube-nocookie.com"] { + border: none; + width: 100%; + height: 460px; +} + +@media (max-width: 640px) { + iframe[src*="youtube-nocookie.com"] { + height: 260px; + } +} + +/* Article list + +.article-list article > header { + display: flex; + flex-flow: row; + align-items: center; + margin-bottom: 0; +} + +.article-list article h3 { + display: inline-block; + margin: 0.5em; +} + +.article-list article small { + font-weight: normal; + color: gray; +} diff --git a/static/img/deal.svg b/static/img/deal.svg new file mode 100644 index 0000000..b726325 --- /dev/null +++ b/static/img/deal.svg @@ -0,0 +1,229 @@ + + + + diff --git a/static/img/favicon.ico b/static/img/favicon.ico new file mode 100644 index 0000000..343002d Binary files /dev/null and b/static/img/favicon.ico differ diff --git a/static/img/lamp-relay-esp.png b/static/img/lamp-relay-esp.png new file mode 100644 index 0000000..995adae Binary files /dev/null and b/static/img/lamp-relay-esp.png differ diff --git a/static/img/tri.svg b/static/img/tri.svg new file mode 100644 index 0000000..eafcf82 --- /dev/null +++ b/static/img/tri.svg @@ -0,0 +1,1400 @@ + + +

+ {{- .Title -}} + {{ if and .Params.lang (ne .Site.Language.Lang .Params.lang) }} + [{{ .Params.lang }}] + {{ end }} +

{{ .Title }}