Add 200x40 version of site button

helenclx · Sep 7, 2024 · 3334c03 · 3334c03
1 parent cf0de22
commit 3334c03
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 6 deletions.
diff --git a/src/_includes/global/footer.njk b/src/_includes/global/footer.njk
@@ -1,5 +1,8 @@
 <footer class="footer">
-    <img src="/assets/icons/helenchong-88x31.png" alt="Helen Chong's 88x31 website button" width="88" height="31">
+    <div class="widgets site-btns">
+        <img src="/assets/icons/helenchong-88x31.png" alt="Helen Chong's 88×31 website button" width="88" height="31">
+        <img src="/assets/icons/helenchong-200x40.png" alt="Helen Chong's 200×40 website button" width="200" height="40">
+    </div>
 
     {% include "global/socials.njk" %}
 
@@ -33,6 +36,4 @@
         align-tems: center;
         box-shadow: var(--bs-footer);
     }
-
-    .footer img { margin: 0 auto 0.8em; }
 {% endcss %}
diff --git a/src/assets/css/components.css b/src/assets/css/components.css
@@ -37,6 +37,12 @@
     padding-left: 0.5em;
 }
 
+/* Site buttons */
+.site-btns {
+    align-items: center;
+    gap: 0.5em;
+}
+
 /* Breadcumbs */
 .breadcrumbs {
     list-style-type: "";

diff --git a/src/assets/css/general.css b/src/assets/css/general.css
@@ -24,7 +24,6 @@ h4 { font-size: var(--fs-h4); }
 h2:has(+ *[class]:not(.heading-anchor)), .h2:has(+ *[class]),
 h3:has(+ *[class]:not(.heading-anchor)), .h3:has(+ *[class]) { margin-bottom: 0.5em; }
 
-img, picture { height: auto; }
 :focus { outline: 0.15em solid currentColor; }
 
 code {

diff --git a/src/assets/css/socials.css b/src/assets/css/socials.css
@@ -1,8 +1,9 @@
 /* Socials Style */
 .socials {
     grid-area: scial;
-    justify-self: center;
-    margin: 0 auto;
+    display: grid;
+    place-content: center;
+    margin-top: 0.7em;
 }
 
 .socials__links {

diff --git a/src/assets/icons/helenchong-200x40.png b/src/assets/icons/helenchong-200x40.png