commit 40292eb6d126d920766a5d9120893f2e50ca47b6 · dunkirk.sh/zera

+2 -1

content/_index.md

···

       1
       1
        
       +++

     

       2
       2
        
       +++

     

       3
       3
        
       

     

       4
       4
       -
       <div style="display: flex; justify-content: center; margin: 2rem;">

     

       4
       4
       +
       <div style="display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 2rem;">

     

       5
       5
        
           <img src="/pfps/starry.webp" alt="kieran with a white and gray spotted kitten with a grainy background and star dust" width="512" height="512" class="u-photo"/>

     

       6
       6
       +
           {{ is() }}

     

       6
       7
        
       </div>

     

       7
       8
        
       

     

       8
       9
        
       # About me

+24

sass/css/mods.css

···

       241
       241
        
           object-fit: cover;

     

       242
       242
        
       }

     

       243
       243
        
       

     

       244
       244
       +
       .inlined-bubbles {

     

       245
       245
       +
           width: auto;

     

       246
       246
       +
           pointer-events: none;

     

       247
       247
       +
           display: block;

     

       248
       248
       +
           margin-top: 10px;

     

       249
       249
       +
           text-align: center;

     

       250
       250
       +
       }

     

       251
       251
       +
       

     

       252
       252
       +
       .bubble {

     

       253
       253
       +
           padding: 0.7em 1.2em 0.7em 1.2em;

     

       254
       254
       +
           background: var(--accent);

     

       255
       255
       +
           border-bottom: 5px solid var(--bg-light);

     

       256
       256
       +
           border-radius: 7px 7px 10px 10px;

     

       257
       257
       +
           font-size: 1rem;

     

       258
       258
       +
           font-weight: bold;

     

       259
       259
       +
           color: var(--accent-text);

     

       260
       260
       +
           display: inline-block;

     

       261
       261
       +
           text-align: center;

     

       262
       262
       +
       }

     

       263
       263
       +
       

     

       264
       264
       +
       .bubble a {

     

       265
       265
       +
           color: var(--accent-text);

     

       266
       266
       +
       }

     

       267
       267
       +
       

     

       244
       268
        
       :root {

     

       245
       269
        
           --nightshade-violet: oklch(0.27 0.0242 287.67);

     

       246
       270
        
           --purple-night: oklch(27.58% 0.0203 289.13);

+26

templates/shortcodes/is.md

···

       1
       1
       +
       <div class="bubble">

     

       2
       2
       +
         <span><a href="https://bsky.app/@doing.dunkirk.sh">Kieran is</a> <i id="status-text">"doing smthing interesting"</i></span>

     

       3
       3
       +
       </div>

     

       4
       4
       +
       

     

       5
       5
       +
       <script>

     

       6
       6
       +
         document.addEventListener("DOMContentLoaded", () => {

     

       7
       7
       +
           fetch(

     

       8
       8
       +
             "https://bsky.social/xrpc/com.atproto.repo.listRecords?repo=dunkirk.sh&collection=a.status.update",

     

       9
       9
       +
           )

     

       10
       10
       +
             .then((response) => {

     

       11
       11
       +
               if (!response.ok) {

     

       12
       12
       +
                 throw new Error("Network response was not ok");

     

       13
       13
       +
               }

     

       14
       14
       +
               return response.json();

     

       15
       15
       +
             })

     

       16
       16
       +
             .then((statusData) => {

     

       17
       17
       +
               if (statusData.records && statusData.records.length > 0) {

     

       18
       18
       +
                 const latestStatus = `"${statusData.records[0].value.text}"`;

     

       19
       19
       +
                 document.getElementById("status-text").textContent = latestStatus;

     

       20
       20
       +
               }

     

       21
       21
       +
             })

     

       22
       22
       +
             .catch((error) => {

     

       23
       23
       +
               console.error("Error fetching status update:", error);

     

       24
       24
       +
             });

     

       25
       25
       +
         });

     

       26
       26
       +
       </script>