update about & donate pages

README.md

@@ -3,33 +3,3 @@
 Ryan's personal website
 
 Built with [Nuxt.js](https://nuxt.com)
-
-## Setup
-
-Make sure to install the dependencies:
-
-```bash
-# yarn
-yarn install
-```
-
-## Development Server
-
-Start the development server on `http://localhost:3000`:
-
-```bash
-# yarn
-yarn dev
-```
-
-## Production
-
-Build the application for production:
-
-```bash
-# yarn
-yarn build
-
-# yarn
-yarn preview
-```

assets/style/_fonts.scss

@@ -28,16 +28,6 @@
     url('/assets/fonts/source-sans-pro/source-sans-pro-700.woff') format('woff');
 }
 
-/* source-serif-pro-regular - latin */
-@font-face {
-  font-family: 'Source Serif Pro';
-  font-style: normal;
-  font-weight: 400;
-  src: local(''),
-    url('/assets/fonts/source-serif-pro/source-serif-pro-400.woff2') format('woff2'),
-    url('/assets/fonts/source-serif-pro/source-serif-pro-400.woff') format('woff');
-}
-
 @font-face {
   font-family: 'ryanmoon';
   src:  url('/assets/fonts/ryanmoon/ryanmoon.eot?p6u3nb');
@@ -52,7 +42,6 @@
 }
 
 [class^="icon-"], [class*=" icon-"] {
-  /* use !important to prevent issues with browser extensions that change fonts */
   font-family: 'ryanmoon' !important;
   font-style: normal;
   font-weight: normal;
@@ -60,7 +49,7 @@
   text-transform: none;
   line-height: 1;
 
-  /* Better Font Rendering =========== */
+  /* Better Font Rendering */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

assets/style/pages/_default.scss

@@ -11,9 +11,7 @@
       color: $ft-color;
       text-decoration: none;
 
-      &:hover {
-        cursor: text;
-      }
+      &:hover { cursor: text }
     }
   }
 
@@ -77,12 +75,10 @@
   }
   
   .address {
+    width: 65%;
     font-size: .8rem;
     margin: 6px 0 0 0;
-
-    text-overflow: ellipsis;
-    overflow: hidden; 
-    white-space: nowrap;
+    overflow-wrap: break-word;
   }
 }
 
@@ -91,11 +87,11 @@
   .blog,
   .donate,
   .contact {
-    padding: 3rem 4rem 3rem 2rem;
+    padding: 3rem 3rem 3rem 2rem;
   }
 
   .donate .address {
-    width: calc(100vw - 4rem); 
+    width: calc(100vw - 5rem); 
   }
 
 }

assets/style/pages/_index.scss

@@ -31,7 +31,8 @@
         margin-left: .5rem;
       }
 
-      &:hover { cursor: pointer;
+      &:hover { 
+        cursor: pointer;
         p { text-decoration: underline }
       }
     }

assets/style/pages/_projects.scss

@@ -81,7 +81,7 @@
 }
 
 .content {
-  padding: 0 5rem 4rem;
+  padding: 0 5rem 8rem;
 
   img {
     width: 100%;

content/about.md

@@ -11,7 +11,12 @@ A little bit about myself. I created my first website in 2017 for playing flash
 
 I believe in the <a href="https://www.gnu.org/philosophy/free-software-intro.en.html" target="_BLANK">free software movement</a> and the source code for my websites are available on my <a href="https://git.inspin.co/ryan" target="_BLANK">gitea</a> instance, using a GPL Licence.
 
-My development stack consist of Nuxt.js, Directus.io, PostgreSQL, and many other awesome tools. Some of my websites are also hosted using the <a href="https://handshake.org" target="_BLANK">Handshake</a> naming system such as <a href="https://ryanmoon" target="_BLANK">ryanmoon/</a>, <a href="https://dir.ectory" target="_BLANK">dir.ectory/</a>, and <a href="https://p.arked" target="_BLANK">p.arked/</a>.
+My development stack consist of Nuxt.js, Directus.io, PostgreSQL, and a few more tools. Some of my websites are also hosted using the <a href="https://handshake.org" target="_BLANK">Handshake</a> naming system such as <a href="https://ryanmoon/" target="_BLANK">ryanmoon/</a>.
+
+<!---
+ and <a href="https://dir.ectory" target="_BLANK">dir.ectory/</a>
+, <a href="https://dir.ectory" target="_BLANK">dir.ectory/</a>, and <a href="https://p.arked" target="_BLANK">p.arked/</a>.
+-->
 
 <!---
 Take a look at the <a href="/list">software and companies</a> I champion.

content/contact.md

@@ -5,4 +5,4 @@ slug: contact
 
 ## How can I help?
 
-Please feel free to email me at <a href="hello@ryanmoon.com" >hello@ryanmoon.com</a> or fill out the form below and I will get back to you as soon as possible.
+Please feel free to email me at <a href="mailto:hello@ryanmoon.com" >hello@ryanmoon.com</a> or fill out the form below and I will get back to you as soon as possible.

content/donate.md

@@ -5,13 +5,16 @@ slug: donate
 
 ## Donate.
 
-If you would like to support me and the work that I do, you can donate through Bitcoin, Monero, or by sending a gift to my Post Office Box.
+If you would like to support me and the work that I do, you can donate through BTC, HNS, XMR, or by sending a gift to my Post Office Box.
 
-Bitcoin (<a class="qr" href="/img/bitcoin.jpg">QR</a>):
-<p class="address">1GCs7LvxUAArBq4kWHKkV4s1zU6YAn5yaA</p>
+Bitcoin (<a class="qr" href="/donate/btc.png" target="_BLANK">QR</a>):
+<p class="address">bc1qzfwww6y427hc50nqymlvz072kz2vl6zxzqpxm0</p>
 
-Monero (<a class="qr" href="/img/monero.jpg">QR</a>):
-<p class="address">44nyPeCjHXZBZqke86pSKvHHCXsSDUG4qDrgkz5XsUg48MUM2NdjKftSMUULcsMZcuWf1FtWR9qhGTrvGFaQ1T7KQWRAUP8</p>
+Handshake (<a class="qr" href="/donate/hns.png" target="_BLANK">QR</a>):
+<p class="address">hs1qwuy44xhnvetw8vn84h7lyemc228nqw9xnuvv24</p>
+
+Monero (<a class="qr" href="/donate/xmr.png" target="_BLANK">QR</a>):
+<p class="address">44nTa5H9jhVSexKDhZ81DHguoHP5LkdHgSUfDz8GRrsnUQLd1aa2PNkHBSKJtjkkLBK6wCmPtDELYQowQGXrZRyHLXpvJjR</p>
 
 Shipping address:
 <p class="address">PO Box 175 Rexford, NY 12148</p>

content/projects/.!.template.md

@@ -1,5 +1,6 @@
 ---
 title: 
+project: 
 slug: 
 icon: 
 thumbnail: 
@@ -14,6 +15,7 @@ domain:
 url: 
 repo: 
 public: 
+priority: 
 ---
 
 ## Challenge