Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

better footer styles and adding sass

  • Loading branch information...
commit ef5ad25eacebbd0bdcfe3872710500d4220346c1 1 parent 60aabe0
@acacheung acacheung authored
View
BIN  .sass-cache/3999a4bd6f785f5e2d848b2d350a5fb0993010d4/test.sassc
Binary file not shown
View
1  Gemfile
@@ -2,3 +2,4 @@ source :rubygems
gem 'jekyll', '0.12.0'
gem 'redcarpet', '2.2.2'
+gem 'rake'
View
2  Gemfile.lock
@@ -20,6 +20,7 @@ GEM
pygments.rb (0.3.7)
posix-spawn (~> 0.3.6)
yajl-ruby (~> 1.1.0)
+ rake (10.0.3)
redcarpet (2.2.2)
syntax (1.0.0)
yajl-ruby (1.1.0)
@@ -29,4 +30,5 @@ PLATFORMS
DEPENDENCIES
jekyll (= 0.12.0)
+ rake
redcarpet (= 2.2.2)
View
15 Rakefile
@@ -0,0 +1,15 @@
+task :default do
+ pids = [
+ spawn("jekyll"),
+ spawn("sass --watch sass:stylesheets2"),
+ ]
+
+ trap "INT" do
+ Process.kill "INT", *pids
+ exit 1
+ end
+
+ loop do
+ sleep 1
+ end
+end
View
1  _config.yml
@@ -3,4 +3,5 @@ future: true
lsi: false
pygments: true
markdown: redcarpet
+server: true
permalink: date
View
29 _layouts/default.html
@@ -105,7 +105,7 @@ <h1 id='mobile-logo'>DockYard</h1>
<li><a href="http://dockyard.com/people"><span class='mobile-nav-icon'>p</span><br>People</a></li>
<li><a href="http://dockyard.com/community"><span class='mobile-nav-icon'>c</span><br>Community</a></li>
<li><a href="/"><span class='mobile-nav-icon'>b</span><br>Blog</a></li>
- <li><a href="http://dockyard.com/contact"><span class='mobile-nav-icon'>m</span><br>Contact</a></li>
+ <li><a href="http://dockyard.com/contact"><span class='mobile-nav-icon'>m</span><br>Contact</a></li>
</ul>
</nav>
</header>
@@ -127,19 +127,28 @@ <h1 id='mobile-logo'>DockYard</h1>
</div>
</header>
-<section id="content">
+<section id='content'>
{{ content }}
</section>
<footer>
- <div>
- <a class='github' href='https://github.com/dockyard/' target='_blank'>g</a>
- <a class='twitter' href='https://twitter.com/dockyard' target='_blank'>t</a>
- <a class='rss' href='http://reefpoints.dockyard.com/atom.xml' target='_blank'>r</a>
- <a class='email' href='http://dockyard.com/contact'>m</a>
- </div>
- <p>(855) DOCK-YRD
- <p>Copyright &copy; 2013 DockYard, LLC. All Rights Reserved.</p>
+ <ul class='footer-links'>
+ <li>
+ <a class='link link-in-footer fontello' href='https://github.com/dockyard/' target='_blank'>g</a>
+ </li>
+ <li>
+ <a class='link link-in-footer fontello' href='https://twitter.com/dockyard' target='_blank'>t</a>
+ </li>
+ <li>
+ <a class='link link-in-footer fontello' href='http://reefpoints.dockyard.com/atom.xml' target='_blank'>r</a>
+ </li>
+ <li>
+ <a class='link link-in-footer fontello' href='http://dockyard.com/contact'>m</a>
+ </li>
+ </ul>
+ <a class='footer-number' href='tel:855-362-5973'>(855) DOCK-YRD</a>
+ <a class='footer-email' href='mailto:contact@dockyard.com' target='_blank'>contact@dockyard.com</a>
+ <p class='footer-copyright'>&copy; 2013 DockYard, LLC. All Rights Reserved.</p>
</footer>
<audio class="foghorn" preload="auto" src="/sound/foghorn.mp3">
View
68 css/shared.css
@@ -93,6 +93,67 @@
}
}
+.fontello {
+ font-family: fontello;
+}
+
+.fontello:before {
+ content: attr(data-icon);
+}
+
+.link {
+ float: left;
+ margin-right: 5px;
+ width: 40px;
+ height: 40px;
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+ -ms-border-radius: 50%;
+ -o-border-radius: 50%;
+ border-radius: 50%;
+ font-size: 1.35em;
+ text-align: center;
+ color: #FFFFFF;
+ line-height: 1.75;
+}
+
+footer {
+ padding-top: 3em;
+ padding-bottom: 3em;
+}
+
+.footer-links {
+ height: 50px;
+ width: 200px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.link-in-footer {
+ margin-left: 5px;
+ background-color: #2A5567;
+ -webkit-transition-duration: .5s;
+ -moz-transition-duration: .5s;
+ -otransition-duration: .5s;
+ transition-duration: .5s;
+}
+
+.link-in-footer:hover {
+ background-color: #F05051;
+}
+
+.footer-number {
+ display: block;
+ text-align: center;
+}
+
+.footer-copyright {
+ margin-left: 5%;
+ margin-right: 5%;
+ text-align: center;
+}
+
+/*
html body footer {
padding-top: 3em;
height: 8em;
@@ -104,7 +165,7 @@ footer p {
margin-top: .25em;
}
footer a {
- background-color: #2A5567; /* $blue */
+ background-color: #2A5567;
color: #FFFFFF;
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
@@ -116,7 +177,7 @@ footer a {
transition-property: background-color;
}
footer a:hover {
- background-color: #F05051; /* $red */
+ background-color: #F05051;
}
footer div {
position: relative;
@@ -157,4 +218,5 @@ footer div a:hover {
@media (max-width : 650px){
footer {margin-top: 1em;}
footer p {width: 250px; margin: 0 auto;}
-}
+}
+*/
View
26 sass/test.sass
@@ -0,0 +1,26 @@
+$blue: #2A5567
+$white: #FFFFFF
+
+.footer-links
+ height: 50px
+ width: 200px
+ margin:
+ left: auto
+ right: auto
+
+.footer-number
+ display: block
+
+.footer-number, .footer-copyright
+ text-align: center
+
+.footer-copyright
+ margin:
+ left: 5%
+ right: 5%
+
+.landing
+ footer
+ background-color: darken($blue, 9%)
+ .footer-number, .footer-copyright
+ color: $white
View
0  stylesheets2/test.css
No changes.
Please sign in to comment.
Something went wrong with that request. Please try again.