M static/index.css → static/index.css

@@ -73,6 +73,26 @@ height: 15%;
   padding: 1em 0;
 }
 
+.people-buttons {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 0.25em;
+  margin: 0 0.25em;
+}
+
+.text-site-button {
+  width: 84px;
+  height: 27px;
+  border-radius: 4px;
+  text-align: center;
+}
+
+.image-site-button {
+  width: 88px;
+  height: 31px;
+}
+
 .links {
   padding: 1em;
   text-align: justify;

M templates/index.html → templates/index.html

@@ -32,11 +32,13 @@ </p>
           </article>
           <div class="small-box container cool-people">
             <b>cool people</b>
-            <span class="people-buttons">
-              <a href="https://crispy-caesus.eu"
+            <div class="people-buttons">
+              <a href="https://crispy-caesus.eu" class="image-site-button"
                 ><img src="https://crispy-caesus.eu/static/crispybutton.png"
               /></a>
+
               <a
+                class="image-site-button"
                 href="https://erine.dev/"
                 target="_blank"
                 rel="noopener noreferrer"
@@ -46,7 +48,23 @@ src="https://chibisafe.crispy-caesus.eu/MEkVLB08qVlq.png"
                   alt="erine-button"
                 />
               </a>
-            </span>
+              <a
+                class="box text-site-button"
+                href="https://notashelf.dev/"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                raf
+              </a>
+              <a
+                class="box text-site-button"
+                href="https://tim-niess.com"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                Tim
+              </a>
+            </div>
           </div>
         </div>
         <div class="box links">
@@ -54,16 +72,16 @@ <h2>some links</h2>
           <ul>
             <li>
               <a
-                title="Github"
-                href="https://github.com/crispy-caesus"
+                title="Codeberg"
+                href="https://codeberg.org/crispy-caesus"
                 target="_blank"
                 rel="noopener nofererrer"
-                >Github</a
+                >Codeberg</a
               >
               - crispy-caesus
               <p>
-                Contains most of my little projects, as well as my dotfiles for
-                my Linux configuration
+                Git server where I have most of my little projects, as well as
+                my dotfiles for my Linux configuration
               </p>
             </li>
 
@@ -84,18 +102,21 @@ </li>
 
             <li>
               <a
-                title="Discord"
-                href="https://discord.com/users/621759962280099840"
+                title="E-Mail"
+                href="mailto:crispy@crispy-caesus.eu"
                 target="_blank"
                 rel="noopener nofererrer"
               >
-                Discord
+                E-Mail
               </a>
-              - crispy.caesus
+              - crispy@crispy-caesus.eu
               <p>
-                I don't love the platform but it's probably one of the best
-                developed and has the largest communities. I've also learned a
-                bunch, setting up servers with their permissions and what not
+                Probably my preferred communication medium. At least with PGP. I
+                really like its decentralized and independent nature. Besides
+                the technical stuff, I just enjoy it more than instant
+                messaging. I prefer writing longer more thought out messages,
+                instead of a bunch of random talk with no purpose (not that I
+                don't do that, but in hindsight it always seems wasteful).
               </p>
             </li>
 
@@ -110,8 +131,10 @@ Matrix
               </a>
               - @crispy:crispy-caesus.eu
               <p>
-                Amazing decentralized platform with a lot of epic clients. It's
-                what I prefer for my personal communication
+                Decentralized instant messaging network/protocol which I like
+                for well... instant messaging. While it has spaces it's not
+                really great for managing them, so I can't recommend it for
+                large communities. Thus I mainly use it for DMs and group chats.
               </p>
             </li>