feat: FreeBSD donor

9 files changed, 32 insertions, 5 deletions

diff --git a/assets/content_images/freebsd-donor.gif b/assets/content_images/freebsd-donor.gif
new file mode 100644
index 0000000..882289b
--- /dev/null
+++ b/assets/content_images/freebsd-donor.gif
diff --git a/assets/content_images/fsf-donor.png b/assets/content_images/fsf-donor.png
new file mode 100644
index 0000000..0178b12
--- /dev/null
+++ b/assets/content_images/fsf-donor.png
diff --git a/layouts/shortcodes/causes.html b/layouts/shortcodes/causes.html
index a3fed85..afc8932 100644
--- a/layouts/shortcodes/causes.html
+++ b/layouts/shortcodes/causes.html
@@ -1,5 +1,21 @@
-<center>
-  <a href="https://my.fsf.org/join?referrer=6050678" target="_blank">
-    <img src="https://static.fsf.org/nosvn/associate/crm/6050678.png" alt="I am an FSF associate" width="180" height="45">
-  </a>
-</center>
+<div class="donor">
+{{- $file := "fsf-donor.png" }}
+{{- $path := printf "content_images/%s" $file}}
+{{- $img := resources.Get $path }}
+{{- $img1x := $img.Resize "180x webp q90"}}
+
+<a href="https://freebsdfoundation.org/donate" target="_blank">
+
+<a href="https://my.fsf.org/join?referrer=6050678" target="_blank">
+  <img src="{{$img1x.Permalink}}" width="{{$img1x.Width}}" height="{{$img1x.Height}}"  alt="I am an FSF associate" width="180" height="45">
+</a>
+
+{{- $file := "freebsd-donor.gif" }}
+{{- $path := printf "content_images/%s" $file}}
+{{- $img := resources.Get $path }}
+{{- $img1x := $img.Resize "125x webp q90"}}
+
+<a href="https://freebsdfoundation.org/donate" target="_blank">
+  <img src="{{$img1x.Permalink}}" width="{{$img1x.Width}}" height="{{$img1x.Height}}"    alt="Proud Donor" title="FreeBSD Foundation Donor" >
+</a>
+</div>
diff --git a/resources/_gen/images/freebsd-donor_hu48b61e440d3da631676a30271c7fed4a_8722_1060x0_resize_q90_h2_box_1.webp b/resources/_gen/images/freebsd-donor_hu48b61e440d3da631676a30271c7fed4a_8722_1060x0_resize_q90_h2_box_1.webp
new file mode 100644
index 0000000..aa87add
--- /dev/null
+++ b/resources/_gen/images/freebsd-donor_hu48b61e440d3da631676a30271c7fed4a_8722_1060x0_resize_q90_h2_box_1.webp
diff --git a/resources/_gen/images/freebsd-donor_hu48b61e440d3da631676a30271c7fed4a_8722_112x0_resize_q90_h2_box_1.webp b/resources/_gen/images/freebsd-donor_hu48b61e440d3da631676a30271c7fed4a_8722_112x0_resize_q90_h2_box_1.webp
new file mode 100644
index 0000000..835a623
--- /dev/null
+++ b/resources/_gen/images/freebsd-donor_hu48b61e440d3da631676a30271c7fed4a_8722_112x0_resize_q90_h2_box_1.webp
diff --git a/resources/_gen/images/freebsd-donor_hu48b61e440d3da631676a30271c7fed4a_8722_125x0_resize_q90_h2_box_1.webp b/resources/_gen/images/freebsd-donor_hu48b61e440d3da631676a30271c7fed4a_8722_125x0_resize_q90_h2_box_1.webp
new file mode 100644
index 0000000..3b2ff5e
--- /dev/null
+++ b/resources/_gen/images/freebsd-donor_hu48b61e440d3da631676a30271c7fed4a_8722_125x0_resize_q90_h2_box_1.webp
diff --git a/resources/_gen/images/freebsd-donor_hu48b61e440d3da631676a30271c7fed4a_8722_534x0_resize_q90_h2_box_1.webp b/resources/_gen/images/freebsd-donor_hu48b61e440d3da631676a30271c7fed4a_8722_534x0_resize_q90_h2_box_1.webp
new file mode 100644
index 0000000..5ba674a
--- /dev/null
+++ b/resources/_gen/images/freebsd-donor_hu48b61e440d3da631676a30271c7fed4a_8722_534x0_resize_q90_h2_box_1.webp
diff --git a/resources/_gen/images/fsf-donor_hu8187f875869f645a390c7a541e4822e1_5811_180x0_resize_q90_h2_box_3.webp b/resources/_gen/images/fsf-donor_hu8187f875869f645a390c7a541e4822e1_5811_180x0_resize_q90_h2_box_3.webp
new file mode 100644
index 0000000..36163f1
--- /dev/null
+++ b/resources/_gen/images/fsf-donor_hu8187f875869f645a390c7a541e4822e1_5811_180x0_resize_q90_h2_box_3.webp
diff --git a/static/style.css b/static/style.css
index cd7ece7..b18db3c 100644
--- a/static/style.css
+++ b/static/style.css
@@ -215,3 +215,14 @@ a[href^="#fn:"]:after{ content: ']' }
     font-weight: bold;
     display: block;;
 }
+
+/* ----------- Donations */
+.donor {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+    align-content: flex-start;
+    gap: 50px;
+}