added rough header with links

evagabriela · Oct 21, 2013 · 4923fb1 · 4923fb1
1 parent a2caca1
commit 4923fb1
Show file tree

Hide file tree

Showing 7 changed files with 85 additions and 1 deletion.
diff --git a/.DS_Store b/.DS_Store
diff --git a/Gemfile.lock b/Gemfile.lock
@@ -1,5 +1,5 @@
 GEM
-  remote: http://rubygems.org/
+  remote: https://rubygems.org/
   specs:
     rack (1.5.2)
 

diff --git a/public/.DS_Store b/public/.DS_Store
diff --git a/public/css/style.css b/public/css/style.css
@@ -0,0 +1,27 @@
+header {
+  text-align: center;
+}
+
+header h1 {
+  font-size: 70px;
+}
+
+header h2 {
+  text-decoration: none;
+}
+header img {
+  margin: 40px 0px 20px 0px;
+  border: 5px solid white;
+  border-radius: 20px;
+}
+header a {
+  color: white;
+}
+header ul {
+  padding: 10px;
+  background: rgba(0,0,0,1);
+}
+header li {
+  display: inline;
+  padding: 0px 10px 0px 10px;
+}
diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,24 @@
+<html>
+<head>
+  <title>Algorithms and Interview Prep</title>
+  <script src="scripts/index.js"></script>
+  <script type="text/javascript" src="skrollr.min.js"></script>
+  <link rel="stylesheet" href="css/style.css">
+</head>
+<body>
+  <header>
+    <h1>Women Who Code</h1>
+    <h2>Algorithms and Interview Prep Resources</h2>
+    <ul>
+      <li><a href="#about" class="smoothScroll"> About</a> </li>
+      <li><a href="#whiteboard" class="smoothScroll"> Whiteboard Problems</a> </li>
+      <li><a href="#mock" class="smoothScroll"> Mock Interview Questions</a> </li>
+      <li><a href="#resources" class="smoothScroll"> Other Resources</a> </li>
+      <li><a href="#contact" class="smoothScroll"> Contact Us</a> </li>
+    </ul>
+    <!-- </nav> -->
+  </header>
+</body>
+<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+<script type="text/javascript" src="js/smoothscroll.js"></script>
+</html>
diff --git a/public/js/.DS_Store b/public/js/.DS_Store
diff --git a/public/js/smoothscroll.js b/public/js/smoothscroll.js