Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

add sign up button

  • Loading branch information...
commit e6ad61fdee912b988ac7a072f52a1c688f8a1b42 1 parent 32d5f87
Adam Bachman authored

Showing 2 changed files with 80 additions and 12 deletions. Show diff stats Hide diff stats

  1. +68 1 css/application.css
  2. +12 11 index.html
69 css/application.css
@@ -31,7 +31,7 @@
31 31 footer p { font-size: 13px; padding-top: 30px; }
32 32 footer p small { font-size: 11px; }
33 33
34   -/*-------------------------------------------
  34 +/*-------------------------------------------
35 35 Global
36 36 -------------------------------------------*/
37 37 .left { float: left; }
@@ -101,6 +101,73 @@
101 101 .attendees li a:hover { background-color: #AF9F7D; background-color: rgba(106, 92, 66, 0.25); color: #000; }
102 102 #ribbon { height: 40px; text-align: center; color: #9b8c6f; font-size: 18px; line-height: 40px; }
103 103
  104 +
  105 +
  106 +/* Twitter bootstrap button */
  107 + .btn {
  108 + display: inline-block;
  109 + background-color: #e6e6e6;
  110 + background-repeat: no-repeat;
  111 + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(0.25, #ffffff), to(#e6e6e6));
  112 + background-image: -webkit-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  113 + background-image: -moz-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  114 + background-image: -ms-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  115 + background-image: -o-linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  116 + background-image: linear-gradient(#ffffff, #ffffff 0.25, #e6e6e6);
  117 + padding: 4px 14px;
  118 + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  119 + color: #333;
  120 + font-size: 13px;
  121 + line-height: 18px;
  122 + border: 1px solid #ccc;
  123 + border-bottom-color: #bbb;
  124 + -webkit-border-radius: 4px;
  125 + -moz-border-radius: 4px;
  126 + border-radius: 4px;
  127 + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  128 + -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  129 + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  130 + text-decoration: none;
  131 + }
  132 +
  133 + .btn:hover {
  134 + background-position: 0 -15px;
  135 + color: #333;
  136 + text-decoration: none;
  137 + }
  138 +
  139 + .btn {
  140 + -webkit-transition: 0.1s linear all;
  141 + -moz-transition: 0.1s linear all;
  142 + transition: 0.1s linear all;
  143 + }
  144 +
  145 + .btn.large {
  146 + font-size: 20px;
  147 + line-height: 32px;
  148 + -webkit-border-radius: 6px;
  149 + -moz-border-radius: 6px;
  150 + border-radius: 6px;
  151 + }
  152 +
  153 + /* http://charliepark.org/bootstrap_buttons/ */
  154 + .btn-signup {
  155 + background-color: hsl(35, 51%, 31%) !important;
  156 + background-repeat: repeat-x;
  157 + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bc873d", endColorstr="#775526");
  158 + background-image: -khtml-gradient(linear, left top, left bottom, from(#bc873d), to(#775526));
  159 + background-image: -moz-linear-gradient(top, #bc873d, #775526);
  160 + background-image: -ms-linear-gradient(top, #bc873d, #775526);
  161 + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bc873d), color-stop(100%, #775526));
  162 + background-image: -webkit-linear-gradient(top, #bc873d, #775526);
  163 + background-image: -o-linear-gradient(top, #bc873d, #775526);
  164 + background-image: linear-gradient(#bc873d, #775526);
  165 + border-color: #775526 #775526 hsl(35, 51%, 26.5%);
  166 + color: #fff !important;
  167 + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.29);
  168 + -webkit-font-smoothing: antialiased;
  169 + }
  170 +
104 171 /*-------------------------------------------
105 172 iPhone
106 173 -------------------------------------------*/
23 index.html
@@ -99,17 +99,18 @@
99 99
100 100 <div class="column">
101 101 <h2>How do I participate?</h2>
102   -
103   - <p>
104   - You can register on its <a href="http://baltimorehackathon2012.eventbrite.com"> Eventbrite page </a>!
105   - </p>
106   - <!--
107   - <p>
108   - You can register for the event on its <a href="http://bhat2.eventbrite.com">EventBrite page</a>
109   - </p>
110   -
111   - <p><a href="http://bhat2.eventbrite.com" class="button">Sign Up</a></p>
112   - -->
  102 + <p>
  103 + <a class='btn large btn-signup' href="http://baltimorehackathon2012.eventbrite.com">
  104 + Sign Up Here!
  105 + </a>
  106 + </p>
  107 +
  108 + <p>
  109 + You can register at
  110 + <a href="http://baltimorehackathon2012.eventbrite.com">the Baltimore Hackathon
  111 + Eventbrite page</a> and then show up at the event. Come with a
  112 + team or find one when you get there.
  113 + </p>
113 114 </div>
114 115
115 116 <br class="clear" />

1 comment on commit e6ad61f

Kafu Chau
kchau commented on e6ad61f

Does the button look better aligned in the center of the column? If you think so, can you also change that?

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