"Fork me on GitHub".

fredwu · Jan 19, 2011 · 60a0995 · 60a0995
1 parent 0a9922f
commit 60a0995
Show file tree

Hide file tree

Showing 3 changed files with 81 additions and 16 deletions.
diff --git a/app/stylesheets/base.sass b/app/stylesheets/base.sass
@@ -1,19 +1,15 @@
 @import "reset"
 
-// --------------------
-  variables
-// --------------------
-
 $primary-colour:   #b01000
 $secondary-colour: #392a2a
 $highlight-colour: #b01000
 $shadow-colour:    #ece0d0
 $bg-header-colour: #ffeed4
 $bg-main-colour:   #fffdf8
 
-// --------------------
-  elements
-// --------------------
+/*------------------------------
+ *  elements
+ *------------------------------
 
 body, p
   font-family: "Lucida Grande", Lucida, "Helvetica Neue", Helvetica, "Myriad Pro", Verdana, Tahoma
@@ -31,9 +27,9 @@ a
     color: $highlight-colour
     text-decoration: underline
 
-// --------------------
-  supporting structures
-// --------------------
+/*------------------------------
+ *  supporting structures
+ *------------------------------
 
 #inner-wrapper
   position: relative
@@ -50,9 +46,9 @@ a
   height: 15px
   background: $secondary-colour
 
-// --------------------
-  main structures
-// --------------------
+/*------------------------------
+ *  main structures
+ *------------------------------
 
 body
   background: $bg-main-colour
@@ -221,9 +217,9 @@ body
     margin-top: 20px
     background: url("/images/crowd-footer.png") center no-repeat
 
-// --------------------
-  portrait slider
-// --------------------
+/*------------------------------
+ *  portrait slider
+ *------------------------------
 
 .nivo-controlNav
   position: absolute
@@ -241,4 +237,30 @@ body
     &.active
       background-position: 0 -20px
 
+/*------------------------------
+ *  Fork me on Github :-)
+ *------------------------------
 
+#ribbon
+  background-color: #a00
+  overflow: hidden
+  position: fixed
+  left: -3em
+  top: 2.5em
+  -moz-transform: rotate(-45deg)
+  -webkit-transform: rotate(-45deg)
+  transform: rotate(-45deg)
+  -moz-box-shadow: 0 0 1em $shadow-colour
+  -webkit-box-shadow: 0 0 1em $shadow-colour
+  box-shadow: 0 0 1em $shadow-colour
+  z-index: 999
+  a
+    border: 1px solid #faa
+    color: #fff
+    display: block
+    font: bold 81.25% 'Helvetiva Neue', Helvetica, Arial, sans-serif
+    margin: 0.05em 0 0.075em 0
+    padding: 0.5em 3.5em
+    text-align: center
+    text-decoration: none
+    text-shadow: 0 0 0.5em #444
diff --git a/app/views/layouts/application.html.slim b/app/views/layouts/application.html.slim
@@ -8,6 +8,7 @@ html
     == javascript_include_tag :jquery, :'jquery.nivo.slider.pack', :application
 
   body
+    #ribbon== link_to 'Fork me on GitHub', 'https://github.com/fredwu/rubycommitters.org'
     #wrapper
       #header-wrapper
         #inner-wrapper

diff --git a/public/stylesheets/base.css b/public/stylesheets/base.css
@@ -47,6 +47,12 @@ table {
   border-collapse: collapse;
   border-spacing: 0; }
 
+/*------------------------------
+ *  variables
+ *------------------------------ */
+/*------------------------------
+ *  elements
+ *------------------------------ */
 body, p {
   font-family: "Lucida Grande", Lucida, "Helvetica Neue", Helvetica, "Myriad Pro", Verdana, Tahoma;
   font-size: 14px;
@@ -63,6 +69,9 @@ a {
     color: #b01000;
     text-decoration: underline; }
 
+/*------------------------------
+ *  supporting structures
+ *------------------------------ */
 #inner-wrapper {
   position: relative;
   margin: 0 auto;
@@ -78,6 +87,9 @@ a {
   height: 15px;
   background: #392a2a; }
 
+/*------------------------------
+ *  main structures
+ *------------------------------ */
 body {
   background: #fffdf8; }
 
@@ -240,6 +252,9 @@ body {
     margin-top: 20px;
     background: url("/images/crowd-footer.png") center no-repeat; }
 
+/*------------------------------
+ *  portrait slider
+ *------------------------------ */
 .nivo-controlNav {
   position: absolute;
   top: 90px;
@@ -255,3 +270,30 @@ body {
     cursor: pointer; }
     .nivo-controlNav a.active {
       background-position: 0 -20px; }
+
+/*------------------------------
+ *  Fork me on Github :-)
+ *------------------------------ */
+#ribbon {
+  background-color: #aa0000;
+  overflow: hidden;
+  position: fixed;
+  left: -3em;
+  top: 2.5em;
+  -moz-transform: rotate(-45deg);
+  -webkit-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+  -moz-box-shadow: 0 0 1em #ece0d0;
+  -webkit-box-shadow: 0 0 1em #ece0d0;
+  box-shadow: 0 0 1em #ece0d0;
+  z-index: 999; }
+  #ribbon a {
+    border: 1px solid #ffaaaa;
+    color: white;
+    display: block;
+    font: bold 81.25% "Helvetiva Neue", Helvetica, Arial, sans-serif;
+    margin: 0.05em 0 0.075em 0;
+    padding: 0.5em 3.5em;
+    text-align: center;
+    text-decoration: none;
+    text-shadow: 0 0 0.5em #444444; }