Permalink
Browse files

css-regions experiment

  • Loading branch information...
1 parent 0d172eb commit b56983bcc59190d2681f8d47915561fa362f7dea @niklasvh committed Mar 29, 2012
@@ -0,0 +1,32 @@
+
+<footer>
+ <div class="container">
+ <div class="profile">
+ <h3>Niklas von Hertzen<span>hertzen.com</span></h3>
+ <a href="https://twitter.com/niklasvh"><img src="/base/img/twitter.png" alt="Twitter" /></a>
+ <a href="https://plus.google.com/115030581977322198102/posts"><img src="/base/img/google-plus-black.png" alt="Google+" /></a>
+ <a href="https://facebook.com/vonhertzen"><img src="/base/img/facebook.png" alt="Facebook" /></a>
+ <a href="https://github.com/niklasvh"><img src="/base/img/github.png" alt="Github" /></a>
+ <a href="http://fi.linkedin.com/pub/niklas-von-hertzen/16/522/5ab"><img src="/base/img/linkedin.png" alt="LinkedIn" /></a>
+ </div>
+ </div>
+
+</footer>
+
+<script>
+
+ // google analytics
+ var _gaq = _gaq || [];_gaq.push(['_setAccount', 'UA-188600-10']);_gaq.push(['_trackPageview']);(function() {var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);})();
+ // twitter
+ !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
+ // google plus
+ (function() {
+ var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
+ po.src = 'https://apis.google.com/js/plusone.js';
+ var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
+ })();
+</script>
+
+
+</body>
+</html>
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <title>@TITLE@</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="">
+ <meta name="author" content="Niklas von Hertzen">
+
+ <!-- Le styles -->
+ <link href="/base/css/bootstrap.css" rel="stylesheet">
+ <link href="/base/css/_style.css" rel="stylesheet">
+ <style>
+ body {
+ padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
+ }
+ </style>
+
+
+ <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- Le fav and touch icons
+ <link rel="shortcut icon" href="../assets/ico/favicon.ico">
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
+ <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
+ -->
+ </head>
+
+ <body>
+
+ <div class="navbar navbar-fixed-top">
+ <div class="navbar-inner">
+ <div class="container">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+ <a class="brand" href="@URL@">@TITLE@</a>
+ <div class="nav-collapse">
+ @NAV@
+ </div><!--/.nav-collapse -->
+
+ <p class="navbar-text pull-right" style="padding-top:5px;margin-bottom:-5px;">
+
+
+
+ <a href="http://twitter.com/share" class="twitter-share-button" data-url="@URL@" data-count="horizontal" data-via="niklasvh">Tweet</a>
+
+ <!-- Place this tag where you want the +1 button to render -->
+ <g:plusone size="medium" annotation="inline" href="@URL@" width="250"></g:plusone>
+
+ </p>
+
+ </div>
+ </div>
+ </div>
+
+
View
@@ -0,0 +1,26 @@
+footer {
+-webkit-box-shadow: inset 0 10px 15px rgba(0, 0, 0, 0.1);
+-moz-box-shadow: inset 0 10px 15px rgba(0, 0, 0, 0.1);
+box-shadow: inset 0 10px 15px rgba(0, 0, 0, 0.1);
+margin-top:20px;
+background: #eee;
+padding: 30px 0;
+
+}
+
+.profile h3 {
+
+ padding-left: 50px;
+ background: url("https://secure.gravatar.com/avatar/cd2699dedd7a4c7ac0c396739a7eeec9?s=40") no-repeat;
+ height: 50px;
+ display:block;
+ line-height:20px;
+}
+
+.profile h3 span {
+ display:block;
+ font-size:11px;
+
+ font-weight:normal;
+}
+
Oops, something went wrong. Retry.

0 comments on commit b56983b

Please sign in to comment.