Avalon/index
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial Commit

Browse Source
This commit is contained in:
morgana
2026-04-13 11:01:20 -05:00
commit 1aadf40164
12 changed files with 840 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
static/database.css Normal file
View File

@@ -0,0 +1,47 @@
main {
flex-grow: 1;
display: flex;
flex-direction: column;
}
hr {
width: 100%;
}
form {
display: flex;
flex-direction: row;
gap: 0.25em;
margin: 0 2.5em;
align-items: end;
div {
display: flex;
flex-direction: column;
flex-shrink: 1;
#query,
#object {
flex-grow: 1;
}
}
#query-box,
#object-box {
flex-grow: 1;
}
}
#doc-box {
display: flex;
flex-direction: column;
flex-grow: 1;
}
#document {
text-wrap: nowrap;
margin: 0 0.5em 0.5em 0.5em;
flex-grow: 1;
height: 80%;
font-family: monospace, monospace;
}

10
static/icon.svg Normal file
View File

@@ -0,0 +1,10 @@
<svg version="1.1"
width="42" height="42"
xmlns="http://www.w3.org/2000/svg">
<polyline points="21,42 31,32 21,22 11,32"/>
<polyline points="32,31 42,21 32,11 22,21"/>
<polyline points="21,20 31,10 21,0 11,10"/>
<polyline points="10,31 20,21 10,11 0,21"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 290 B

22
static/icon_long.svg Normal file
View File

@@ -0,0 +1,22 @@
<svg version="1.1"
width="196" height="46"
xmlns="http://www.w3.org/2000/svg">
<polyline points="23,46 173,46 196,23 173,0 23,0 0,23" fill="#FFFFFF" class="icon-bg"/>
<polyline points="23,44 33,34 23,24 13,34" fill="#000000"/>
<polyline points="34,33 44,23 34,13 24,23" fill="#000000"/>
<polyline points="23,22 33,12 23,2 13,12" fill="#000000"/>
<polyline points="12,33 22,23 12,13 2,23" fill="#000000"/>
<text x="54" y="22" fill="#000000">INDEX</text>
<style>
<![CDATA[
text {
dominant-baseline: central;
letter-spacing: 0.5ch;
font: 28px Arial, sans-serif;
}
]]>
</style>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 669 B

153
static/index.css Normal file
View File

@@ -0,0 +1,153 @@
#outer {
flex-grow: 1;
display: flex;
flex-direction: row;
}
nav#sidebar {
flex-basis: calc(196px + 1em);
background-color: var(--color-bg1);
flex-grow: 0;
flex-shrink: 0;
div {
background-color: var(--color-bg2);
line-height: 1.5em;
}
h2 {
margin-top: 1em;
padding: 0 1em;
}
a {
color: var(--color);
text-decoration: none;
}
ul {
margin: 0;
}
}
main {
flex-grow: 1;
margin: 0 2.5em;
}
nav#sector {
display: flex;
flex-direction: row;
gap: 1em;
>a {
position: relative;
text-decoration: none;
flex-grow: 1;
flex-basis: 0;
background-color: var(--color-bg1);
color: var(--color);
text-align: center;
margin-left: 1lh;
font-weight: bold;
font-size: 1.5em;
height: 1lh;
}
>a::before {
position: absolute;
left: -1lh;
content: "";
display: block;
height: 1lh;
aspect-ratio: 1/1;
background-color: var(--color-bg1);
clip-path: polygon(100% 0, 100% 100%, 0 100%);
transform: scale(1.005);
}
}
hr#sectorbar {
border: none;
height: 1em;
background-color: var(--color-bg1);
border-bottom: 1px solid var(--color);
margin: 0 0 0.5em 0;
}
#contents {
background-color: var(--color-bg2);
}
#main-split {
display: flex;
flex-direction: row;
gap: 0.5em;
>div {
flex-grow: 1;
flex-basis: 0;
height: fit-content;
display: flex;
flex-direction: column;
gap: 0.5em;
>div {
border: 1px solid var(--color);
background-color: var(--color-bg2);
}
p {
text-align: justify;
padding: 0 0.25em;
margin: 0;
}
i {
display: inline-block;
padding: 0 0.25em;
margin: 0;
}
ul {
margin: 0.5em 0;
}
}
#other>div {
padding-bottom: 0.25em;
}
#news>h2 {
margin-bottom: 0.25em;
}
#welcome>p {
margin: 0.25em 0;
}
#login>form {
display: flex;
flex-direction: column;
margin: 0 0.25em;
gap: 0.25em;
label {
margin-bottom: -0.5em;
}
}
}
@media (max-width: 750px) {
#main-split {
flex-direction: column;
}
#outer {
flex-direction: column-reverse;
}
#sidebar {
margin-top: 2em;
}
}

21
static/static.svg Normal file
View File

@@ -0,0 +1,21 @@
<svg
xmlns='http://www.w3.org/2000/svg'
xmlns:xlink='http://www.w3.org/1999/xlink'
width='300' height='300'>
<filter id='n' x='0' y='0'>
<feTurbulence
type="fractalNoise"
baseFrequency="0.35"
stitchTiles="stitch"/>
<feColorMatrix
type="matrix"
values="0.3 0.3 0.3 0 0
0.3 0.3 0.3 0 0
0.3 0.3 0.3 0 0
0 0 0 1 0" />
</filter>
<rect width='300' height='300' fill='#fff'/>
<rect width='300' height='300' filter="url(#n)" opacity='1.0'/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 634 B

202
static/style.css Normal file
View File

@@ -0,0 +1,202 @@
* {
--color: oklch(0.4 0.25 var(--hue));
--color-max: oklch(0.8 0.25 var(--hue));
--color-bg1: oklch(0.8 0.15 var(--hue));
--color-bg2: oklch(1.0 0.05 var(--hue));
}
html {
background-color: white;
color: black;
font-family: Arial, Helvetica, sans-serif;
min-height: 100vh;
margin: 0;
--hue: 0;
--ade: 130;
--bea: 242;
--cam: 350;
--des: 73;
}
body {
margin: 0;
min-height: 100vh;
display: flex;
flex-direction: column;
}
input,
button,
textarea,
select,
output {
border: 1px solid var(--color);
background-color: var(--color-bg2);
color: var(--color);
font-size: inherit;
font-family: inherit;
font-variant: inherit;
padding: 0.1em 0.25em;
}
ul {
list-style-type: disclosure-closed;
}
label {
font-size: 0.75em;
font-variant: small-caps;
}
h2 {
font-variant: small-caps;
font-size: inherit;
margin: 0;
background-color: var(--color);
color: white;
width: fit-content;
padding: 0 0.25em;
position: relative;
height: 1lh;
}
h2::before {
position: absolute;
top: 0;
right: -1lh;
content: "";
display: block;
height: 100%;
aspect-ratio: 1/1;
background-color: var(--color);
clip-path: polygon(100% 0, 0 0, 0 100%);
transform: scale(1.005);
}
h3 {
padding: 0 0.25em;
font-variant: small-caps;
font-size: inherit;
margin: 0;
color: var(--color);
}
hr {
border: none;
border-bottom: 1px dashed var(--color);
}
header {
display: flex;
flex-direction: row;
height: 5em;
color: var(--color);
font-variant: small-caps;
>a {
background-color: var(--color-bg1);
padding: 0.5em;
display: flex;
flex-direction: row;
align-items: center;
.icon-bg {
fill: var(--color);
}
.icon-txt {
dominant-baseline: central;
letter-spacing: 0.5ch;
font: 28px Arial, sans-serif;
}
}
>div {
flex-grow: 1;
display: flex;
flex-direction: column;
>* {
flex-grow: 1;
align-content: center;
flex-basis: 0;
}
}
}
#header-top {
background-color: var(--color-bg1);
display: flex;
flex-direction: row;
justify-content: end;
min-height: 2.5em;
>div {
margin: 0.25em 0;
padding-right: 1em;
background-color: var(--color-bg2);
display: flex;
flex-direction: row;
justify-content: end;
gap: 1em;
align-items: center;
a {
color: inherit;
text-decoration: none;
white-space: nowrap;
}
}
}
#header-bottom {
display: flex;
flex-direction: row;
min-height: 2.5em;
>form {
flex-grow: 1;
margin-top: 0.25em;
display: flex;
flex-direction: row;
gap: 0.25em;
justify-content: center;
>* {
height: fit-content;
}
}
}
.spacer {
display: inline-block;
height: 100%;
aspect-ratio: 1/1;
background-color: var(--color-bg1);
clip-path: polygon(100% 0, 0 0, 0 100%);
transform: scale(1.005);
}
@media (max-width: 750px) {
header {
height: fit-content;
flex-direction: column;
#header-top>div>a {
display: none;
}
#header-top>div>a:first-of-type {
display: block;
}
#searchform {
display: none;
}
}
.spacer {
transform: scale(1.1);
}
}