From 06b95be3dbb0e77c81f2368dfc4bee6979401c7b Mon Sep 17 00:00:00 2001
From: nekobit <nekobit@noemail.net>
Date: Sun, 19 Jun 2022 06:03:04 +0000
Subject: [PATCH] Lazy loading everywhere

FossilOrigin-Name: f3e381d50ca906f7b9a28b6bdbfe8e5e36b2478206166a69c981bdaf7f1bd991
---
 dist/treebird20.css             | 2 +-
 src/base_page.c                 | 2 +-
 src/emoji.c                     | 2 +-
 static/account_sidebar.tmpl     | 2 +-
 static/attachment_image.tmpl    | 2 +-
 static/notification.tmpl        | 2 +-
 static/notification_action.tmpl | 2 +-
 static/status.tmpl              | 2 +-
 8 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/dist/treebird20.css b/dist/treebird20.css
index 8db091c..09944df 100644
--- a/dist/treebird20.css
+++ b/dist/treebird20.css
@@ -22,7 +22,7 @@ body
     background-attachment: fixed !important;
     background-size: cover !important;
     background-color: unset;
-    font-family: Arial, Helvetica, sans-serif;
+    font-family: sans-serif, Arial, Helvetica;
     min-height: 100%;
     color: #040404;
     
diff --git a/src/base_page.c b/src/base_page.c
index d9ea31c..7d8664a 100644
--- a/src/base_page.c
+++ b/src/base_page.c
@@ -40,7 +40,7 @@ void render_base_page(struct base_page* page, struct session* ssn, mastodont_t*
     char* cookie = getenv("HTTP_COOKIE");
     enum l10n_locale locale = l10n_normalize(ssn->config.lang);
     const char* login_string = "<a href=\"login\" id=\"login-header\">Login / Register</a>";
-    const char* sidebar_embed = "<iframe class=\"sidebar-frame\" src=\"/notifications_compact\"></iframe>";
+    const char* sidebar_embed = "<iframe class=\"sidebar-frame\" loading=\"lazy\" src=\"/notifications_compact\"></iframe>";
     char* background_url_css = NULL;
     // Sidebar
     char* sidebar_str,
diff --git a/src/emoji.c b/src/emoji.c
index 76e8c7d..e60f922 100644
--- a/src/emoji.c
+++ b/src/emoji.c
@@ -48,7 +48,7 @@ char* emojify(char* content, struct mstdnt_emoji* emos, size_t emos_len)
         coloned[sc_len+1] = ':';
         coloned[sc_len+2] = '\0';
 
-        easprintf(&emoji_url_str, "<img class=\"emoji\" src=\"%s\">", emos[i].url);
+        easprintf(&emoji_url_str, "<img class=\"emoji\" src=\"%s\" loading=\"lazy\">", emos[i].url);
         
         res = strrepl(res, coloned, emoji_url_str, STRREPL_ALL);
         if (oldres != content && res != oldres) free(oldres);
diff --git a/static/account_sidebar.tmpl b/static/account_sidebar.tmpl
index ad23367..39b6885 100644
--- a/static/account_sidebar.tmpl
+++ b/static/account_sidebar.tmpl
@@ -1,6 +1,6 @@
 <div class="account-sidebar">
   <div class="acct-info">
-    <img src="{{%s:avatar}}" class="acct-pfp">
+    <img src="{{%s:avatar}}" class="acct-pfp" loading="lazy">
     <span class="username">{{%s:username}}</span>
   </div>
   <table class="acct-stats">
diff --git a/static/attachment_image.tmpl b/static/attachment_image.tmpl
index ce76c30..ec75542 100644
--- a/static/attachment_image.tmpl
+++ b/static/attachment_image.tmpl
@@ -1,4 +1,4 @@
 <div class="attachment-container attachment-img">
-  <img width="256" src="{{%s:src}}">
+  <img width="256" src="{{%s:src}}" loading="lazy">
   {{%s:sensitive}}
 </div>
diff --git a/static/notification.tmpl b/static/notification.tmpl
index a387e99..0dcbf63 100644
--- a/static/notification.tmpl
+++ b/static/notification.tmpl
@@ -1,5 +1,5 @@
 <div class="notification-info">
-  <img src="{{%s:avatar}}">
+  <img src="{{%s:avatar}}" loading="lazy">
   <div class="notification-user">
     <span class="notification-text-group-with-icon">
       <span class="username">{{%s:username}}</span>
diff --git a/static/notification_action.tmpl b/static/notification_action.tmpl
index a07b148..31e40fb 100644
--- a/static/notification_action.tmpl
+++ b/static/notification_action.tmpl
@@ -1,7 +1,7 @@
 <table class="notification notification-regular ui-table">
   <tr>
     <td class="pfp-td">
-      <img src="{{%s:avatar}}">
+      <img src="{{%s:avatar}}" loading="lazy">
     </td>
     <td class="notification-table-bit">
       <table class="ui-table">
diff --git a/static/status.tmpl b/static/status.tmpl
index df09286..734bf30 100644
--- a/static/status.tmpl
+++ b/static/status.tmpl
@@ -4,7 +4,7 @@
   <table id="{{%s:status_id}}" class="status-table ui-table">
     <tr>
       <td class="pfp-td {{%s:is_cat}} {{%s:is_bun}}">
-        <img src="{{%s:avatar}}">
+        <img src="{{%s:avatar}}" loading="lazy">
       </td>
       <td class="status-info">
         <div class="poster-stats">