UPDATE - redesign - new nav bar, new organization, new main pages, new art page, study page (no content yet), games page with STTMT, update to me; new diary entry

src/views/diary-boxes.tpl

@@ -3,22 +3,20 @@
         <div class="sidebar">
             <div class="diary-box about-box">
                 <h2>about</h2>
-                <b>Blessfrey</b> is a 2D action RPG developed for PC in Godot Engine by Chimchooree. <br>
-                <br>
-                Edit your skillbar from lots of skills to fight enemies, solve puzzles, + explore. <br>
-                <br>
-                Inspired by Guild Wars 1 and Magic: The Gathering. <br>
+                <p><b>Blessfrey.me</b> is my personal portfolio site for sharing programming, art, and writing. </p>
             </div>
     
-            <div class="diary-box twitter-box">
+            <div class="diary-box social-box">
                 <h2>chat</h2>
-                <p>(social links to be added) </p>
-                <br>
+                <ul>
+                    <li>{{random.choice(['.','•','☆','★'])}}&#9;Twitter: <a href="https://twitter.com/lilchimchooree">@lilchimchooree</a> </li>
+                    <li>{{random.choice(['.','•','☆','★'])}}&#9;Mastodon: <a href="https://mastodon.gamedev.place/@lilchimchooree">@lilchimchooree</a> </li>
+                    <li>{{random.choice(['.','•','☆','★'])}}&#9;FlightRising: <a href="https://www1.flightrising.com/clan-profile/525948">Aristene</a> </li>
+                </ul>
             </div>
 
             <div class="diary-box latest">
                 <h2>latest</h2>
-                <div class="latest-text">
                     <ul>
                     % if len(latest) > 0:
                         % for l in latest:
@@ -28,7 +26,6 @@
                     % end
                     </ul>
                     <br>
-                </div>
             </div>
 
             <div class="diary-box wordcloud">
@@ -41,10 +38,8 @@
 
             <div class="diary-box disclosure">
                 <h2>disclosure</h2>
-                Blessfrey.me is not using sponsored posts or affiliate links. <br> 
-                <br>
-                Blessfrey.me is not collecting personal information + has no cookies. <br>
-                <br>
-                Thank you for following my projects. <br>    
+                <p>Blessfrey.me is not using sponsored posts or affiliate links.</p>
+                <p>Blessfrey.me is not collecting personal information + has no cookies. </p>
+                <p>Thank you for following my projects. </p>
                 </div>
         </div>