Littegrann css kan vell ikke skade 🎨

This commit is contained in:
Trygve 2023-11-30 16:23:10 +01:00
parent cf43120070
commit 5a07358acb
3 changed files with 174 additions and 5 deletions

76
img/nextcloud.svg Normal file
View File

@ -0,0 +1,76 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg
version="1.1"
id="Layer_1"
x="0px"
y="0px"
viewBox="0 0 113.8922 51.849049"
enable-background="new 0 0 196.6 72"
xml:space="preserve"
inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
sodipodi:docname="Nextcloud_Logo.svg"
width="121.485"
height="55.305656"
inkscape:export-filename="nextcloud-logo-inverted.png"
inkscape:export-xdpi="299.75104"
inkscape:export-ydpi="299.75104"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
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/"><metadata
id="metadata20"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
id="defs18"><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath8812"><circle
id="circle8814"
cx="95.669289"
cy="95.669296"
r="79.724197"
style="fill:#00080d;fill-opacity:1;stroke-width:1" /></clipPath></defs><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1043"
id="namedview16"
showgrid="false"
inkscape:zoom="4"
inkscape:cx="51.5"
inkscape:cy="49.625"
inkscape:current-layer="Layer_1"
fit-margin-top="10"
fit-margin-left="10"
fit-margin-right="10"
fit-margin-bottom="10"
inkscape:window-x="26"
inkscape:window-y="23"
inkscape:window-maximized="0"
units="px"
inkscape:snap-bbox="true"
inkscape:bbox-paths="true"
inkscape:bbox-nodes="true"
inkscape:snap-bbox-edge-midpoints="true"
inkscape:snap-bbox-midpoints="true"
inkscape:snap-page="true"
inkscape:showpageshadow="2"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1" /><path
inkscape:connector-curvature="0"
id="path1052"
d="M 57.032896,0 C 45.227625,0 35.221679,8.003196 32.120504,18.846621 29.425259,13.095104 23.58457,9.065683 16.85711,9.065683 7.60526,9.065683 0,16.670946 0,25.922791 c 0,9.251833 7.60526,16.860567 16.85711,16.860567 6.72746,0 12.568149,-4.031885 15.263395,-9.784412 3.101175,10.84425 13.10712,18.850106 24.912391,18.850106 11.717964,0 21.67289,-7.885111 24.853382,-18.607048 2.745036,5.621934 8.513436,9.541354 15.145342,9.541354 9.25185,0 16.86057,-7.608734 16.86057,-16.860567 0,-9.251845 -7.60872,-16.857108 -16.86057,-16.857108 -6.631906,0 -12.400306,3.916965 -15.145342,9.537891 C 78.705786,7.882475 68.75086,0 57.032896,0 Z m 0,9.895518 c 8.911648,0 16.030748,7.115653 16.030748,16.027273 0,8.911605 -7.1191,16.030737 -16.030748,16.030737 -8.911593,0 -16.027247,-7.119132 -16.027247,-16.030737 0,-8.91162 7.115653,-16.027271 16.027247,-16.027273 z M 16.85711,18.961202 c 3.90438,0 6.96505,3.057188 6.96505,6.961589 0,3.904386 -3.06067,6.965049 -6.96505,6.965049 -3.90439,0 -6.96161,-3.060663 -6.96161,-6.965049 0,-3.904401 3.05722,-6.961589 6.96161,-6.961589 z m 80.17451,0 c 3.90442,0 6.96506,3.057188 6.96506,6.961589 0,3.904386 -3.06066,6.965049 -6.96506,6.965049 -3.90436,0 -6.961576,-3.060663 -6.961576,-6.965049 0,-3.904401 3.057226,-6.961589 6.961576,-6.961589 z"
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;baseline-shift:baseline;text-anchor:start;white-space:normal;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#0082c9;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5.5659;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:10;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
inkscape:export-filename="Nextcloud Hub logo variants.png"
inkscape:export-xdpi="300"
inkscape:export-ydpi="300" /></svg>

After

Width:  |  Height:  |  Size: 4.8 KiB

54
img/opost.svg Normal file
View File

@ -0,0 +1,54 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="100mm"
height="100mm"
viewBox="0 0 100 100"
version="1.1"
id="svg1"
inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
sodipodi:docname="opost.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
inkscape:zoom="1.4677327"
inkscape:cx="160.45156"
inkscape:cy="308.29865"
inkscape:window-width="2560"
inkscape:window-height="1371"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs1" />
<g
inkscape:label="Lag 1"
inkscape:groupmode="layer"
id="layer1">
<rect
style="fill:#ffffff;stroke-width:0.32502"
id="rect3"
width="100"
height="100"
x="0"
y="0" />
<path
id="rect2"
style="stroke-width:0.363454;fill:#ff6600"
d="M 100,0 V 100 H 0 Z"
sodipodi:nodetypes="cccc" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -6,18 +6,57 @@
<meta name="viewport" content="width=device-width,initial-scale=1" /> <meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="description" content="" /> <meta name="description" content="" />
<link rel="icon" href="favicon.png"> <link rel="icon" href="favicon.png">
<style>
body {
background-color: black;
color: white;
font-family: "Noto Sans", "Liberation Sans","Trebuchet MS", Helvetica, sans-serif;
font-size: x-large;
text-align: center;
}
a:link {
color: rgb(101, 163, 255);
}
a:visited {
color: rgb(101, 163, 255);
}
h1 {
letter-spacing: 0.2px;
font-size: 3em;
margin: 0.1rem;
color: #33d17a;
}
h2 {
letter-spacing: 5px;
margin: 0.1rem;
color: #33d17a;
}
h3 {
margin-bottom: 0;
}
p, ul {
margin-top: 0
}
.links {
list-style: none;
}
.logo {
height: 0.8em;
width: auto;
margin-right: 0.2em;
}
</style>
</head> </head>
<body> <body>
<h1>Velkommen</h1> <h1>Velkommen</h1>
<h2>til sida mi!</h2> <h2>til sida mi!</h2>
<h3>Viktige lenker:</h3> <h3>Viktige lenker:</h3>
<ul> <ul class="links">
<li><a href="https://nextcloud.trygve.net/">Nextcloud</a></li> <li><a href="https://nextcloud.trygve.net/"><img src="img/nextcloud.svg" alt="Logo" class="logo">Nextcloud</a></li>
<li><a href="https://live.trygve.net/">Liveresultater</a></li> <li><a href="https://live.trygve.net/"><img src="img/opost.svg" alt="Logo" class="logo">Liveresultater</a></li>
</ul> </ul>
<h3>Mindre viktige lenker:</h3> <h3>Mindre viktige lenker:</h3>
<ul> <ul class="links">
<li><a href="https://trygve.me/phpsysinfo">Server status</a></li> <li><a href="https://trygve.me/phpsysinfo">Server status</a></li>
</ul> </ul>
<h3>Kontakt meg :)</h3> <h3>Kontakt meg :)</h3>