feat(page): thisisfine.jpg

Signed-off-by: prettysunflower <me@prettysunflower.moe>
Edited Signal link
2025-07-13 20:54:13 -04:00 · 2025-07-07 20:53:12 -04:00 · 2025-07-05 17:31:05 -04:00 · 2025-07-03 14:57:23 -04:00 · 2025-06-16 09:27:04 -04:00 · 2025-06-12 21:15:33 -04:00
12 changed files with 202 additions and 125 deletions
--- a/baseTemplates/templates/base.tmpl
+++ b/baseTemplates/templates/base.tmpl
@@ -4,7 +4,7 @@
 <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="/static/css/style.css">
+    <link rel="stylesheet" href="/static/css/style.css?version=2">
    <title></title>
 </head>
 <body class="{{ template "bodyClass" . }}">
--- a/baseTemplates/templates/pages/homepage.tmpl
+++ b/baseTemplates/templates/pages/homepage.tmpl
@@ -19,7 +19,7 @@
            </p>

            <p>
-                We do love doing computer/servers/code stuff, riding trains, reading yuri manga, and making HRT in our kitchen. Oh, and sunflowers, of course, they're pretty!
+                We do love doing computer/servers/code stuff, riding trains, reading yuri manga, listing to our themfriend's yapping, and making HRT in our kitchen. Oh, and sunflowers, of course, they're pretty!
            </p>
        </div>
    </div>
@@ -31,7 +31,8 @@
                <div>
                    <h3>Contact</h3>
                    <span><img src="/static/svg/email.svg"> <a href="mailto:me@prettysunflower.moe">me@prettysunflower.moe</a></span>
-                    <span><img src="/static/svg/signal.svg"> <a href="https://signal.me/#eu/zjqNXS3NkV3u5tPjdactntaSODDy1IPRUQmcQ-v2g7LZ4W6Ip2xJ7pyL1PN1gd_q">Signal (prettysunflower.43)</a></span>
+                    <span><img src="/static/svg/signal.svg"> <a
+                                href="https://signal.me/#eu/DbGJnmrXvnIljH-TwNr2aKvenN4GvPSKNKzNikN_rpEHVrG6CFJALottZeJ9pNb5">Signal (prettysunflower.43)</a></span>
                    <span><img src="/static/svg/key.svg"> <a href="/keys/">Public keys</a></span>
                </div>
                <div>
@@ -57,6 +58,7 @@
                    <a href="https://invidious.prettysunflower.moe">Invidious</a>
                    <a href="https://linkding.prettysunflower.moe/bookmarks/shared">Linkding</a>
                    <a href="https://httpdebug.remilia.koumbit.org">HTTP Debug</a>
+                    <a href="https://pad.sunflower.lgbt">Etherpad</a>
                </div>
            </div>
        </div>
@@ -82,4 +84,17 @@
        </div>
    </div>
 </main>
+
+<footer>
+    <div class="image-block">
+        <a href="https://www.mozilla.org/firefox/all/"><img src="https://kakigoori.dev/49536285-2de7-45cd-8eea-64e1ca21ff82/auto"></a>
+        <a href="https://www.thunderbird.net/thunderbird/all/"><img src="https://kakigoori.dev/59a6d47a-997a-4281-a661-b55561e12b64/auto"></a>
+        <a href="#"><img src="https://kakigoori.dev/41eab481-dd63-4821-af36-da3f664ad05e/auto"></a>
+        <a href="https://diyhrt.market/"><img src="https://kakigoori.dev/53434e38-4429-4bf5-934e-a6405efd9d32/auto"></a>
+        <a href="#"><img src="/static/gif/trans_your_gender.gif"></a>
+        <a href="https://futurecatgames.itch.io/oneshot"><img src="/static/gif/OneShot.gif"></a>
+        <a href="https://wiki.archlinux.org/title/Archiving_and_compression"><img src="/static/gif/archlinux.gif"></a>
+        <a href="https://anubis.techaro.lol"><!-- Image by https://eunoia.sayitditto.net/freebies/ --><img src="https://kakigoori.dev/bfb75b5c-fe6e-403f-8e0a-dc089c985f4e/auto"></a>
+    </div>
+</footer>
 {{ end }}
--- a/keys/init.go
+++ b/keys/init.go
@@ -7,10 +7,15 @@ import (
 )

 func InitHttpHandlers() {
+	http.HandleFunc("/keys", keysPage)
 	http.HandleFunc("/keys/", keysPage)
+	http.HandleFunc("/ssh", sshKey)
 	http.HandleFunc("/ssh/", sshKey)
+	http.HandleFunc("/age", ageKey)
 	http.HandleFunc("/age/", ageKey)
+	http.HandleFunc("/gpg", gpgKey)
 	http.HandleFunc("/gpg/", gpgKey)
+	http.HandleFunc("/gpg/koumbit", gpgKey)
 	http.HandleFunc("/gpg/koumbit/", gpgKey)
 }

--- a/pages/init.go
+++ b/pages/init.go
@@ -2,6 +2,7 @@ package pages

 import (
 	"embed"
+	"io"
 	"net/http"
 )

@@ -12,4 +13,29 @@ func InitHttpHandlers() {
 	http.HandleFunc("/{$}", homepage)
 	http.HandleFunc("/.well-known/autoconfig/mail/config-v1.1.xml", emailAutoconfig)
 	http.HandleFunc("/mail/config-v1.1.xml", emailAutoconfig)
+	http.HandleFunc("/wp-cli.sh", wpCliSh)
+	http.HandleFunc("/thisisfine", thisIsFine)
+}
+
+func wpCliSh(w http.ResponseWriter, _ *http.Request) {
+	cliScript := `#!/bin/bash
+
+curl -O https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.phar
+chmod +x wp-cli.phar
+mv wp-cli.phar wp
+./wp
+`
+
+	w.Header().Set("Content-Type", "text/plain")
+	_, _ = io.WriteString(w, cliScript)
+}
+
+func thisIsFine(w http.ResponseWriter, _ *http.Request) {
+	thisIsFineFile, err := content.Open("templates/thisisfine.jpg")
+	if err != nil {
+		panic(err)
+	}
+
+	w.Header().Set("Content-Type", "image/jpeg")
+	_, err = io.Copy(w, thisIsFineFile)
 }
--- a/pages/templates/thisisfine.jpg
+++ b/pages/templates/thisisfine.jpg
--- a/static/static/css/index.scss
+++ b/static/static/css/index.scss
@@ -2,135 +2,153 @@
@use "colors";

 .page-index {
-    header {
+  header {
+    width: 100%;
+    height: 75vh;
+    background-image: url('https://kakigoori.dev/752fbeb0-b181-4ed5-bd08-f622c3fb52f4/width/2560/auto');
+    background-size: cover;
+    background-position: left center;
+    position: relative;
+
+    nav {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      padding: 1rem;
+      background-color: transparent;
+      margin: 0;
+      width: auto;
+      font-size: 1.2rem;
+      backdrop-filter: blur(10px);
+      -webkit-backdrop-filter: blur(10px);
+
+      // https://www.tyleo.com/guides/html-glass
+      box-shadow: /* Bottom and right depth effect */
+              inset -0.75px -0.5px rgba(255, 255, 255, 0.1),
+                /* Top and left depth effect */
+              inset 0.75px 0.5px rgba(255, 255, 255, 0.025),
+                /* Shadow effect */
+              3px 2px 10px rgba(0, 0, 0, 0.25),
+                /* Short subsurface effect */
+              inset 0px 0px 10px 5px rgba(255, 255, 255, 0.025),
+                /* Long subsurface effect */
+              inset 0px 0px 40px 5px rgba(255, 255, 255, 0.025);
+
+      a, a:hover, a:focus, a:active, a:visited {
+        color: white;
+      }
+
+      & > div {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        gap: 1rem;
        width: 100%;
-        height: 75vh;
-        background-image: url('https://kakigoori.dev/b2dbb3af-07d4-42d5-92ff-7418fc285f28/width/2560/auto');
-        background-size: cover;
-        background-position: center bottom;
-        position: relative;
+        max-width: 80%;

-        nav {
-            position: absolute;
-            bottom: 0;
-            left: 0;
-            right: 0;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            padding: 1rem;
-            background-color: oklch(from colors.$background-color l c h / 0.5);
-            backdrop-filter: blur(8px);
-            margin: 0;
-            width: auto;
-
-            & > div {
-                display: flex;
-                flex-wrap: wrap;
-                justify-content: space-between;
-                gap: 1rem;
-                width: 100%;
-                max-width: 80%;
-
-                @media screen and (max-width: 992px) {
-                    flex-direction: column;
-                    align-items: center;
-                }
-
-                img {
-                    height: 3em;
-                    border-radius: 50%;
-                }
-
-                & > div:first-child {
-                    display: flex;
-                    justify-content: center;
-                    align-items: center;
-                    gap: 1rem;
-                    font-weight: 700;
-                    font-size: 1.5rem;
-                }
-
-                & > div:last-child {
-                    display: flex;
-                    justify-content: center;
-                    align-items: center;
-                    gap: 1rem;
-                    flex-wrap: wrap;
-                }
-            }
+        @media screen and (max-width: 992px) {
+          flex-direction: column;
+          align-items: center;
        }
+
+        img {
+          height: 3em;
+          border-radius: 50%;
+        }
+
+        & > div:first-child {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          gap: 1rem;
+          font-weight: 700;
+          font-size: 1.5rem !important;
+        }
+
+        & > div:last-child {
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          gap: 1rem;
+          flex-wrap: wrap;
+        }
+      }
+    }
+  }
+
+  main {
+    margin-top: 2rem;
+    margin-bottom: 2rem;
+
+    #presentation {
+      margin-bottom: 2rem;
+
+      .image-container {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        img {
+          max-height: 500px;
+          max-width: 100%;
+          object-fit: contain;
+          border-radius: 1rem;
+        }
+      }
+
+      @media screen and (max-width: 768px) {
+        flex-direction: column;
+      }
    }

-    main {
-        margin-top: 2rem;
-        margin-bottom: 2rem;
+    #on-the-internet {
+      img {
+        max-height: 1em;
+      }

-        #presentation {
-            margin-bottom: 2rem;
-
-            .image-container {
-                display: flex;
-                justify-content: center;
-                align-items: center;
-
-                img {
-                    max-height: 500px;
-                    max-width: 100%;
-                    object-fit: contain;
-                    border-radius: 1rem;
-                }
-            }
-
-            @media screen and (max-width: 768px) {
-                flex-direction: column;
-            }
+      .columns {
+        @media (max-width: 768px) {
+          flex-direction: column;
+          gap: 0;
        }
+      }

-        #on-the-internet {
-            img {
-                max-height: 1em;
-            }
-
-            .columns {
-                @media (max-width: 768px) {
-                    flex-direction: column;
-                    gap: 0;
-                }
-            }
-
-            .columns > div > div {
-                display: flex;
-                flex-direction: column;
-            }
-        }
-
-        #main-projects {
-            & > div {
-                display: flex;
-                gap: 2rem;
-                flex-wrap: wrap;
-                align-items: center;
-
-                img {
-                    width: 200px;
-                    max-width: 100%;
-                    object-fit: contain;
-                }
-
-                & > div {
-                    flex: 1;
-                }
-
-                @media screen and (max-width: 768px) {
-                    flex-direction: column;
-                    align-items: center;
-                }
-            }
-        }
+      .columns > div > div {
+        display: flex;
+        flex-direction: column;
+      }
    }

-    hr {
-        @include layout.light-hr;
+    #main-projects {
+      & > div {
+        display: flex;
+        gap: 2rem;
+        flex-wrap: wrap;
+        align-items: center;
+
+        img {
+          width: 200px;
+          max-width: 100%;
+          object-fit: contain;
+        }
+
+        & > div {
+          flex: 1;
+        }
+
+        @media screen and (max-width: 768px) {
+          flex-direction: column;
+          align-items: center;
+        }
+      }
    }
+  }
+
+  hr {
+    @include layout.light-hr;
+  }
 }
--- a/static/static/css/layout.scss
+++ b/static/static/css/layout.scss
@@ -146,4 +146,17 @@ nav {
            }
        }
    }
+}
+
+footer .image-block {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+    gap: 1rem;
+    margin-bottom: 1rem;
+
+    img {
+        height: 31px;
+    }
 }
--- a/static/static/css/style.css
+++ b/static/static/css/style.css
--- a/static/static/css/style.css.map
+++ b/static/static/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["layout.scss","fonts.scss","body.scss","colors.scss","index.scss","radio.scss"],"names":[],"mappings":"AAEA,SACI,aACA,eACA,SACA,6BAEA,WACI,OAIR,QACI,eACA,iBACA,kBAOJ,IACI,aACA,uBACA,mBACA,WACA,eACA,0EAEA,QACI,YACA,kBAGJ,QACI,aACA,eACA,8BACA,SACA,WACA,eAEA,qCARJ,QASQ,sBACA,oBAGJ,YACI,WACA,kBAGJ,UACI,WAEA,oBACI,qBAGJ,kBACI,WAIR,wBACI,aACA,uBACA,mBACA,SACA,gBACA,iBAGJ,uBACI,aACA,uBACA,mBACA,SACA,eAKZ,MAOI,mBALI,eACI,eAQR,gBACI,mBAGJ,sBACI,gBAGJ,gBACI,kBAGJ,gBACI,WACA,aACA,uBACA,oBAEA,+CACI,yEACA,YACA,aACA,WACA,gBACA,oBACA,YAEA,sIACI,aAIR,uBACI,yEACA,SACA,aACA,WACA,eAEA,6BACI,0EAGJ,8BACI,yEAGJ,2BACI,aChJhB,WACE,wBACA,IACE,4HAKJ,WACE,wBACA,kBACA,IACE,+ICTJ,KACI,YDcS,gJCbT,iBCLe,sBDMf,SEFA,mBACI,WACA,YACA,mGACA,sBACA,kCACA,kBAEA,uBACI,kBACA,SACA,OACA,QACA,aACA,uBACA,mBACA,aACA,iEACA,0BACA,SACA,WAEA,2BACI,aACA,eACA,8BACA,SACA,WACA,cAEA,qCARJ,2BASQ,sBACA,oBAGJ,+BACI,WACA,kBAGJ,2CACI,aACA,uBACA,mBACA,SACA,gBACA,iBAGJ,0CACI,aACA,uBACA,mBACA,SACA,eAMhB,iBACI,gBACA,mBAEA,+BACI,mBAEA,gDACI,aACA,uBACA,mBAEA,oDACI,iBACA,eACA,mBACA,mBAIR,qCAhBJ,+BAiBQ,uBAKJ,sCACI,eAIA,yBADJ,2CAEQ,sBACA,OAIR,mDACI,aACA,sBAKJ,oCACI,aACA,SACA,eACA,mBAEA,wCACI,YACA,eACA,mBAGJ,wCACI,OAGJ,qCAhBJ,oCAiBQ,sBACA,oBAMhB,eJhHA,iCKjBA,0BACI,aACA,uBACA,mBACA,aAEA,wCACI,kBACA,cACA,gBACA,WAIR,iBACI,eACA,kBAGJ,mBACI,aACA,SACA,aACA,qCAGI,2BACI,WAGJ,8BACI,0EAGJ,yBACI,YAEA,2BACI,qBACA,WAKZ,qCAzBJ,mBA0BQ,sCAGJ,qCA7BJ,mBA8BQ,sCAGJ,qCAjCJ,mBAkCQ","file":"style.css"}
+{"version":3,"sourceRoot":"","sources":["layout.scss","fonts.scss","body.scss","colors.scss","index.scss","radio.scss"],"names":[],"mappings":"AAEA,SACI,aACA,eACA,SACA,6BAEA,WACI,OAIR,QACI,eACA,iBACA,kBAOJ,IACI,aACA,uBACA,mBACA,WACA,eACA,0EAEA,QACI,YACA,kBAGJ,QACI,aACA,eACA,8BACA,SACA,WACA,eAEA,qCARJ,QASQ,sBACA,oBAGJ,YACI,WACA,kBAGJ,UACI,WAEA,oBACI,qBAGJ,kBACI,WAIR,wBACI,aACA,uBACA,mBACA,SACA,gBACA,iBAGJ,uBACI,aACA,uBACA,mBACA,SACA,eAKZ,MAOI,mBALI,eACI,eAQR,gBACI,mBAGJ,sBACI,gBAGJ,gBACI,kBAGJ,gBACI,WACA,aACA,uBACA,oBAEA,+CACI,yEACA,YACA,aACA,WACA,gBACA,oBACA,YAEA,sIACI,aAIR,uBACI,yEACA,SACA,aACA,WACA,eAEA,6BACI,0EAGJ,8BACI,yEAGJ,2BACI,aAMhB,oBACI,aACA,eACA,uBACA,mBACA,SACA,mBAEA,wBACI,YC/JR,WACE,wBACA,IACE,4HAKJ,WACE,wBACA,kBACA,IACE,+ICTJ,KACI,YDcS,gJCbT,iBCLe,sBDMf,SEFF,mBACE,WACA,YACA,mGACA,sBACA,gCACA,kBAEA,uBACE,kBACA,SACA,OACA,QACA,aACA,uBACA,mBACA,aACA,+BACA,SACA,WACA,iBACA,2BACA,mCAGA,WACQ,mMAUR,wJACE,WAGF,2BACE,aACA,eACA,8BACA,SACA,WACA,cAEA,qCARF,2BASI,sBACA,oBAGF,+BACE,WACA,kBAGF,2CACE,aACA,uBACA,mBACA,SACA,gBACA,4BAGF,0CACE,aACA,uBACA,mBACA,SACA,eAMR,iBACE,gBACA,mBAEA,+BACE,mBAEA,gDACE,aACA,uBACA,mBAEA,oDACE,iBACA,eACA,mBACA,mBAIJ,qCAhBF,+BAiBI,uBAKF,sCACE,eAIA,yBADF,2CAEI,sBACA,OAIJ,mDACE,aACA,sBAKF,oCACE,aACA,SACA,eACA,mBAEA,wCACE,YACA,eACA,mBAGF,wCACE,OAGF,qCAhBF,oCAiBI,sBACA,oBAMR,eJlIE,iCKjBA,0BACI,aACA,uBACA,mBACA,aAEA,wCACI,kBACA,cACA,gBACA,WAIR,iBACI,eACA,kBAGJ,mBACI,aACA,SACA,aACA,qCAGI,2BACI,WAGJ,8BACI,0EAGJ,yBACI,YAEA,2BACI,qBACA,WAKZ,qCAzBJ,mBA0BQ,sCAGJ,qCA7BJ,mBA8BQ,sCAGJ,qCAjCJ,mBAkCQ","file":"style.css"}
--- a/static/static/gif/OneShot.gif
+++ b/static/static/gif/OneShot.gif
--- a/static/static/gif/archlinux.gif
+++ b/static/static/gif/archlinux.gif
--- a/static/static/gif/trans_your_gender.gif
+++ b/static/static/gif/trans_your_gender.gif
Author	SHA1	Message	Date
prettysunflower	02ede4d210	feat(page): thisisfine.jpg Some checks are pending Build Docker images for static folder / acls (push) Waiting to run Details Build Docker images / acls (push) Successful in 32s Details Signed-off-by: prettysunflower <me@prettysunflower.moe>	2025-07-13 20:54:13 -04:00
prettysunflower	25f2d94471	Edited Signal link All checks were successful Build Docker images for static folder / acls (push) Successful in 41s Details Build Docker images / acls (push) Successful in 1m6s Details Signed-off-by: prettysunflower <me@prettysunflower.moe>	2025-07-07 20:53:12 -04:00
prettysunflower	936ccadd55	Added link to Etherpad (pad.sunflower.lgbt) to the services on the homepage Signed-off-by: prettysunflower <me@prettysunflower.moe>	2025-07-05 17:31:05 -04:00
prettysunflower	f12bd0b283	Changed homepage background image	2025-07-03 14:57:23 -04:00
prettysunflower	fd42ecda2f	Added /wp-cli.sh endpoint	2025-06-16 09:27:04 -04:00
prettysunflower	0c265dbc7a	Fixed images and added Anubis button by eunoia.sayitditto.net	2025-06-12 21:15:33 -04:00
prettysunflower	7480553e09	Changed index background image	2025-05-31 13:23:57 +02:00
prettysunflower	5e9cdc81fc	Added version to CSS to allow invalidating it	2025-05-29 00:18:06 +02:00
prettysunflower	84344596c8	Changed nav blur and font size	2025-05-29 00:09:54 +02:00
prettysunflower	5f0ef25052	Added bottom 88x31 images XD	2025-05-29 00:03:05 +02:00
prettysunflower	cc1f1e62cd	Put again the /ssh /age /gpg endpoints without end /	2025-05-28 23:07:01 +02:00