Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Added contact section!

  • Loading branch information...
commit 9549dbb76895702b34e3c8e91ec9bee31fb6a5da 1 parent 642f665
authored October 10, 2012
25  css/main.css
@@ -250,7 +250,32 @@ a, a:visited, a:hover {
250 250
     letter-spacing: 4px;
251 251
 }
252 252
 
  253
+.no_decoration {
  254
+    text-decoration: none;
  255
+}
  256
+.contact {
253 257
 
  258
+}
  259
+.contact .title {
  260
+    font-size: 1.17em;
  261
+    font-weight: bold;
  262
+}
  263
+.btn {
  264
+    background-color: #F07818;
  265
+    background-image: -webkit-linear-gradient(top, #E48031, #F07818);
  266
+    border-radius: 4px;
  267
+    padding: 4px;
  268
+    /*text-shadow: #EED8B3 0px 1px 0px;*/
  269
+    color: #5E412F !important;
  270
+    box-shadow: 1px 1px 5px #2C1C13;
  271
+    margin-top: 8px;
  272
+    display: inline-block;
  273
+    cursor: pointer;
  274
+    cursor: hand;  
  275
+}
  276
+.btn:hover {
  277
+    background-image: none;
  278
+}
254 279
 
255 280
 /* ==========================================================================
256 281
    Helper classes
11  index.html
@@ -155,12 +155,17 @@ <h3 class="header">
155 155
                     <h2>resume</h2>
156 156
                     text-version coming soon
157 157
                 </div>    
158  
-                <div class="brown-back section" data-hover-buddy="contact" id="resume">
  158
+                <div class="brown-back section" data-hover-buddy="contact" id="contact">
159 159
                     <h2>contact</h2>
160  
-                    email me, call me, linked-in me(?)
  160
+                    <span class="contact">
  161
+                        <span class="title">good</span>: <a class="no_decoration btn" href="https://www.facebook.com/johnsonjeffreyr"><i class="icon-facebook-sign"></i> facebook</a><br>
  162
+                        <span class="title">better</span>: <a class="no_decoration btn" href="http://www.linkedin.com/pub/jeffrey-johnson/2a/958/476"><i class="icon-linkedin-sign"></i> linkedin</a><br>
  163
+                        <span class="title">best</span>: <a href="no spam please!" id="email_link" class="no_decoration btn"><i class="icon-envelope-alt"></i> email</a><br>
  164
+                        <br>
  165
+                    </span>
161 166
                 </div>           
162 167
             </div>
163  
-        </div>  
  168
+        </div>
164 169
 
165 170
         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
166 171
         <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.0.min.js"><\/script>')</script>
4  js/main.js
@@ -45,5 +45,9 @@
45 45
 			});
46 46
 			
47 47
 		});	    
  48
+
  49
+		// no spam please
  50
+		var email_addr = [106, 111, 104, 110, 115, 111, 110, 106, 101, 102, 102, 64, 103, 109, 97, 105, 108, 46, 99, 111, 109].map(function(v) { return String.fromCharCode(v) }).join('')
  51
+		$('#email_link').attr('title', email_addr).attr('href', 'mailto:'+email_addr)
48 52
 	});
49 53
 })();

0 notes on commit 9549dbb

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