Skip to content

Commit 9a6f824

Browse files
meyianmeyian
committed
first commit
0 parents  commit 9a6f824

36 files changed

+43199
-0
lines changed

‎css/bootstrap-theme.css

+476
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/bootstrap-theme.css.map

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/bootstrap-theme.min.css

+5
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/bootstrap.css

+6,584
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/bootstrap.css.map

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/bootstrap.min.css

+5
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/images/ui-bg_glass_55_fbf9ee_1x400.png

335 Bytes
Loading

‎css/images/ui-bg_glass_65_ffffff_1x400.png

207 Bytes
Loading

‎css/images/ui-bg_glass_75_dadada_1x400.png

262 Bytes
Loading

‎css/images/ui-bg_glass_75_e6e6e6_1x400.png

262 Bytes
Loading

‎css/images/ui-bg_glass_95_fef1ec_1x400.png

332 Bytes
Loading

‎css/images/ui-bg_highlight-soft_75_cccccc_1x100.png

280 Bytes
Loading

‎css/images/ui-icons_222222_256x240.png

6.76 KB
Loading

‎css/images/ui-icons_2e83ff_256x240.png

4.44 KB
Loading

‎css/images/ui-icons_454545_256x240.png

6.83 KB
Loading

‎css/images/ui-icons_888888_256x240.png

6.83 KB
Loading

‎css/images/ui-icons_cd0a0a_256x240.png

4.44 KB
Loading

‎css/jquery-ui.css

+403
Large diffs are not rendered by default.

‎css/main.css

+209
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,209 @@
1+
/*
2+
fcc scraper
3+
*/
4+
5+
/* General
6+
*/
7+
8+
#btn-refresh{
9+
font-size: 4vw;
10+
border-radius: 2vw;
11+
}
12+
13+
.dont-show{
14+
visibility: hidden;
15+
}
16+
17+
/* Signed In User
18+
*/
19+
20+
21+
.div-same-row *{
22+
display: inline-block;
23+
}
24+
25+
.span-loading-wrapper{
26+
margin-left: 1em;
27+
font-size: 3vw;
28+
}
29+
30+
.span-loading-ellipses{
31+
margin: 0;
32+
padding: 0;
33+
}
34+
35+
/* Lists
36+
*/
37+
38+
.ul-done-items-list li:first-child{
39+
text-transform: capitalize;
40+
list-style-type: none;
41+
}
42+
43+
.span-expando-section{
44+
float: right;
45+
}
46+
47+
/* breaking for food ... */
48+
49+
/* Animations */
50+
51+
/* Loading */
52+
53+
@keyframes first-dot {
54+
0% {
55+
opacity: 0;
56+
}
57+
58+
20% {
59+
opacity: 1;
60+
}
61+
62+
80% {
63+
opacity: 0;
64+
}
65+
}
66+
67+
@keyframes second-dot {
68+
0% {
69+
opacity: 0;
70+
}
71+
40% {
72+
opacity: 1;
73+
}
74+
75+
80% {
76+
opacity: 0;
77+
}
78+
}
79+
80+
@keyframes third-dot {
81+
0% {
82+
opacity: 0;
83+
}
84+
85+
60% {
86+
opacity: 1;
87+
}
88+
89+
80% {
90+
opacity: 0;
91+
}
92+
}
93+
94+
95+
/* Pie chart progress meter */
96+
97+
.xy-centered{
98+
position: absolute;
99+
top: 0; bottom: 0; left: 0; right: 0;
100+
margin: auto;
101+
}
102+
103+
.row{
104+
margin-left: 0;
105+
margin-right: 0;
106+
}
107+
108+
.visible{
109+
opacity: 1;
110+
}
111+
112+
.invisible{
113+
opacity: 0;
114+
}
115+
116+
.main{
117+
min-height: 55%;
118+
position: relative;
119+
background: inherit;
120+
}
121+
122+
.flasher{
123+
/*
124+
max-height: 100%;
125+
height: 20vw;
126+
width: 20vw;
127+
*/
128+
129+
height: 200px;
130+
width: 200px;
131+
background: inherit;
132+
cursor: pointer;
133+
}
134+
135+
136+
@keyframes rota {
137+
0% { transform: rotate(0deg); }
138+
100% { transform: rotate(360deg); }
139+
}
140+
141+
@keyframes reveal {
142+
0%, 100% { opacity: 0; }
143+
10% { opacity: 0.4; }
144+
90% { opacity: 0.4; }
145+
}
146+
147+
@keyframes fill {
148+
0% { opacity: 0; }
149+
50%, 100% { opacity: 1; }
150+
}
151+
152+
@keyframes mask {
153+
0% { opacity: 1; }
154+
50%, 100% { opacity: 0; }
155+
}
156+
157+
.pie-timer-container{
158+
position: absolute;
159+
top: 0; left: 0;
160+
z-index: 2;
161+
width: 100%;
162+
height: 100%;
163+
background: inherit;
164+
opacity: 0;
165+
border-radius: 50%;
166+
animation: reveal 3s infinite;
167+
}
168+
169+
.pie-timer-wrapper{
170+
position: relative;
171+
width: 100%;
172+
height: 100%;
173+
background: inherit;
174+
}
175+
176+
.pie {
177+
width: 50%;
178+
height: 100%;
179+
position: absolute;
180+
background: gray;
181+
opacity: 1;
182+
}
183+
184+
.spinner {
185+
border-radius: 999px 0 0 999px;
186+
z-index: 200;
187+
border-right: none;
188+
transform-origin: 100% 50%;
189+
animation: rota 3s linear infinite;
190+
}
191+
192+
.filler {
193+
border-radius: 0 999px 999px 0;
194+
z-index: 100;
195+
border-left: none;
196+
animation: fill 3s steps(1, end) infinite;
197+
left: 50%;
198+
opacity: 0;
199+
}
200+
201+
.mask {
202+
width: 50%;
203+
height: 100%;
204+
position: absolute;
205+
z-index: 300;
206+
opacity: 1;
207+
background: inherit;
208+
animation: mask 3s steps(1, end) infinite;
209+
}

‎fonts/glyphicons-halflings-regular.eot

19.7 KB
Binary file not shown.

‎fonts/glyphicons-halflings-regular.svg

+288
Loading

‎fonts/glyphicons-halflings-regular.ttf

44.3 KB
Binary file not shown.

‎fonts/glyphicons-halflings-regular.woff

22.9 KB
Binary file not shown.

‎fonts/glyphicons-halflings-regular.woff2

17.6 KB
Binary file not shown.

‎index.html

+78
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
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">
7+
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
8+
<title>fCC C&amp;C Check In Page</title>
9+
10+
<!-- Bootstrap -->
11+
<link href="css/bootstrap.css" rel="stylesheet">
12+
13+
<!-- Custom styles for this template -->
14+
<link href="css/main.css" rel="stylesheet">
15+
<link rel="stylesheet" href="css/jquery-ui.css">
16+
17+
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
18+
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
19+
<!--[if lt IE 9]>
20+
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
21+
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
22+
<![endif]-->
23+
</head>
24+
<body>
25+
<div class="div-container">
26+
<div class="div-header">
27+
<h1>freeCodeCamp Coffee &amp;Code Check In Page&nbsp; <button id="btn-refresh">Refresh</button></h1>
28+
</div>
29+
<div>
30+
<h2 class="h2-sign-up">Sign-Up</h2>
31+
<input type="text" class="input-sign-up">
32+
</div>
33+
<div>
34+
<div class="div-same-row">
35+
<h2 class="h2-sign-up">Signed-In Users</h2>
36+
<span class="span-loading-wrapper dont-show">
37+
<span class="span-loading-text">
38+
Loading
39+
</span>
40+
<span class="span-loading-ellipses span-loading-ellipses-1">
41+
.
42+
</span>
43+
<span class="span-loading-ellipses span-loading-ellipses-2">
44+
.
45+
</span>
46+
<span class="span-loading-ellipses span-loading-ellipses-3">
47+
.
48+
</span>
49+
</span>
50+
</div>
51+
<ul class="ul-signed-in-users">
52+
</ul>
53+
</div>
54+
</div>
55+
<!-- section class="main row row-mc">
56+
<section class="flasher xy-centered">
57+
<div class="pie-timer-container">
58+
<div class="pie-timer-wrapper">
59+
<div class="pie-timer spinner pie"></div>
60+
<div class="pie-timer filler pie"></div>
61+
<div class="pie-timer mask"></div>
62+
</div>
63+
</div>
64+
</section>
65+
</section -->
66+
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
67+
<!-- script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script -->
68+
<script src="js/jquery-1.11.3.js"></script>
69+
<script src="js/jquery-ui.js"></script>
70+
<script src="js/underscore-min.js"></script>
71+
<script src="js/moment.js"></script>
72+
<script src="js/live.js"></script>
73+
<!-- Include all compiled plugins (below), or include individual files as needed -->
74+
<script src="js/bootstrap.min.js"></script>
75+
<script src="js/scraper.js"></script>
76+
<script src="js/main.js"></script>
77+
</body>
78+
</html>

0 commit comments

Comments
 (0)