Skip to content
This repository
Browse code

Merge pull request #42 from craigcook/mdn

Bug 694233 - Promote the webdev get involved page on MDN web documentation
  • Loading branch information...
commit e17b39c178f7115d5d616a14702bf0dc285e9bec 2 parents 1686272 + 5484930
luke crouch authored
10  apps/landing/templates/landing/web.html
@@ -121,6 +121,16 @@ <h4 class="entry-title"><a href="{{ devmo_url(_('/en/DOM')) }}" rel="bookmark">{
121 121
   </section>{# /#content-main #}
122 122
 
123 123
   <aside id="content-sub" role="complementary">
  124
+  
  125
+    <div class="module help">
  126
+      <h3>{{ _('Help on Mozilla Websites!') }}</h3>
  127
+      {% trans mdn_getinvolved_href="https://wiki.mozilla.org/Webdev/MDN/GetInvolved", webdev_getinvolved_href="https://blog.mozilla.com/webdev/get-involved/"%}
  128
+      <p>Did you know Mozilla's websites are open-source? We want you to build sites like MDN with us. Thank you for helping us help you help us all.</p>
  129
+      <p><a href="{{ mdn_getinvolved_href }}" class="go">Get involved with MDN</a></p>
  130
+      <p><a href="{{ webdev_getinvolved_href }}" class="go">Get involved with Mozilla Webdev</a></p>
  131
+      {% endtrans %}
  132
+    </div>
  133
+
124 134
     <figure class="promo banner">
125 135
       <a href="http://webfwd.org" rel="external">
126 136
         <img src="{{MEDIA_URL}}img/webfwd-promo-square.png" width="235" height="205" alt="Web Fwd: Mozilla's accelerator for open Web projects. Learn more.">
37  media/css/mdn-screen.css
@@ -581,34 +581,19 @@ ul.index a:hover, ul.index a:focus, ul.index a:active { color: #2f2f2f; text-dec
581 581
 #mdn-twitter #follow a:hover, #mdn-twitter #follow a:focus, #mdn-twitter #follow a:active { text-decoration: none; background-color: #aebfc9; }
582 582
 
583 583
 /*** @Help us *********/
584  
-#content-sub #help { border: 3px solid #f8d575; text-align: center;
585  
-  background: #f6ac22;
586  
-  background: -moz-linear-gradient(top, #e39c1d 0, #f6ac22 20%); 
587  
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e39c1d), color-stop(20%, #f6ac22));
  584
+#content-sub .help { border: 3px solid #f8d575;
  585
+  background: #f2a81d;
  586
+  background: -moz-linear-gradient(top, #e39c1d 0, #f2a81d 20%);
  587
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e39c1d), color-stop(20%, #f2a81d));
588 588
   background: linear-gradient(top, #e39c1d 0, #f6ac22 20%);
589  
-  -moz-box-shadow: 0 3px 0 #bf8c4f, inset 0 2px 2px rgba(0,0,0,.2); 
590  
-  -webkit-box-shadow: 0 3px 0 #bf8c4f, inset 0 2px 2px rgba(0,0,0,.2); 
591  
-  box-shadow: 0 3px 0 #bf8c4f, inset 0 2px 2px rgba(0,0,0,.2);  
592  
-}
593  
-#content-sub #help h3 { margin: 0 0 5px; color: #fff; font: 200 44px/1 "Bebas Neue", "League Gothic", Haettenschweiler, "Arial Narrow", sans-serif; text-transform: uppercase; letter-spacing: .5px; text-shadow: 0 5px 0 #924b09; }
594  
-#content-sub #help p { margin: 0 0 5px; color: #630; font: bold italic .857em Georgia, Times, "Times New Roman", serif; }
595  
-#content-sub #help .go { display: block; padding: 8px 16px; width: 60%; margin: 10px auto 0; border: 1px solid #e19e20; font: 200 1.285em/1.2 Impact, Haettenschweiler, "Bebas Neue", "League Gothic", "Arial Narrow", sans-serif; text-transform: uppercase; letter-spacing: .5px; color: #82460b;
596  
-  text-shadow: -1px -1px 1px #fff; 
597  
-  background: #f4cb6c;
598  
-  background: -moz-linear-gradient(top, #f9e5ac 0, #f2c051 100%); 
599  
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9e5ac), color-stop(100%, #f2c051));
600  
-  background: linear-gradient(top, #f9e5ac 0, #f2c051 100%);
601  
-  -moz-box-shadow: 0 3px 0 #924b09; 
602  
-  -webkit-box-shadow: 0 3px 0 #924b09; 
603  
-  box-shadow: 0 3px 0 #924b09; 
604  
-}
605  
-#content-sub #help .go:after { content: ""; }
606  
-#content-sub #help .go:hover, #content-sub #help .go:focus, #content-sub #help .go:active { text-decoration: none; color: #894302;
607  
-  background: #ffd063;
608  
-  background: -moz-linear-gradient(top, #fff0c4 0, #f7c75e 100%); 
609  
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9e5ac), color-stop(100%, #f2c051));
610  
-  background: linear-gradient(top, #f9e5ac 0, #f2c051 100%);
  589
+  -moz-box-shadow: 0 3px 0 #bf8c4f, inset 0 2px 2px rgba(0,0,0,.2);
  590
+  -webkit-box-shadow: 0 3px 0 #bf8c4f, inset 0 2px 2px rgba(0,0,0,.2);
  591
+  box-shadow: 0 3px 0 #bf8c4f, inset 0 2px 2px rgba(0,0,0,.2);
611 592
 }
  593
+#content-sub .help h3 { margin: 0 0 .15em; color: #fff; text-align: center; font: 200 32px/1 "Bebas Neue", "League Gothic", Haettenschweiler, "Arial Narrow", sans-serif; text-transform: uppercase; letter-spacing: .5px; text-shadow: 0 5px 0 #924b09; }
  594
+#content-sub .help p { margin: 0 0 .5em; color: #630; font: bold italic .857em Georgia, Times, "Times New Roman", serif; }
  595
+#content-sub .help .go { color: #fff; font-size: 1.142em; line-height: 1; text-shadow: 0 2px 1px #924b09; display: inline-block; padding: 4px 6px; margin: 0 -6px; -moz-transition: ease .5s background; -webkit-transition: ease .5s background; transition: ease .5s background; }
  596
+#content-sub .help .go:hover, #content-sub .help .go:focus { text-decoration: none; background: #e2921f; background: rgba(146,75,9,.2); border-radius: 5px; -moz-transition: ease .15s background; -webkit-transition: ease .5s background; transition: ease .5s background; }
612 597
 
613 598
 /*** @Contact form *********/
614 599
 #content-sub #contact { background: #cdc9bb; border-bottom-color: #afa894; }

0 notes on commit e17b39c

Please sign in to comment.
Something went wrong with that request. Please try again.