diff --git a/assets/base.css b/assets/base.css index daffb6a..a926dec 100644 --- a/assets/base.css +++ b/assets/base.css @@ -1,10 +1,99 @@ @import url(fonts.css); html { - background-color: var(--c-bg) + background-color: var(--c-bg); + scrollbar-color: var(--c-border) transparent } +/* text, links and lists :3 */ + +t { + font-family: "mono"; + font-weight: bold; + color: var(--c-title) +} + + p { font-family: "nya"; + color: var(--c-fg); + margin-top: 0; + margin-bottom: 0 +} + +a { + font-family: "mono"; + color: var(--c-highlight); + text-decoration: none; +} + +a:hover { + color: var(--c-bg); + background-color: var(--c-highlight); +} + +ul { + margin: 0 0 0 -16px; +} + +li { + list-style: none; +} + +/* lil text on the borders :3 */ + +.title, .credit { + height: 24px; + background-color: var(--c-bg); + color: var(--c-title); + position: fixed; + padding: 0 4px; + font-family: mono; + font-weight: bold; +} + +.title { + top: 0; + left: 32px; +} + +.credit { + top: calc(100vh - 1.5em); + /*bottom: 0;*/ + right: 64px; color: var(--c-fg) +} + +/* here are some @media rules to choose when to display ascii art */ + +.ascii { + font-family: "nya"; + color: var(--c-fg); + white-space: pre; + display: none +} + +@media screen and (min-width: 420px) { + .ascii-1 { + display: block + } +} + +/* styling for the basic border when no js */ + +body > .nojs { + width: calc(100vw - 16px); + height: calc(100vh - 16px); + box-sizing: border-box; + border: 8px double var(--c-border); + overflow: hidden +} + + +main { + overflow: hidden auto; + width: 100%; + height: 100%; + padding: 16px; + box-sizing: border-box; } \ No newline at end of file diff --git a/assets/colors.css b/assets/colors.css index 9fb1b4a..c689d39 100644 --- a/assets/colors.css +++ b/assets/colors.css @@ -1,5 +1,7 @@ :root { - --c-bg: #000000; - --c-fg: #ffffff; - --c-highlight: #00ffff; + --c-bg: #11111b; + --c-fg: #cdd6f4; + --c-border: #74c7ec; + --c-highlight: #cba6f7; + --c-title: #fab387; } \ No newline at end of file diff --git a/assets/molly.svg b/assets/molly.svg new file mode 100644 index 0000000..41858ca --- /dev/null +++ b/assets/molly.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.html b/index.html index 9ef68de..0eb38e2 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,53 @@ + + Linuxposting Tilde + -

just testing some stuff rn

+
+ Linuxposting Tilde +
│. . +│ ├┐ ─┐/┌┐┌┐┌ ├ ├┐┌┐ ─┐/ ─┐ ┌─┐ ╷ +││││││ │ ││││└┐│ │││││ │ ││┌┘ ╵ └─┘ +└ └┘/└─├┘└┘─┘└─ └┤./└─└┤└─ + ┘ ┘
+ +

Welcome to our tilde! We are a small community of linux-loving nerds, you can find some of our websites here! + We also offer a lot of cool self-hosted stuff. + Interested in joining? Register here! :3

+ +
+ Users: + + +
+ Services: + +
+ site by Magdalunaa :3 \ No newline at end of file