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.

Author: CylonicRaider

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;

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')} />

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%);