Skip to content

Commit c2cc7ff

Browse files
froilan-mirandafroilan-miranda
committed
initial commit
0 parents  commit c2cc7ff

File tree

7 files changed

+211
-0
lines changed

7 files changed

+211
-0
lines changed

‎.gitignore

+37
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
# Compiled source #
2+
###################
3+
*.com
4+
*.class
5+
*.dll
6+
*.exe
7+
*.o
8+
*.so
9+
10+
# Packages #
11+
############
12+
# it's better to unpack these files and commit the raw source
13+
# git has its own built in compression methods
14+
*.7z
15+
*.dmg
16+
*.gz
17+
*.iso
18+
*.jar
19+
*.rar
20+
*.tar
21+
*.zip
22+
23+
# Logs and databases #
24+
######################
25+
*.log
26+
*.sql
27+
*.sqlite
28+
29+
# OS generated files #
30+
######################
31+
.DS_Store
32+
.DS_Store?
33+
._*
34+
.Spotlight-V100
35+
.Trashes
36+
ehthumbs.db
37+
Thumbs.db

‎README.md

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
# Instructions
2+
Use the provided html/css/js files and folders to implement the casino project.

‎css/style.css

+141
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,141 @@
1+
/* ZipcodeWilmington 2015 */
2+
3+
/* ===================================== FONTS ========================================= */
4+
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
5+
6+
7+
/* ===================================== GLOBAL STYLE ========================================= */
8+
* {
9+
margin: 0;
10+
padding: 0;
11+
}
12+
13+
body { font: 14px/1.4 arial, sans-serif; background-color: #F5F5F5;}
14+
15+
article, aside, figure, footer, header, nav, section { display: block; }
16+
a:link, a:visited {
17+
text-decoration: none;
18+
19+
color: inherit;
20+
}
21+
22+
a:hover, a:active {
23+
text-decoration: none;
24+
25+
color: inherit;
26+
}
27+
28+
.group:before,
29+
.group:after {
30+
content:"";
31+
display:table;
32+
}
33+
.group:after {
34+
clear:both;
35+
}
36+
.group {
37+
zoom:1; /* For IE 6/7 (trigger hasLayout) */
38+
}
39+
40+
#main:focus {
41+
outline: none;
42+
}
43+
44+
45+
/* ===================================== HEADER STYLE ========================================= */
46+
47+
.main-header {
48+
width: 100%;
49+
height: 79px;
50+
51+
background-color: #144e64;}
52+
53+
.main-header .title {
54+
float: left;
55+
text-transform: uppercase;
56+
57+
font-family: 'Droid Sans', sans-serif;
58+
font-weight: 400;
59+
font-size: 1em;
60+
61+
width: 55%;
62+
63+
padding-left: 5%;
64+
65+
color: #fff;
66+
67+
position: relative;
68+
top: 50%;
69+
transform: translateY(-50%);
70+
}
71+
72+
.main-header .zip-link {
73+
float: right;
74+
75+
width: 16%;
76+
height: 100%;
77+
78+
background-color: white;
79+
}
80+
81+
.main-header .lesson-link {
82+
float: right;
83+
84+
width: 16%;
85+
height: 100%;
86+
87+
background-color: #3c790a;
88+
}
89+
90+
.main-header div {
91+
/* fix blurriness of children due to them
92+
being placed on half pixels */
93+
-webkit-transform-style: preserve-3d;
94+
-moz-transform-style: preserve-3d;
95+
transform-style: preserve-3d;
96+
}
97+
98+
.main-header div img {
99+
display: block;
100+
101+
margin: auto;
102+
103+
width: 55%;
104+
105+
position: relative;
106+
top: 50%;
107+
transform: translateY(-50%);
108+
}
109+
110+
/* page styles */
111+
article {margin: 5%;}
112+
article p { margin-bottom: 20px;}
113+
section {margin:10px;}
114+
h1 {font-weight: bold; margin-left: 10px;}
115+
#main {
116+
117+
}
118+
#display {
119+
border: 1px #aaa solid;
120+
padding:10px;
121+
min-height:300px;
122+
background:#eee;
123+
margin-bottom:10px;
124+
}
125+
#menu {
126+
float: left;
127+
width: 100px;
128+
margin: 0 0 0 10px;
129+
}
130+
131+
#menu ul {
132+
list-style-type: none;
133+
}
134+
135+
#menu li {
136+
margin-bottom: 10px;
137+
}
138+
139+
#menu button {
140+
width: 120px;
141+
}

‎images/logos/js_logo.png

5.69 KB
Loading

‎images/logos/spring_logo.png

10.7 KB
Loading

‎images/logos/zip_logo.jpg

57 KB
Loading

‎index.html

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
6+
<!-- Bootstrap minified CSS -->
7+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
8+
9+
<link href="./css/style.css" type="text/css" rel="stylesheet">
10+
<title>TypeScript Casino | Zipcode Wilmington</title>
11+
</head>
12+
<body>
13+
<header class="main-header group">
14+
<div class="title"></div>
15+
<div class="lesson-link"><img src="./images/logos/js_logo.png" alt="Javascript"/></div>
16+
<div class="zip-link"><img src="./images/logos/zip_logo.jpg" alt="Zipcode Wilmington"/></div>
17+
</header>
18+
19+
<h1>TypeScript Casino</h1>
20+
21+
<section id="main">
22+
<div id="display"></div>
23+
<div id="input">
24+
<input type="text" name="user_input" id="user_input">
25+
<input type="submit" value="submit">
26+
</div>
27+
</section>
28+
29+
<script type="text/javascript" src="js/app.js"></script>
30+
</body>
31+
</html>

0 commit comments

Comments
 (0)