Add fancy logo to front page donation button

euphoria-io · Dec 13, 2016 · 5f5643e · 5f5643e
1 parent a6dbf5c
commit 5f5643e
Show file tree

Hide file tree

Showing 3 changed files with 75 additions and 4 deletions.
diff --git a/client/site/common/Footer.js b/client/site/common/Footer.js
@@ -4,9 +4,9 @@ import heimURL from '../../lib/heimURL'
 
 
 export default function Footer(props) {
-  return (
-    const donationURL = (props.noDonation) ? null : process.env.HEIM_DONATION_URL
+  const donationURL = (props.noDonation) ? null : process.env.HEIM_DONATION_URL
 
+  return (
     <footer>
       <div className="container">
         <a href={heimURL('/about/terms')}>terms<span className="long"> of service</span></a>

diff --git a/client/site/res/bronze-alt.svg b/client/site/res/bronze-alt.svg
diff --git a/client/site/site.less b/client/site/site.less
@@ -666,8 +666,8 @@ body.welcome {
 
   .donation-banner {
     display: flex;
-    margin-top: -40px;
-    height: 40px;
+    margin-top: -50px;
+    height: 50px;
 
     a {
       margin: auto;
@@ -678,6 +678,16 @@ body.welcome {
       color: black;
       text-decoration: none;
       box-shadow: 0 0 4px fade(black, 25%);
+
+      &:before {
+        content: '';
+        display: inline-block;
+        width: 2em;
+        height: 2em;
+        padding-right: 0.25em;
+        vertical-align: middle;
+        background: data-uri('./res/bronze-alt.svg') no-repeat center center;
+      }
     }
   }
 }