tegakituesday/tegakituesday.com
tegakituesday/tegakituesday.com
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Initial site version

Browse source
This commit is contained in:
Elnu 2022-02-17 19:38:08 -08:00
parent faccc96951
commit 71b28ac30a
105 changed files with 106592 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
themes/tegakituesday.com/archetypes/default.md Normal file
View file

@ -0,0 +1,2 @@
+++
+++

5
themes/tegakituesday.com/layouts/404.html Normal file
View file

@ -0,0 +1,5 @@
{{ define "main" }}
<h1>Page Not Found</h1>
<p>This page doesn't exist.</p>
<p><a href="/">Go back to the home page</a></p>
{{ end }}

31
themes/tegakituesday.com/layouts/_default/baseof.html Normal file
View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html lang="en">
{{ block "head" . }}
{{ partial "head.html" . }}
{{ end }}
<body>
<img id="mascot" src="/mascot.svg">
<div id="content">
<div>
{{ block "primary" . }}
<div class="content">
{{ block "main" . }}{{ end }}
</div>
{{ end }}
{{ block "mainFooter" . }}
{{ partial "footer.html" (partial "footers/main.html" .) }}
{{ end }}
</div>
<div>
<div class="content">
{{ block "secondary" . }}
{{ .Scratch.Get "secondary" }}
{{ end }}
</div>
{{ block "secondaryFooter" . }}
{{ partial "footer.html" (partial "footers/main.html" .) }}
{{ end }}
</div>
</div>
</body>
</html>

0
themes/tegakituesday.com/layouts/_default/list.html Normal file
View file

116
themes/tegakituesday.com/layouts/challenges/single.html Normal file
View file

@ -0,0 +1,116 @@
{{- define "head" -}}
{{- $current := replaceRE `[^0-9]` "" .File -}}
{{- .Scratch.Set "title" .Site.Title -}}
{{- .Scratch.Add "title" " #" -}}
{{- .Scratch.Add "title" (replaceRE `[^0-9]` "" .File) -}}
{{- partial "head.html" . -}}
{{- end -}}
{{- define "primary" -}}
{{- $current := replaceRE `[^0-9]` "" .File -}}
{{- partial "nav.html" . -}}
<div id="challenge">
<header>
<h3>Tegaki Tuesday #{{- $current -}}</h3>
<small><ruby>手<rp>(</rp><rt>て</rt><rp>)</rp></ruby><ruby>書<rp>(</rp><rt>が</rt><rp>)</rp></ruby>きの<ruby>火<rp>(</rp><rt>か</rt><rp>)</rp></ruby><ruby>曜<rp>(</rp><rt>よう</rt><rp>)</rp></ruby><ruby>日<rp>(</rp><rt>び</rt><rp>)</rp></ruby>＃{{- $current -}}・<time datetime="{{- .Date.Format " 2006-01-02T15:04:05Z07:00" -}}">{{- .Date.Format "2006年01月02日" -}}</time></small>
</header>
<div id="challenge-container">
<div id="challenge-horizontal">
<div id="challenge-vocab" lang="ja">
<!-- Vocab view -->
<!-- Outer list: lines -->
{{- range.Params.japanese -}}
<!-- Inner list: sublines -->
{{- range. -}}
<!-- Innermost list: words -->
<p>{{- range. -}}
{{- if eq (printf "%T" .text) "string" -}}
{{- $.Scratch.Set "dictionary" .text -}}
{{- $.Scratch.Set "html" .text -}}
{{- else -}}
{{- $.Scratch.Set "dictionary" "" -}}
{{- $.Scratch.Set "html" "" -}}
{{- range.text -}}
{{- if reflect.IsMap . -}}
{{- range $kanji, $furigana := . -}}
{{- $.Scratch.Add "dictionary" $kanji -}}
{{- $.Scratch.Add "html" "<ruby>" -}}
{{- $.Scratch.Add "html" $kanji -}}
{{- $.Scratch.Add "html" "<rp>(</rp><rt>" -}}
{{- $.Scratch.Add "html" $furigana -}}
{{- $.Scratch.Add "html" "</rt><rp>)</rp></ruby>" -}}
{{- end -}}
{{- else -}}
{{- $.Scratch.Add "dictionary" . -}}
{{- $.Scratch.Add "html" . -}}
{{- end -}}
{{- end -}}
{{- if .dictionary -}}
{{- $.Scratch.Set "dictionary" .dictionary -}}
{{- end -}}
{{- end -}}
{{- if and (not .dictionary) (not .pos) -}}
{{- $.Scratch.Get "html" | safeHTML -}}
{{- else -}}
<a href="https:/jisho.org/word/{{- $.Scratch.Get "dictionary" -}}" class="{{- .pos -}}" title="{{- .pos -}}" target="_blank">{{- $.Scratch.Get "html" | safeHTML -}}</a>
{{- end -}}
{{- end -}}</p>
{{- end -}}
{{- end -}}
</div>
<div id="challenge-english">
<!-- English view -->
{{- range.Params.english -}}
<p>{{- $.RenderString . -}}</p>
{{- end -}}
</div>
</div>
<div id="challenge-kanji" lang="ja">
<!-- Kanji view -->
<!-- Outer list: lines -->
{{- range.Params.japanese -}}
<!-- Inner list: sublines -->
{{- range. -}}
<!-- Innermost list: words -->
<p>{{- range. -}}
{{- if eq (printf "%T" .text) "string" -}}
{{- .text -}}
{{- else -}}
{{- range.text -}}
{{- if reflect.IsMap . -}}
{{- range $kanji, $furigana := . -}}
<a href="https://jisho.org/search/{{- $kanji -}} #kanji" target="_blank"><ruby>{{- $kanji -}}<rp>(</rp><rt>{{- $furigana -}}</rt><rp>)</rp></ruby></a>
{{- end -}}
{{- else -}}
{{- . -}}
{{- end -}}
{{- end -}}
{{- end -}}
{{- end -}}</p>
{{- end -}}
{{- end -}}
</div>
</div>
</div>
<div class="content">
{{- partial "content.html" . -}}
</div>
{{- end -}}
{{- define "secondary" -}}
{{- $current := replaceRE `[^0-9]` "" .File -}}
<div id="submissions">
{{- range index .Site.Data.challenges ($current) -}}
{{- $submission := . -}}
{{- range.images -}}
{{- $path := printf "%s" . | printf "%s%s" "/" | printf "%s%s" $current | printf "%s" -}}
{{- $image := resources.Get $path -}}
{{- partial "submission.html" (dict "submission" $submission "challenge" $current "image" $image) -}}
{{- end -}}
{{- end -}}
</div>
{{- end -}}
{{- define "secondaryFooter" -}}
{{- partial "footer.html" (partial "footers/submissions.html" .) -}}
{{- end -}}

3
themes/tegakituesday.com/layouts/index.html Normal file
View file

@ -0,0 +1,3 @@
{{ define "main" }}
{{ partial "content" . }}
{{ end }}

1
themes/tegakituesday.com/layouts/partials/content.html Normal file
View file

@ -0,0 +1 @@
{{ replaceRE `\[([^\]]*)\]{([^\}]*)}` `<ruby lang="ja">$1<rp>(</rp><rt>$2</rt><rp>)</rp></ruby>` .Content | safeHTML }}

3
themes/tegakituesday.com/layouts/partials/footer.html Normal file
View file

@ -0,0 +1,3 @@
<footer>
{{ . }}
</footer>

2
themes/tegakituesday.com/layouts/partials/footers/main.html Normal file
View file

@ -0,0 +1,2 @@
Copyright &copy; {{ dateFormat "2006" now }} <b>{{ .Site.Title }}</b>. All rights reserved.<br>
Site last regenerated with <a href="https://gohugo.io/">Hugo</a> at {{ partial "time.html" (dict "Date" now) }}.

30
themes/tegakituesday.com/layouts/partials/head.html Normal file
View file

@ -0,0 +1,30 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<title>{{ if .Scratch.Get "title" }}{{ .Scratch.Get "title" }}{{ else }}{{ if not .IsHome }}{{ if eq .Kind "term" }}#{{ end }}{{ .Title }} | {{ end }} {{ .Site.Title }}{{ end }}</title>
<link rel="stylesheet" href="/css/style.css?{{ now.Unix }}" type="text/css" media="all" />
{{ with .OutputFormats.Get "rss" -}}
{{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
{{ end -}}
<script>
window.onload = () => {
const secondary = document.querySelector("#content > div:last-child");
const mascot = document.getElementById("mascot");
const scrollHandler = (event) => {
const element = event.target;
if (element.scrollHeight - element.scrollTop === element.clientHeight) {
mascot.classList.add("hidden");
} else {
mascot.classList.remove("hidden");
}
}
secondary.addEventListener("scroll", scrollHandler);
secondary.addEventListener("touchmove", scrollHandler);
};
</script>
<script src="https://kit.fontawesome.com/{{ .Site.Params.FontAwesomeKit }}.js" crossorigin="anonymous"></script>
</head>

0
themes/tegakituesday.com/layouts/partials/header.html Normal file
View file

17
themes/tegakituesday.com/layouts/partials/nav.html Normal file
View file

@ -0,0 +1,17 @@
<nav>
{{ $current := int (replaceRE `[^0-9]` "" .File) }}
{{ $scratch := newScratch }}
{{ $scratch.Set "isLatest" true }}
{{ range.Site.RegularPages }}
{{ if gt (int .File.TranslationBaseName) $current }}
{{ $scratch.Set "isLatest" false }}
{{ end }}
{{ end }}
{{ if ne $current 1 }}
<a class="nav-button" href="../{{ sub $current 1 }}"><i class="fas fa-chevron-left"></i>&nbsp;#{{ sub $current 1 }}</a>
{{ end }}
<span class="title"><a href="/"><i class="fa-solid fa-house"></i> Homepage</a></span>
{{ if not ($scratch.Get "isLatest") }}
<a class="nav-button" href="../{{ add $current 1 }}">#{{ add $current 1 }}&nbsp;<i class="fas fa-chevron-right"></i></a>
{{ end }}
</nav>

11
themes/tegakituesday.com/layouts/partials/submission.html Normal file
View file

@ -0,0 +1,11 @@
<div>
<figure>
{{ if .image }}
{{ $thumbnail := .image.Resize "500x" }}
<a href="{{ .image.RelPermalink }}" target="_blank"><img src="{{ $thumbnail.RelPermalink }}" alt="{{ .submission.username }}'s submission"></a>
<figcaption><a href="https://discord.com/users/{{ .submission.id }}"><i class="fab fa-discord"></i> {{ .submission.username }}</a></figcaption>
{{ else }}
<figcaption>Image not found!</figcaption>
{{ end }}
</figure>
</div>

1
themes/tegakituesday.com/layouts/partials/time.html Normal file
View file

@ -0,0 +1 @@
<time datetime="{{ .Date.Format " 2006-01-02T15:04:05Z07:00" }}">{{ .Date.Format "2006/01/02 15:04" }}</time>

8
themes/tegakituesday.com/layouts/shortcodes/current.html Normal file
View file

@ -0,0 +1,8 @@
{{ $scratch := newScratch }}
{{ $scratch.Set "current" 0 }}
{{ range.Site.RegularPages }}
{{ if gt (int .File.TranslationBaseName) ($scratch.Get "current") }}
{{ $scratch.Set "current" (int .File.TranslationBaseName) }}
{{ end }}
{{ end }}
{{ $scratch.Get "current" }}

1
themes/tegakituesday.com/layouts/shortcodes/secondary.html Normal file
View file

@ -0,0 +1 @@
{{ .Page.Scratch.Set "secondary" (.Inner | .Page.RenderString ) }}

461
themes/tegakituesday.com/static/css/style.css Normal file
View file

@ -0,0 +1,461 @@
@import url('https://fonts.googleapis.com/css2?family=Lato&family=Patrick+Hand&display=swap');
@import url('/fonts/K-Gothic/stylesheet.css');
:root {
--gb-dm-bg0: #282828;
--gb-dm-bg0-hard: #1d2021;
--gb-dm-bg0-soft: #32302f;
--gb-dm-bg1: #3c3836;
--gb-dm-bg2: #504945;
--gb-dm-bg3: #665c54;
--gb-dm-bg4: #7c6f64;
--gb-dm-fg0: #fbf1c7;
--gb-dm-fg1: #ebdbb2;
--gb-dm-fg2: #d5c4a1;
--gb-dm-fg3: #bdae93;
--gb-dm-fg4: #a89984;
--gb-dm-dark-red: #cc241d;
--gb-dm-dark-green: #98971a;
--gb-dm-dark-yellow: #d79921;
--gb-dm-dark-blue: #458588;
--gb-dm-dark-purple: #b16286;
--gb-dm-dark-aqua: #689d6a;
--gb-dm-dark-orange: #d65d0e;
--gb-dm-dark-gray: #928374;
--gb-dm-light-red: #fb4934;
--gb-dm-light-green: #b8bb26;
--gb-dm-light-yellow: #fabd2f;
--gb-dm-light-blue: #83a598;
--gb-dm-light-purple: #d3869b;
--gb-dm-light-aqua: #8ec07c;
--gb-dm-light-orange: #f38019;
--gb-dm-light-gray: #a89984;
--gb-lm-bg0: #fbf1c7;
--gb-lm-bg0-hard: #f9f5d7;
--gb-lm-bg0-soft: #f2e5bc;
--gb-lm-bg1: #ebdbb2;
--gb-lm-bg2: #d5c4a1;
--gb-lm-bg3: #bdae93;
--gb-lm-bg4: #a89984;
--gb-lm-fg0: #282828;
--gb-lm-fg1: #3c3836;
--gb-lm-fg2: #504945;
--gb-lm-fg3: #665c54;
--gb-lm-fg4: #7c6f64;
--gb-lm-dark-red: #cc241d;
--gb-lm-dark-green: #98971a;
--gb-lm-dark-yellow: #d79921;
--gb-lm-dark-blue: #458588;
--gb-lm-dark-purple: #b16286;
--gb-lm-dark-aqua: #689d6a;
--gb-lm-dark-orange: #d65d0e;
--gb-lm-dark-gray: #928374;
--gb-lm-light-red: #9d0006;
--gb-lm-light-green: #79740e;
--gb-lm-light-yellow: #b57614;
--gb-lm-light-blue: #076678;
--gb-lm-light-purple: #8f3f71;
--gb-lm-light-aqua: #427b58;
--gb-lm-light-orange: #af3a03;
--gb-lm-light-gray: #7c6f64;
}
body {
font-family: 'Lato', sans-serif;
margin: 0;
width: 100%;
height: 100vh;
display: flex;
flex-direction: column;
overflow: hidden;
font-size: 1.25em;
overflow: hidden;
color: #ebdbb2;
background: #3c3836;
}
h1, h2, h3, h4, h5, h6, b, strong, th {
color: #fbf1c7;
}
#content {
display: flex;
width: 100%;
height: 100%;
}
.no-mobile {
display: none;
}
@media only screen and (max-width: 768px) {
#content {
display: block;
overflow: auto;
}
#content > div {
width: 100% !important;
}
.mobile {
display: none;
}
.no-mobile {
display: inline;
}
}
#content > div {
display: flex;
flex-direction: column;
box-sizing: border-box;
}
#content > div:first-child {
background: #282828;
width: 40em;
--heading-rule-color: var(--gb-dm-bg1);
}
#content > div:last-child {
background: #3c3836;
width: 100%;
--heading-rule-color: var(--gb-dm-bg2);
}
#content > div {
--padding: 1rem;
padding: var(--padding);
overflow-x: hidden;
overflow-y: auto;
box-sizing: border-box;
}
nav {
margin-left: calc(-1 * var(--padding));
margin-right: calc(-1 * var(--padding));
margin-top: calc(-1 * var(--padding));
font-family: 'Patrick Hand';
font-size: 1.5em;
display: flex;
background-color: #504945;
background-image: url("/ink.svg"), repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(60, 56, 54, 0.5) 35px, rgba(60, 56, 54, 0.5) 70px);
background-repeat: no-repeat, repeat;
background-position: right;
align-items: center;
box-shadow: 0 4px 4px 0 rgba(0,0,0,.25);
z-index: 999;
}
.title {
display: block;
padding-top: 0.5em;
padding-bottom: 0.5em;
width: 100%;
text-align: center;
}
.nav-button {
border: none;
cursor: pointer;
color: inherit;
padding-left: 0.25em;
padding-right: 0.25em;
display: flex;
align-items: center;
justify-content: center;
border: none !important;
}
.nav-button:first-child {
background: #cc241d;
border-top-right-radius: 0.25em;
border-bottom-right-radius: 0.25em;
box-shadow: 4px 0 var(--gb-dm-bg0-hard);
}
.nav-button:last-child {
background: #458588;
border-top-left-radius: 0.25em;
border-bottom-left-radius: 0.25em;
box-shadow: -4px 0 var(--gb-dm-bg0-hard);
}
figure a {
color: #5865F2;
}
#submissions {
line-height: 0;
column-count: 1;
--gap: 0.625rem;
column-gap: var(--gap);
}
figure {
background: #282828;
padding: var(--gap);
margin: 0;
margin-bottom: var(--gap);
overflow: hidden;
}
figcaption {
margin-top: 0.25em;
text-align: center;
font-size: 0.75em;
}
figcaption span {
opacity: 0.625;
}
figure, figure img {
border-radius: 0.25em;
}
figure img {
width: 100%;
box-sizing: border-box;
border: none !important;
}
figure a {
border: none !important;
}
#submissions div {
overflow: hidden;
}
@media (min-width: 768px) {
#submissions {
column-count: 2;
}
}
@media (min-width: 1280px) {
.challenge {
flex-direction: row;
}
#submissions {
column-count: 3;
}
nav {
background-position: center;
}
}
.adjective {
color: var(--gb-dm-light-red);
}
.adjective:hover {
color: #fb4934;
}
.noun {
color: var(--gb-dm-light-green);
}
.verb {
color: var(--gb-dm-light-blue);
}
.particle {
color: var(--gb-dm-light-yellow);
}
.phrase {
color: var(--gb-dm-light-orange);
}
.adverb {
color: var(--gb-dm-light-aqua);
}
a {
text-decoration: none;
color: var(--gb-dm-light-purple);
}
a:hover {
border-bottom: 2px solid;
filter: brightness(1.25);
}
#challenge {
background: #1d2021;
margin-left: calc(-1 * var(--padding));
margin-right: calc(-1 * var(--padding));
padding: var(--padding);
font-size: 1.25em;
font-weight: normal;
font-style: normal;
}
#challenge, h1, h2, h3, h4, h5, h6 {
font-family: 'Patrick Hand', 'K Gothic', sans-serif;
}
header h1, header h2, header h3, header h4, header h5, header h6 {
margin: 0;
}
header {
padding-bottom: 8px;
}
header, :not(header) > h1, :not(header) > h2, :not(header) > h3, :not(header) > h4, :not(header) > h5, :not(header) > h6 {
border-bottom: 2px solid var(--heading-rule-color);
}
header ruby {
ruby-position: under;
}
header rt {
margin-top: -0.5em;
}
#challenge header {
border-color: var(--gb-dm-bg0);
}
#challenge-container {
display: flex;
justify-content: space-between;
overflow: auto;
margin-left: -0.75em;
margin-right: -0.75em;
margin-bottom: -0.75em;
padding: 0.75em;
}
#challenge-horizontal {
display: flex;
flex-direction: column;
gap: 1em;
}
#challenge div {
counter-reset: section;
}
#challenge p {
margin: 0;
}
#challenge rt, h1 rt, h2 rt, h3 rt, h4 rt, h5 rt, h6 rt {
margin-bottom: -0.5em;
}
#challenge p::before {
counter-increment: section;
content: counter(section);
text-orientation: upright;
color: #928374;
margin-right: 0.25em;
}
#challenge-kanji {
writing-mode: vertical-rl;
}
#challenge-kanji a:hover {
border: none;
border-left: 2px solid;
}
#challenge-horizontal, #challenge-kanji {
flex-shrink: 0;
}
#challenge-english {
max-width: 15em;
}
.content {
margin-bottom: 1em;
}
.gray, footer, small {
color: var(--gb-dm-fg4);
}
p, ul, ol {
line-height: 1.75;
}
#mascot {
position: absolute;
right: 1em;
bottom: 0;
z-index: 999;
pointer-events: none;
transition: 1s;
--width: min(10em, 40vw);
width: var(--width);
}
.hidden {
right: calc(-0.5 * var(--width)) !important;
opacity: 0.5;
}
.action-button {
text-align: center;
}
.action-button a {
display: inline-flex;
border: none !important;
cursor: pointer;
background: var(--gb-dm-light-red);
font-weight: bold;
color: var(--gb-dm-fg0);
transition: 0.5s;
outline-color: var(--gb-dm-bg0-hard);
font-size: 1em;
}
.action-button span {
padding-left: 1em;
padding-right: 1em;
align-items: center;
justify-content: center;
line-height: 64px;
}
.action-button img {
height: 64px;
}
.action-button a:hover {
box-shadow: 4px 4px var(--gb-dm-bg1);
outline: 2px solid var(--gb-dm-bg0-soft);
}
#content img {
max-width: 100%;
background: var(--gb-dm-bg1);
border-radius: 0.15em;
display: block;
margin: auto;
}
#content > div:last-child img {
background: var(--gb-dm-bg2) !important;
}
h1:first-child {
margin-top: 0;
}

BIN
themes/tegakituesday.com/static/fonts/K-Gothic/K-Gothic.eot Executable file
View file

Binary file not shown.

101744
themes/tegakituesday.com/static/fonts/K-Gothic/K-Gothic.svg Executable file
View file

File diff suppressed because it is too large Load diff
Side by side

After

Width:  |  Height:  |  Size: 19 MiB

BIN
themes/tegakituesday.com/static/fonts/K-Gothic/K-Gothic.ttf Executable file
View file

Binary file not shown.

BIN
themes/tegakituesday.com/static/fonts/K-Gothic/K-Gothic.woff Executable file
View file

Binary file not shown.

BIN
themes/tegakituesday.com/static/fonts/K-Gothic/K-Gothic.woff2 Executable file
View file

Binary file not shown.

207
themes/tegakituesday.com/static/fonts/K-Gothic/demo.html Executable file
View file

@ -0,0 +1,207 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex, noarchive">
<meta name="format-detection" content="telephone=no">
<title>Transfonter demo</title>
<link href="stylesheet.css" rel="stylesheet">
<style>
/*
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* demo styles */
body {
background: #f0f0f0;
color: #000;
}
.page {
background: #fff;
width: 920px;
margin: 0 auto;
padding: 20px 20px 0 20px;
overflow: hidden;
}
.font-container {
overflow-x: auto;
overflow-y: hidden;
margin-bottom: 40px;
line-height: 1.3;
white-space: nowrap;
padding-bottom: 5px;
}
h1 {
position: relative;
background: #444;
font-size: 32px;
color: #fff;
padding: 10px 20px;
margin: 0 -20px 12px -20px;
}
.letters {
font-size: 25px;
margin-bottom: 20px;
}
.s10:before {
content: '10px';
}
.s11:before {
content: '11px';
}
.s12:before {
content: '12px';
}
.s14:before {
content: '14px';
}
.s18:before {
content: '18px';
}
.s24:before {
content: '24px';
}
.s30:before {
content: '30px';
}
.s36:before {
content: '36px';
}
.s48:before {
content: '48px';
}
.s60:before {
content: '60px';
}
.s72:before {
content: '72px';
}
.s10:before, .s11:before, .s12:before, .s14:before,
.s18:before, .s24:before, .s30:before, .s36:before,
.s48:before, .s60:before, .s72:before {
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: normal;
font-style: normal;
color: #999;
padding-right: 6px;
}
pre {
display: block;
position: relative;
padding: 9px;
margin: 0 0 10px;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
font-size: 13px;
line-height: 1.428571429;
color: #333;
font-weight: normal;
font-style: normal;
background-color: #f5f5f5;
border: 1px solid #ccc;
overflow-x: auto;
border-radius: 4px;
}
pre:after {
display: block;
position: absolute;
right: 0;
top: 0;
content: 'Usage';
line-height: 1;
padding: 5px 8px;
font-size: 12px;
color: #767676;
background-color: #fff;
border: 1px solid #ccc;
border-right: none;
border-top: none;
border-radius: 0 4px 0 4px;
z-index: 10;
}
/* responsive */
@media (max-width: 959px) {
.page {
width: auto;
margin: 0;
}
}
</style>
</head>
<body>
<div class="page">
<div class="demo">
<h1 style="font-family: 'K Gothic'; font-weight: normal; font-style: normal;">K Gothic</h1>
<pre>.your-style {
font-family: 'K Gothic';
font-weight: normal;
font-style: normal;
}</pre>
<div class="font-container" style="font-family: 'K Gothic'; font-weight: normal; font-style: normal;">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#<>$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
</div>
</body>
</html>

13
themes/tegakituesday.com/static/fonts/K-Gothic/stylesheet.css Executable file
View file

@ -0,0 +1,13 @@
@font-face {
font-family: 'K Gothic';
src: url('K-Gothic.eot');
src: url('K-Gothic.eot?#iefix') format('embedded-opentype'),
url('K-Gothic.woff2') format('woff2'),
url('K-Gothic.woff') format('woff'),
url('K-Gothic.ttf') format('truetype'),
url('K-Gothic.svg#K-Gothic') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap;
}

112
themes/tegakituesday.com/static/ink.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 180 KiB

14
themes/tegakituesday.com/theme.toml Normal file
View file

@ -0,0 +1,14 @@
# theme.toml template for a Hugo theme
# See https://github.com/gohugoio/hugoThemes#themetoml for an example
name = "tegakituesday.com"
license = "UNLICENSED"
description = "The theme for Tegaki Tuesday."
homepage = "http://tegakituesday.com/"
tags = []
features = []
min_version = "0.41.0"
[author]
name = "ElnuDev"
homepage = "https://elnu.com"