diff --git a/index.html b/index.html new file mode 100644 index 0000000..555cb18 --- /dev/null +++ b/index.html @@ -0,0 +1,90 @@ + + + + + + + qwik + + +
+ + +
qwik
+ + +

services

+
+
+

Gitea

+

+ Gitea is an alternative to Github, Gitlab, etc. + We host our instance. Please don't spam it with large files, or we might have to remove your repos. +

+ get codin' +
+ +
+

Nitter

+

+ Nitter is a Twitter frontend. Use it to browse Twitter without getting tracked. +

+ get browsin' +
+ +
+

Nextcloud

+

+ We host a Nextcloud instance for internal use. Please contact us if you would like an account. +

+ get visitin' +
+
+ + +

maintainers

+
+
+

BurnyLlama

+ BurnyLlama's profile picture. + +

mail

+

burnyllama [@] protonamail [.] com

+ +

matrix

+

@burnyllama:matrix.org

+
+ +
+

furo

+ furo's profile picture. + + +

mail

+

1qazxcde3 [@] posteo [.] net

+ +

matrix

+

@desu_desu:matrix.org

+
+
+ + +

contribute

+

+ There’s currently no real way to contribute, but if you have any ideas of stuff to add feel free to contact the maintainers. +

+ + +
+ + \ No newline at end of file diff --git a/resources/Llama_min.png b/resources/Llama_min.png new file mode 100644 index 0000000..b572918 Binary files /dev/null and b/resources/Llama_min.png differ diff --git a/resources/Manrope/Manrope-Bold.ttf b/resources/Manrope/Manrope-Bold.ttf new file mode 100644 index 0000000..23e6a4e Binary files /dev/null and b/resources/Manrope/Manrope-Bold.ttf differ diff --git a/resources/Manrope/Manrope-ExtraBold.ttf b/resources/Manrope/Manrope-ExtraBold.ttf new file mode 100644 index 0000000..b650e68 Binary files /dev/null and b/resources/Manrope/Manrope-ExtraBold.ttf differ diff --git a/resources/Manrope/Manrope-ExtraLight.ttf b/resources/Manrope/Manrope-ExtraLight.ttf new file mode 100644 index 0000000..60df426 Binary files /dev/null and b/resources/Manrope/Manrope-ExtraLight.ttf differ diff --git a/resources/Manrope/Manrope-Light.ttf b/resources/Manrope/Manrope-Light.ttf new file mode 100644 index 0000000..fdf64b7 Binary files /dev/null and b/resources/Manrope/Manrope-Light.ttf differ diff --git a/resources/Manrope/Manrope-Medium.ttf b/resources/Manrope/Manrope-Medium.ttf new file mode 100644 index 0000000..f3a1dc9 Binary files /dev/null and b/resources/Manrope/Manrope-Medium.ttf differ diff --git a/resources/Manrope/Manrope-Regular.ttf b/resources/Manrope/Manrope-Regular.ttf new file mode 100644 index 0000000..7fdc456 Binary files /dev/null and b/resources/Manrope/Manrope-Regular.ttf differ diff --git a/resources/Manrope/Manrope-SemiBold.ttf b/resources/Manrope/Manrope-SemiBold.ttf new file mode 100644 index 0000000..cd46e55 Binary files /dev/null and b/resources/Manrope/Manrope-SemiBold.ttf differ diff --git a/resources/Picasso Llama.png b/resources/Picasso Llama.png new file mode 100644 index 0000000..a42ace4 Binary files /dev/null and b/resources/Picasso Llama.png differ diff --git a/resources/logo.svg b/resources/logo.svg new file mode 100644 index 0000000..a6ab8d9 --- /dev/null +++ b/resources/logo.svg @@ -0,0 +1,72 @@ + + + + + + + + image/svg+xml + + + + + + + + + + diff --git a/styles/fonts.css b/styles/fonts.css new file mode 100644 index 0000000..0e90184 --- /dev/null +++ b/styles/fonts.css @@ -0,0 +1,4 @@ +@font-face { + font-family: 'Manrope XLight'; + src: url('../resources/Manrope/Manrope-ExtraLight.ttf'); +} \ No newline at end of file diff --git a/styles/main.css b/styles/main.css new file mode 100644 index 0000000..f889844 --- /dev/null +++ b/styles/main.css @@ -0,0 +1,184 @@ +@import url('./fonts.css'); +@import url('./scaling.css'); + +:root { + --text: #f2f2ff; + --surface: #181833; + --primary: #3ddf89; + --accent: #4cdcdf; + --accent2: #4c9cef; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; + + color: var(--text); + font-family: 'Manrope XLight'; + font-weight: unset; +} + +html { + width: 100%; + scroll-behavior: smooth; +} + +body { + background-color: var(--surface); + + display: grid; + grid-template-columns: 1fr auto 1fr; + grid-template-areas: 'pad1 content pad2'; + width: 100%; +} + +.grid-container { + width: min(95vw, 125ch); + grid-area: content; + + display: flex; + flex-direction: column; + align-items: center; + + padding-bottom: 15vh; +} + +nav { + display: flex; + flex-wrap: wrap; + justify-content: center; + width: 100%; + margin-top: 5vh; +} + +nav > a { + text-decoration: none; + font-size: 1.2rem; + margin: 1rem 2rem; + padding: .3rem 1rem; + + color: var(--text); + border-bottom: .1rem solid var(--text); + + transition: color .3s, border .3s; +} + +nav > a:hover { + color: var(--primary); + border-bottom: .1rem solid var(--primary); +} + +.logo { + width: 20vmax; + margin-top: 15vh; +} + +header { + font-size: 6rem; + margin-bottom: 35vh; +} + +h1 { + margin: 10rem 0 2rem 0; + font-size: 2.5rem; + color: var(--primary); +} + +p { + font-size: 1.025rem; +} + +a { + color: var(--accent2); +} + +.services-list, .maintainer-list { + display: flex; + flex-wrap: wrap; + justify-content: center; +} + +.service, .maintainer { + margin: 0 2rem; + padding: 1rem 2rem; + width: 30ch; + + border: .1rem solid var(--accent); + border-radius: .5rem; + + display: grid; + grid-template-rows: auto 1fr auto; +} + +.service > h2, .maintainer > h2 { + color: var(--accent); + text-align: center; + font-size: 1.75rem; + margin-bottom: .5rem; +} + +.service > a { + color: var(--primary); + border: .1rem solid var(--primary); + border-radius: 50rem; + + font-size: 1.25rem; + text-align: center; + text-decoration: none; + + display: block; + margin-top: 2rem; + padding: .5rem 1rem; + + transition: color .3s, background-color .3s; +} + +.service > a:hover { + color: var(--surface); + background-color: var(--primary); +} + +.maintainer { + width: 45ch; + + display: flex; + flex-direction: column; + align-items: center; +} + +.maintainer > img { + margin: 1rem 0 2rem 0; + width: 70%; + border-radius: 100%; +} + +.maintainer > .contact-type { + color: var(--accent); + font-size: 1.25rem; + margin-top: 1rem; +} + +footer { + margin-top: 10rem; + padding-top: 1rem; + border-top: .1rem solid var(--accent); + + display: flex; + flex-direction: column; + align-items: center; +} + +.love { + font-size: 2rem; + display: flex; + align-self: center; + align-items: center; + margin-bottom: 2rem; +} + +.heart { + margin-top: -.5rem; + color: var(--accent2); + font-size: 4rem; +} \ No newline at end of file diff --git a/styles/scaling.css b/styles/scaling.css new file mode 100644 index 0000000..52056ea --- /dev/null +++ b/styles/scaling.css @@ -0,0 +1,70 @@ +/* + THIS ALL JUST SCALES THE FONT SO THAT EVERYTHING LOOKS NICE ON ALL SCREENS B) +*/ + +@media screen and (min-width: 1px) { + :root { + font-size: 10px; + } + +} +@media screen and (min-width: 300px) { + :root { + font-size: 11pt; + } +} +@media screen and (min-width: 400px) { + :root { + font-size: 12pt; + } +} +@media screen and (min-width: 500px) { + :root { + font-size: 13pt; + } +} +@media screen and (min-width: 600px) { + :root { + font-size: 14pt; + } +} +@media screen and (min-width: 700px) { + :root { + font-size: 15pt; + } +} +@media screen and (min-width: 802px) { + :root { + font-size: 10pt; + } +} +@media screen and (min-width: 1000px) { + :root { + font-size: 11pt; + } +} +@media screen and (min-width: 1200px) { + :root { + font-size: 12pt; + } +} +@media screen and (min-width: 1500px) { + :root { + font-size: 13pt; + } +} +@media screen and (min-width: 1800px) { + :root { + font-size: 14pt; + } +} +@media screen and (min-width: 2500px) { + :root { + font-size: 15pt; + } +} +@media screen and (min-width: 3000px) { + :root { + font-size: 16pt; + } +} \ No newline at end of file