Skip to content

Commit 53f0c9b

Browse files
maneeshtmaneesht
committed
Basic design overhaul
1 parent 768095b commit 53f0c9b

File tree

4 files changed

+71
-32
lines changed

4 files changed

+71
-32
lines changed

‎bower.json

+2-1
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@
1616
"dependencies": {
1717
"angular": "~1.3.5",
1818
"angular-route": "~1.3.5",
19-
"jquery": "~2.1.1"
19+
"jquery": "~2.1.1",
20+
"bootstrap": "~3.3.1"
2021
}
2122
}

‎working/CSS/style.css

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
.code {
2+
background: #F5F5F5;
3+
color:#00E676;
4+
font-size: 18px;
5+
border-radius: 3px;
6+
}

‎working/app/game/game.html

+23-19
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,23 @@
1-
<div>
2-
<p>The basic structure of HTML is like this:
3-
<br>
4-
&lthtml&gt
5-
<br>
6-
&ltbody&gt
7-
<br>
8-
Here goes all of your data!
9-
<br>
10-
&lt/body&gt
11-
<br>
12-
&lt/html&gt
13-
</p>
14-
</div>
15-
<div>All html pages start out with an html tag</div>
16-
<div>HTML is NOT case-sensitive</div>
17-
<textarea style="height: 50%; width:100%" ng-model="html"></textarea>
18-
<div id="container"></div>
19-
<button ng-click="compile()">Check</button>
1+
<div class="container-fluid">
2+
<div class="container">
3+
<h4>The basic structure of HTML is like this:</h4>
4+
<div class="code">
5+
&lthtml&gt
6+
<br>
7+
&ltbody&gt
8+
<br>
9+
Here goes all of your data!
10+
<br>
11+
&lt/body&gt
12+
<br>
13+
&lt/html&gt
14+
</div>
15+
<h4>All html pages start out with an html tag</h4>
16+
<h4 class="alert alert-warning">HTML is NOT case-sensitive</h4>
17+
18+
</div>
19+
<h3>Try it out below!</h3>
20+
<button class="btn btn-default pull-right" ng-click="compile()">Check</button>
21+
<textarea class = "form-control" autofocus="autofocus" style="width:100%" ng-model="html"></textarea>
22+
<div id="container"></div>
23+
</div>

‎working/index.html

+40-12
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,43 @@
11
<html ng-app="html_game">
2-
<head>
3-
<title>HTML Game</title>
4-
</head>
5-
<body>
6-
<script src="lib/angular/angular.js"></script>
7-
<script src="lib/jquery/dist/jquery.js"></script>
8-
<script src="lib/angular-route/angular-route.js"></script>
9-
<script src="app/app.js"></script>
10-
<script src="app/home/home.js"></script>
11-
<script src="app/game/game.js"></script>
12-
<div ng-view></div>
2+
<head>
3+
<title>HTML Game</title>
4+
<link href="lib/bootstrap/dist/css/bootstrap.css" type="text/css" rel="stylesheet"/>
5+
<link href="css/style.css" type="text/css" rel="stylesheet"/>
6+
</head>
7+
<body>
8+
<script src="lib/angular/angular.js"></script>
9+
<script src="lib/jquery/dist/jquery.js"></script>
10+
<script src="lib/angular-route/angular-route.js"></script>
11+
<script src="app/app.js"></script>
12+
<script src="app/home/home.js"></script>
13+
<script src="app/game/game.js"></script>
14+
<nav class="navbar navbar-default" role="navigation">
15+
<div class="container-fluid">
16+
<!-- <div class="navbar-header">
17+
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
18+
<span class="icon-bar">Link</span>
19+
<span class="icon-bar"></span>
20+
<span class="icon-bar"></span>
21+
</div> -->
22+
<div class="collapse navbar-collapse ">
23+
<ul class="nav navbar-nav">
24+
<li><a href="/#home">Home</a></li>
25+
<li class="active">
26+
<a href="/#game">Game</a>
1327

14-
</body>
28+
</li>
29+
<ol class="pull-right breadcrumb">
30+
<li><a class="breadcrumb" href=""> Part 1</a></li>
31+
<li><a href="#">Part 2</a></li>
32+
<li class="active">Part 3</li>
33+
</ol>
34+
35+
36+
</ul>
37+
</div>
38+
</div>
39+
</nav>
40+
<div ng-view></div>
41+
42+
</body>
1543
</html>

0 commit comments

Comments
 (0)