Bring in new CSS, scripts, and images from redesign branch; remove un…

…needed files for old layouts
knowledgecommonsdc · Dec 23, 2012 · 157c5b5 · 157c5b5
1 parent ed35ab8
commit 157c5b5
Show file tree

Hide file tree

Showing 61 changed files with 7,423 additions and 1,482 deletions.
diff --git a/config.rb b/config.rb
@@ -1,12 +1,10 @@
-# This is for converting SASS files into CSS using SASS/Compass
-
+# Config file for SASS/Compass
 # Require any additional compass plugins here.
 # Set this to the root of your project when deployed:
 http_path = "/"
-css_dir = "kcdc3/public/static/css"
-sass_dir = "kcdc3/sass"
+sass_dir = "kcdc3/public/static/sass"
 images_dir = "kcdc3/public/static/images"
-javascripts_dir = "kcdc3/public/static/js"
-output_style = :compressed
-# To enable relative paths to assets via compass helper functions. Uncomment:
-# relative_assets = true
+javascripts_dir = "kcdc3/public/static/assets/js"
+output_style = :expanded
+css_dir = "kcdc3/public/static/css"
+
diff --git a/kcdc3/public/index.html b/kcdc3/public/index.html
@@ -0,0 +1,166 @@
+<!DOCTYPE html>
+<html class="no-js">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+        <title>KCDC</title>
+        <meta name="description" content="Knowledge Commons DC (KCDC) is a free school for thinkers, doers, and tinkerers - taught anywhere, by anyone, for everyone.">
+        <meta name="viewport" content="width=device-width">
+
+        <link rel="stylesheet" href="/static/css/style.css">
+		<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,700,200italic,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
+
+    </head>
+    <body>
+
+		<div id="skip">
+			<h1>Knowledge Commons DC</h1>
+			<a href="#content">skip to content</a>
+		</div>
+
+
+		<div id="header">
+
+			<div id="logo">
+				<a href="/"><img src="/static/images/logo_reversed.png" alt="logo" /></a>
+			</div>
+			<div id="mobile_jump"><a href="#mobile_nav"><span class="ss-icon" id="menu-icon">&#xED50;</span> menu</a></div>
+			<div id="desktop_nav">
+				<ul class="nav">
+					<li><a href="http://knowledgecommonsdc.org" class="home_link">Home</a></li>
+					<li><a href="http://knowledgecommonsdc.org/about">Who We Are</a></li>
+					<li><a href="http://c.knowledgecommonsdc.org/classes">Classes + Events</a></li>
+					<li><a href="http://knowledgecommonsdc.org/teach">Teach</a></li>
+					<li><a href="http://knowledgecommonsdc.org/contribute">Contribute</a></li>
+					<li><a href="http://knowledgecommonsdc.org/blog">Blog</a></li>
+					<li><a href="http://c.knowledgecommonsdc.org/accounts/register" class="login">Join</a></li>
+					<li><a href="http://c.knowledgecommonsdc.org/accounts/signin" class="login">Log in</a></li>
+				</ul>
+			</div>
+
+		</div>
+
+		<div id="front_intro">
+			<p class="front_intro_text">
+				<b>Knowledge Commons DC</b> is a free school for thinkers, doers, and tinkerers &ndash; taught anywhere, by anyone, for everyone.
+			</p>
+			<p class="front_intro_call"><a href="/teach">teach</a> or <a href="/take">take a class</a></p>
+		</div>
+
+		<div id="slideshow-frame">
+			<div id="front_slideshow">
+				<div id="flexslider">
+					<ul class="slides">
+						<li><img src="/media/uploads/front/picture.jpg" alt="slideshow" /></li>
+						<li><img src="/media/uploads/front/food_sculpture_2.jpg" alt="slideshow" /></li>
+						<li><img src="/media/uploads/front/light.jpg" alt="slideshow" /></li>
+						<li><img src="/media/uploads/front/tour.jpg" alt="slideshow" /></li>
+						<li><img src="/media/uploads/front/plants.jpg" alt="slideshow" /></li>
+						<li><img src="/media/uploads/front/lockpicking.jpg" alt="slideshow" /></li>
+						<li><img src="/media/uploads/front/food_sculpture_1.jpg" alt="slideshow" /></li>
+						<li><img src="/media/uploads/front/hands.jpg" alt="slideshow" /></li>
+						<li><img src="/media/uploads/front/light_2.jpg" alt="slideshow" /></li>
+					</ul>
+				</div>
+			</div>
+		</div>
+
+		<div id="content">
+
+			<div id="front_motd">
+				<p>
+					<a href="">
+						<span class="ss-icon motd_icon">flask</span>
+						<strong>Registration is open for January 2013</strong>, with over 50 classes scheduled. Sign up soon! 
+							<i class="front_motd_button">full calendar <span class="ss-icon front_motd_button_decoration">&#x25BB;</span></i>
+					</a>
+				</p>
+			</div>
+
+			<div id="front_social">
+			</div>
+
+		</div>
+
+		<div id="mobile_nav">
+			<ul class="nav">
+				<li class="nav_home"><a href="http://knowledgecommonsdc.org">Home</a></li>
+				<li><a href="http://knowledgecommonsdc.org/about">Who We Are</a></li>
+				<li><a href="http://c.knowledgecommonsdc.org/classes">Classes + Events</a></li>
+				<li><a href="http://knowledgecommonsdc.org/teach">Teach</a></li>
+				<li><a href="http://knowledgecommonsdc.org/contribute">Contribute</a></li>
+				<li><a href="http://knowledgecommonsdc.org/blog">Blog</a></li>
+				<li><a href="http://c.knowledgecommonsdc.org/accounts/register" class="login">Join</a></li>
+				<li><a href="http://c.knowledgecommonsdc.org/accounts/signin" class="login">Log in</a></li>
+			</ul>
+		</div>
+
+		<!-- this footer is current -->
+		<div id="footer">
+			<div id="footer_links">
+				Find us on 
+				<a href="https://twitter.com/knowledgeCommDC"><span class="ss-icon ss-social ">&#xF611;</span> Twitter</a>,
+				<a href="https://www.facebook.com/pages/Knowledge-Commons-DC/103182093100239"><span class="ss-icon ss-social ss-social-circle">&#xF610;</span> Facebook</a>,
+				and
+				<a href="http://www.flickr.com/photos/61921496@N04"><span class="ss-icon ss-social ss-social-circle">&#xF640;</span> Flickr</a>
+
+				<p>
+					<a href="http://knowledgecommonsdc.org/">Home</a> <span class="divider">/</span>
+					<a href="http://knowledgecommonsdc.org/about/policies">Policies</a> <span class="divider">/</span>
+					<a href="http://knowledgecommonsdc.org/rss"><span class="ss-icon ss-social">&#xE310;</span> RSS</a> 
+				</p>
+				<p id="footer_email">
+					<a href="mailto:[email protected]">[email protected]</a>
+				</p>
+			</div>
+			<div id="footer_signup">
+				<form action="http://knowledgecommonsdc.us2.list-manage1.com/subscribe/post?u=fecba0a61f0246779168f746d&amp;id=1fdfef7007" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
+					<label for="mce-EMAIL">Sign up for the Knowledge Commons DC mailing list. 
+						We'll tell you about new classes and ways to get involved.</label> 
+					<div id="footer_signup_form">
+						<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required />
+						<input type="submit" value="mail" name="subscribe" id="mc-embedded-subscribe" class="button ss-icon" />
+					</div>
+				</form>
+			</div>
+		</div>
+
+
+
+        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
+        <script>window.jQuery || document.write('<script src="/static/js/vendor/jquery-1.8.3.min.js"><\/script>')</script>
+
+		<!-- dev scripts -->
+
+		<!-- production scripts -->
+        <script src="/static/js/main.min.js"></script>
+
+		<!-- GA -->
+		<script>
+			var _gaq = _gaq || [];
+			_gaq.push(['_setAccount', 'UA-599516-14']);
+			_gaq.push(['_setDomainName', 'knowledgecommonsdc.org']);
+			_gaq.push(['_trackPageview']);
+		</script>
+
+		<!-- local scripts for page -->
+
+		<!-- Hook up front page FlexSlider -->
+		<script type="text/javascript">
+			$(window).load(function() {
+				$('#flexslider').flexslider({
+					controlNav: false,
+					directionNav: false,
+					slideshowSpeed: 9000,         
+					animationSpeed: 100, // doesn't work; set this in the script file         
+					randomize: true,              
+					keyboard: true,              
+					touch: true,              
+					pauseOnAction: true,              
+					pauseOnHover: true,              
+				});                               
+			});
+		</script>
+
+    </body>
+</html>
diff --git a/kcdc3/public/media/uploads/front/food_sculpture_1.jpg b/kcdc3/public/media/uploads/front/food_sculpture_1.jpg
diff --git a/kcdc3/public/media/uploads/front/food_sculpture_2.jpg b/kcdc3/public/media/uploads/front/food_sculpture_2.jpg
diff --git a/kcdc3/public/media/uploads/front/hands.jpg b/kcdc3/public/media/uploads/front/hands.jpg
diff --git a/kcdc3/public/media/uploads/front/light.jpg b/kcdc3/public/media/uploads/front/light.jpg
diff --git a/kcdc3/public/media/uploads/front/light_2.jpg b/kcdc3/public/media/uploads/front/light_2.jpg
diff --git a/kcdc3/public/media/uploads/front/lockpicking.jpg b/kcdc3/public/media/uploads/front/lockpicking.jpg
diff --git a/kcdc3/public/media/uploads/front/picture.jpg b/kcdc3/public/media/uploads/front/picture.jpg
diff --git a/kcdc3/public/media/uploads/front/plants.jpg b/kcdc3/public/media/uploads/front/plants.jpg
diff --git a/kcdc3/public/media/uploads/front/tour.jpg b/kcdc3/public/media/uploads/front/tour.jpg
diff --git a/kcdc3/public/static/css/h5bp_end.scss b/kcdc3/public/static/css/h5bp_end.scss
@@ -0,0 +1,138 @@
+
+
+
+
+
+
+/* ==========================================================================
+   Helper classes
+   ========================================================================== */
+
+.ir {
+    background-color: transparent;
+    border: 0;
+    overflow: hidden;
+    *text-indent: -9999px;
+}
+
+.ir:before {
+    content: "";
+    display: block;
+    width: 0;
+    height: 100%;
+}
+
+.hidden {
+    display: none !important;
+    visibility: hidden;
+}
+
+.visuallyhidden {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+}
+
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus {
+    clip: auto;
+    height: auto;
+    margin: 0;
+    overflow: visible;
+    position: static;
+    width: auto;
+}
+
+.invisible {
+    visibility: hidden;
+}
+
+.clearfix:before,
+.clearfix:after {
+    content: " ";
+    display: table;
+}
+
+.clearfix:after {
+    clear: both;
+}
+
+.clearfix {
+    *zoom: 1;
+}
+
+/* ==========================================================================
+   Print styles
+   ========================================================================== */
+
+@media print {
+    * {
+        background: transparent !important;
+        color: #000 !important; /* Black prints faster: h5bp.com/s */
+        box-shadow:none !important;
+        text-shadow: none !important;
+    }
+
+    a,
+    a:visited {
+        text-decoration: underline;
+    }
+
+    a[href]:after {
+        content: " (" attr(href) ")";
+    }
+
+    abbr[title]:after {
+        content: " (" attr(title) ")";
+    }
+
+    /*
+     * Don't show links for images, or javascript/internal links
+     */
+
+    .ir a:after,
+    a[href^="javascript:"]:after,
+    a[href^="#"]:after {
+        content: "";
+    }
+
+    pre,
+    blockquote {
+        border: 1px solid #999;
+        page-break-inside: avoid;
+    }
+
+    thead {
+        display: table-header-group; /* h5bp.com/t */
+    }
+
+    tr,
+    img {
+        page-break-inside: avoid;
+    }
+
+    img {
+        max-width: 100% !important;
+    }
+
+    @page {
+        margin: 0.5cm;
+    }
+
+    p,
+    h2,
+    h3 {
+        orphans: 3;
+        widows: 3;
+    }
+
+    h2,
+    h3 {
+        page-break-after: avoid;
+    }
+}
diff --git a/kcdc3/public/static/css/h5bp_start.scss b/kcdc3/public/static/css/h5bp_start.scss
@@ -0,0 +1,61 @@
+/* ==========================================================================
+   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
+   ========================================================================== */
+
+html,
+button,
+input,
+select,
+textarea {
+    color: #222;
+}
+
+::-moz-selection {
+    background: #FFC900;
+    text-shadow: none;
+}
+
+::selection {
+    background: #FFC900;
+    text-shadow: none;
+}
+
+hr {
+    display: block;
+    height: 1px;
+    border: 0;
+    border-top: 1px solid #ccc;
+    margin: 1em 0;
+    padding: 0;
+}
+
+img {
+    vertical-align: middle;
+}
+
+fieldset {
+    border: 0;
+    margin: 0;
+    padding: 0;
+}
+
+textarea {
+    resize: vertical;
+}
+
+.chromeframe {
+    margin: 0.2em 0;
+    background: #ccc;
+    color: #000;
+    padding: 0.2em 0;
+}
+
+
+/* ==========================================================================
+   Author's custom styles
+   ========================================================================== */
+
+
+
+
+