feat: initial content

This commit is contained in:
Konuri Maki 2024-12-07 19:15:32 +08:00
parent 88412d53d4
commit 25d42c745a
3 changed files with 186 additions and 0 deletions

33
index.html Normal file
View file

@ -0,0 +1,33 @@
<!doctype html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Yozora.Tech</title>
<link rel="stylesheet" href="/res/main.css" />
</head>
<body class="frontpage">
<nav>
<a class="logo" href="//yozora.tech/">
<svg width="192" height="48" aria-label="Yozora.Tech">
<use xlink:href="/res/yozora.tech.svg#logo" />
</svg>
</a>
<ul class="links">
<!-- <li><a href="/about.html">About</a></li> -->
</li>
</nav>
<main>
<h1 class="slogan">Software Made Simple</h1>
<p>We serve neat software.</p>
<ul class="showcase">
<li><a href="//git.yozora.tech/">Git Repositories & Mirrors</a></li>
</ul>
<p>There are more for us to do…</p>
</main>
<footer>
<p>Copyright © 2024, Yozora Tech LTD.</p>
<p>Site content available under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>.</p>
</footer>
</body>
</html>

105
res/main.css Normal file
View file

@ -0,0 +1,105 @@
:root {
--fore: #202020;
--back: #f8f8f8;
--back2: #f4f4f4;
--shade: #a0a0a0;
}
*, *::before, *::after {
box-sizing: border-box;
}
body {
color: var(--fore);
background-color: var(--back);
line-height: 1.5;
margin: 0;
font-family: system-ui, sans-serif;
font-size: large;
}
nav {
position: sticky;
margin: 1em 0;
padding: 4px 0 2px 0;
background-color: var(--back2);
border-top: 1px solid var(--shade);
border-bottom: 1px solid var(--shade);
top: 0;
display: flex;
justify-content: space-between;
}
nav > .logo {
display: block;
margin: 0 2em;
color: var(--fore);
}
nav > .links {
list-style: none;
padding: 0;
display: flex;
margin: 0 8px;
justify-content: center;
line-height: 54px;
}
nav > .links > * {
margin: 0 2em;
}
nav > .links a:any-link {
color: var(--fore);
text-decoration: none;
}
h1.slogan {
font-size: 2.4em;
font-weight: 200;
margin: 4rem 0;
}
a:any-link {
color: var(--fore);
text-decoration: underline;
}
.frontpage {
text-align: center;
}
.showcase {
list-style: none;
padding: 0;
margin: 4rem auto;
padding: 1rem;
width: 28rem;
max-width: calc(100% - 2rem);
border: 1px solid var(--fore);
border-radius: 4px;
}
.showcase > * {
margin: 2rem 0;
}
p {
margin: 1rem 0;
}
footer {
font-size: 0.8em;
margin-top: 6rem;
margin-bottom: 2rem;
padding: 0.5rem 0;
border-top: 1px solid var(--shade);
border-bottom: 1px solid var(--shade);
background-color: var(--back2);
}
@media (prefers-color-scheme: dark) {
:root {
--fore: #a0a0a0;
--back: #202020;
--back2: #242424;
--shade: #808080;
}
}

48
res/yozora.tech.svg Normal file
View file

@ -0,0 +1,48 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="512"
height="128"
viewBox="0 0 512 128"
version="1.1"
id="svg1"
sodipodi:docname="yozora.tech.svg"
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
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:zoom="1.2215546"
inkscape:cx="281.19906"
inkscape:cy="40.931449"
inkscape:window-width="1920"
inkscape:window-height="1022"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="logo" />
<defs
id="defs1" />
<symbol
id="logo"
viewBox="0 0 512 128">
<g
id="layer1">
<path
style="font-weight:500;font-size:84px;font-family:Oxanium;-inkscape-font-specification:'Oxanium Medium';letter-spacing:-4px;fill:currentColor;stroke-width:0.908955"
d="m 52.840224,44.912887 1.541559,-1.761972 h 7.215692 l 7.702269,27.939831 21.999535,-27.939831 h 7.299596 l 0.556027,1.761972 -27.830159,34.987717 -5.409776,21.143656 h -8.558146 l 5.409776,-21.143656 z m 35.374779,43.210248 4.615485,-18.03923 q 3.284507,-12.83722 16.121722,-12.83722 h 11.74648 q 12.83722,0 9.55272,12.83722 l -4.61549,18.03923 q -3.30598,12.921125 -16.14319,12.921125 H 97.74625 q -12.83722,0 -9.531247,-12.921125 z m 7.923961,0.839035 q -1.26658,4.950301 3.683726,4.950301 h 11.32696 q 4.86639,0 6.13296,-4.950301 l 5.04484,-19.717299 q 1.2451,-4.866397 -3.62129,-4.866397 H 107.3792 q -4.9503,0 -6.19541,4.866397 z m 32.096226,12.08209 1.61005,-6.292755 31.51585,-30.373031 h -22.90563 l 1.82472,-7.131789 h 33.22574 l -1.58857,6.208852 -31.53732,30.456934 h 24.58369 l -1.82472,7.131789 z m 44.11491,-12.921125 4.61549,-18.03923 q 3.2845,-12.83722 16.12173,-12.83722 h 11.74647 q 12.83722,0 9.55271,12.83722 l -4.61547,18.03923 q -3.30598,12.921125 -16.1432,12.921125 h -11.74649 q -12.83721,0 -9.53124,-12.921125 z m 7.92396,0.839035 q -1.26657,4.950301 3.68372,4.950301 h 11.32696 q 4.86641,0 6.13298,-4.950301 l 5.04483,-19.717299 q 1.24511,-4.866397 -3.62129,-4.866397 H 191.5143 q -4.9503,0 -6.19541,4.866397 z m 34.27771,12.08209 9.87499,-38.595563 q 4.2676,-5.202012 12.49013,-5.202012 h 8.64206 l 3.12965,2.852715 -1.09483,4.279074 h -10.90744 q -3.27223,0 -5.04403,1.678069 l -8.9519,34.987717 z m 38.12408,0 q -12.92112,0 -9.63662,-12.837221 3.28451,-12.83722 16.20563,-12.83722 h 14.17968 l 1.56711,-6.124948 q 1.24512,-4.866397 -3.62129,-4.866397 h -17.95532 l 1.09484,-4.279074 4.58944,-2.852715 h 14.26357 q 12.83723,0 9.55272,12.83722 l -7.92146,30.960355 z m -1.69119,-12.08209 q -1.26657,4.950301 3.68372,4.950301 h 14.01187 l 3.11277,-12.165993 h -14.01187 q -4.9503,0 -6.21688,4.9503 z m 32.68357,12.08209 2.53314,-9.900602 h 9.39719 l -2.53316,9.900602 z m 19.91728,-50.174233 1.975,-7.719112 h 46.14687 l -1.97501,7.719112 h -18.79434 l -12.8375,50.174233 h -8.55815 l 12.8375,-50.174233 z m 37.15063,37.253108 4.61549,-18.03923 q 3.2845,-12.83722 16.12172,-12.83722 h 10.90745 q 12.83721,0 9.55271,12.83722 l -3.09131,12.08209 h -28.44324 l -1.73886,6.796175 q -1.26658,4.950301 3.68372,4.950301 h 21.81488 l -1.09483,4.279069 -4.50553,2.85272 h -18.29096 q -12.83722,0 -9.53124,-12.921125 z m 11.29433,-12.333799 h 20.30463 l 1.67445,-6.544465 q 1.2451,-4.866397 -3.6213,-4.866397 h -10.48792 q -4.95029,0 -6.1954,4.866397 z m 33.03863,12.333799 4.61548,-18.03923 q 3.28451,-12.83722 16.12173,-12.83722 h 16.19336 l 3.12965,2.852715 -1.09483,4.279074 H 404.2333 q -4.95031,0 -6.19541,4.866397 l -5.04484,19.717299 q -1.26657,4.950301 3.68374,4.950301 h 19.80119 l -1.09483,4.279069 -4.58945,2.85272 h -16.19335 q -12.83723,0 -9.53125,-12.921125 z m 35.99275,12.921125 15.88585,-62.088515 h 8.13862 l -4.67987,18.29094 h 15.60602 q 12.83723,0 9.55272,12.83722 l -7.92147,30.960355 h -8.13862 l 8.13613,-31.799389 q 1.24512,-4.866397 -3.62129,-4.866397 h -15.43823 l -9.38123,36.665786 z"
id="path1"
aria-label="Yozora.Tech" />
</g>
</symbol>
</svg>

After

Width:  |  Height:  |  Size: 4.4 KiB