Skip to content

Commit

Permalink
#6 Initial Styles and HTML
Browse files Browse the repository at this point in the history 
Basic SASS and static HTML files pt1

Signed-off-by: Dave <[email protected]>
  • Loading branch information
@DaveOrDead
DaveOrDead committed Nov 21, 2013
1 parent c9ed001 commit 9db8042
Show file tree
Hide file tree
Showing 18 changed files with 524 additions and 0 deletions.
11 changes: 11 additions & 0 deletions .gitignore
View file
Original file line number Diff line number Diff line change
@@ -1,2 +1,13 @@
/www/node_modules/*
/www/grunt-dev.command

/develephant.sublime-project
/develephant.sublime-workspace
/www/.sass-cache/3dbc04bfe69e17227dce1ea509504a618e9d3d3e/
/www/.sass-cache/535e3c385b6c8541f697c34c8c74c45c48a576e9/
/www/.sass-cache/801cfac9e68f70b430db16eac24b394c40640bbe/
/www/.sass-cache/8af851f26d43817d4ae987a66271a151cfc7cfc6/
/www/.sass-cache/e5ac0bc0e3b53a67aff152936f9e6ff32e0553ea/

/www/app/assets/css/style.min.css
/www/app/assets/js/scripts.min.js
Binary file added www/app/assets/fonts/icons/develephant.eot
View file
Binary file not shown.
15 changes: 15 additions & 0 deletions www/app/assets/fonts/icons/develephant.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added www/app/assets/fonts/icons/develephant.ttf
View file
Binary file not shown.
Binary file added www/app/assets/fonts/icons/develephant.woff
View file
Binary file not shown.
Binary file added www/app/assets/images/develephant_logo.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
79 changes: 79 additions & 0 deletions www/app/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,79 @@
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Dev Elephant</title>
<link rel="stylesheet" type="text/css" href="assets/css/style.min.css" media="screen">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>

<body>

<div class="outer-wrapper">
<div class="head-wrap">
<header class="global-width">
<h1>Dev Elephant</h1>

<nav>
<ul>
<li class="menu-link">
<a href="#" class="icon-menu"><span>Menu</span></a>
<ul class="menu">
<li>
<a href="#" title="Sign In">Sign In</a>
</li>
</ul>
<li>
</ul>
</nav>
<div class="logo"></div>
</header>
</div>
<div class="content-wrapper">
<main class="global-width">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>

<form action="" autocomplete="off" method="post">
<fieldset>
<legend>
<span class="h2">Register</span>
</legend>
<ul class="sign-up">
<li>
<div class="label icon-mail">
<label for="UserName">Username:</label>
</div>
<div class="value">
<input data-val="true" name="Email" type="email" value="" />
</div>
</li>
<li>
<div class="label icon-lock">
<label for="Password">Password:</label>
</div>
<div class="value">
<input autocomplete="off" data-val="true" name="Password" type="password" />
</div>
</li>
</ul>
</fieldset>
<a href="#" class="btn" title="Sign Up">Sign Up</a>
</form>
<a href="#" title="Sign In">Sign In</a>


</main>
</div>
<div class="footer-wrapper">
<footer>
<p>Design by <a href="http://www.websuperheroes.co.uk" title="Responsive Design Specialists" target="_blank">Web Superheroes</a></p>
</footer>

</div>
</div>

</body>
</html>
53 changes: 53 additions & 0 deletions www/app/no-projects.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Dev Elephant</title>
<link rel="stylesheet" type="text/css" href="css/core.css" media="screen">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>

<body>

<div class="outer-wrapper">
<div class="head-wrap">
<header class="global-width">
<h1>Dev Elephant</h1>
<nav>
<ul>
<li class="menu-link">
<a href="#" class="icon-menu"><span>Menu</span></a>
<ul class="menu">
<li><a href="#" title="Add Project">Add Project</a></li>
<li><a href="#" title="Account Settings">Account Settings</a></li>
<li><a href="#" title="Log Out">Log Out</a></li>
</ul>
<li>
</ul>
</nav>
</header>
</div>
<div class="content-wrapper">
<main class="global-width">
<p>You don't have any projects!</p>
<p>Get started below</p>


<a href="#" class="btn" title="Create a new project">Add Project</a>


</main>
</div>
<div class="footer-wrapper">
<footer>
<p>Design by <a href="http://www.websuperheroes.co.uk" title="Responsive Design Specialists" target="_blank">Web Superheroes</a></p>
</footer>

</div>
</div>

</body>
</html>
129 changes: 129 additions & 0 deletions www/app/project.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,129 @@
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Dev Elephant</title>
<link rel="stylesheet" type="text/css" href="css/core.css" media="screen">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>

<body>

<div class="outer-wrapper">
<div class="head-wrap">
<header class="global-width">
<h1>Dev Elephant</h1>
<nav>
<ul>
<li class="menu-link">
<a href="#" class="icon-menu"><span>Menu</span></a>
<ul class="menu">
<li><a href="#" title="Add Project">Add Project</a></li>
<li><a href="#" title="Account Settings">Account Settings</a></li>
<li><a href="#" title="Log Out">Log Out</a></li>
</ul>
<li>
</ul>
</nav>
</header>
</div>
<div class="content-wrapper">
<main class="global-width">
<form action="" autocomplete="off" method="post">
<fieldset>
<legend><span class="hidden">Project Details</span></legend>
<ul>
<li>
<div class="label">
<label for="ProjectName">Project Name:</label>
</div>
<div class="value">
<input data-val="true" name="ProjectName" type="text" value="" />
</div>
</li>

</ul>
</fieldset>
<fieldset>
<legend><span class="h2">To do</span></legend>
<ul>
<li>
<div class="label">
<label for="Item1">Item 1</label>
</div>
<div class="value">
<input data-val="true" name="Item1" type="text" value="Remove XYZ" />
</div>
<ul class="sub">
<li>
<li><a href="#">Settings</a>
<ul>
<li><a href="#" title="Completed Item">Complete!</a></li>
<li><a href="#" title="Edit item Name">Edit Name</a></li>
<li><a href="#" title="Delete Iteam">Delete</a></li>
</ul>
</li>
<li>
<div class="label">
<label for="Item2">Item 2</label>
</div>
<div class="value">
<input data-val="true" name="Item2" type="text" value="Minify JS" />
</div>
<ul class="sub">
<li><a href="#" title="Completed Item">Complete!</a></li>
<li><a href="#" title="Edit item Name">Edit Name</a></li>
<li><a href="#" title="Delete Iteam">Delete</a></li>
</ul>
</li>
<li>
<div class="label">
<label for="Item3">Item 3</label>
</div>
<div class="value">
<input data-val="true" name="Project2" type="text" value="Minify CSS" />
</div>
<ul class="sub">
<li><a href="#" title="Completed Item">Complete!</a></li>
<li><a href="#" title="Edit item Name">Edit Name</a></li>
<li><a href="#" title="Delete Iteam">Delete</a></li>
</ul>
</li>
</ul>
</fieldset>
</main>
</div>
<div class="footer-wrapper">
<footer>
<fieldset>
<legend><span class="hidden">Project Options</span></legend>
<ul class="project-options">
<li><a href="#" title="Add Item">Add Item</a>
<ul class="add-item">
<li>
<div class="label">
<label for="newItem">New Item Name:</label>
</div>
<div class="value">
<input data-val="true" name="newItem" type="text" value="Enter Item Name" />
</div>
<a href="#" class="icon-btn" title="Add Item">Add Item</a>
</li>
</ul>
</li>
<li><a href="#" title="Save project">Save</a></li>
</ul>
</fieldset>
</form>

<p>Design by <a href="http://www.websuperheroes.co.uk" title="Responsive Design Specialists" target="_blank">Web Superheroes</a></p>
</footer>

</div>
</div>

</body>
</html>
81 changes: 81 additions & 0 deletions www/app/projects.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Dev Elephant</title>
<link rel="stylesheet" type="text/css" href="css/core.css" media="screen">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>

<body>

<div class="outer-wrapper">
<div class="head-wrap">
<header>
<h1>Dev Elephant</h1>
<nav>
<ul class="menu">
<li><a href="#" title="Add Project">Add Project</a></li>
<li><a href="#" title="Account Settings">Account Settings</a></li>
<li><a href="#" title="Log Out">Log Out</a></li>
</ul>
</nav>
</header>
</div>
<div class="content-wrapper">
<main>
<h2>Active Projects</h2>
<a href="#" class="icon-btn" title="Create a new project">Add Project</a>
<ul class="projects active">
<li><a href="#" title="Project Name">Balls of Fury</a>
<ul class="sub">
<li><a href="#" title="Edit Project Name">Edit Name</a></li>
<li><a href="#" title="Delete Project">Delete</a></li>
</ul>
</li>
<li><a href="#" title="Project Name">Mr Sexy Time</a>
<ul class="sub">
<li><a href="#" title="Edit Project Name">Edit Name</a></li>
<li><a href="#" title="Delete Project">Delete</a></li>
</ul>
</li>
<li><a href="#" title="Project Name">Web Superheroes</a>
<ul class="sub">
<li><a href="#" title="Edit Project Name">Edit Name</a></li>
<li><a href="#" title="Delete Project">Delete</a></li>
</ul>
</li>
</ul>


<h2>Complete Projects</h2>

<ul class="projects complete">
<li><a href="#" title="Project Name">Alan Alan ALAN!</a>
<ul class="sub">
<li><a href="#" title="Edit Project Name">Edit Name</a></li>
<li><a href="#" title="Delete Project">Delete</a></li>
</ul>
</li>
<li><a href="#" title="Project Name">Vanessa Jordan</a>
<ul class="sub">
<li><a href="#" title="Edit Project Name">Edit Name</a></li>
<li><a href="#" title="Delete Project">Delete</a></li>
</ul>
</li>
</ul>
</main>
</div>
<div class="footer-wrapper">
<footer>
<p>Design by <a href="http://www.websuperheroes.co.uk" title="Responsive Design Specialists" target="_blank">Web Superheroes</a></p>
</footer>

</div>
</div>

</body>
</html>
Empty file modified www/grunt-build.command
100644 → 100755
View file
Empty file.
11 changes: 11 additions & 0 deletions www/src/scss/modules/_buttons.scss
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
.btn {
padding: 0 15px;
height: 30px;
line-height: 30px;
background: #FF6B6B;
display: block;
color: #FFF;
text-decoration: none;
text-align: center;
margin-top: 5px;
}
Loading

0 comments on commit 9db8042

Please sign in to comment.