diff --git a/_includes/liberapay.html b/_includes/liberapay.html
new file mode 100644
index 0000000..f53f6f2
--- /dev/null
+++ b/_includes/liberapay.html
@@ -0,0 +1,3 @@
+<!-- BEGIN liberapay.html -->
+<a href="https://liberapay.com/Sakrecoer/donate" rel="noopener noreferrer nofollow"><img alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg"></a>
+<!-- END liberapay.html -->
diff --git a/_sass/main.scss b/_sass/main.scss
index f916433..324eb41 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -411,4 +411,4 @@ min-height: 80vh;
   max-width: 300px;
   max-height: 300px;
 
-}
\ No newline at end of file
+}
diff --git a/about/index.html b/about/index.html
index c526927..a807120 100644
--- a/about/index.html
+++ b/about/index.html
@@ -8,6 +8,7 @@ layout: default
   <div class="pivot">
     <a href="{{ site.baseurl }}/"><h2>About</h2></a>
     <h1>Sakrecoer</h1>
+    {% include liberapay.html %}
   </div>
   <div class="fullscreen-bg">
     <video loop muted autoplay poster="{{ site.baseurl }}/assets/img/sakrecoer-logo.svg" class="fullscreen-bg__video">
diff --git a/assets/img/donate.svg b/assets/img/donate.svg
new file mode 100644
index 0000000..1ca05be
--- /dev/null
+++ b/assets/img/donate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="83" height="30"><rect id="back" fill="#f6c915" x="1" y=".5" width="82" height="29" rx="4"/><svg viewBox="0 0 80 80" height="16" width="16" x="7" y="7"><g transform="translate(-78.37-208.06)" fill="#1a171b"><path d="m104.28 271.1c-3.571 0-6.373-.466-8.41-1.396-2.037-.93-3.495-2.199-4.375-3.809-.88-1.609-1.308-3.457-1.282-5.544.025-2.086.313-4.311.868-6.675l9.579-40.05 11.69-1.81-10.484 43.44c-.202.905-.314 1.735-.339 2.489-.026.754.113 1.421.415 1.999.302.579.817 1.044 1.546 1.395.729.353 1.747.579 3.055.679l-2.263 9.278"/><path d="m146.52 246.14c0 3.671-.604 7.03-1.811 10.07-1.207 3.043-2.879 5.669-5.01 7.881-2.138 2.213-4.702 3.935-7.693 5.167-2.992 1.231-6.248 1.848-9.767 1.848-1.71 0-3.42-.151-5.129-.453l-3.394 13.651h-11.162l12.52-52.19c2.01-.603 4.311-1.143 6.901-1.622 2.589-.477 5.393-.716 8.41-.716 2.815 0 5.242.428 7.278 1.282 2.037.855 3.708 2.024 5.02 3.507 1.307 1.484 2.274 3.219 2.904 5.205.627 1.987.942 4.11.942 6.373m-27.378 15.461c.854.202 1.91.302 3.167.302 1.961 0 3.746-.364 5.355-1.094 1.609-.728 2.979-1.747 4.111-3.055 1.131-1.307 2.01-2.877 2.64-4.714.628-1.835.943-3.858.943-6.071 0-2.161-.479-3.998-1.433-5.506-.956-1.508-2.615-2.263-4.978-2.263-1.61 0-3.118.151-4.525.453l-5.28 21.948"/></g></svg><text fill="#1a171b" text-anchor="middle" font-family="Helvetica Neue,Helvetica,Arial,sans-serif" font-weight="700" font-size="14" x="50" y="20">Donate</text></svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index 2753771..c6769b8 100644
--- a/index.html
+++ b/index.html
@@ -11,6 +11,7 @@ webm_path: /assets/vi/0001-0076.webm
     <h1>{{ site.title }}</h1>
     <h2>{{ page.title }}</h2>
     <h2>{{ page.description }}</h2>
+    {% include liberapay.html %}
   </div>
   <div class="pivot">
     <h2>You are here</h2>
diff --git a/music.html b/music.html
index 7f8b938..f215445 100644
--- a/music.html
+++ b/music.html
@@ -13,6 +13,7 @@ image: /assets/img/world.svg
        
       <a href="{{ site.baseurl }}/"><h2>Sakrecoer</h2></a>
       <h1>Music</h1>
+      {% include liberapay.html %}
     </div>