Update content/about.md

include details about HNS

README.md

@@ -2,4 +2,34 @@
 
 Ryan's personal website
 
-Built with [Nuxt.js](https://nuxt.com)
+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,6 +28,16 @@
     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');
@@ -42,6 +52,7 @@
 }
 
 [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;
@@ -49,7 +60,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,7 +11,9 @@
       color: $ft-color;
       text-decoration: none;
 
-      &:hover { cursor: text }
+      &:hover {
+        cursor: text;
+      }
     }
   }
 
@@ -75,10 +77,12 @@
   }
   
   .address {
-    width: 65%;
     font-size: .8rem;
     margin: 6px 0 0 0;
-    overflow-wrap: break-word;
+
+    text-overflow: ellipsis;
+    overflow: hidden; 
+    white-space: nowrap;
   }
 }
 
@@ -87,11 +91,11 @@
   .blog,
   .donate,
   .contact {
-    padding: 3rem 3rem 3rem 2rem;
+    padding: 3rem 4rem 3rem 2rem;
   }
 
   .donate .address {
-    width: calc(100vw - 5rem); 
+    width: calc(100vw - 4rem); 
   }
 
 }

assets/style/pages/_index.scss

@@ -31,8 +31,7 @@
         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 8rem;
+  padding: 0 5rem 4rem;
 
   img {
     width: 100%;

content/about.md

@@ -11,12 +11,7 @@ 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 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>.
--->
+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>.
 
 <!---
 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="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.
+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.

content/donate.md

@@ -5,16 +5,13 @@ slug: donate
 
 ## Donate.
 
-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.
+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.
 
-Bitcoin (<a class="qr" href="/donate/btc.png" target="_BLANK">QR</a>):
-<p class="address">bc1qzfwww6y427hc50nqymlvz072kz2vl6zxzqpxm0</p>
+Bitcoin (<a class="qr" href="/img/bitcoin.jpg">QR</a>):
+<p class="address">1GCs7LvxUAArBq4kWHKkV4s1zU6YAn5yaA</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>
+Monero (<a class="qr" href="/img/monero.jpg">QR</a>):
+<p class="address">44nyPeCjHXZBZqke86pSKvHHCXsSDUG4qDrgkz5XsUg48MUM2NdjKftSMUULcsMZcuWf1FtWR9qhGTrvGFaQ1T7KQWRAUP8</p>
 
 Shipping address:
 <p class="address">PO Box 175 Rexford, NY 12148</p>

content/projects/.!.template.md

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