Skip to content

Commit 93a5e98

Browse files
b00kworm4lyf3b00kworm4lyf3
committed
ica12 files added
1 parent 906333b commit 93a5e98

File tree

3 files changed

+126
-0
lines changed

3 files changed

+126
-0
lines changed

‎ica/ica12/ica12.css‎

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
html {
2+
box-sizing: border-box;
3+
}
4+
5+
*,
6+
*::before,
7+
*::after {
8+
box-sizing: inherit;
9+
margin: 0;
10+
padding: 0;
11+
}
12+
13+
body {
14+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
15+
background-color: #c9bd95;
16+
}
17+
18+
.app {
19+
position: absolute;
20+
top: 50%;
21+
left: 50%;
22+
transform: translate(-50%, -50%);
23+
width: 600px;
24+
background-color: white;
25+
border-radius: 5px;
26+
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
27+
}
28+
29+
header {
30+
width: 100%;
31+
font-size: 30px;
32+
text-align: center;
33+
padding: 10px;
34+
border-bottom: 1px solid #ebebeb;
35+
}
36+
37+
.quotes {
38+
padding: 20px 50px;
39+
min-height: 200px;
40+
}
41+
42+
.quote-text {
43+
padding-bottom: 20px;
44+
font-size: 25px;
45+
color: black;
46+
}
47+
48+
.controls {
49+
width: 100%;
50+
padding: 20px 50px;
51+
}
52+
53+
.button {
54+
display: block;
55+
color: white;
56+
border-radius: 4px;
57+
border: none;
58+
padding: 10px 20px;
59+
cursor: pointer;
60+
text-align: center;
61+
width: 100%;
62+
font-size: 20px;
63+
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
64+
}
65+
66+
.twitter {
67+
background-color: #1da1f2;
68+
text-decoration: none;
69+
}
70+
71+
.twitter:hover {
72+
background-color: #1e7fbb;
73+
}
74+
75+
.new-quote {
76+
background-color: #4A2B0F;
77+
margin-bottom: 15px;
78+
}
79+
80+
.new-quote:hover {
81+
background-color: #6d3b0e;
82+
}
83+
84+
.new-quote:disabled {
85+
background-color: #cccccc;
86+
color: #666666;
87+
cursor: not-allowed;
88+
}
89+
90+
@media screen and (max-width: 600px) {
91+
.app {
92+
width: 100%;
93+
}
94+
.quote-text {
95+
font-size: 18px;
96+
}
97+
}

‎ica/ica12/ica12.html‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<link rel="stylesheet" href="ica11.css">
8+
<title>Document</title>
9+
</head>
10+
<body>
11+
<div class="app">
12+
<header>Random Christmas Trivia</header>
13+
<section class="quotes">
14+
<div class="quote-text" id="js-quote-text"></div>
15+
<div class="quote-text" id="js-answer-text"></div>
16+
</section>
17+
<section class="controls" >
18+
<button type="button" id="js-new-quote" class="new-quote button">
19+
Generate a new bit of trivia!
20+
</button>
21+
<button type="button" id="js-tweet" class="twitter button">
22+
Show me the answer!
23+
</button>
24+
<!-- <a class="answer button" id="js-tweet" target="_blank" rel="noreferrer">Show me the answer!</a> -->
25+
</section>
26+
</div>
27+
<script src="ica11.js"></script>
28+
</body>
29+
</html>

‎ica/ica12/ica12.js‎

Whitespace-only changes.

0 commit comments

Comments
 (0)