crypto address overflow, mobile page padding

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,12 @@
   }
   
   .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 +89,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%;