Permalink
Browse files

add logo to navbar header

  • Loading branch information...
1 parent c7284f2 commit 11de27de8d926c3b030c02d3c7acab8a07e88f9e @daattali daattali committed Sep 4, 2014
Showing with 45 additions and 16 deletions.
  1. +15 −15 include/nav.html
  2. +30 −1 libs/local/nav.css
  3. BIN static/img/stat545-logo-s.png
View
@@ -1,15 +1,15 @@
-<body class="news">
- <header>
- <div class="nav">
- <ul>
- <li class="home"><a href="index.html">Home</a></li>
- <li class="faq"><a href="faq.html">FAQ</a></li>
- <li class="syllabus"><a href="syllabus.html">Syllabus</a></li>
- <li class="topics"><a href="topics.html">Topics</a></li>
- <li class="people"><a href="people.html">People</a></li>
- </ul>
- </div>
- </header>
-</body>
-
-
+<header>
+ <div class="nav">
+ <a class="nav-logo shake" href="index.html">
+ <img src="static/img/stat545-logo-s.png" width="70px" height="70px"/>
+ </a>
+ <ul>
+ <li class="home"><a href="index.html">Home</a></li>
+ <li class="faq"><a href="faq.html">FAQ</a></li>
+ <li class="syllabus"><a href="syllabus.html">Syllabus</a></li>
+ <li class="topics"><a href="topics.html">Topics</a></li>
+ <li class="people"><a href="people.html">People</a></li>
+ </ul>
+ </div>
+ <div style="clear:both"></div>
+</header>
View
@@ -4,6 +4,16 @@ body {
/* background: #ccc; */
}
+.nav {
+ margin-top: 10px;
+}
+
+.nav .nav-logo {
+ float: left;
+ margin-left: 40px;
+ margin-top: -10px;
+}
+
.nav ul {
list-style: none;
background-color: #444;
@@ -64,4 +74,23 @@ body {
background-color: #444;
}
*/
-}
+}
+
+/* CSS for making an image "shake" */
+@-webkit-keyframes spaceboots {
+ 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
+ 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
+ 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
+ 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
+ 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
+ 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
+
+}
+.shake:hover,
+.shake:focus {
+ -webkit-animation-name: spaceboots;
+ -webkit-animation-duration: 0.5s;
+ -webkit-transform-origin:50% 50%;
+ -webkit-animation-iteration-count: 1;
+ -webkit-animation-timing-function: linear;
+}
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 11de27d

Please sign in to comment.