init

2024-08-16 19:28:51 +02:00
commit 9d75757fec
20 changed files with 287594 additions and 0 deletions
--- a/app/static/style.css
+++ b/app/static/style.css
@@ -0,0 +1,521 @@
+:root {
+	--gradient_hue: 69;
+	--gradient_hue2: 69;
+	--grad-trans: linear-gradient(to right, hsla(var(--gradient_hue), 100%, 50%, 0.3), hsla(var(--gradient_hue2), 100%, 60%, 0.3), hsla(var(--gradient_hue), 100%, 50%, 0.3));
+	--grad:  linear-gradient(to right, hsla(var(--gradient_hue), 100%, 50%, 1.0), hsla(var(--gradient_hue2), 100%, 60%, 1.0), hsla(var(--gradient_hue), 100%, 50%, 1.0));
+	--grad2: linear-gradient(to right, hsla(var(--gradient_hue), 100%, 50%, 1.0), hsla(var(--gradient_hue2), 100%, 60%, 1.0), hsla(var(--gradient_hue), 100%, 50%, 1.0));
+	--bgsize: 400%
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Atkinson Hyperlegible';
+	font-style: normal;
+	font-weight: 400;
+	src: url(https://fonts.gstatic.com/s/atkinsonhyperlegible/v11/9Bt23C1KxNDXMspQ1lPyU89-1h6ONRlW45G07JIoSwQ.woff2) format('woff2');
+	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Atkinson Hyperlegible';
+	font-style: normal;
+	font-weight: 400;
+	src: url(https://fonts.gstatic.com/s/atkinsonhyperlegible/v11/9Bt23C1KxNDXMspQ1lPyU89-1h6ONRlW45G04pIo.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* cyrillic-ext */
+@font-face {
+	font-family: 'Source Code Pro';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/sourcecodepro/v23/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DCuXtMRrTEUc.woff2) format('woff2');
+	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+
+/* cyrillic */
+@font-face {
+	font-family: 'Source Code Pro';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/sourcecodepro/v23/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DCuXtM1rTEUc.woff2) format('woff2');
+	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+	font-family: 'Source Code Pro';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/sourcecodepro/v23/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DCuXtMVrTEUc.woff2) format('woff2');
+	unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+	font-family: 'Source Code Pro';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/sourcecodepro/v23/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DCuXtMprTEUc.woff2) format('woff2');
+	unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+	font-family: 'Source Code Pro';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/sourcecodepro/v23/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DCuXtMZrTEUc.woff2) format('woff2');
+	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+	font-family: 'Source Code Pro';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(https://fonts.gstatic.com/s/sourcecodepro/v23/HI_diYsKILxRpg3hIP6sJ7fM7PqPMcMnZFqUwX28DCuXtMdrTEUc.woff2) format('woff2');
+	unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+	font-family: 'Source Code Pro';
+	font-style: normal;
+	font-weight: 700;
+	font-display: swap;
+	src: url(/SourceCodePro-nx2.woff2) format('woff2');
+	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+
+
+@keyframes background-pan {
+	from {
+		background-position: 0% center;
+	}
+
+	to {
+		background-position: -400% center;
+	}
+}
+
+/* Base */
+html {
+	/* background-image: url("pumpkin.png");
+	background-size: 7vmin 7vmin;
+	background-repeat: repeat;
+	background-position: 0% 0%; */
+	background: radial-gradient(rgba(255, 255, 255, 0.8) 5%, black 5%);
+	background-size: 2vmin 2vmin;
+	height: 100%;
+}
+
+body {
+	display: flex;
+	flex-direction: column;
+	color: white;
+	background-color: rgba(0, 0, 0, 0.8);
+	font-family: "Atkinson Hyperlegible", Arial, Helvetica, sans-serif;
+	max-width: 60rem;
+	margin: 1em auto 1em auto;
+	min-height: 97%;
+	border: 0.2em solid hsla(var(--gradient_hue), 100%, 50%, 1.0);
+	border-radius: 1em;
+	padding: 1em;
+	box-sizing: border-box;
+}
+
+#gradient-me {
+	display: inherit;
+	flex-direction: inherit;
+	height: inherit;
+	min-height: inherit;
+}
+
+div.inline-img {
+	display: flex;
+	flex-direction: row;
+}
+
+div.inline-img>div {
+	margin-right: 1em;
+}
+
+@media screen and (max-width: 1000px) {
+	body {
+		min-height: 100%;
+		border: none;
+		margin: 0em;
+	}
+
+	html {
+		background-color: black;
+		/* background: none; */
+		background-size: 5vmin 5vmin;
+	}
+
+	div.inline-img {
+		flex-direction: column;
+	}
+
+	div.inline-img>div {
+		margin: 0px auto;
+	}
+}
+
+.MathJax_Display,
+span.math.inline {
+	overflow: scroll;
+}
+
+#flex-grow-div {
+	min-height: 2em;
+	flex-grow: 1;
+}
+
+footer {
+	justify-self: end;
+}
+
+
+.footer-column {
+	display: inline-block;
+	margin: 0em 1em 0em 0em;
+	vertical-align: text-top;
+}
+
+.footer-row>pre {
+	font-size: 1em;
+	margin: 0.3em;
+}
+
+.footer-row {
+	display: flex;
+	flex-direction: row;
+}
+
+.footer-row>p {
+	margin: 0.5em 0em;
+	line-height: 1em;
+}
+
+
+
+
+p {
+	line-height: 1.5em;
+}
+
+
+
+hr {
+	width: 100%;
+}
+
+ol {
+	margin: 0px;
+	line-height: 1.5em;
+}
+
+
+textarea {
+	background-color: rgb(20, 20, 20);
+	color: white;
+	width: 100%;
+	min-height: 28.5em;
+	font-family: "Atkinson Hyperlegible", Arial, Helvetica, sans-serif;
+	font-size: 1em;
+	border-radius: 1em;
+	padding: 1em;
+	box-sizing: border-box;
+}
+
+blockquote {
+	animation: background-pan 12s linear infinite;
+	background: var(--grad-trans);
+	background-size: var(--bgsize);
+	border-width: 0.2em;
+	border-color: transparent transparent transparent hsl(var(--gradient_hue), 100%, 50%);
+	border-radius: 0.5em;
+	border-style: solid;
+	margin: 0.5em 0em;
+	padding: 0em 1em;
+}
+
+input,
+select {
+	background: black;
+	border-radius: 0.2em;
+	color: white;
+}
+
+h2+p {
+	margin-top: 0px;
+}
+
+h2,
+h3,
+h4,
+h5,
+h6 {
+	margin-bottom: 0.3em;
+}
+
+li::marker {
+	color: hsl(var(--gradient_hue) 100% 50%);
+}
+
+table {
+  border-collapse: collapse;
+  overflow-x: scroll;
+	margin: 1em 0px;
+	width: 100%;
+}
+
+table td, table th { border: 0.1em solid grey; }
+table tr:first-child th { border-top: 0; }
+table tr:last-child td { border-bottom: 0; }
+table tr td:first-child,
+table tr th:first-child { border-left: 0; }
+table tr td:last-child,
+table tr th:last-child { border-right: 0; }
+
+table tr {
+ padding: 0.3em 0.4em;
+}
+table tr td {
+  padding: 0.1em 0.4em;
+	border-radius: 0.2em;
+}
+table tr th {
+ animation: background-pan 12s linear infinite;
+ background: var(--grad-trans);
+ background-size: var(--bgsize);
+}
+
+
+pre code {
+	font-family: "Source Code Pro";
+	line-height: 1;
+}
+
+:not(pre)>code {
+	font-family: "Source Code Pro";
+	font-size: 0.9em;
+	padding: 0.1em;
+	background-color: #202020;
+	border-radius: 0.2em;
+}
+
+.ascii {
+	overflow: hidden;
+	font-weight: bold;
+	display: block;
+	width: fit-content;
+	max-width: 100%;
+	height: fit-content;
+	margin: 0.1em auto 1em auto;
+	overflow-x: hidden;
+}
+
+.ascii>pre {
+	overflow-x: hidden;
+	max-width: 100%;
+}
+
+.ccode,
+.sourceCode>pre {
+	overflow: auto;
+	width: 100%;
+	max-height: 50em;
+	border-radius: 1.5em;
+	background-color: #202020;
+	padding: 1em;
+	box-sizing: border-box;
+}
+
+.ljk-code {
+	font-weight: bold;
+	line-height: 1.2em;
+	font-size: 0.9em;
+}
+
+.ascii,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.ljk-code,
+p>a:link,
+li>a:link,
+td>a:link,
+th>a:link,
+li>em>a:link,
+span.fu,
+strong>a:link {
+	animation: background-pan 12s linear infinite;
+	background: 
+	var(--grad2);
+	-webkit-background-clip: text;
+	background-clip: text;
+	-webkit-text-fill-color: transparent;
+	background-size: var(--bgsize);
+}
+
+/* Links */
+a:link {
+	text-decoration: none;
+}
+
+
+p>a:hover,
+td>a:hover,
+th>a:hover,
+li>a:hover {
+	text-decoration: underline;
+	text-decoration-color: hsl(var(--gradient_hue), 100%, 75%);
+	animation: background-pan 12s linear infinite;
+	background: var(--grad);
+	-webkit-background-clip: text;
+	background-clip: text;
+	-webkit-text-fill-color: transparent;
+	background-size: var(--bgsize);
+}
+
+a:active {
+	color: rgb(17, 255, 0);
+}
+
+/* Boxes */
+/* Background Color Box */
+
+div.color-box,
+div.color-box-4-img,
+div.color-box-4-img2,
+div.color-box-img3 {
+	display: inline-block;
+	text-align: center;
+	animation: background-pan 12s linear infinite;
+	background: var(--grad);
+	background-size: var(--bgsize);
+	width: fit-content;
+	height: fit-content;
+	padding: 0.18em;
+	margin: 0.3em 0.2em;
+	border-radius: 0.9em;
+}
+
+/* Text in the Box */
+
+div.color-box>div>p {
+	animation: background-pan 12s linear infinite;
+	background: var(--grad);
+	-webkit-background-clip: text;
+	background-clip: text;
+	-webkit-text-fill-color: transparent;
+	background-size: var(--bgsize);
+	margin: 0px;
+	padding: 0px;
+	font-size: large;
+}
+
+div.color-box>div:hover>p {
+	-webkit-text-fill-color: black;
+	text-decoration: none;
+}
+
+a:hover:has(+a > div) {
+	text-decoration: none;
+}
+
+/* On Top Box General */
+
+div.color-box>div {
+	border-radius: 0.8em;
+	width: fit-content;
+	background: black;
+}
+
+/* this is for the random p pandoc puts inbeteen div and img */
+div.color-box>p {
+	margin: 0px;
+	line-height: 0px;
+}
+
+div.color-box>div:hover {
+	background: transparent;
+	text-decoration: none;
+}
+
+
+/* On Top Boxes Types */
+
+div.color-box>div.about-box {
+	padding: 0.6em 1.5em;
+}
+
+div.color-box>div.blog-box {
+	padding: 0.4em 1em;
+}
+
+div.color-box>div.nav-box {
+	padding: 0.1em 0.8em;
+}
+
+/* Images */
+div.color-box-4-img {
+	height: 95%;
+}
+
+div.color-box-4-img>div.plain-box {
+	background: black;
+	height: 100%;
+	border-radius: 0.7em;
+}
+
+div.color-box-4-img>div.plain-box>div.color-box-4-img2 {
+	padding: 0px;
+	height: 94%;
+	margin: 0px;
+	box-sizing: border-box;
+}
+
+div.color-box-4-img>div.plain-box>div.color-box-4-img2>div.checker-box {
+	background: repeating-conic-gradient(rgba(0, 0, 0, 0.3) 0% 25%, rgba(0, 0, 0, 0.6) 0% 50%) 50% / 20px 20px;
+	border-radius: 0.7em;
+	height: 100%;
+	border: 0.3em solid black;
+}
+
+div.color-box-4-img>div.plain-box>div.color-box-4-img2>div.checker-box>p {
+	height: 100%;
+	padding-top: 0px;
+	margin: 0px;
+	width: 100%;
+	box-sizing: border-box;
+}
+
+div.color-box-4-img>div.plain-box>div.color-box-4-img2>div.checker-box>p>img {
+	height: 90%;
+	border: 0.1em solid white;
+	box-shadow: 0em 0em 0.5em black;
+	margin-top: 1em;
+	margin-bottom: 1em;
+	margin-right: 1em;
+	margin-left: 1em;
+	box-sizing: border-box;
+}
+
+div.color-box-4-img>div.plain-box>p {
+	margin: 0px 0.3em;
+}