Skip to content
Snippets Groups Projects
Verified Commit 8e68485b authored by Jake's avatar Jake
Browse files

added static and templates

parent ceae8af0
No related branches found
Tags old
No related merge requests found
:root {
--site-width: 90ch;
--site-lr-margin: 1rem;
--site-header-height: 6rem;
--site-breadcrumb-height: 2rem;
--sitemenu-nav-height: 3rem;
--card-size: 20ch;
--text-color: #333333;
--body-bg-color: #FFFFFF;
--page-footer-color: #333333;
--page-footer-link-color: #337AB7;
--page-footer-bg-color: #EFEFEF;
--site-footer-color: #FFFFFF;
--site-footer-link-color: #ADD8E6;
--site-footer-bg-color: #3B3B3B;
--text-shawdow-color: rgba(0, 0, 0, 0.004);
--link-color: #337AB7;
--hline-color: #EEEEEE;
--category-contrast-color: #FFFFFF;
--header-menu-bg-color: rgb(240, 240, 240, 0.8);
--header-menu-hover-bg-color: #E6E6E6;
--header-menu-button-size: 3rem;
--outline-color: #337AB7;
--col-width: auto;
--max-image-height: 60vh;
--min-main-height: 60vh;
}
* {
background: transparent;
border: 0;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
box-sizing: border-box;
}
body {
line-height: 1.5;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
color: var(--text-color);
background-color: var(--body-bg-color);
max-width: none;
letter-spacing: 0.025rem;
text-shadow: 0 0 1rem transparent, 1px 1px 1.2px var(--text-shawdow-color);
overflow: visible;
z-index: 0;
}
body > * {
display: grid;
grid-template-columns: [complete-start] minmax(var(--site-lr-margin), 1fr) [content-start] minmax(0px, var(--site-width)) [content-end] minmax(var(--site-lr-margin), 1fr) [complete-end];
/*column-gap: 3rem;
padding-left: 3rem;
padding-right: 3rem;*/
max-width: none;
}
body > * > * {
grid-column: content
}
body > header a {
min-height: calc( var(--site-header-height) - 1rem );
margin: 0.5rem;
border-bottom: 0 solid transparent;
margin-left: auto;
margin-right: auto;
padding: 0;
display: flex;
line-height: calc( var(--site-header-height) - 1rem );
text-align: center;
font-size: 2rem;
font-weight: 600;
}
body > header a span {
display: inline-block;
line-height: calc( var(--site-header-height) - 1rem );
text-align: center;
color: var(--text-color);
}
body > header img {
display: inline-block;
height: calc(var(--site-header-height) - 1rem);
}
body > main {
min-height: var(--min-main-height);
}
#sitemenu-container {
top: -0.3rem;
position: sticky;
background-color: var(--body-bg-color);
}
#sitemenu-container nav {
/*font-size: 0.875rem;*/
border-top: 0.3rem solid var(--hline-color);
}
#sitemenu-container nav > ul {
width: 100%;
display: flex;
align-items: stretch;
flex-wrap: nowrap;
/*flex-wrap: wrap;*/
flex-direction: row;
}
#sitemenu-container nav > ul > li {
list-style: none;
display: block;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 50%;
}
#sitemenu-container nav > ul > li > a {
width: 100%;
height: 100%;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
min-height: var(--sitemenu-nav-height);
/*border: 0.1rem solid var(--hline-color);*/
border-bottom: 0.3rem solid var(--category-color);
color: var(--text-color);
padding-left: 0.3rem;
padding-right: 0.3rem;
transition: all 0.2s;
}
#sitemenu-container nav > ul > li > a:focus,
#sitemenu-container nav > ul > li > a:hover {
color: var(--category-contrast-color);
background-color: var(--category-color);
}
#sitemenu-container .show-header-menu {
display: none;
font-size: 1rem;
font-style: normal;
/*padding: 1rem;*/
background-color: var(--header-menu-bg-color);
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
cursor: pointer;
position: fixed;
top: 0;
left: 0;
z-index: 11;
width: var(--header-menu-button-size);
height: var(--header-menu-button-size);
padding-top: calc(var(--header-menu-button-size) / 2 - 0.75rem);
text-align: center;
}
#sitemenu-container .show-header-menu:focus,
#sitemenu-container .show-header-menu:hover {
background-color: var(--header-menu-hover-bg-color);
/*border-bottom: 0.2rem solid #536;*/
}
#sitemenu-container .show-header-menu-bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
background-color: rgba(120,120, 120, 0.7);
-webkit-user-select: none; /* Safari */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
cursor: pointer;
z-index: 5;
}
#sitemenu-container input[type=checkbox] {
display: none;
}
footer.page-footer {
padding-top: 1rem;
padding-bottom: 1rem;
background-color: var(--page-footer-bg-color);
color: var(--page-footer-color);
}
footer.page-footer a {
color: var(--page-footer-link-color);
}
footer#site-footer {
/*margin-top: 50vh;*/
padding-top: 1rem;
padding-bottom: 1rem;
background-color: var(--site-footer-bg-color);
color: var(--site-footer-color);
}
footer#site-footer a {
color: var(--site-footer-link-color);
}
nav.breadcrumb {
color: var(--category-contrast-color);
background-color: var(--category-color);
line-height: var(--site-breadcrumb-height);
margin-top: 0.5rem;
}
nav.breadcrumb ul li {
display: inline-block;
}
nav.breadcrumb ul li::after {
content: ' > ';
white-space: pre-wrap;
}
nav.breadcrumb ul li:last-child::after {
content: '';
display: none;
}
nav.breadcrumb a {
color: var(--category-contrast-color);
background-color: var(--category-color);
padding-left: 0.5rem;
padding-right: 0.5rem;
}
/*
nav.breadcrumb a::before {
content: '';
border-top: 0.5em solid transparent;
border-bottom: 0.5em solid transparent;
border-left: 0.5em solid #fff;
position: absolute;
left: 0;
top: 0;
}
nav.breadcrumb a::after {
content: '';
border-top: 0.5em solid transparent;
border-bottom: 0.5em solid transparent;
border-left: 0.5em solid #E7E9EB;
position: absolute;
right: -0.5em;
top: 0;
z-index: 1;
}
nav.breadcrumb ul li:first-child a::before {
content: '';
display: none;
}
*/
.globalsections {
font-size: 0.7em;
}
a {
color: var(--link-color);
text-decoration: none;
}
a:focus,
a:hover,
a:focus *,
a:hover * {
text-decoration: underline;
}
a.external span::after {
/* content: '↪'; */
/* content: '🡕'; */
content: '⤤';
/*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20.092'%3E%3Cpath d='m12 0 2.561 2.537-6.975 6.976 2.828 2.828 6.988-6.988L20 7.927 19.998 0H12z'/%3E%3Cpath d='M9 4.092v-2H0v18h18v-9h-2v7H2v-14h7z'/%3E%3C/svg%3E");
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: cover;*/
}
a.external[href^="mailto:"] span::after {
content: '';
}
a.external[href^="mailto:"] span::before {
content: '📧';
}
a.tag-link,
footer.page-footer a.tag-link {
border-radius: 0.5rem;
padding-left: 0.3rem;
padding-right: 0.3rem;
color: var(--category-contrast-color);
background-color: var(--category-color);
display: inline-block;
margin-left: 0.1rem;
margin-top: 0.05rem;
margin-bottom: 0.05rem;
}
hr {
height: 0.25rem;
margin: 0.6rem 0;
background-color: var(--hline-color);
border: 0;
width: 100%;
}
sub {
vertical-align: -25%;
}
sup {
vertical-align: 50%;
}
.content .underline {
text-decoration: underline;
}
.content .smallcaps {
font-variant: small-caps;
}
.content iframe {
width: 100%;
min-height: var(--site-width);
overflow: scroll;
}
.content p,
.content blockquote,
.content ul,
.content ol,
.content dl,
.content table,
.content pre {
margin: 0.5em 0 0.5em 0;
}
.content dt {
font-weight: bold;
}
.content dt::after {
content: ': '
}
.content dd {
margin-left: 1em;
margin-bottom: 0.1em;
}
.content ul,
.content ol {
padding-left: 2em;
margin-top: 0em;
}
.content h1 {
padding-bottom: 0.3em;
font-size: 2em;
border-bottom: 0.1em solid var(--hline-color);
}
.content h2 {
padding-bottom: 0.3em;
font-size: 1.5em;
border-bottom: 0.1em solid var(--hline-color);
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
margin-top: 0.8em;
margin-bottom: 0.5em;
font-weight: 600;
line-height: 1.25;
}
.content .codeinline,
.content .codeblock {
/*white-space: pre-wrap;
overflow-wrap: break-word;
word-break: keep-all;*/
overflow: scroll;
}
.content .codeinline {
background-color: rgba(0, 0, 0, 0.04);
color: inherit;
padding: 0.1em 0.4em;
}
.content .codeblock {
background-color: #272822;
color: #f8f8f2;
padding: 0.5em 1em;
}
.content blockquote {
border-left: 0.25em solid #ddd;
padding: 0 1em;
color: #777;
}
.content img {
/* width: 100%; */
max-width: 100%;
max-height: var(--max-image-height);
overflow: scroll;
}
.content table {
width: 100%;
display: block;
border-collapse: collapse;
border-spacing: 0;
overflow: scroll;
}
.content table tr {
width: 100%;
background-color: #fff;
border: 0.1em solid #ccc;
}
.content table tr:nth-child(2n) {
background-color: #f8f8f8;
}
.content table th {
font-weight: bold;
text-align: left;
}
.content table th,
.content table td {
padding: 0.4em 0.9em;
border: 0.1em solid #ddd;
}
.content table .has_recommended_width {
width: var(--recommended_width);
}
.content table .align_left { text-align: start; }
.content table .align_right { text-align: end; }
.content table .align_center { text-align: center; }
.content table .align_default { text-align: start; }
ul.cards {
display: flex;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: row;
padding: 0;
}
ul.cards li {
display: inline-block;
list-style: none;
width: var(--card-size);
height: var(--card-size);
/* font-size: 125%; */
overflow-wrap: break-word;
flex-grow: 1;
flex-shrink: 1;
/*flex-basis: 30%;*/
flex-basis: minmax(var(--card-size), 30%);
}
ul.cards li a {
display: inline-block;
width: calc(100% - 1.3rem );
height: calc(100% - 1.3rem );
/* padding: 0.5rem; */
transition: all 0.2s;
/* padding: 1rem; */
/*width: var(--card-size);
height: var(--card-size);*/
color: var(--category-contrast-color);
background-color: var(--category-color);
/* text-align: center; */
border: 0.2rem solid var(--category-color);
line-height: 2rem;
/* font-size: large; */
}
ul.cards li a:focus,
ul.cards li a:hover {
background-color: var(--category-contrast-color);
color: var(--category-color);
}
ul.cards li a span {
display: inline-block;
/*position: relative;
top: 0.5rem;
left: 0rem;*/
padding: 0rem 0.5rem;
/*padding-top: 0.5rem;
padding-left: 0.5rem;*/
}
ul.cards li a.has-image {
/* background-image: var(--card-image); */
background-origin: border-box;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-blend-mode: normal;
/* background-blend-mode: luminosity; */
/* background-blend-mode: overlay; */
/* background-blend-mode: multiply; */
}
ul.cards li a.has-image:focus,
ul.cards li a.has-image:hover {
color: var(--category-contrast-color);
background-color: var(--category-color);
background-blend-mode: overlay;
}
ul.cards li a.has-image:focus span,
ul.cards li a.has-image:hover span {
/* border-radius: 0.3rem; */
/* font-weight: bold; */
}
ul.cards li a.has-image span {
background-color: var(--category-color);
}
.columns {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
}
.column {
/*width: auto;*/
width: var(--col-width);
}
.info, .success, .warning, .danger, .alert {
padding:1em;
margin-top: 0.4em;
margin-bottom: 0.4em;
border:0.1em solid transparent;
border-radius:0.25em;
/*padding:15px;
margin-bottom:20px;
border:1px solid transparent;
border-radius:4px;*/
}
.info a,
.success a,
.warning a,
.danger a,
.alert a{
text-decoration: underline;
}
.info a:focus,
.success a:focus,
.warning a:focus,
.danger a:focus,
.alert a:focus,
.info a:hover,
.success a:hover,
.warning a:hover,
.danger a:hover,
.alert a:hover {
background-color: var(--body-bg-color);
}
.info h4 { margin-top:0; color:inherit; }
.success h4 { margin-top:0; color:inherit; }
.warning h4 { margin-top:0; color:inherit; }
.danger h4 { margin-top:0; color:inherit; }
.alert h4 { margin-top:0; color:inherit; }
.alert .alert-link {
font-weight:700;
}
/*
.alert > p, .alert > ul { margin-bottom:0; }
.info > p, .info > ul { margin-bottom:0; }
.success > p, .success > ul { margin-bottom:0; }
.warning > p, .warning > ul { margin-bottom:0; }
.danger > p, .danger > ul { margin-bottom:0; }
.alert > p+p { margin-top:0.33em; }
.info > p+p { margin-top:0.33em; }
.success > p+p { margin-top:0.33em; }
.warning > p+p { margin-top:0.33em; }
.danger > p+p { margin-top:0.33em; }
*/
.alert-dismissable, .alert-dismissible {
padding-right:2em;
}
.alert-dismissable .close,.alert-dismissible .close{
position:relative;
top:-0.1em;
right:-1.4em;
color:inherit;
}
.success {
color:#3c763d;
background-color:#dff0d8;
border-color:#d6e9c6;
}
.success hr {
border-top-color:#c9e2b3;
}
.success .alert-link {
color:#2b542c;
}
.info {
color:#31708f;
background-color:#d9edf7;
border-color:#bce8f1;
}
.info hr {
border-top-color:#a6e1ec;
}
.info .alert-link {
color:#245269;
}
.warning {
color:#8a6d3b;
background-color:#fcf8e3;
border-color:#faebcc;
}
.warning hr {
border-top-color:#f7e1b5;
}
.warning .alert-link {
color:#66512c;
}
.danger {
color:#a94442;
background-color:#f2dede;
border-color:#ebccd1;
}
.danger hr {
border-top-color:#e4b9c0;
}
.danger .alert-link {
color:#843534;
}
[tabindex]:not([tabindex="-1"]):focus, a:focus, button:focus, input:focus, select:focus:focus, textarea:focus {
outline-color: var(--outline-color);
outline-offset: 0.125em;
}
[tabindex]:not([tabindex="-1"]), a, button, input, select, textarea {
outline: transparent solid 2px;
outline-offset: 0.25em;
transition: outline-offset 0.2s linear 0s;
}
@keyframes makeopaque {
from {
opacity: 0%;
}
to {
opacity: 100%;
}
}
@keyframes slidein-lr {
from {
left: -100%;
}
to {
left: 0%;
}
}
@media only screen and (max-width: 94ch) {
body > header {
margin-left: var(--header-menu-button-size);
}
body > header a {
justify-content: center;
flex-wrap: wrap;
}
#sitemenu-container {
margin-bottom: 0.2rem;
font-size: 1.2rem;
}
#sitemenu-container nav {
display: none;
border-top: 0;
position: fixed;
top: var(--header-menu-button-size);
left: 0;
z-index: 10;
width: 100%;
animation-duration: 0.2s;
animation-name: slidein-lr;
}
#sitemenu-container nav > ul {
flex-direction: column;
max-height: calc(100vh - var(--header-menu-button-size));
overflow: scroll;
}
#sitemenu-container nav > ul > li {
width: 100%;
background-color: var(--category-contrast-color);
}
#sitemenu-container .show-header-menu {
display: inline-block;
}
#sitemenu-container a {
width: 100%;
/*! margin-top: 0.2rem; */
/* padding-bottom: 0.2rem;*/
box-sizing: border-box;
display: block;
line-height: 2rem;
/* border-top: 0.1rem solid #333; */
}
/*#sitemenu-container a:focus,
#sitemenu-container a:hover {
border-bottom: 0.1rem solid #536;
}*/
#sitemenu-container input[type=checkbox]:checked ~ .show-header-menu-bg {
display: block;
animation-duration: 0.2s;
animation-name: makeopaque;
}
#sitemenu-container input[type=checkbox]:checked ~ nav {
display: block;
}
:root {
--site-header-height: 3rem;
/* --sitemenu-nav-height: 3rem; */
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
margin-top: 0.2em;
margin-bottom: 0.2em;
}
}
.visuallyhidden {
border: 0px none;
clip: rect(0px, 0px, 0px, 0px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0px;
position: absolute;
width: 1px;
white-space: nowrap;
}
static/images/banner-logo.png

14 KiB

#!/bin/bash
set -e
function convertfavicon() {
targetsize="${1}"
#inkscape -z -e "favicon-${targetsize}.png" -w "${targetsize}" -h "${targetsize}" favicon.svg
inkscape --export-area-snap --export-type png --export-filename "favicon-${targetsize}.png" -w "${targetsize}" -h "${targetsize}" favicon.svg
}
convertfavicon 32
convertfavicon 57
convertfavicon 72
convertfavicon 114
convertfavicon 144
convert favicon-144.png -channel RGB -negate favicon-144-negate.png
static/images/favicon/favicon-114.png

4.94 KiB

static/images/favicon/favicon-144-negate.png

4.01 KiB

static/images/favicon/favicon-144.png

6.47 KiB

static/images/favicon/favicon-32.png

1.29 KiB

static/images/favicon/favicon-57.png

2.3 KiB

static/images/favicon/favicon-72.png

2.96 KiB

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="32"
height="32"
viewBox="0 0 31.999995 32"
id="svg2"
version="1.1"
inkscape:version="1.1.2 (0a00cf5339, 2022-02-04, custom)"
sodipodi:docname="favicon.svg"
inkscape:export-filename="/home/jake/stuff/fg/fg-website/theme/static/images/favicon/favicon-32.png"
inkscape:export-xdpi="15.36"
inkscape:export-ydpi="15.36"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs4">
<inkscape:perspective
sodipodi:type="inkscape:persp3d"
inkscape:vp_x="0 : 16 : 1"
inkscape:vp_y="0 : 1000 : 0"
inkscape:vp_z="31.999995 : 16 : 1"
inkscape:persp3d-origin="15.999997 : 10.666667 : 1"
id="perspective1349" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#060fff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:zoom="22.627418"
inkscape:cx="14.71666"
inkscape:cy="15.666834"
inkscape:document-units="px"
inkscape:current-layer="layer3"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
showguides="false"
inkscape:guide-bbox="true"
inkscape:snap-to-guides="true"
inkscape:snap-object-midpoints="true"
inkscape:window-width="1916"
inkscape:window-height="1036"
inkscape:window-x="1600"
inkscape:window-y="20"
inkscape:window-maximized="0"
units="px"
showborder="true"
inkscape:pagecheckerboard="true"
width="32px">
<sodipodi:guide
position="230.56114,23.933946"
orientation="0,1"
id="guide6567"
inkscape:locked="false" />
<sodipodi:guide
position="181.41602,176.79345"
orientation="1,0"
id="guide6569"
inkscape:locked="false" />
</sodipodi:namedview>
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:groupmode="layer"
id="layer3"
inkscape:label="All"
transform="translate(-107.38477,-654.54546)"
style="display:inline">
<rect
id="rect363"
width="32"
height="32"
x="107.38477"
y="654.54547"
style="fill:#ffffff"
ry="5.2991958" />
<path
style="display:inline;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.90632;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 113.14113,684.99148 c 0,0 -1.70142,-3.14657 -1.23217,-4.50171 0.59045,-1.70523 -0.14558,-3.0391 0.45512,-4.37109 0.96925,-2.14922 3.6561,-3.41807 4.77809,-5.17051 0.62623,-0.97807 1.74708,-2.93099 2.04466,-4.01126 0.36989,-1.34274 -2.7398,-1.86014 -2.86502,-3.32854 -0.0281,-0.33061 0.50856,-0.85096 0.50856,-0.85096 0.32554,-0.48643 -0.59466,-1.32589 -0.20749,-1.68113 0.88282,-0.81003 0.65693,-1.45471 1.26599,-1.90785 1.12216,-0.83487 2.07658,0.61054 2.50078,-0.17482 2.42338,-4.48645 8.67612,-3.52611 11.45553,0.7408 0.69649,1.06926 0.93503,2.55581 0.74021,3.8475 -0.18723,1.24126 -1.35325,2.05907 -1.76842,3.31126 -0.25816,0.77865 0.33536,1.53385 0.32668,2.467 -0.49055,0.1176 -0.71187,0.12097 -1.19337,0.36864 -0.28215,0.14513 -0.26857,0.39617 -0.45155,0.7291 -0.40254,-0.24909 -0.90542,-0.25693 -1.25789,-0.22118 0.19006,0.27128 0.65118,0.84421 0.53219,0.98304 -0.56073,0.0771 -0.69325,0.095 -0.99986,0.18843 0.0662,0.41491 -0.0568,1.1716 -0.49187,1.38447 -1.04838,0.5129 -2.67422,-1.31403 -3.30597,-1.13871 -0.24666,0.0684 -0.81981,1.67118 -0.60475,3.80935 0.0253,0.25189 1.11266,0.56342 1.21756,0.96667 0.0923,0.35472 0.20594,2.00904 0.62894,2.13814 0.76536,0.23357 1.11845,0.0163 1.33046,-0.40141 0.41941,-0.82645 -0.47418,-2.46348 0.1774,-3.37516 1.56413,-2.18858 4.79736,-0.6215 4.8622,0.14746 0.0877,1.03894 0.96794,1.1931 1.61845,2.03644 -1.60439,0.65445 -3.63515,-0.008 -4.56123,-0.2509 -0.19382,2.14318 1.1578,2.43718 2.16869,2.99866 3.32292,1.84565 3.81336,3.52672 4.16071,5.31502"
id="path4190-3"
inkscape:connector-curvature="0"
sodipodi:nodetypes="csassasssssascsccccasssssssccsc" />
<path
style="display:none;fill:none;fill-rule:evenodd;stroke:#000000;stroke-width:1.01694;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 110.11691,683.76537 c 10.15576,-6.93987 12.42945,-26.48361 18.98088,-26.48361 0.77935,0 1.49649,0.27657 2.17248,0.77558"
id="path3358"
inkscape:connector-curvature="0"
sodipodi:nodetypes="csc" />
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:32.456px;line-height:0%;font-family:'Linux Libertine Mono';-inkscape-font-specification:'Linux Libertine Mono, Normal';text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;display:none;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1.08187px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
id="text6773"><textPath
xlink:href="#path3358"
startOffset="100%"
id="textPath6777"
style="stroke-width:1.08187px"><tspan
style="text-align:end;text-anchor:end;stroke-width:1.08187px"
id="tspan6775"
dy="-4.0234241">INFORMATIK</tspan></textPath></text>
</g>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="600" viewBox="0 0 5 3">
<desc>Flag of Germany</desc>
<rect id="black_stripe" width="5" height="3" y="0" x="0" fill="#000"/>
<rect id="red_stripe" width="5" height="2" y="1" x="0" fill="#D00"/>
<rect id="gold_stripe" width="5" height="1" y="2" x="0" fill="#FFCE00"/>
</svg>
<?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 60 30" width="1200" height="600">
<clipPath id="s">
<path d="M0,0 v30 h60 v-30 z"/>
</clipPath>
<clipPath id="t">
<path d="M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z"/>
</clipPath>
<g clip-path="url(#s)">
<path d="M0,0 v30 h60 v-30 z" fill="#012169"/>
<path d="M0,0 L60,30 M60,0 L0,30" stroke="#fff" stroke-width="6"/>
<path d="M0,0 L60,30 M60,0 L0,30" clip-path="url(#t)" stroke="#C8102E" stroke-width="4"/>
<path d="M30,0 v30 M0,15 h60" stroke="#fff" stroke-width="10"/>
<path d="M30,0 v30 M0,15 h60" stroke="#C8102E" stroke-width="6"/>
</g>
</svg>
<!DOCTYPE html>
<html lang="de" xmlns="http://www.w3.org/1999/xhtml">
<head>
{% block head %}
<meta charset="utf-8" >
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" >
<title>{% block title %}AOC{%endblock%}</title>
<!-- <base target="_blank"> -->
<!-- <meta HTTP-EQUIV="REFRESH" content="500; url=#"> -->
<link rel="preload" href="/static/css/main.css" as="style" >
<link rel="stylesheet" type="text/css" href="/static/css/main.css" >
{#- TODO load javascript? -#}
{#- TODO og: meta tags -#}
<link rel="apple-touch-icon-precomposed" type="image/png" sizes="144x144" href="/static/images/favicon-144.png" >
<link rel="apple-touch-icon-precomposed" type="image/png" sizes="114x114" href="/static/images/favicon-114.png" >
<link rel="apple-touch-icon-precomposed" type="image/png" sizes="72x72" href="/static/images/favicon-72.png" >
<link rel="apple-touch-icon-precomposed" type="image/png" href="/static/images/favicon-57.png" >
<link rel="icon" type="image/png" href="/static/images/favicon-32.png" >
<!-- <link rel="icon" type="image/png" sizes="192x192" href="static/img/favicon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="static/img/favicon-32x32.png">-->
<!-- <link rel="icon" type="image/x-icon" sizes="16x16" href="static/img/favicon.ico"> -->
{% block extra_head %}{% endblock extra_head %}
{% endblock head %}
</head>
<body id="top">
<header>
{% block site_header %}
<a href="/" ><img alt="" src="/static/images/banner-logo.png"><span>AdventOfCode Leaderboard Göttingen</span></a>
{% block extra_header %}{% endblock extra_header %}
{% endblock site_header %}
</header>
<!-- <div id="sitemenu-container">
<label for="show-header-menu" class="show-header-menu">&#9776;</label>
<input type="checkbox" id="show-header-menu" role="button" aria-pressed="true">
<label for="show-header-menu" class="show-header-menu-bg"> </label>
{{ nav.render_menu(config.menuitems, l) }}
</div> -->
<nav id="TOC" class="content">
{% block toc %}
{% endblock toc %}
</nav>
<main class="content">
{% block main %}
{% endblock main %}
</main>
<footer id="site-footer">
</footer>
</body>
<!-- The Cake Is A Lie! -->
</html>
{% extends "base.html" %}
{%- block toc -%}
<ul>
<li><a href="#aoc-leaderboard">AOC Leaderboard</a><ul>
<li><a href="#inhalte">Inhalte</a><ul>
<li><a href="#tldr">tldr</a></li>
<li><a href="#was-ist-adventofcode">Was ist AdventOfCode</a></li>
<li><a href="#wie-kannst-du-mitmachen">Wie Kannst du mitmachen?</a></li>
<li><a href="#preise">Preise?</a></li>
<li><a href="#und-sonst">und sonst?</a></li>
</ul></li>
</ul></li>
</ul>
{% endblock %}
{%- block main -%}
<h2 id="inhalte">Inhalte</h2>
<h3 id="tldr">tldr</h3>
<p>Löse die <a href="https://vpn.gwdg.de/+CSCO+0075676763663A2F2F6E71697261676273706271722E70627A++/">heutige Aufgabe</a> mit <a href="#puzzlelink">diesem Puzzle</a> und gib deinen Namen und deine Lösung <a href="#">unten</a> ab.</p>
<blockquote>
<p>unten - soll eine Verlinkung innerhalb der Seite sein.</p>
</blockquote>
<h3 id="was-ist-adventofcode">Was ist AdventOfCode</h3>
<p>AdventOfCode ist ein Adventskalender mit Programmieraufgaben, der nun schon seit 2015 stattfindet. Die kleinen Programmierrätsel sind für verschiedene Fähigkeiten und Niveaus, die in jeder beliebigen Programmiersprache gelöst werden können. Die Leute nutzen sie als Schnelligkeitswettbewerb, zur Vorbereitung auf Vorstellungsgespräche, für Firmenschulungen, als Universitätskurse, einfach als Übung oder um sich gegenseitig herauszufordern.</p>
<p>Jeder User bekommt ein persönliches Rätsel und lädt sich dieses runter. Auf dem eigenen Rechner schreibt man dann ein Programm, welches das löst und die Lösung kann dann wieder auf der Webseite hochgeladen werden. Für dieses interne Leaderboard wird ein gesondertes Puzzle für alle genutzt.</p>
<h3 id="wie-kannst-du-mitmachen">Wie Kannst du mitmachen?</h3>
<p>Um auf unserem Leaderboard mitmachen zu können musst du die <a href="https://vpn.gwdg.de/+CSCO+0075676763663A2F2F6E71697261676273706271722E70627A++/">heutige Aufgabe</a> Lösen. Lade dir dafür das Contest-Spezifische <a href="#puzzlelink">Puzzle</a> runter und ermittle die Lösung. Diese kannst du dann im Abgabefeld eingeben. Wähle davor deinen persönlichen Nutzernamen aus, unter dem du auf dem Leaderboard sichtbar sein wirst. (Du kannst natürlich jeden Tag einen anderen Namen nehmen, aber das ist dir überlassen / Nutze den SingleSignOn um im Leaderboard aufzutauchen)</p>
<blockquote>
<p>Text nochmal anpassen, je nachdem wie das am Ende implementieren</p>
</blockquote>
<blockquote>
<p>Wie können wir das zweite Problem für die Teilnehmer mitmachen</p>
</blockquote>
<p>-&gt; Hier Leaderboard und Abgabefelder etc einfügen.</p>
<h3 id="preise">Preise?</h3>
<p>Dieser interne Wettbewerb wird von den Fachgruppen Informatik, Data Science, Mathematik und der Fachschaft Physik ausgerichtet. Es gibt einige Preise zu gewinnen. Für jede gelöste Aufgabe erhalten die Teilnehmer ein Los. Am Ende des Kalenders (26.12.) werden dann die Gewinner aus der Lostrommel gezogen. Das bedeutet: So mehr gelöste Aufgaben, desto höher die Gewinnchancen.</p>
<blockquote>
<p>einen Preis für die meisten gelösten Aufgaben?</p>
</blockquote>
<blockquote>
<p>Die Preise vlt auf der Webseite listen?</p>
</blockquote>
<h3 id="und-sonst">und sonst?</h3>
<p>Wenn dir die Rätsel vom AdventOfCode Spaß machen, dann sind Programmierwettbewerbe vielleicht etwas für dich. Tritt gerne unserer <a href="https://t.me/+kOsVMr0Hy1U0OTdi">Telegram-Gruppe</a> bei oder schaue dich auf unserer <a href="https://fg.informatik.uni-goettingen.de">Webseite</a> nach weiteren Informationen um.</p>
<blockquote>
<p>Auf der FG-Seite eine neue Kategorie machen zu Programmierwettbewerben.</p>
</blockquote>
{% endblock %}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment