parent
ef81b60aae
commit
4bdbf2a598
@ -1,200 +1,233 @@
|
||||
* {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
border-collapse: collapse;
|
||||
box-sizing: border-box;
|
||||
overflow-wrap: anywhere;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
border-collapse: collapse;
|
||||
box-sizing: border-box !important;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
html, body {
|
||||
max-width: 100%;
|
||||
overflow-x: clip;
|
||||
html,
|
||||
body {
|
||||
max-width: 100%;
|
||||
overflow-x: clip;
|
||||
}
|
||||
|
||||
#root {
|
||||
font-family: monospace;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap;
|
||||
min-height: 100vh;
|
||||
font-family: monospace;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
#root > * {
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
header, footer {
|
||||
text-align: center;
|
||||
header,
|
||||
footer {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#header-title {
|
||||
display: block;
|
||||
padding: 0.5rem 0;
|
||||
display: block;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding-top: 0.5rem;
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
|
||||
#header-delimiter {
|
||||
padding-top: 0;
|
||||
margin-top: 0;
|
||||
padding-top: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#footer-delimiter {
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.globalnav{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
text-align: center;
|
||||
gap: 2px;
|
||||
height: max-content;
|
||||
.globalnav {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
text-align: center;
|
||||
gap: 2px;
|
||||
height: max-content;
|
||||
}
|
||||
|
||||
.globalnav-element {
|
||||
display: block;
|
||||
background-color: #ddd;
|
||||
text-align: center;
|
||||
flex-basis: 0;
|
||||
flex-grow: 1;
|
||||
min-width: fit-content;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
display: block;
|
||||
background-color: #ddd;
|
||||
text-align: center;
|
||||
flex-basis: 0;
|
||||
flex-grow: 1;
|
||||
min-width: fit-content;
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
/* Code Blocks */
|
||||
pre {
|
||||
padding: 0.75rem;
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: fit-content;
|
||||
overflow-x: auto;
|
||||
line-break: strict;
|
||||
display: block;
|
||||
padding: 0.75rem;
|
||||
margin-top: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: fit-content;
|
||||
max-width: 100%;
|
||||
overflow-x: auto;
|
||||
line-break: strict;
|
||||
}
|
||||
|
||||
/* Inline keywords/code */
|
||||
code {
|
||||
display: inline-block;
|
||||
color: green;
|
||||
line-break: strict;
|
||||
display: inline-block;
|
||||
color: green;
|
||||
line-break: strict;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
article {
|
||||
padding: 0.5rem;
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-bottom: 1rem;
|
||||
text-align: center;
|
||||
margin-bottom: 1rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#mainarticle {
|
||||
width: fit-content;
|
||||
max-width: min(100%, 60rem);
|
||||
margin: 0 auto;
|
||||
flex-grow: 1;
|
||||
width: fit-content;
|
||||
max-width: min(100%, 60rem);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
#mainarticle h3 {
|
||||
margin: 1rem 0;
|
||||
margin-top: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
li, ul, ol {
|
||||
margin: 1rem;
|
||||
ul > li,
|
||||
ol > li {
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
li::marker {
|
||||
width: 1rem;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-inline-start: 1rem;
|
||||
}
|
||||
|
||||
hr {
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
margin: 0.5rem 0;
|
||||
border-style: inset;
|
||||
border-width: 1px;
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
table {
|
||||
display: block;
|
||||
border-collapse: collapse;
|
||||
margin: 1rem auto;
|
||||
width: fit-content;
|
||||
max-width: 100%;
|
||||
overflow-x: auto;
|
||||
display: block;
|
||||
border-collapse: collapse;
|
||||
margin: 1rem auto;
|
||||
width: fit-content;
|
||||
max-width: 100%;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
tr {
|
||||
width: fit-content;
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
td, th {
|
||||
border-style: solid;
|
||||
border-color: black;
|
||||
border-collapse: collapse;
|
||||
padding: 0.5rem;
|
||||
td,
|
||||
th {
|
||||
border-style: solid;
|
||||
border-color: black;
|
||||
border-collapse: collapse;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
#licenseimg {
|
||||
vertical-align: middle;
|
||||
height: inherit;
|
||||
width: auto;
|
||||
display: inline;
|
||||
vertical-align: middle;
|
||||
height: inherit;
|
||||
width: auto;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#last-article-metadata {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
#article-missinglicense {
|
||||
font-size: small;
|
||||
.visible-article-metadata {
|
||||
display: contents;
|
||||
font-size: small;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#last-article-metadata {
|
||||
margin-bottom: 1rem;
|
||||
.article-metadata-label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.article-missinglicense {
|
||||
font-size: xx-small;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
html {
|
||||
background-color: #111;
|
||||
color: white;
|
||||
}
|
||||
html {
|
||||
background-color: #111;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.globalnav-element {
|
||||
background-color: #222;
|
||||
}
|
||||
.globalnav-element {
|
||||
background-color: #222;
|
||||
}
|
||||
|
||||
code {
|
||||
color: lawngreen;
|
||||
}
|
||||
code {
|
||||
color: lawngreen;
|
||||
}
|
||||
|
||||
a {
|
||||
color: lightskyblue;
|
||||
}
|
||||
a {
|
||||
color: lightskyblue;
|
||||
}
|
||||
|
||||
table, td, th {
|
||||
border-color: white;
|
||||
}
|
||||
table,
|
||||
td,
|
||||
th {
|
||||
border-color: white;
|
||||
}
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
html {
|
||||
background-color: white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.globalnav-element {
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
code {
|
||||
color: green;
|
||||
}
|
||||
|
||||
table, td, th {
|
||||
border-color: black;
|
||||
}
|
||||
html {
|
||||
background-color: white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.globalnav-element {
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
code {
|
||||
color: green;
|
||||
}
|
||||
|
||||
table,
|
||||
td,
|
||||
th {
|
||||
border-color: black;
|
||||
}
|
||||
}
|
||||
|
@ -1,9 +1,9 @@
|
||||
{
|
||||
"homepage": "https://gitlab.com/jotoho/mc-testingmod",
|
||||
"1.16.5": {
|
||||
"prealpha": "This 'version' has no changelog"
|
||||
},
|
||||
"promos": {
|
||||
"1.16.5-latest": "prealpha"
|
||||
}
|
||||
"homepage": "https://gitlab.com/jotoho/mc-testingmod",
|
||||
"1.16.5": {
|
||||
"prealpha": "This 'version' has no changelog"
|
||||
},
|
||||
"promos": {
|
||||
"1.16.5-latest": "prealpha"
|
||||
}
|
||||
}
|
||||
|
@ -1,18 +1,19 @@
|
||||
"use strict";
|
||||
|
||||
{
|
||||
// Month index must be two because counting begins at 0 (for January)
|
||||
const myBirthDate = new Date(2001, 2, 29);
|
||||
const today = new Date();
|
||||
// Month index must be two because counting begins at 0 (for January)
|
||||
const myBirthDate = new Date(2001, 2, 29);
|
||||
const today = new Date();
|
||||
|
||||
let yearsSinceBirth = today.getFullYear() - myBirthDate.getFullYear();
|
||||
let yearsSinceBirth = today.getFullYear() - myBirthDate.getFullYear();
|
||||
|
||||
// Correct yearsSinceBirth if between New Year and my birthday
|
||||
if (today.getMonth() < myBirthDate.getMonth())
|
||||
yearsSinceBirth--;
|
||||
else if (today.getMonth() == myBirthDate.getMonth()
|
||||
&& today.getDate() < myBirthDate.getDate())
|
||||
yearsSinceBirth--;
|
||||
// Correct yearsSinceBirth if between New Year and my birthday
|
||||
if (today.getMonth() < myBirthDate.getMonth()) yearsSinceBirth--;
|
||||
else if (
|
||||
today.getMonth() == myBirthDate.getMonth() &&
|
||||
today.getDate() < myBirthDate.getDate()
|
||||
)
|
||||
yearsSinceBirth--;
|
||||
|
||||
document.getElementById('age-display').innerText = yearsSinceBirth.toString();
|
||||
document.getElementById("age-display").innerText = yearsSinceBirth.toString();
|
||||
}
|
||||
|
@ -1,14 +1,15 @@
|
||||
"use strict";
|
||||
|
||||
{
|
||||
const copyrightYearElement = document.getElementById("footer-copyrightyear");
|
||||
const copyrightYearElement = document.getElementById("footer-copyrightyear");
|
||||
|
||||
if (copyrightYearElement) {
|
||||
const currentYearAsStr = new Date().getFullYear().toString();
|
||||
if (copyrightYearElement) {
|
||||
const currentYearAsStr = new Date().getFullYear().toString();
|
||||
|
||||
copyrightYearElement.innerText = currentYearAsStr;
|
||||
copyrightYearElement.dateTime = currentYearAsStr;
|
||||
}
|
||||
else
|
||||
console.error("Could not find the footer entry for the year of the copyright notice.");
|
||||
copyrightYearElement.innerText = currentYearAsStr;
|
||||
copyrightYearElement.dateTime = currentYearAsStr;
|
||||
} else
|
||||
console.error(
|
||||
"Could not find the footer entry for the year of the copyright notice."
|
||||
);
|
||||
}
|
||||
|
@ -1,11 +1,8 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block metadata %}
|
||||
<meta name="description" content="This is the personal website of Jonas Tobias Hopusch (@jotoho)" />
|
||||
{% endblock metadata %}
|
||||
|
||||
{% block content %}
|
||||
<p>
|
||||
This is some placeholder text because I don't know what to put here, yet.
|
||||
</p>
|
||||
{% extends "base.html" %} {% block metadata %}
|
||||
<meta
|
||||
name="description"
|
||||
content="This is the personal website of Jonas Tobias Hopusch (@jotoho)"
|
||||
/>
|
||||
{% endblock metadata %} {% block content %}
|
||||
<p>This is some placeholder text because I don't know what to put here, yet.</p>
|
||||
{% endblock content %}
|
||||
|
@ -1,11 +1,9 @@
|
||||
{% extends "base.html" %} {% block content %}
|
||||
<h2>{{ section.title }}</h2>
|
||||
<ul>
|
||||
{% for page in section.pages %}
|
||||
<li><a href="{{ page.permalink | safe }}">{{ page.title }}</a></li>
|
||||
{% endfor %}
|
||||
{% for page in section.pages %}
|
||||
<li><a href="{{ page.permalink | safe }}">{{ page.title }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<div>
|
||||
{{ section.content | safe }}
|
||||
</div>
|
||||
<div>{{ section.content | safe }}</div>
|
||||
{% endblock content %}
|
||||
|
Loading…
Reference in new issue