diff --git a/layouts/_default/_markup/render-heading.html b/layouts/_default/_markup/render-heading.html new file mode 100644 index 0000000..e05ac21 --- /dev/null +++ b/layouts/_default/_markup/render-heading.html @@ -0,0 +1,30 @@ +{{ $currentLevel := .Level }} +{{ $currentHeaderKey := printf "H_%d" $currentLevel }} + +{{ if not (.Page.Scratch.Get $currentHeaderKey) }} + {{ .Page.Scratch.Set $currentHeaderKey 1 }} +{{ else }} + {{ .Page.Scratch.Set $currentHeaderKey (add 1 (.Page.Scratch.Get $currentHeaderKey)) }} +{{ end }} + +{{ if .Page.Scratch.Get "previousLevel" }} + {{ $previousLevel := .Page.Scratch.Get "previousLevel" }} + {{ if gt $previousLevel $currentLevel }} + {{ range $header := slice 1 2 3 4 5 6 }} + {{ if gt $header $currentLevel }} + {{ $.Page.Scratch.Delete (printf "H_%d" $header) }} + {{ end }} + {{ end }} + {{ end }} +{{ end }} + +{{ $counter := "" }} +{{ range $header := slice 1 2 3 4 5 6 }} +{{ if gt ($.Page.Scratch.Get (printf "H_%d" $header)) 0 }} + {{ $counter = printf "%s%d." $counter ($.Page.Scratch.Get (printf "H_%d" $header))}} +{{ end }} +{{end}} + +{{ $counter }} {{ .Text | safeHTML }} {{ .Page.Scratch.Get "level" }} + +{{ .Page.Scratch.Set "previousLevel" .Level }} diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 88f40b0..78cf8da 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -3,9 +3,11 @@ + {{ block "title" . }}{{ site.Title | default "Sandpoints in progress..." }}{{ end }} + {{- block "header" . -}}{{- end -}} {{- block "main" . }}{{- end -}} {{- partialCached "footer.html" . -}} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 846938b..eb63ab5 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,8 +1,31 @@ -{{ define "main" }} - {{ partial "single-page-graph.html" . }} -

{{ partial "deferred_page_graph.html" . }}

-
-

{{ .Title }}

-

{{ .Content }}

-
+{{- define "header" -}} +
+ + + + + + + +
+{{- end -}} +{{- define "main" -}}{{- partial "single-page-graph.html" . -}} +
+
+ + +
+

{{ .Title }}

+

{{ .Content }}

+
{{ end }} diff --git a/layouts/partials/GetIsinSections.html b/layouts/partials/GetIsinSections.html new file mode 100644 index 0000000..ea2a623 --- /dev/null +++ b/layouts/partials/GetIsinSections.html @@ -0,0 +1,7 @@ +{{- $sections := slice -}} +{{- range . -}} + {{- $p := site.GetPage . -}} + {{- $section := trim $p.FirstSection.RelPermalink "//" -}} + {{- $sections = uniq ($sections | append $section) -}} +{{- end -}} +{{- return $sections -}} diff --git a/layouts/partials/menu_isin.html b/layouts/partials/menu_isin.html index dc7d363..fe3d2aa 100644 --- a/layouts/partials/menu_isin.html +++ b/layouts/partials/menu_isin.html @@ -1,21 +1,15 @@ -{{- $sections := slice -}} {{- $currentPage := .currentPage -}} {{- $isin := .isin -}} -{{- range $isin -}} - {{- $p := site.GetPage . -}} - {{- $section := trim $p.FirstSection.RelPermalink "//" -}} - {{- $sections = uniq ($sections | append $section) -}} -{{- end -}}
- {{- range $sections -}} - {{- $section := . -}} -
is in {{- partial "GetPluralSectionName.html" $section -}}⁄
+ {{- range (partial "GetIsinSections.html" .isin) -}} + {{- $section := . -}} +
is in {{- partial "GetPluralSectionName.html" $section -}}⁄
{{- range $isin -}} {{- $p := site.GetPage . -}} {{- if eq (trim $p.FirstSection.RelPermalink "//") $section -}}
- {{- $p.LinkTitle -}} + {{- $p.LinkTitle -}}
{{- end -}} {{- end -}} diff --git a/static/css/newsite.css b/static/css/newsite.css new file mode 100644 index 0000000..fecc17f --- /dev/null +++ b/static/css/newsite.css @@ -0,0 +1,243 @@ +html, +body, +dl, +dt, +dd, +blockquote, +figure, +fieldset, +legend, +textarea, +pre, +iframe, +hr { + margin: 0; + padding: 0; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: 100%; + font-weight: normal; +} + +ul { + list-style: none; +} + +button, +input, +select, +textarea { + margin: 0; +} + +html { + box-sizing: border-box; +} + +img, +video { + height: auto; + max-width: 100%; +} + +iframe { + border: 0; +} + +strong del { + /* font-weight: normal; */ + display: inline; + text-decoration: none; + margin-left: 1rem; + box-decoration-break: clone; + -webkit-box-decoration-break: clone; +} + +table { + border-collapse: collapse; + border-spacing: 0; + background-color: #fff9f9; + border-left: 1px red solid; + margin-left: 1rem; +} + +td, +th { + padding: 0; + vertical-align: top; + padding-right: 1rem; + padding-left: 1rem; + padding-bottom: 0.5rem; +} + +td:not([align]), +th:not([align]) { + text-align: left; +} + +@font-face { + font-family: "Gentium Plus"; + font-style: normal; + src: + url("../fonts/GentiumPlus-R.woff"), + url("../fonts/GentiumPlus-R.woff") format("woff"); +} + +@font-face { + font-family: "Gentium Plus"; + font-style: italic; + src: + url("../fonts/GentiumPlus-I.woff"), + url("../fonts/GentiumPlus-I.woff") format("woff"); +} + +@font-face { + font-family: "Great Vibes"; + font-style: normal; + font-weight: 400; + src: url("../fonts/great-vibes-v7-latin-ext_latin-regular.eot"); + /* IE9 Compat Modes */ + src: + local("Great Vibes"), + local("GreatVibes-Regular"), + url("../fonts/great-vibes-v7-latin-ext_latin-regular.eot?#iefix") + format("embedded-opentype"), + /* IE6-IE8 */ + url("../fonts/great-vibes-v7-latin-ext_latin-regular.woff2") + format("woff2"), + /* Super Modern Browsers */ + url("../fonts/great-vibes-v7-latin-ext_latin-regular.woff") + format("woff"), + /* Modern Browsers */ + url("../fonts/great-vibes-v7-latin-ext_latin-regular.ttf") + format("truetype"), + /* Safari, Android, iOS */ + url("../fonts/great-vibes-v7-latin-ext_latin-regular.svg#GreatVibes") + format("svg"); + /* Legacy iOS */ +} + +@font-face { + font-family: "Antinoou"; + font-style: normal; + src: + url("../fonts/Antinoou.ttf"), + url("../fonts/Antinoou.ttf") format("truetype"); + unicode-range: + U+2C80 –U + 2CFF, + U+0370 –U + 03FF, + U+102E0 –U + 102FF; +} + +@font-face { + font-family: "Antinoou"; + font-style: italic; + src: + url("../fonts/AntinoouItalic.ttf"), + url("../fonts/AntinoouItalic.ttf") format("truetype"); + unicode-range: + U+2C80 –U + 2CFF, + U+0370 –U + 03FF, + U+102E0 –U + 102FF; +} + +html { + line-height: 1.5; +} + +body { + font-family: "Gentium Plus", "Antinoou", serif; + max-width: 1024px; + font-size: 1.4rem; + padding-left: 3rem; + padding-top: 0.5rem; + padding-right: 2rem; + color: black; +} + +header { + display: grid; + grid-template-columns: auto; + grid-auto-flow: column; + position: sticky; + top: 0; + padding-top: 0.5rem; + font-size: 1.1rem; + background-color: white; + z-index: 10; +} + +.breadcrumbs { + grid-column: 1; + list-style: none; + padding: 0; + margin: 0; + display: flex; + flex-wrap: wrap; +} + +.breadcrumbs li { + display: inline; +} + +.breadcrumbs li + li::before { + content: "»"; + margin: 0 0.1em; + color: #666; +} + +.bibliotheke { + width: 2.4rem; + grid-column: 2; + margin-left: auto; +} + +.bibliotheke:hover { + text-decoration: none; + font-size: 1rem; +} + +.content { + margin-top: 4rem; + padding-left: 3rem; + padding-right: 10rem; + max-width: 720px; +} + +.page-menu { + padding-left: 3rem; + margin-bottom: 2rem; + display: grid; + grid-template-columns: 1fr 1fr; +} + +.toc { + grid-column: 1; + padding-right: 1.2rem; + position: relative; +} + +#TableOfContents { + margin-left: -2rem; + margin-top: -1.5rem; +} + +#TableOfContents li { + list-style: decimal inside; + padding-left: 0.5rem; + color: rgba(0, 0, 0, 0.4); + margin: 0; + padding: 0; +} + +#TableOfContents li a { + font-family: "Gentium Plus"; + font-size: 1.4rem; + font-weight: bold; +} diff --git a/static/css/site.css b/static/css/site.css new file mode 100644 index 0000000..8c75dba --- /dev/null +++ b/static/css/site.css @@ -0,0 +1,908 @@ +html, +body, +dl, +dt, +dd, +blockquote, +figure, +fieldset, +legend, +textarea, +pre, +iframe, +hr { + margin: 0; + padding: 0; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: 100%; + font-weight: normal; +} + +ul { + list-style: none; +} + +button, +input, +select, +textarea { + margin: 0; +} + +html { + box-sizing: border-box; +} + +img, +video { + height: auto; + max-width: 100%; +} + +iframe { + border: 0; +} + +strong del { + /* font-weight: normal; */ + display: inline; + text-decoration: none; + margin-left: 1rem; + box-decoration-break: clone; + -webkit-box-decoration-break: clone; +} + +table { + border-collapse: collapse; + border-spacing: 0; + background-color: #fff9f9; + border-left: 1px red solid; + margin-left: 1rem; +} + +td, +th { + padding: 0; + vertical-align: top; + padding-right: 1rem; + padding-left: 1rem; + padding-bottom: 0.5rem; +} + +td:not([align]), +th:not([align]) { + text-align: left; +} + +/* vollkorn-sc-regular - latin-ext_latin */ + +@font-face { + font-family: "Vollkorn SC"; + font-style: normal; + font-weight: 400; + src: url("../fonts/vollkorn-sc-v4-latin-ext_latin-regular.eot"); + /* IE9 Compat Modes */ + src: + local(""), + url("../fonts/vollkorn-sc-v4-latin-ext_latin-regular.eot?#iefix") + format("embedded-opentype"), + /* IE6-IE8 */ + url("../fonts/vollkorn-sc-v4-latin-ext_latin-regular.woff2") + format("woff2"), + /* Super Modern Browsers */ + url("../fonts/vollkorn-sc-v4-latin-ext_latin-regular.woff") + format("woff"), + /* Modern Browsers */ + url("../fonts/vollkorn-sc-v4-latin-ext_latin-regular.ttf") + format("truetype"), + /* Safari, Android, iOS */ + url("../fonts/vollkorn-sc-v4-latin-ext_latin-regular.svg#VollkornSC") + format("svg"); + /* Legacy iOS */ +} + +/* vollkorn-sc-600 - latin-ext_latin */ + +@font-face { + font-family: "Vollkorn SC"; + font-style: normal; + font-weight: 600; + src: url("../fonts/vollkorn-sc-v4-latin-ext_latin-600.eot"); + /* IE9 Compat Modes */ + src: + local(""), + url("../fonts/vollkorn-sc-v4-latin-ext_latin-600.eot?#iefix") + format("embedded-opentype"), + /* IE6-IE8 */ url("../fonts/vollkorn-sc-v4-latin-ext_latin-600.woff2") + format("woff2"), + /* Super Modern Browsers */ + url("../fonts/vollkorn-sc-v4-latin-ext_latin-600.woff") + format("woff"), + /* Modern Browsers */ + url("../fonts/vollkorn-sc-v4-latin-ext_latin-600.ttf") + format("truetype"), + /* Safari, Android, iOS */ + url("../fonts/vollkorn-sc-v4-latin-ext_latin-600.svg#VollkornSC") + format("svg"); + /* Legacy iOS */ +} + +/* vollkorn-sc-700 - latin-ext_latin */ + +@font-face { + font-family: "Vollkorn SC"; + font-style: normal; + font-weight: 700; + src: url("../fonts/vollkorn-sc-v4-latin-ext_latin-700.eot"); + /* IE9 Compat Modes */ + src: + local(""), + url("../fonts/vollkorn-sc-v4-latin-ext_latin-700.eot?#iefix") + format("embedded-opentype"), + /* IE6-IE8 */ url("../fonts/vollkorn-sc-v4-latin-ext_latin-700.woff2") + format("woff2"), + /* Super Modern Browsers */ + url("../fonts/vollkorn-sc-v4-latin-ext_latin-700.woff") + format("woff"), + /* Modern Browsers */ + url("../fonts/vollkorn-sc-v4-latin-ext_latin-700.ttf") + format("truetype"), + /* Safari, Android, iOS */ + url("../fonts/vollkorn-sc-v4-latin-ext_latin-700.svg#VollkornSC") + format("svg"); + /* Legacy iOS */ +} + +/* vollkorn-sc-900 - latin-ext_latin */ + +@font-face { + font-family: "Vollkorn SC"; + font-style: normal; + font-weight: 900; + src: url("../fonts/vollkorn-sc-v4-latin-ext_latin-900.eot"); + /* IE9 Compat Modes */ + src: + local(""), + url("../fonts/vollkorn-sc-v4-latin-ext_latin-900.eot?#iefix") + format("embedded-opentype"), + /* IE6-IE8 */ url("../fonts/vollkorn-sc-v4-latin-ext_latin-900.woff2") + format("woff2"), + /* Super Modern Browsers */ + url("../fonts/vollkorn-sc-v4-latin-ext_latin-900.woff") + format("woff"), + /* Modern Browsers */ + url("../fonts/vollkorn-sc-v4-latin-ext_latin-900.ttf") + format("truetype"), + /* Safari, Android, iOS */ + url("../fonts/vollkorn-sc-v4-latin-ext_latin-900.svg#VollkornSC") + format("svg"); + /* Legacy iOS */ +} + +/* vollkorn-500italic - latin-ext_latin */ + +@font-face { + font-family: "Vollkorn"; + font-style: italic; + font-weight: 500; + src: url("../fonts/vollkorn-v12-latin-ext_latin-500italic.eot"); + /* IE9 Compat Modes */ + src: + local(""), + url("../fonts/vollkorn-v12-latin-ext_latin-500italic.eot?#iefix") + format("embedded-opentype"), + /* IE6-IE8 */ + url("../fonts/vollkorn-v12-latin-ext_latin-500italic.woff2") + format("woff2"), + /* Super Modern Browsers */ + url("../fonts/vollkorn-v12-latin-ext_latin-500italic.woff") + format("woff"), + /* Modern Browsers */ + url("../fonts/vollkorn-v12-latin-ext_latin-500italic.ttf") + format("truetype"), + /* Safari, Android, iOS */ + url("../fonts/vollkorn-v12-latin-ext_latin-500italic.svg#Vollkorn") + format("svg"); + /* Legacy iOS */ +} + +/* vollkorn-regular - latin-ext_latin */ + +@font-face { + font-family: "Vollkorn"; + font-style: normal; + font-weight: 400; + src: url("../fonts/vollkorn-v12-latin-ext_latin-regular.eot"); + /* IE9 Compat Modes */ + src: + local(""), + url("../fonts/vollkorn-v12-latin-ext_latin-regular.eot?#iefix") + format("embedded-opentype"), + /* IE6-IE8 */ url("../fonts/vollkorn-v12-latin-ext_latin-regular.woff2") + format("woff2"), + /* Super Modern Browsers */ + url("../fonts/vollkorn-v12-latin-ext_latin-regular.woff") + format("woff"), + /* Modern Browsers */ + url("../fonts/vollkorn-v12-latin-ext_latin-regular.ttf") + format("truetype"), + /* Safari, Android, iOS */ + url("../fonts/vollkorn-v12-latin-ext_latin-regular.svg#Vollkorn") + format("svg"); + /* Legacy iOS */ +} + +/* vollkorn-500 - latin-ext_latin */ + +@font-face { + font-family: "Vollkorn"; + font-style: normal; + font-weight: 500; + src: url("../fonts/vollkorn-v12-latin-ext_latin-500.eot"); + /* IE9 Compat Modes */ + src: + local(""), + url("../fonts/vollkorn-v12-latin-ext_latin-500.eot?#iefix") + format("embedded-opentype"), + /* IE6-IE8 */ url("../fonts/vollkorn-v12-latin-ext_latin-500.woff2") + format("woff2"), + /* Super Modern Browsers */ + url("../fonts/vollkorn-v12-latin-ext_latin-500.woff") format("woff"), + /* Modern Browsers */ + url("../fonts/vollkorn-v12-latin-ext_latin-500.ttf") + format("truetype"), + /* Safari, Android, iOS */ + url("../fonts/vollkorn-v12-latin-ext_latin-500.svg#Vollkorn") + format("svg"); + /* Legacy iOS */ +} + +/* vollkorn-italic - latin-ext_latin */ + +@font-face { + font-family: "Vollkorn"; + font-style: italic; + font-weight: 400; + src: url("../fonts/vollkorn-v12-latin-ext_latin-italic.eot"); + /* IE9 Compat Modes */ + src: + local(""), + url("../fonts/vollkorn-v12-latin-ext_latin-italic.eot?#iefix") + format("embedded-opentype"), + /* IE6-IE8 */ url("../fonts/vollkorn-v12-latin-ext_latin-italic.woff2") + format("woff2"), + /* Super Modern Browsers */ + url("../fonts/vollkorn-v12-latin-ext_latin-italic.woff") + format("woff"), + /* Modern Browsers */ + url("../fonts/vollkorn-v12-latin-ext_latin-italic.ttf") + format("truetype"), + /* Safari, Android, iOS */ + url("../fonts/vollkorn-v12-latin-ext_latin-italic.svg#Vollkorn") + format("svg"); + /* Legacy iOS */ +} + +/* great-vibes-regular - latin-ext_latin */ + +@font-face { + font-family: "Great Vibes"; + font-style: normal; + font-weight: 400; + src: url("../fonts/great-vibes-v7-latin-ext_latin-regular.eot"); + /* IE9 Compat Modes */ + src: + local("Great Vibes"), + local("GreatVibes-Regular"), + url("../fonts/great-vibes-v7-latin-ext_latin-regular.eot?#iefix") + format("embedded-opentype"), + /* IE6-IE8 */ + url("../fonts/great-vibes-v7-latin-ext_latin-regular.woff2") + format("woff2"), + /* Super Modern Browsers */ + url("../fonts/great-vibes-v7-latin-ext_latin-regular.woff") + format("woff"), + /* Modern Browsers */ + url("../fonts/great-vibes-v7-latin-ext_latin-regular.ttf") + format("truetype"), + /* Safari, Android, iOS */ + url("../fonts/great-vibes-v7-latin-ext_latin-regular.svg#GreatVibes") + format("svg"); + /* Legacy iOS */ +} + +html { + line-height: 1.5; +} + +body { + font-family: "Vollkorn", serif; + font-weight: 400; + max-width: 1024px; + font-size: 1.4rem; + padding-left: 3rem; + padding-top: 0.5rem; + padding-right: 2rem; + color: black; +} + +#preview { + display: none; +} + +sup, +sub { + vertical-align: baseline; + position: relative; + top: -0.4em; +} + +sub { + top: 0.4em; +} + +.headiter { + display: flex; + justify-content: space-between; + border-bottom: 0.3rem solid red; + border-top: 0.1rem solid red; + padding-top: 1rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + padding-right: 1rem; + margin-bottom: 1rem; +} + +a.edit-button { + color: #000; + text-decoration: none; +} + +a.edit-button:hover { + text-decoration: underline; + -webkit-text-decoration-color: red; + text-decoration-color: red; + font-weight: 500; + font-size: 0.97em; + cursor: pointer; +} + +.header { + display: grid; + grid-template-columns: auto; + grid-auto-flow: column; + position: sticky; + top: 0; + padding-top: 0.5rem; + font-size: 1.1rem; + background-color: white; + z-index: 10; +} + +.mantlebar { + display: none; +} + +.breadcrumbs { + grid-column: 1; +} + +.bibliotheke { + width: 2.4rem; + grid-column: 2; + margin-left: auto; +} + +.bibliotheke:hover { + text-decoration: none; + font-size: 1rem; +} + +.alsoin { + font-weight: bold; + display: inline-flex; + padding-left: 0.2rem; + padding-right: 0.3rem; +} + +.ddmenu { + cursor: pointer; + display: inline-grid; +} + +.ddmenu input { + display: none; +} + +.ddmenu li { + list-style-type: none; +} + +.ddmenu .hiddendiv { + display: none; + margin-top: -0.9rem; +} + +input:focus, +select:focus, +textarea:focus, +label:focus, +button:focus { + outline: none; +} + +.ddmenu input:checked ~ .hiddendiv { + display: block; +} + +.logolink { + width: 2.4rem; + margin-left: auto; +} + +.sandpointlogo { + border-radius: 50%; + border: 0.3em solid red; + display: inline-flex; + font-family: "Great Vibes", cursive; + font-size: 1.2rem; + font-weight: bold; + color: white; + background-color: red; + position: relative; + padding-left: 1em; + padding-right: 0.3em; + padding-bottom: 1.2em; + max-width: 0em; + max-height: 0em; +} + +.sandpointF { + position: absolute; + font-size: 1.2em; + margin-top: -0.2em; + margin-left: -0.4em; +} + +.sandpointN { + position: absolute; + font-size: 0.7em; + margin-top: 0.4em; + color: red; + margin-left: -0.5em; +} + +.sandpointC { + position: absolute; + font-size: 1em; + margin-left: -0.37em; +} + +footer { + display: flex; + margin-bottom: 1rem; + margin-top: 4rem; +} + +li { + list-style-type: "› "; +} + +li[role="doc-endnote"] { + list-style-type: decimal; +} + +ol li { + list-style-type: decimal; +} + +img, +video { + max-width: 100%; + display: block; + margin-left: auto; + margin-right: auto; +} + +.supt { + display: inline-flex; + flex-wrap: nowrap; + font-family: "Great Vibes", cursive; + font-size: 0.9em; + font-style: normal; + color: rgba(0, 0, 0, 0.8); + vertical-align: baseline; + position: relative; + top: -0.3em; +} + +.sup { + display: inline-flex; + flex-wrap: nowrap; + font-family: "Great Vibes", cursive; + font-size: 0.9em; + font-style: normal; + color: red; + vertical-align: baseline; + position: relative; + top: -0.3em; +} + +.sup:hover { + font-weight: normal !important; +} + +.nosup a { + color: red; +} + +.nosup a span.sup { + display: none; +} + +.syllabustitle, +.coretitle { + margin-top: 4rem; + font-style: italic; + font-size: 4rem; + margin-bottom: 4rem; +} + +.mantletitle, +.crusttitle { + margin-top: 4rem; + font-style: italic; + font-size: 2rem; + margin-bottom: 4rem; +} + +.grid { + padding-left: 3rem; + margin-bottom: 2rem; + display: grid; + grid-template-columns: 1fr 1fr; +} + +.leftcolumn { + grid-column: 1; + padding-right: 1.2rem; + position: relative; +} + +#TableOfContents { + margin-left: -2rem; + margin-top: -1.5rem; +} + +#TableOfContents li { + list-style: decimal inside; + padding-left: 0.5rem; + color: rgba(0, 0, 0, 0.4); + margin: 0; + padding: 0; +} + +#TableOfContents li a { + font-family: "Vollkorn"; + font-size: 1.4rem; + font-weight: 500; + font-style: normal; +} + +#TableOfContents > ol:first-child > span > li > a::after { + content: "¶"; + color: rgba(0, 0, 0, 0.2); + font-size: 1.3em; + padding-left: 0.1em; +} + +.counters { + color: rgba(0, 0, 0, 0.4); +} + +.rightcolumn { + /* display: grid; + grid-column: 2; + grid-template-columns: auto 1fr; + grid-auto-rows: max-content; */ + padding-left: 0.5rem; +} + +.has { + display: inline-grid; + grid-column: 2; + grid-auto-rows: max-content; + font-size: 1.4rem; + font-style: italic; + margin-bottom: 0.8rem; +} + +.hasauthors { + font-size: 1.6rem !important; + display: flex; +} + +.hassup { + grid-column: 1; + font-family: "Great Vibes", cursive; + font-size: 0.9em; + font-style: normal; + color: red; + vertical-align: baseline; + position: relative; + /* top: -0.3em; */ +} + +.afterhas { + grid-column: 2; +} + +.content { + margin-top: 4rem; + padding-left: 3rem; + padding-right: 10rem; + max-width: 720px; +} + +a { + color: black; + text-decoration: none; +} + +a:hover { + text-decoration: underline; + text-decoration-color: red; + font-weight: 500; + font-size: 0.97em; + cursor: pointer; +} + +h1 { + display: none; +} + +h2 { + font-weight: 500; + font-size: 1.6rem; +} + +h3 { + font-weight: 500; + font-size: 1.4rem; +} + +h4 { + font-weight: 500; + font-size: 1.2rem; +} + +h5 { + font-weight: 500; + font-size: 1.1rem; +} + +h6 { + font-weight: 500; + font-size: 1rem; +} + +.abstract { + font-style: italic; + border-left: 1px solid rgb(0, 0, 0); + margin-left: 5rem; + margin-right: 2rem; + margin-bottom: 1.2rem; + padding-left: 1rem; + padding-right: 2rem; + padding-top: 1.2rem; + padding-bottom: 1.2rem; + background-color: rgba(0, 0, 0, 0.05); + max-width: 45ch; +} + +.authors { + display: inline-block; + font-size: 1.8rem; + margin-left: 5rem; + margin-right: 2rem; + padding-left: 1rem; +} + +.keywords { + display: inline-block; + font-size: 1.2rem; + margin-left: 5rem; + margin-right: 2rem; + padding-left: 1rem; + padding-right: 2rem; + margin-bottom: 2.2rem; + max-width: 72ch; +} + +blockquote { + border-left: 1px red solid; + margin-left: 1rem; + margin-right: 2rem; + padding-left: 1rem; + padding-right: 2rem; + padding-top: 0.1rem; + padding-bottom: 0.1rem; + background-color: #fff9f9; +} + +h2 + p:first-letter { + font-family: "Great Vibes", cursive; + color: rgba(0, 0, 0, 0.8); + font-size: 1.5em; + line-height: 0; +} + +.hx { + position: relative; +} + +.hpar { + position: absolute; + font-size: 1.7em; + font-style: normal; + color: rgba(0, 0, 0, 0.1); + top: 0; + margin-top: -0.4em; +} + +.smallcaps { + font-family: "Vollkorn SC", serif; + font-weight: 400; +} + +details { + padding-left: 1rem; +} + +#toggleAllLinks { + font-size: 0.8rem; +} + +#toggleAllLinks:hover { + cursor: pointer; + text-decoration: underline; + text-decoration-color: red; +} + +.glosscontainer { + display: grid; + grid-template-columns: auto 1fr; + grid-template-rows: 1fr; + gap: 0px 0px; + grid-template-areas: "glossnumber gloss"; + border-left: 1px red solid; + background-color: #fff9f9; + padding-top: 0.4em; + margin-top: 1rem; + margin-bottom: 1rem; + margin-left: 1rem; + margin-right: 2rem; + padding-bottom: 0.4em; + padding-left: 1rem; + padding-right: 2rem; +} + +.gloss { + grid-area: gloss; +} + +.glossnumber { + grid-area: glossnumber; + padding-right: 0.6rem; +} + +.glossnumberAuto::before { + counter-increment: glossN; + content: "(" counter(glossN) ")"; +} + +/* .glossline { + border-bottom: lightgray solid 1px; + border-top: lightgray solid 1px; + } */ + +.glosswords { + display: inline-block; + padding-left: -0.3rem; + padding-right: 1rem; +} + +.sitemap { + padding-left: 3rem; + font-size: 1.2rem; +} + +.sitemap a { + color: rgba(0, 0, 0, 0.4); +} +.sitemap .sup { + color: rgba(255, 0, 0, 0.7); +} + +.highline a, +.sitemap a:hover { + color: rgba(0, 0, 0, 1); +} + +.highline .sup, +.sitemap .sup:hover { + color: red; +} + +.highline { + font-size: 1.6rem; + color: rgb(0, 0, 0); + border-left: 1px red solid; + padding-left: 1rem; + padding-top: 0.1rem; + padding-bottom: 0.1rem; + background-color: #fff9f9; +} + +.svedit { + display: none; + margin-left: 0.5rem; +} + +.affiliation { + font-size: smaller; +} + +@media (max-width: 767px) { + html { + box-sizing: border-box; + max-width: 767px; + margin: 0 auto; + padding: 0; + } + body { + font-size: 1rem; + padding-left: 10px; + padding-right: 10px; + } + .grid { + display: inline; + } + .coretitle { + margin-top: 3rem; + margin-bottom: 2rem; + font-size: 2.2rem; + } + .leftcolumn { + display: none; + } + .has, + .afterhas { + font-size: 1.1rem; + } + .mantle, + .crust { + margin-bottom: 0.2em; + } + .content { + padding: 0px; + margin: 0 auto; + margin-top: 4rem; + } + .hpar { + display: none; + } + .mantletitle { + font-size: 1.7rem; + } + .sessiongrid { + display: none; + } +}