Initial commit

bpd01001 · Apr 3, 2015 · 2a8589f · 2a8589f
commit 2a8589f
Show file tree

Hide file tree

Showing 4 changed files with 202 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/Gruntfile.js b/Gruntfile.js
@@ -0,0 +1,34 @@
+
+
+module.exports = function(grunt) {
+
+
+	grunt.initConfig({
+	  connect: {
+	    server: {
+	      options: {
+	        port: 8080,
+	        base: './',
+	        keepalive: true
+	      }
+	    },
+
+	  },
+	  watch: {
+	    css: {
+	      files: '*.html',
+	      options: {
+	        livereload: true,
+	      },
+	    },
+	  },
+	});
+
+
+	grunt.loadNpmTasks('grunt-contrib-connect');
+	grunt.loadNpmTasks('grunt-contrib-watch');
+
+
+	grunt.registerTask('default', ['connect', 'watch']);
+
+};
diff --git a/index.html b/index.html
@@ -0,0 +1,151 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="">
+    <meta name="author" content="">
+    <title>Narrow Jumbotron Template for Bootstrap</title>
+
+    <!-- Bootstrap core CSS -->
+    <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
+
+    <!-- Custom styles for this template -->
+    <style type="text/css" media="screen">
+    	/* Space out content a bit */
+    	body {
+    	  padding-top: 20px;
+    	  padding-bottom: 20px;
+    	}
+
+    	/* Everything but the jumbotron gets side spacing for mobile first views */
+    	.header,
+    	.marketing,
+    	.footer {
+    	  padding-right: 15px;
+    	  padding-left: 15px;
+    	}
+
+    	/* Custom page header */
+    	.header {
+    	  padding-bottom: 20px;
+    	  border-bottom: 1px solid #e5e5e5;
+    	}
+    	/* Make the masthead heading the same height as the navigation */
+    	.header h3 {
+    	  margin-top: 0;
+    	  margin-bottom: 0;
+    	  line-height: 40px;
+    	}
+
+    	/* Custom page footer */
+    	.footer {
+    	  padding-top: 19px;
+    	  color: #777;
+    	  border-top: 1px solid #e5e5e5;
+    	}
+
+    	/* Customize container */
+    	@media (min-width: 768px) {
+    	  .container {
+    	    max-width: 730px;
+    	  }
+    	}
+    	.container-narrow > hr {
+    	  margin: 30px 0;
+    	}
+
+    	/* Main marketing message and sign up button */
+    	.jumbotron {
+    	  text-align: center;
+    	  border-bottom: 1px solid #e5e5e5;
+    	}
+    	.jumbotron .btn {
+    	  padding: 14px 24px;
+    	  font-size: 21px;
+    	}
+
+    	/* Supporting marketing content */
+    	.marketing {
+    	  margin: 40px 0;
+    	}
+    	.marketing p + h4 {
+    	  margin-top: 28px;
+    	}
+
+    	/* Responsive: Portrait tablets and up */
+    	@media screen and (min-width: 768px) {
+    	  /* Remove the padding we set earlier */
+    	  .header,
+    	  .marketing,
+    	  .footer {
+    	    padding-right: 0;
+    	    padding-left: 0;
+    	  }
+    	  /* Space out the masthead */
+    	  .header {
+    	    margin-bottom: 30px;
+    	  }
+    	  /* Remove the bottom border on the jumbotron for visual effect */
+    	  .jumbotron {
+    	    border-bottom: 0;
+    	  }
+    	}
+    </style>
+
+    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+    <!--[if lt IE 9]>
+      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+    <![endif]-->
+  </head>
+
+  <body>
+
+    <div class="container">
+      <div class="header clearfix">
+        <nav>
+          <ul class="nav nav-pills pull-right">
+            <li role="presentation" class="active"><a href="#">Home</a></li>
+            <li role="presentation"><a href="#">About</a></li>
+            <li role="presentation"><a href="#">Contact</a></li>
+          </ul>
+        </nav>
+        <h3 class="text-muted">Accessibility Assignment</h3>
+      </div>
+
+        <h1>Jumbotron heading</h1>
+        <img src="http://placehold.it/700&amp;text=Dope+Pic">
+
+      <div class="row marketing">
+        <div class="col-lg-12">
+        	<form action="" method="POST" role="form" id="signup">
+        		<legend>Sign Up</legend>
+
+        		<div class="form-group">
+        			<label>Your Name</label>
+        			<input type="text" name="name" class="form-control" id="name" placeholder="">
+        		</div>
+
+        	    <div class="form-group">
+        			<label for="email">Your Email</label>
+        			<input type="email" name="email" class="form-control" id="email" placeholder="first.last@uconn.edu">
+        		</div>
+
+        		<button type="submit" class="btn btn-primary">Submit</button>
+        	</form>
+        </div>
+
+    </div>
+
+    <footer class="footer">
+      <p>&copy; Company 2014 - <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ">Go here</a> for more information.</p>
+    </footer>
+
+    </div> <!-- /container -->
+
+
+
+  </body>
+</html>
diff --git a/package.json b/package.json
@@ -0,0 +1,16 @@
+{
+  "name": "dmd-accessibility",
+  "version": "1.0.0",
+  "description": "Accessibility assignment for DMD",
+  "main": "index.html",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "grunt": "^0.4.5",
+    "grunt-contrib-connect": "^0.9.0",
+    "grunt-contrib-watch": "^0.6.1"
+  }
+}