From d1ce5c94f9dc2c391c49d4c8c47c8d5fce068cee Mon Sep 17 00:00:00 2001 From: Luna Date: Thu, 13 Nov 2025 15:41:40 -0300 Subject: [PATCH 1/9] basic css --- assets/base.css | 74 +++++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 72 insertions(+), 2 deletions(-) diff --git a/assets/base.css b/assets/base.css index daffb6a..244928d 100644 --- a/assets/base.css +++ b/assets/base.css @@ -1,10 +1,80 @@ @import url(fonts.css); html { - background-color: var(--c-bg) + background-color: var(--c-bg); + scrollbar-color: var(--c-border) transparent +} + +body > .nojs { + width: calc(100vw - 16px); + height: calc(100vh - 16px); + box-sizing: border-box; + border: 8px double var(--c-border); + overflow: hidden +} + +.title, .credit { + height: 24px; + background-color: var(--c-bg); + color: var(--c-title); + position: absolute; + padding: 0 4px; + font-family: mono; + font-weight: bold; +} + +.title { + top: 0; + left: 32px; +} + +.credit { + bottom: 0; + right: 64px; + color: var(--c-fg) +} + +main { + overflow: auto; + width: 100%; + height: 100%; + padding-left: 16px +} + +t { + font-family: "mono"; + font-weight: bold; + color: var(--c-title) +} + +.header { + font-family: "nya"; + color: var(--c-fg); + white-space: pre } p { font-family: "nya"; - color: var(--c-fg) + 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-top: 0; +} + +li { + list-style: none; } \ No newline at end of file From 87383656cd8befd586621796c33b369c0b954298 Mon Sep 17 00:00:00 2001 From: Luna Date: Thu, 13 Nov 2025 15:41:46 -0300 Subject: [PATCH 2/9] catppuccin mocha! --- assets/colors.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) 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 From 4846c0a0b29e2503a7f30ed06c0e5e628bdcbb23 Mon Sep 17 00:00:00 2001 From: Luna Date: Thu, 13 Nov 2025 15:41:56 -0300 Subject: [PATCH 3/9] add many links --- index.html | 39 ++++++++++++++++++++++++++++++++++++++- 1 file changed, 38 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index 9ef68de..b9d075a 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,48 @@ + + Linuxposting Tilde -

just testing some stuff rn

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

just testing some stuff rn

+ + Users: + + + Services: + +
+ site by Magdalunaa :3 \ No newline at end of file From 6b7f2a07ba45e2ee951642f6e0a74a63feb4ecbf Mon Sep 17 00:00:00 2001 From: Luna Date: Thu, 13 Nov 2025 15:49:02 -0300 Subject: [PATCH 4/9] molly icon --- assets/molly.svg | 1 + index.html | 3 +++ 2 files changed, 4 insertions(+) create mode 100644 assets/molly.svg 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 b9d075a..e058c26 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,7 @@ Linuxposting Tilde +
@@ -41,6 +42,8 @@
  • Wafrn
  • Git
  • Copyparty
  • +
  • Cinny
  • +
  • Element
  • site by Magdalunaa :3 From d2604e00ecda6258eded7bb0ec856f82d7fa4b56 Mon Sep 17 00:00:00 2001 From: Luna Date: Thu, 13 Nov 2025 15:49:10 -0300 Subject: [PATCH 5/9] padding tweaks --- assets/base.css | 1 + 1 file changed, 1 insertion(+) diff --git a/assets/base.css b/assets/base.css index 244928d..b7cb4af 100644 --- a/assets/base.css +++ b/assets/base.css @@ -73,6 +73,7 @@ a:hover { ul { margin-top: 0; + margin-left: -16px; } li { From d3daf19ad1eaa48ded1f4ced9e8826667604cc94 Mon Sep 17 00:00:00 2001 From: Luna Date: Thu, 13 Nov 2025 16:10:48 -0300 Subject: [PATCH 6/9] introduction text --- index.html | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index e058c26..8ceb267 100644 --- a/index.html +++ b/index.html @@ -19,8 +19,11 @@ ┘ ┘ -

    just testing some stuff rn

    +

    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 hosting

    • @@ -46,6 +50,6 @@
    • Element
    - site by Magdalunaa :3 + site by Magdalunaa :3 \ No newline at end of file From 7e16a0cb5c919d0df5c1db94118d5bc99ad1ebcd Mon Sep 17 00:00:00 2001 From: Luna Date: Thu, 13 Nov 2025 16:10:56 -0300 Subject: [PATCH 7/9] don't look like shit on mobile --- assets/base.css | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/assets/base.css b/assets/base.css index b7cb4af..5aef67e 100644 --- a/assets/base.css +++ b/assets/base.css @@ -17,7 +17,7 @@ body > .nojs { height: 24px; background-color: var(--c-bg); color: var(--c-title); - position: absolute; + position: fixed; padding: 0 4px; font-family: mono; font-weight: bold; @@ -29,16 +29,18 @@ body > .nojs { } .credit { - bottom: 0; + top: calc(100vh - 1.5em); + /*bottom: 0;*/ right: 64px; color: var(--c-fg) } main { - overflow: auto; + overflow: hidden auto; width: 100%; height: 100%; - padding-left: 16px + padding: 0 16px; + box-sizing: border-box; } t { @@ -72,8 +74,7 @@ a:hover { } ul { - margin-top: 0; - margin-left: -16px; + margin: 0 0 0 -16px; } li { From 67df5db5128ac2476a439514406c87328e990be6 Mon Sep 17 00:00:00 2001 From: Luna Date: Thu, 13 Nov 2025 16:31:29 -0300 Subject: [PATCH 8/9] many thing --- assets/base.css | 15 ++++++++++++--- index.html | 6 ++---- 2 files changed, 14 insertions(+), 7 deletions(-) diff --git a/assets/base.css b/assets/base.css index 5aef67e..754c9ee 100644 --- a/assets/base.css +++ b/assets/base.css @@ -39,7 +39,7 @@ main { overflow: hidden auto; width: 100%; height: 100%; - padding: 0 16px; + padding: 16px; box-sizing: border-box; } @@ -49,10 +49,11 @@ t { color: var(--c-title) } -.header { +.ascii { font-family: "nya"; color: var(--c-fg); - white-space: pre + white-space: pre; + display: none } p { @@ -79,4 +80,12 @@ ul { li { list-style: none; +} + +/* here are some @media rules to choose when to display ascii art */ + +@media screen and (min-width: 420px) { + .ascii-1 { + display: block + } } \ No newline at end of file diff --git a/index.html b/index.html index 8ceb267..0eb38e2 100644 --- a/index.html +++ b/index.html @@ -11,13 +11,11 @@
    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. From 6e725da046696df92345a6552b47bfae2692d80d Mon Sep 17 00:00:00 2001 From: Luna Date: Thu, 13 Nov 2025 16:34:46 -0300 Subject: [PATCH 9/9] tidy up css --- assets/base.css | 94 +++++++++++++++++++++++++++---------------------- 1 file changed, 51 insertions(+), 43 deletions(-) diff --git a/assets/base.css b/assets/base.css index 754c9ee..a926dec 100644 --- a/assets/base.css +++ b/assets/base.css @@ -5,43 +5,7 @@ html { scrollbar-color: var(--c-border) transparent } -body > .nojs { - width: calc(100vw - 16px); - height: calc(100vh - 16px); - box-sizing: border-box; - border: 8px double var(--c-border); - overflow: hidden -} - -.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) -} - -main { - overflow: hidden auto; - width: 100%; - height: 100%; - padding: 16px; - box-sizing: border-box; -} +/* text, links and lists :3 */ t { font-family: "mono"; @@ -49,12 +13,6 @@ t { color: var(--c-title) } -.ascii { - font-family: "nya"; - color: var(--c-fg); - white-space: pre; - display: none -} p { font-family: "nya"; @@ -82,10 +40,60 @@ 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