RUNNING SINATRA APPPPPPPPP

benjaminfisher · Oct 27, 2011 · d3296b0 · d3296b0
1 parent 3a0ff31
commit d3296b0
Show file tree

Hide file tree

Showing 26 changed files with 735 additions and 13 deletions.
diff --git a/public/css/global.css b/public/css/global.css
diff --git a/public/images/CSI_Icon.png b/public/images/CSI_Icon.png
diff --git a/public/images/VGP_Icon.png b/public/images/VGP_Icon.png
diff --git a/public/images/fb_button.png b/public/images/fb_button.png
diff --git a/public/images/headerSwoosh.png b/public/images/headerSwoosh.png
diff --git a/public/images/logo.png b/public/images/logo.png
diff --git a/public/images/myaicampus_button.png b/public/images/myaicampus_button.png
diff --git a/public/images/navBar.png b/public/images/navBar.png
diff --git a/public/images/red_abstract.jpg b/public/images/red_abstract.jpg
diff --git a/public/images/repeating_skyline copy.png b/public/images/repeating_skyline copy.png
diff --git a/public/images/repeating_skyline.png b/public/images/repeating_skyline.png
diff --git a/public/images/rss_button.png b/public/images/rss_button.png
diff --git a/public/images/sm_arrow.png b/public/images/sm_arrow.png
diff --git a/public/images/texture.png b/public/images/texture.png
diff --git a/public/images/thumbs/JulieWilliamson.jpg b/public/images/thumbs/JulieWilliamson.jpg
diff --git a/public/images/thumbs/LaurieTorelli.jpg b/public/images/thumbs/LaurieTorelli.jpg
diff --git a/public/images/thumbs/TafflynWilliams.jpg b/public/images/thumbs/TafflynWilliams.jpg
diff --git a/public/images/thumbs/ianromanick.jpg b/public/images/thumbs/ianromanick.jpg
diff --git a/public/images/thumbs/jeff_abramson.jpg b/public/images/thumbs/jeff_abramson.jpg
diff --git a/public/images/thumbs/smallKeldBangsberg.png b/public/images/thumbs/smallKeldBangsberg.png
diff --git a/public/images/thumbs/smallMarkHeller.png b/public/images/thumbs/smallMarkHeller.png
diff --git a/public/images/twitter_button.png b/public/images/twitter_button.png
diff --git a/views/footer.erb b/views/footer.erb
@@ -0,0 +1,21 @@
+    <!-- ## FOOTER ##-->
+    <footer>
+
+    	<div id="skyline"></div>
+
+		<ul id="footerLinks">
+			<a href=""><li>A to Z Index</li></a>
+			<a href=""><li>The Art Institutes</li></a>
+			<a href=""><li>Education Management Corporation</li></a>
+			<a href=""><li>Accreditation and Licensing</li></a>
+			<a href=""><li>Privacy Policy</li></a>
+		</ul>
+		<ul id="copyright">
+			<li>The Art Institute of Portland</li>
+			<li>1122 N.W. Davis Street, Portland, OR 97209-2911</li>
+			<li>1.503.228.6528 • 1.888.228.6528</li>
+			<li>©2011 by The Art Institute of Portland</li>
+		</ul>
+
+    </footer>
+  </div> <!--! end of #container -->
diff --git a/views/header.erb b/views/header.erb
@@ -0,0 +1,97 @@
+<!doctype html>
+<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
+<!--[if lt IE 7 ]> <html class="no-js ie6" lang="en"> <![endif]-->
+<!--[if IE 7 ]>    <html class="no-js ie7" lang="en"> <![endif]-->
+<!--[if IE 8 ]>    <html class="no-js ie8" lang="en"> <![endif]-->
+<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
+<head>
+  <meta charset="utf-8">
+
+  <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
+       Remove this if you use the .htaccess -->
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+
+  <title>Art Institute of Portland</title>
+
+  <!-- Mobile viewport optimized: j.mp/bplateviewport -->
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <!-- Place favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
+  <link rel="shortcut icon" href="favicon.ico">
+
+  <!-- CSS: implied media="all" -->
+  <link rel="stylesheet" href="css/global.css" />
+
+  <!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
+  <script src="js/libs/modernizr-1.7.min.js"></script>
+
+</head>
+
+<body>
+
+<!-- ## GLOBAL CONTAINER ## -->
+  <div id="container">
+
+  <!-- ## HEADER ## -->
+    <header>
+    	<!-- ## GLOBAL LOGO & SWOOSH ## -->
+		<hgroup id="headerSwoosh">
+
+			<div id="logo">
+				<a href="index.html"><img src="images/logo.png" alt="AiPD Logo" /></a>
+			</div>
+
+			<!-- ## GLOBAL SOCIAL & MYAiCAMPUS BUTTONS ## -->
+			<ul id="social">
+				<a href="#"><li id="myAiCampus"></li></a>
+				<a href="#"><li id="twitter"></li></a>
+				<a href="#"><li id="facebook"></li></a>
+				<a href="#"><li id="rss"></li></a>
+			</ul>
+
+			<!-- ## GLOBAL SEARCH ## -->
+			<form id="search" name="search">
+				<input type="text" id="search_field" name="search_field" placeholder="" />
+				<input type="submit" id="submit" value="search" />
+			</form>
+
+			<!-- ## HEADER NAV ## -->
+			<nav id="mainNav"><ul>
+				<li class="active"> <a href="#">About AiPD</a>
+
+					<!-- ## SUBNAV FOR ABOUT AiPD ## -->
+					<ul class="subnav">
+						<li> <a href="#">Sub-link</a></li>
+
+					</ul>
+				</li>
+
+				<li> <a href="#">Departments</a>
+
+					<!-- ## SUBNAV FOR DEDPARTMENTS ## -->
+					<ul class="subnav" >
+						<li> <a href="VGP.html">Visual and Game Programming</a></li>
+
+					</ul>
+				</li>
+
+				<li> <a href="#">Student Services</a>
+
+					<!-- ## SUBNAV FOR STUDENT SERVICES ## -->
+					<ul class="subnav">
+						<li> <a href="CareerServices.html">Career Services</a></li>
+
+					</ul>
+				</li>
+
+				<li> <a href="#">Calendar</a>
+
+				</li>
+
+				<li> <a href="#">People Directory</a>
+
+				</li>
+
+			</ul></nav>
+		</hgroup>
+    </header>
diff --git a/views/index.erb b/views/index.erb
@@ -1,14 +1,26 @@
-<!doctype html>
-<html>
+<!-- ## CONTENT SECTION ## -->
+    <div id="main" role="main">
+    	<div id="main_slideshow" class="content_splash">
+
+    	</div>
+		<section>
+			<div class="row">
+				<h1>News <span>&amp;</span> Events</h1>
+				<div class="news">
+					<h2>Dates and Stuff</h2>
+					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis blandit dui nec ullamcorper. Proin scelerisque pellentesque lacus, et convallis turpis vestibulum aliquet. Cras sit amet ligula urna, pharetra dignissim magna. Proin tristique blandit risus, at ornare nisl tristique sed. Mauris risus nunc, consequat eget rutrum et, porta in lorem. Cras porta, leo vitae eleifend consectetur, sapien ipsum venenatis massa, a accumsan magna justo quis mauris. Suspendisse molestie feugiat convallis. Vestibulum vel tellus volutpat ante laoreet rutrum. Quisque semper nulla nec augue tempus imperdiet. Duis posuere turpis non justo rutrum volutpat. Vestibulum quis neque leo. Quisque vitae dolor eget sapien dictum convallis. </p>
+
+					<p>Ut rutrum, mi a euismod lacinia, mi dolor laoreet mi, vel pellentesque ante libero at nulla. Vivamus id velit sit amet lorem commodo molestie. Suspendisse molestie volutpat ante id volutpat. Aliquam in tempus sem. Praesent faucibus nulla aliquet erat tempor sit amet ornare metus imperdiet. Nam porttitor mollis laoreet. Suspendisse potenti. Nam at augue metus. Mauris congue vulputate vulputate. Mauris varius nibh sit amet sapien ultricies ut aliquet ante condimentum. Aliquam nisi eros, aliquam eget placerat non, rutrum eget purus.</p>
+				</div>
+				<div class="news">
+					<h2>Dates and Stuff</h2>
+					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis blandit dui nec ullamcorper. Proin scelerisque pellentesque lacus, et convallis turpis vestibulum aliquet. Cras sit amet ligula urna, pharetra dignissim magna. Proin tristique blandit risus, at ornare nisl tristique sed. Mauris risus nunc, consequat eget rutrum et, porta in lorem. Cras porta, leo vitae eleifend consectetur, sapien ipsum venenatis massa, a accumsan magna justo quis mauris. Suspendisse molestie feugiat convallis. Vestibulum vel tellus volutpat ante laoreet rutrum. Quisque semper nulla nec augue tempus imperdiet. Duis posuere turpis non justo rutrum volutpat. Vestibulum quis neque leo. Quisque vitae dolor eget sapien dictum convallis. </p>
+				</div>
+				<div class="news">
+					<h2>Dates and Stuff</h2>
+					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse venenatis blandit dui nec ullamcorper. Proin scelerisque pellentesque lacus, et convallis turpis vestibulum aliquet. Cras sit amet ligula urna, pharetra dignissim magna. Proin tristique blandit risus, at ornare nisl tristique sed. Mauris risus nunc, consequat eget rutrum et, porta in lorem. Cras porta, leo vitae eleifend consectetur, sapien ipsum venenatis massa, a accumsan magna justo quis mauris. Suspendisse molestie feugiat convallis. Vestibulum vel tellus volutpat ante laoreet rutrum. Quisque semper nulla nec augue tempus imperdiet. Duis posuere turpis non justo rutrum volutpat. Vestibulum quis neque leo. Quisque vitae dolor eget sapien dictum convallis. </p>
+				</div>
+			</div>
+		</section>
 
-<head>
-
-	<title>Don't get excited, this is a test DOM for <%= @title %></title>
-</head>
-
-<body>
-
-	<h1>Hello Group!</h1>
-
-</body>
-</html>
+    </div>
diff --git a/views/layout.erb b/views/layout.erb
@@ -0,0 +1,11 @@
+<%= erb :header %>
+
+
+<%= yield %>
+
+
+
+<%= erb :footer %>
+</body>
+
+</html>