commit 769e1f3a6be06e2e35f7c3440b371c5b249aa044 · dunkirk.sh/zera

+28

sass/css/mods.css

···

       179
       179
        
           border-style: dashed;

     

       180
       180
        
       }

     

       181
       181
        
       

     

       182
       182
       +
       img.avatar {

     

       183
       183
       +
           width: 24px;

     

       184
       184
       +
           height: 24px;

     

       185
       185
       +
           aspect-ratio: 1 / 1;

     

       186
       186
       +
           border-radius: 50%;

     

       187
       187
       +
           vertical-align: middle;

     

       188
       188
       +
           display: inline-block;

     

       189
       189
       +
           border: none;

     

       190
       190
       +
           padding: 0;

     

       191
       191
       +
           margin: 0;

     

       192
       192
       +
       }

     

       193
       193
       +
       

     

       194
       194
       +
       cite {

     

       195
       195
       +
           display: inline-flex;

     

       196
       196
       +
           align-items: center;

     

       197
       197
       +
           vertical-align: middle;

     

       198
       198
       +
           gap: 0.5rem;

     

       199
       199
       +
       }

     

       200
       200
       +
       

     

       201
       201
       +
       cite a {

     

       202
       202
       +
           display: inline-flex;

     

       203
       203
       +
           align-items: center;

     

       204
       204
       +
       }

     

       205
       205
       +
       

     

       206
       206
       +
       cite a img.avatar {

     

       207
       207
       +
           margin-right: 5px;

     

       208
       208
       +
       }

     

       209
       209
       +
       

     

       182
       210
        
       :root {

     

       183
       211
        
           --nightshade-violet: oklch(0.27 0.0242 287.67);

     

       184
       212
        
           --purple-night: oklch(27.58% 0.0203 289.13);

+51

templates/shortcodes/bluesky.html

···

       1
       1
       +
       {% set profile_part = post | split(pat="profile/") | last %} {% set parts =

     

       2
       2
       +
       profile_part | split(pat="/") %} {% set handle = parts[0] %} {% set post_id =

     

       3
       3
       +
       parts[2] %} {% set api_url =

     

       4
       4
       +
       "https://public.api.bsky.app/xrpc/app.bsky.feed.getPostThread?uri=at://" ~

     

       5
       5
       +
       handle ~ "/app.bsky.feed.post/" ~ post_id %} {% set response =

     

       6
       6
       +
       load_data(url=api_url, format="json") %} {% if response.thread and

     

       7
       7
       +
       response.thread.post %} {% set post_data = response.thread.post %} {% set author

     

       8
       8
       +
       = post_data.author.displayName %} {% set handle = post_data.author.handle %} {%

     

       9
       9
       +
       set content = post_data.record.text %} {% set has_embed = post_data.embed is

     

       10
       10
       +
       defined and post_data.embed %}

     

       11
       11
       +
       <blockquote>

     

       12
       12
       +
           {{ content }} {% if has_embed and post_data.embed["$type"] ==

     

       13
       13
       +
           "app.bsky.embed.video#view" %}

     

       14
       14
       +
           <video controls poster="{{ post_data.embed.thumbnail }}">

     

       15
       15
       +
               <source

     

       16
       16
       +
                   src="{{ post_data.embed.playlist }}"

     

       17
       17
       +
                   type="application/x-mpegURL"

     

       18
       18
       +
               />

     

       19
       19
       +
           </video>

     

       20
       20
       +
           {% endif %}

     

       21
       21
       +
           <p>

     

       22
       22
       +
               <cite>

     

       23
       23
       +
                   <a href="{{ post }}" target="_blank" rel="noopener"

     

       24
       24
       +
                       ><img

     

       25
       25
       +
                           src="{{ post_data.author.avatar }}"

     

       26
       26
       +
                           alt="{{ author }}'s avatar"

     

       27
       27
       +
                           class="avatar"

     

       28
       28
       +
                       />@{{ handle }}</a

     

       29
       29
       +
                   ></cite

     

       30
       30
       +
               >

     

       31
       31
       +
           </p>

     

       32
       32
       +
       </blockquote>

     

       33
       33
       +
       {% else %}

     

       34
       34
       +
       <blockquote>

     

       35
       35
       +
           <div class="bsky-post">

     

       36
       36
       +
               <div class="bsky-post-content">"Failed to render Bluesky post"</div>

     

       37
       37
       +
               <div class="bsky-post-footer">

     

       38
       38
       +
                   <cite

     

       39
       39
       +
                       ><img

     

       40
       40
       +
                           src="/img/bluesky-logo.png"

     

       41
       41
       +
                           alt="Bluesky logo"

     

       42
       42
       +
                           class="avatar"

     

       43
       43
       +
                       />

     

       44
       44
       +
                       <a href="{{ post }}" target="_blank" rel="noopener"

     

       45
       45
       +
                           >View on Bluesky</a

     

       46
       46
       +
                       ></cite

     

       47
       47
       +
                   >

     

       48
       48
       +
               </div>

     

       49
       49
       +
           </div>

     

       50
       50
       +
       </blockquote>

     

       51
       51
       +
       {% endif %}