Permalink
Browse files

Added a light weight js framework.

  • Loading branch information...
kcalmes committed Nov 19, 2012
1 parent 30edcf9 commit 770adcf74703dec9dcf24bf52a9e8e2ed26c5f78
Showing with 176 additions and 31 deletions.
  1. +4 −0 includes/cleaning.ejs
  2. +3 −0 includes/footer.ejs
  3. +13 −31 index.html
  4. 0 js/application.js
  5. +1 −0 js/ejs_production.js
  6. +9 −0 js/partials.js
  7. +110 −0 pages.html
  8. +7 −0 pages/home.ejs
  9. +17 −0 pages/test.ejs
  10. +12 −0 test.html
View
@@ -0,0 +1,4 @@
+<h1>uptpop</h1>
+<ul>
+ test
+</ul>
View
@@ -0,0 +1,3 @@
+<div class="container">
+ <p>&copy; A-Team 2012</p>
+</div>
View
@@ -7,7 +7,13 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
-
+
+ <!-- Le javascript -->
+ <script type="text/javascript" src="./js/jquery.js"></script>
+ <script type="text/javascript" src="./js/bootstrap.min.js"></script>
+ <script type="text/javascript" src="./js/ejs_production.js"></script>
+ <script type="text/javascript" src="./js/partials.js"></script>
+ <script type="text/javascript" src="./js/application.js"></script>
<!-- Le styles -->
<link href="./css/bootstrap.css" rel="stylesheet">
<style type="text/css">
@@ -21,7 +27,7 @@
<link href="./css/bootstrap-responsive.css" rel="stylesheet">
<link href="./css/theme.css" rel="stylesheet">
<link href="./css/custom.css" rel="stylesheet">
-
+
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
@@ -38,10 +44,10 @@
<body>
<div class="header-texture">
- <div id="header" class="container">
+ <div id="header" class="container">
<div class="row">
<div class="span3">
- <img src="./img/logo.png" />
+ <a href="#home"><img src="./img/logo.png" /></a>
</div>
<div id="login" class="span3 offset6">
<form>
@@ -93,36 +99,12 @@
</div>
</div>
</div>
- <div class="body-texture">
- <div class="container">
- <div class="row">
- <div class="span12">
- <form class="form-search">
- <div class="input-append">
- <label>Search for Resources:</label><br />
- <input type="text" class="span6 search-query">
- <button type="submit" class="btn"><i class="icon-search"></i> <span class="visible-desktop">Search</span></button>
- </div>
- </form>
- </div>
- </div>
- </div>
+ <div id="main-content" class="body-texture">
+
</div>
-
-
<footer class="footer-texture">
- <div class="container">
- <p>&copy; A-Team 2012</p>
- </div>
+
</footer>
-
- </div> <!-- /container -->
- </div>
- <!-- Le javascript
- ================================================== -->
- <!-- Placed at the end of the document so the pages load faster -->
- <script src="./js/jquery.js"></script>
- <script src="./js/bootstrap.min.js"></script>
</body>
</html>
View
No changes.
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
View
@@ -0,0 +1,9 @@
+$(function(){
+ navigate();
+ window.onhashchange = navigate;
+});
+
+function navigate(){
+ var page = document.location.hash.substr(1);
+ $('#main-content').html(new EJS({url: './pages/'+page+'.ejs'}).render({}));
+}
View
@@ -0,0 +1,110 @@
+
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <title>Bootstrap, from Twitter</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="">
+ <meta name="author" content="">
+
+ <!-- Le javascript -->
+ <script type="text/javascript" src="./js/jquery.js"></script>
+ <script type="text/javascript" src="./js/bootstrap.min.js"></script>
+ <script type="text/javascript" src="./js/ejs_production.js"></script>
+ <script type="text/javascript" src="./js/partials.js"></script>
+ <script type="text/javascript" src="./js/application.js"></script>
+ <!-- Le styles -->
+ <link href="./css/bootstrap.css" rel="stylesheet">
+ <style type="text/css">
+ body {
+ /*
+ padding-top: 60px;
+ padding-bottom: 40px;
+ */
+ }
+ </style>
+ <link href="./css/bootstrap-responsive.css" rel="stylesheet">
+ <link href="./css/theme.css" rel="stylesheet">
+ <link href="./css/custom.css" rel="stylesheet">
+
+ <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
+ <!--[if lt IE 9]>
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+
+ <!-- Fav and touch icons -->
+ <link rel="shortcut icon" href="./ico/favicon.ico">
+ <link rel="apple-touch-icon-precomposed" sizes="144x144" href="./ico/apple-touch-icon-144-precomposed.png">
+ <link rel="apple-touch-icon-precomposed" sizes="114x114" href="./ico/apple-touch-icon-114-precomposed.png">
+ <link rel="apple-touch-icon-precomposed" sizes="72x72" href="./ico/apple-touch-icon-72-precomposed.png">
+ <link rel="apple-touch-icon-precomposed" href="./ico/apple-touch-icon-57-precomposed.png">
+ </head>
+
+ <body>
+
+ <div class="header-texture">
+ <div id="header" class="container">
+ <div class="row">
+ <div class="span3">
+ <a href="#home"><img src="./img/logo.png" /></a>
+ </div>
+ <div id="login" class="span3 offset6">
+ <form>
+ <fieldset>
+ <input type="text" placeholder="Net Id"><br />
+ <input type="text" placeholder="Password"><br />
+ <button type="submit" class="btn">Login</button>
+ </fieldset>
+ </form>
+ </div>
+ </div>
+ </div>
+ <div id="subnav" class="container">
+ <div class="row">
+ <div class="span4">
+ <div class="dropdown span2">
+ <a class="dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html">
+ Departments
+ <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
+ ...
+ </ul>
+ </div>
+ </div>
+ <div class="span4">
+ <div class="dropdown span2">
+ <a class="dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html">
+ Career
+ <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
+ ...
+ </ul>
+ </div>
+ </div>
+
+ <div class="span4">
+ <div class="dropdown span2">
+ <a class="dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html">
+ Academic
+ <b class="caret"></b>
+ </a>
+ <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
+ ...
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div id="main-content" class="body-texture">
+
+ </div>
+
+ <footer class="footer-texture">
+
+ </footer>
+ </body>
+</html>
View
@@ -0,0 +1,7 @@
+<div class="container">
+ <div class="row">
+ <div class="span12">
+ HOME
+ </div>
+ </div>
+</div>
View
@@ -0,0 +1,17 @@
+<div class="container">
+ <div class="row">
+ <div class="span12">
+ <form class="form-search">
+ <div class="input-append">
+ <label>Search for Resources:</label><br />
+ <input type="text" class="span6 search-query">
+ <button type="submit" class="btn"><i class="icon-search"></i> <span class="visible-desktop">Search</span></button>
+ </div>
+ </form>
+ </div>
+ </div>
+</div>
+
+
+Fade grid lines
+get rid of "options" button
View
@@ -0,0 +1,12 @@
+<html>
+<head>
+ <script type="text/javascript" src="js/ejs_production.js"></script>
+</head>
+<body>
+ <script>
+ // load the template file, then render it with data
+ var html = new EJS({url: 'cleaning.ejs'}).render(data);
+ console.log(html);
+ </script>
+</body>
+</html>

0 comments on commit 770adcf

Please sign in to comment.