commit acef47aab144dbbc41f5e21e8c4fda40b3bdde7b · dunkirk.sh/zera

sass/css/mods.css

···

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

     

       266
       266
        
       }

     

       267
       267
        
       

     

       268
       268
       +
       #time-ago {

     

       269
       269
       +
           font-weight: normal;

     

       270
       270
       +
           font-size: 0.8rem;

     

       271
       271
       +
       }

     

       272
       272
       +
       

     

       268
       273
        
       :root {

     

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

     

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

+32 -1

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>

     

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

     

       3
       3
        
       </div>

     

       4
       4
        
       

     

       5
       5
        
       <script>

     
···

       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
       +
                 // Calculate and display time ago

     

       22
       22
       +
                 if (statusData.records[0].value.createdAt) {

     

       23
       23
       +
                   const createdDate = new Date(statusData.records[0].value.createdAt);

     

       24
       24
       +
                   const now = new Date();

     

       25
       25
       +
                   const diffInMs = now - createdDate;

     

       26
       26
       +
                   const diffInMins = Math.floor(diffInMs / (1000 * 60));

     

       27
       27
       +
                   const diffInHours = Math.floor(diffInMs / (1000 * 60 * 60));

     

       28
       28
       +
                   const diffInDays = Math.floor(diffInMs / (1000 * 60 * 60 * 24));

     

       29
       29
       +
       

     

       30
       30
       +
                   let timeAgoText;

     

       31
       31
       +
                   if (diffInMins < 1) {

     

       32
       32
       +
                     timeAgoText = "just now";

     

       33
       33
       +
                   } else if (diffInMins < 30) {

     

       34
       34
       +
                     timeAgoText = `in the last ${diffInMins} minute${diffInMins === 1 ? '' : 's'}`;

     

       35
       35
       +
                   } else if (diffInMins < 60) {

     

       36
       36
       +
                     timeAgoText = `${diffInMins} minute${diffInMins === 1 ? '' : 's'} ago`;

     

       37
       37
       +
                   } else if (diffInHours < 24) {

     

       38
       38
       +
                     timeAgoText = `${diffInHours} hour${diffInHours === 1 ? '' : 's'} ago`;

     

       39
       39
       +
                   } else {

     

       40
       40
       +
                     timeAgoText = `${diffInDays} day${diffInDays === 1 ? '' : 's'} ago`;

     

       41
       41
       +
                   }

     

       42
       42
       +
       

     

       43
       43
       +
                   document.getElementById("time-ago").textContent = timeAgoText;

     

       44
       44
       +
       

     

       45
       45
       +
                   // Change "is" to "was" if more than 30 minutes old

     

       46
       46
       +
                   const verbLink = document.getElementById("verb-link");

     

       47
       47
       +
                   if (diffInMins > 30) {

     

       48
       48
       +
                     verbLink.textContent = "Kieran was";

     

       49
       49
       +
                   }

     

       50
       50
       +
                 }

     

       20
       51
        
               }

     

       21
       52
        
             })

     

       22
       53
        
             .catch((error) => {