From f535468f563f5badc6f4559b5dcb29592a4c4015 Mon Sep 17 00:00:00 2001
From: CylonicRaider <CylonicRaider@users.noreply.github.com>
Date: Wed, 7 Dec 2016 22:30:40 +0100
Subject: [PATCH 1/9] Add donation link to static pages

---
 client/site/common/Footer.js   |  8 +++++++-
 client/site/common/MainPage.js |  5 ++++-
 client/site/home.js            |  2 +-
 client/site/site.less          | 19 ++++++++++++++++++-
 4 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/client/site/common/Footer.js b/client/site/common/Footer.js
index 77df33a1..cef14e2f 100644
--- a/client/site/common/Footer.js
+++ b/client/site/common/Footer.js
@@ -3,7 +3,7 @@ import React from 'react'
 import heimURL from '../../lib/heimURL'
 
 
-export default function Footer() {
+export default function Footer(props) {
   return (
     <footer>
       <div className="container">
@@ -17,7 +17,13 @@ export default function Footer() {
         <a href="https://github.com/euphoria-io/heim"><span className="long">source </span>code</a>
         <a href="http://andeuphoria.tumblr.com/">blog</a>
         <a href="mailto:hi@euphoria.io">contact</a>
+        {props.noDonation || <span className="spacer" />}
+        {props.noDonation || <a href="https://patreon.com/euphoriachat">support us!</a>}
       </div>
     </footer>
   )
 }
+
+Footer.propTypes = {
+  noDonation: React.PropTypes.bool,
+}
diff --git a/client/site/common/MainPage.js b/client/site/common/MainPage.js
index 53b6278b..54d9af13 100644
--- a/client/site/common/MainPage.js
+++ b/client/site/common/MainPage.js
@@ -12,7 +12,8 @@ export default function MainPage(props) {
       <div className="container main">
         {props.children}
       </div>
-      <Footer />
+      {props.bottom && props.bottom}
+      <Footer noDonation={props.noDonation}/>
     </Page>
   )
 }
@@ -23,4 +24,6 @@ MainPage.propTypes = {
   heimPage: React.PropTypes.string,
   nav: React.PropTypes.node,
   children: React.PropTypes.node,
+  bottom: React.PropTypes.node,
+  noDonation: React.PropTypes.bool,
 }
diff --git a/client/site/home.js b/client/site/home.js
index ebc13c7d..d1dd6515 100644
--- a/client/site/home.js
+++ b/client/site/home.js
@@ -5,7 +5,7 @@ import heimURL from '../lib/heimURL'
 
 
 module.exports = (
-  <MainPage title="euphoria!" className="welcome">
+  <MainPage title="euphoria!" className="welcome" noDonation bottom={<div className="donation-banner"><a href="https://patreon.com/euphoriachat">Support us!</a></div>}>
     <div className="splash">
       <FancyLogo />
       <div className="info-box">
diff --git a/client/site/site.less b/client/site/site.less
index 79df6975..97667a57 100644
--- a/client/site/site.less
+++ b/client/site/site.less
@@ -219,7 +219,7 @@ body.page {
     }
 
     .spacer {
-      margin: 0 35px;
+      margin: 0 25px;
     }
 
     @media (max-width: 910px) {
@@ -663,6 +663,23 @@ body.welcome {
       }
     }
   }
+
+  .donation-banner {
+    display: flex;
+    margin-top: -40px;
+    height: 40px;
+
+    a {
+      margin: auto;
+      padding: 4px;
+      border-radius: 4px;
+      font-size: 1.25em;
+      background: white;
+      color: black;
+      text-decoration: none;
+      box-shadow: 0 0 4px fade(black, 25%);
+    }
+  }
 }
 
 body.about {

From 308696142dc84a0cb7803db1fff4f4ea07a148e9 Mon Sep 17 00:00:00 2001
From: CylonicRaider <CylonicRaider@users.noreply.github.com>
Date: Wed, 7 Dec 2016 23:15:04 +0100
Subject: [PATCH 2/9] Add donation banner to rooms

Coded closely after the notification popup; one should probably dismiss
this one globally.
---
 client/lib/main.less    | 30 ++++++++++++++++++++++++++++++
 client/lib/stores/ui.js |  9 +++++++++
 client/lib/ui/Main.js   |  9 +++++++++
 3 files changed, 48 insertions(+)

diff --git a/client/lib/main.less b/client/lib/main.less
index 5b28a5c8..4cac5ef0 100644
--- a/client/lib/main.less
+++ b/client/lib/main.less
@@ -660,6 +660,36 @@ iframe.js {
       background: @brand-color;
     }
 
+    &.donations {
+      background: @brand-color;
+      animation: rotate-color 30s linear infinite;
+
+      .content .actions button {
+        color: black;
+      }
+
+      @keyframes rotate-color {
+        from {
+          background: #d95d3f;
+        }
+        20% {
+          background: #f29526;
+        }
+        40% {
+          background: #5abe6b;
+        }
+        60% {
+          background: #4d97cb;
+        }
+        80% {
+          background: #7f62b6;
+        }
+        to {
+          background: #d95d3f;
+        }
+      }
+    }
+
     .content {
       flex: 1;
       display: flex;
diff --git a/client/lib/stores/ui.js b/client/lib/stores/ui.js
index 7cd2d263..efaeec10 100644
--- a/client/lib/stores/ui.js
+++ b/client/lib/stores/ui.js
@@ -317,6 +317,7 @@ const store = module.exports.store = Reflux.createStore({
       draggingToolboxSelectionToggle: null,
       notices: Immutable.OrderedSet(),
       notificationsNoticeDismissed: false,
+      donationsNoticeDismissed: false,
       modalDialog: null,
     }
 
@@ -336,6 +337,7 @@ const store = module.exports.store = Reflux.createStore({
     this.state.infoPaneExpanded = _.get(data, ['room', this.chatState.roomName, 'infoPaneExpanded'], false)
     this.state.sidebarPaneExpanded = _.get(data, ['room', this.chatState.roomName, 'sidebarPaneExpanded'], true)
     this.state.notificationsNoticeDismissed = _.get(data, ['room', this.chatState.roomName, 'notificationsNoticeDismissed'], false)
+    this.state.donationsNoticeDismissed = _.get(data, ['room', this.chatState.roomName, 'donationsNoticeDismissed'], false)
     this._updateNotices()
     this.trigger(this.state)
   },
@@ -361,6 +363,11 @@ const store = module.exports.store = Reflux.createStore({
     } else {
       this.state.notices = this.state.notices.delete('notifications')
     }
+    if (! this.state.donationsNoticeDismissed) {
+      this.state.notices = this.state.notices.add('donations')
+    } else {
+      this.state.notices = this.state.notices.delete('donations')
+    }
   },
 
   setUISize(width, height) {
@@ -690,6 +697,8 @@ const store = module.exports.store = Reflux.createStore({
   dismissNotice(name) {
     if (name === 'notifications') {
       storage.setRoom(this.chatState.roomName, 'notificationsNoticeDismissed', true)
+    } else if (name === 'donations') {
+      storage.setRoom(this.chatState.roomName, 'donationsNoticeDismissed', true)
     }
   },
 
diff --git a/client/lib/ui/Main.js b/client/lib/ui/Main.js
index 2ba937b4..2d2f9fe1 100644
--- a/client/lib/ui/Main.js
+++ b/client/lib/ui/Main.js
@@ -304,6 +304,15 @@ export default React.createClass({
               </div>}
               {pmNotices.map(pm => <PMNotice key={pm.get('kind') + pm.get('id')} pmId={pm.get('id')} nick={pm.get('nick')} kind={pm.get('kind')} />) }
               {this.state.update.get('ready') && <FastButton className="update-button" onClick={update.perform}><p>update ready<em>{Heim.isTouch ? 'tap' : 'click'} to reload</em></p></FastButton>}
+              {this.state.ui.notices.has('donations') && <div className="notice dark donations">
+                <div className="content">
+                  <span className="title">euphoria maintenance and development is enabled by</span>
+                  <span className="actions">
+                    <FastButton onClick={() => null}>your donation</FastButton>
+                  </span>
+                </div>
+                <FastButton className="close" onClick={() => ui.dismissNotice('donations')} />
+              </div>}
             </ReactCSSTransitionGroup>
             <div className="main-pane-stack">
               <ChatPane pane={this.state.ui.panes.get('main')} showTimeStamps={this.state.ui.showTimestamps} onScrollbarSize={this.onScrollbarSize} disabled={!!mainPaneThreadId} />

From 0e86ac624989e35e7a0b225c553807d174539cdd Mon Sep 17 00:00:00 2001
From: CylonicRaider <CylonicRaider@users.noreply.github.com>
Date: Sun, 11 Dec 2016 11:01:45 +0100
Subject: [PATCH 3/9] Dismiss donation notice globally

---
 client/lib/stores/ui.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/lib/stores/ui.js b/client/lib/stores/ui.js
index efaeec10..5c0b85b1 100644
--- a/client/lib/stores/ui.js
+++ b/client/lib/stores/ui.js
@@ -337,7 +337,7 @@ const store = module.exports.store = Reflux.createStore({
     this.state.infoPaneExpanded = _.get(data, ['room', this.chatState.roomName, 'infoPaneExpanded'], false)
     this.state.sidebarPaneExpanded = _.get(data, ['room', this.chatState.roomName, 'sidebarPaneExpanded'], true)
     this.state.notificationsNoticeDismissed = _.get(data, ['room', this.chatState.roomName, 'notificationsNoticeDismissed'], false)
-    this.state.donationsNoticeDismissed = _.get(data, ['room', this.chatState.roomName, 'donationsNoticeDismissed'], false)
+    this.state.donationsNoticeDismissed = _.get(data, 'donationsNoticeDismissed', false)
     this._updateNotices()
     this.trigger(this.state)
   },
@@ -698,7 +698,7 @@ const store = module.exports.store = Reflux.createStore({
     if (name === 'notifications') {
       storage.setRoom(this.chatState.roomName, 'notificationsNoticeDismissed', true)
     } else if (name === 'donations') {
-      storage.setRoom(this.chatState.roomName, 'donationsNoticeDismissed', true)
+      storage.set('donationsNoticeDismissed', true)
     }
   },
 

From 57d9d5b5abd775695831bc651abe7830844a8058 Mon Sep 17 00:00:00 2001
From: CylonicRaider <CylonicRaider@users.noreply.github.com>
Date: Sun, 11 Dec 2016 12:38:27 +0100
Subject: [PATCH 4/9] Do not show donation notice on first visit

---
 client/lib/stores/donations.js | 36 ++++++++++++++++++++++++++++++++++
 client/lib/ui/Main.js          |  4 +++-
 2 files changed, 39 insertions(+), 1 deletion(-)
 create mode 100644 client/lib/stores/donations.js

diff --git a/client/lib/stores/donations.js b/client/lib/stores/donations.js
new file mode 100644
index 00000000..7777fe40
--- /dev/null
+++ b/client/lib/stores/donations.js
@@ -0,0 +1,36 @@
+import _ from 'lodash'
+import Reflux from 'reflux'
+
+import storage from './storage'
+import actions from '../actions'
+
+
+module.exports.store = Reflux.createStore({
+  init() {
+    this.state = {
+      eligible: null,
+      url: process.env.HEIM_DONATION_URL || null,
+    }
+    this.listenTo(storage.load, this.onStorageLoad)
+    this.listenTo(actions.sendMessage, this.onMessageSend)
+  },
+
+  getInitialState() {
+    return this.state
+  },
+
+  onStorageLoad() {
+    this.state.eligible = _.get(storage.store.state, 'sentMessage', false)
+    this.trigger(this.state)
+  },
+
+  onMessageSend() {
+    storage.set('sentMessage', true)
+    // Will show banner on next load
+  },
+
+  _setURL(value) {
+    this.state.url = value
+    this.trigger(this.state)
+  },
+})
diff --git a/client/lib/ui/Main.js b/client/lib/ui/Main.js
index 2d2f9fe1..548c622b 100644
--- a/client/lib/ui/Main.js
+++ b/client/lib/ui/Main.js
@@ -11,6 +11,7 @@ import update from '../stores/update'
 import hueHash from '../hueHash'
 import notification from '../stores/notification'
 import activity from '../stores/activity'
+import donations from '../stores/donations'
 import HooksMixin from './HooksMixin'
 import ChatPane from './ChatPane'
 import ChatTopBar from './ChatTopBar'
@@ -39,6 +40,7 @@ export default React.createClass({
     Reflux.connect(require('../stores/notification').store, 'notification'),
     Reflux.connect(update.store, 'update'),
     Reflux.connect(require('../stores/storage').store, 'storage'),
+    Reflux.connect(donations.store, 'donations'),
     Reflux.listenTo(ui.selectThreadInList, 'selectThreadInList'),
     Reflux.listenTo(ui.panViewTo, 'panViewTo'),
     Reflux.listenTo(ui.tabKeyCombo, 'onTabKeyCombo'),
@@ -304,7 +306,7 @@ export default React.createClass({
               </div>}
               {pmNotices.map(pm => <PMNotice key={pm.get('kind') + pm.get('id')} pmId={pm.get('id')} nick={pm.get('nick')} kind={pm.get('kind')} />) }
               {this.state.update.get('ready') && <FastButton className="update-button" onClick={update.perform}><p>update ready<em>{Heim.isTouch ? 'tap' : 'click'} to reload</em></p></FastButton>}
-              {this.state.ui.notices.has('donations') && <div className="notice dark donations">
+              {this.state.donations.eligible && this.state.donations.url && this.state.ui.notices.has('donations') && <div className="notice dark donations">
                 <div className="content">
                   <span className="title">euphoria maintenance and development is enabled by</span>
                   <span className="actions">

From a82966ea3182277f46832e83495e66dbacacad52 Mon Sep 17 00:00:00 2001
From: CylonicRaider <CylonicRaider@users.noreply.github.com>
Date: Sun, 11 Dec 2016 12:48:58 +0100
Subject: [PATCH 5/9] Open URL on donation notice click

The URL has to be configured via the HEIM_DONATION_URL environment;
the notice will not show up at all otherwise.
---
 client/lib/stores/donations.js | 6 +++++-
 client/lib/ui/Main.js          | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/client/lib/stores/donations.js b/client/lib/stores/donations.js
index 7777fe40..dc316c9a 100644
--- a/client/lib/stores/donations.js
+++ b/client/lib/stores/donations.js
@@ -5,7 +5,7 @@ import storage from './storage'
 import actions from '../actions'
 
 
-module.exports.store = Reflux.createStore({
+const store = module.exports.store = Reflux.createStore({
   init() {
     this.state = {
       eligible: null,
@@ -34,3 +34,7 @@ module.exports.store = Reflux.createStore({
     this.trigger(this.state)
   },
 })
+
+module.exports.openWindow = function openWindow() {
+  if (store.state.url) window.open(store.state.url)
+}
diff --git a/client/lib/ui/Main.js b/client/lib/ui/Main.js
index 548c622b..cfe55115 100644
--- a/client/lib/ui/Main.js
+++ b/client/lib/ui/Main.js
@@ -310,7 +310,7 @@ export default React.createClass({
                 <div className="content">
                   <span className="title">euphoria maintenance and development is enabled by</span>
                   <span className="actions">
-                    <FastButton onClick={() => null}>your donation</FastButton>
+                    <FastButton onClick={() => donations.openWindow()}>your donation</FastButton>
                   </span>
                 </div>
                 <FastButton className="close" onClick={() => ui.dismissNotice('donations')} />

From a6dbf5c6fa9d9dde8d55505275d6a65a9f593564 Mon Sep 17 00:00:00 2001
From: CylonicRaider <CylonicRaider@users.noreply.github.com>
Date: Sun, 11 Dec 2016 13:05:23 +0100
Subject: [PATCH 6/9] Refactor static pages to use HEIM_DONATION_URL

---
 client/site/common/Footer.js | 6 ++++--
 client/site/home.js          | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/client/site/common/Footer.js b/client/site/common/Footer.js
index cef14e2f..2aaa9bfe 100644
--- a/client/site/common/Footer.js
+++ b/client/site/common/Footer.js
@@ -5,6 +5,8 @@ import heimURL from '../../lib/heimURL'
 
 export default function Footer(props) {
   return (
+    const donationURL = (props.noDonation) ? null : process.env.HEIM_DONATION_URL
+
     <footer>
       <div className="container">
         <a href={heimURL('/about/terms')}>terms<span className="long"> of service</span></a>
@@ -17,8 +19,8 @@ export default function Footer(props) {
         <a href="https://github.com/euphoria-io/heim"><span className="long">source </span>code</a>
         <a href="http://andeuphoria.tumblr.com/">blog</a>
         <a href="mailto:hi@euphoria.io">contact</a>
-        {props.noDonation || <span className="spacer" />}
-        {props.noDonation || <a href="https://patreon.com/euphoriachat">support us!</a>}
+        {donationURL && <span className="spacer" />}
+        {donationURL && <a href={donationURL}>support us!</a>}
       </div>
     </footer>
   )
diff --git a/client/site/home.js b/client/site/home.js
index d1dd6515..a3ff7b0b 100644
--- a/client/site/home.js
+++ b/client/site/home.js
@@ -5,7 +5,7 @@ import heimURL from '../lib/heimURL'
 
 
 module.exports = (
-  <MainPage title="euphoria!" className="welcome" noDonation bottom={<div className="donation-banner"><a href="https://patreon.com/euphoriachat">Support us!</a></div>}>
+  <MainPage title="euphoria!" className="welcome" noDonation bottom={process.env.HEIM_DONATION_URL && <div className="donation-banner"><a href={process.env.HEIM_DONATION_URL}>Support us!</a></div>}>
     <div className="splash">
       <FancyLogo />
       <div className="info-box">

From 5f5643e8cda64827068967e42e8c67256aee08e6 Mon Sep 17 00:00:00 2001
From: CylonicRaider <CylonicRaider@users.noreply.github.com>
Date: Sun, 11 Dec 2016 13:05:34 +0100
Subject: [PATCH 7/9] Add fancy logo to front page donation button

---
 client/site/common/Footer.js   |  4 +--
 client/site/res/bronze-alt.svg | 61 ++++++++++++++++++++++++++++++++++
 client/site/site.less          | 14 ++++++--
 3 files changed, 75 insertions(+), 4 deletions(-)
 create mode 100644 client/site/res/bronze-alt.svg

diff --git a/client/site/common/Footer.js b/client/site/common/Footer.js
index 2aaa9bfe..79c2bf5e 100644
--- 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
new file mode 100644
index 00000000..4eff10bd
--- /dev/null
+++ b/client/site/res/bronze-alt.svg
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   viewBox="0 0 47.5 47.5"
+   style="enable-background:new 0 0 47.5 47.5;"
+   xml:space="preserve"
+   version="1.1"
+   id="svg2"><metadata
+     id="metadata8"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs6"><clipPath
+       id="clipPath16"
+       clipPathUnits="userSpaceOnUse"><path
+         id="path18"
+         d="M 0,38 38,38 38,0 0,0 0,38 Z" /></clipPath><linearGradient
+       id="linearGradient5783"><stop
+         style="stop-color:#6e6e6e;stop-opacity:1;"
+         offset="0"
+         id="stop5785" /><stop
+         id="stop5827"
+         offset="0.89822036"
+         style="stop-color:#373737;stop-opacity:1;" /><stop
+         style="stop-color:#393939;stop-opacity:1;"
+         offset="1"
+         id="stop5787" /></linearGradient><linearGradient
+       id="linearGradient5921"><stop
+         id="stop5923"
+         offset="0"
+         style="stop-color:#000000;stop-opacity:0;" /><stop
+         style="stop-color:#393939;stop-opacity:0;"
+         offset="0.79508531"
+         id="stop5925" /><stop
+         id="stop5927"
+         offset="1"
+         style="stop-color:#393939;stop-opacity:1;" /></linearGradient></defs><circle
+     r="23.340515"
+     cy="23.75"
+     cx="23.75"
+     id="path3372"
+     style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#8f4d14;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /><circle
+     r="21.205713"
+     cy="23.75"
+     cx="23.75"
+     id="path3372-8"
+     style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:#d3a322;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" /><path
+     id="path3004-90-9-9"
+     d="m 23.75,10.675731 c -7.198298,0 -13.073441,5.875155 -13.073441,13.07347 0,7.198314 5.875143,13.075068 13.073441,13.075068 7.198298,0 13.073441,-5.876754 13.073441,-13.075068 0,-7.198315 -5.875143,-13.07347 -13.073441,-13.07347 z m -9.302379,13.07347 18.604758,0 c 0,5.160323 -4.142067,9.303999 -9.302379,9.303999 -5.160312,0 -9.302373,-4.143676 -9.302379,-9.303999 z"
+     style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ac6912;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:3.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.66964287;marker:none;enable-background:accumulate" /><path
+     id="path3004-90-9"
+     d="m 23.75,10.675731 c -7.198298,0 -13.073441,5.875155 -13.073441,13.07347 0,7.198314 5.875143,13.075068 13.073441,13.075068 7.198298,0 13.073441,-5.876754 13.073441,-13.075068 0,-7.198315 -5.875143,-13.07347 -13.073441,-13.07347 z m -9.302379,13.07347 18.604758,0 c 0,5.160323 -4.142067,9.303999 -9.302379,9.303999 -5.160312,0 -9.302373,-4.143676 -9.302379,-9.303999 z"
+     style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ac6912;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.5;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none;enable-background:accumulate" /><circle
+     r="19.707285"
+     cy="23.75"
+     cx="23.75"
+     id="path3372-8-9"
+     style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:1;fill:none;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:2.955;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:14.30000019;stroke-dasharray:2.955,2.955;stroke-dashoffset:0;stroke-opacity:0.34375;marker:none;enable-background:accumulate" /></svg>
\ No newline at end of file
diff --git a/client/site/site.less b/client/site/site.less
index 97667a57..0f746b09 100644
--- 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;
+      }
     }
   }
 }

From 50185fd3d71e647ac34af5d6366e10b469c8373b Mon Sep 17 00:00:00 2001
From: CylonicRaider <CylonicRaider@users.noreply.github.com>
Date: Mon, 12 Dec 2016 23:29:23 +0100
Subject: [PATCH 8/9] Fix donation banner bugs

- The HEIM_DONATION_URL variable was not properly propagated into the
  build.
- The donation store would race with the localStorage one for the
  latter's load event.
---
 client/gulpfile.babel.js       | 1 +
 client/lib/stores/donations.js | 1 +
 2 files changed, 2 insertions(+)

diff --git a/client/gulpfile.babel.js b/client/gulpfile.babel.js
index 53b88fe6..3692aaa9 100644
--- a/client/gulpfile.babel.js
+++ b/client/gulpfile.babel.js
@@ -36,6 +36,7 @@ const heimOptions = {
   HEIM_PREFIX: process.env.HEIM_PREFIX || '',
   EMBED_ORIGIN: process.env.EMBED_ORIGIN,
   NODE_ENV: process.env.NODE_ENV,
+  HEIM_DONATION_URL: process.env.HEIM_DONATION_URL,
 }
 
 // via https://github.com/tblobaum/git-rev
diff --git a/client/lib/stores/donations.js b/client/lib/stores/donations.js
index dc316c9a..9d8babea 100644
--- a/client/lib/stores/donations.js
+++ b/client/lib/stores/donations.js
@@ -13,6 +13,7 @@ const store = module.exports.store = Reflux.createStore({
     }
     this.listenTo(storage.load, this.onStorageLoad)
     this.listenTo(actions.sendMessage, this.onMessageSend)
+    if (storage.store.state !== null) this.onStorageLoad()
   },
 
   getInitialState() {

From 392be76b9698861ef94db59b32db77676c516df4 Mon Sep 17 00:00:00 2001
From: CylonicRaider <CylonicRaider@users.noreply.github.com>
Date: Tue, 13 Dec 2016 12:39:10 +0100
Subject: [PATCH 9/9] Tweak donation link styles

- The front page one gets bold text and a lighter color.
- The in-room one does not embed the button into the sentence, and the
  hue rotation is slower.
---
 client/lib/main.less  | 2 +-
 client/lib/ui/Main.js | 4 ++--
 client/site/site.less | 3 ++-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/client/lib/main.less b/client/lib/main.less
index 4cac5ef0..f017dca6 100644
--- a/client/lib/main.less
+++ b/client/lib/main.less
@@ -662,7 +662,7 @@ iframe.js {
 
     &.donations {
       background: @brand-color;
-      animation: rotate-color 30s linear infinite;
+      animation: rotate-color 180s linear infinite;
 
       .content .actions button {
         color: black;
diff --git a/client/lib/ui/Main.js b/client/lib/ui/Main.js
index cfe55115..4b5ab692 100644
--- a/client/lib/ui/Main.js
+++ b/client/lib/ui/Main.js
@@ -308,9 +308,9 @@ export default React.createClass({
               {this.state.update.get('ready') && <FastButton className="update-button" onClick={update.perform}><p>update ready<em>{Heim.isTouch ? 'tap' : 'click'} to reload</em></p></FastButton>}
               {this.state.donations.eligible && this.state.donations.url && this.state.ui.notices.has('donations') && <div className="notice dark donations">
                 <div className="content">
-                  <span className="title">euphoria maintenance and development is enabled by</span>
+                  <span className="title">euphoria maintenance and development depends on you.</span>
                   <span className="actions">
-                    <FastButton onClick={() => donations.openWindow()}>your donation</FastButton>
+                    <FastButton onClick={() => donations.openWindow()}>support us</FastButton>
                   </span>
                 </div>
                 <FastButton className="close" onClick={() => ui.dismissNotice('donations')} />
diff --git a/client/site/site.less b/client/site/site.less
index 0f746b09..bea70f3f 100644
--- a/client/site/site.less
+++ b/client/site/site.less
@@ -674,8 +674,9 @@ body.welcome {
       padding: 4px;
       border-radius: 4px;
       font-size: 1.25em;
+      font-weight: bold;
       background: white;
-      color: black;
+      color: #333333;
       text-decoration: none;
       box-shadow: 0 0 4px fade(black, 25%);