-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
108 lines (102 loc) · 6.54 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html>
<html>
<head>
<title>FreeGeekChicago - Information Panel</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="dist/bootstrap.min.css">
<link rel="shortcut icon" href="images/freegreek.png">
<!-- Optional theme -->
<link rel="stylesheet" href="dist/bootstrap-theme.min.css">
<script src="dist/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="dist/bootstrap.min.js"></script>
<style type="text/css">
body {
margin-top: 20px;
background: url(images/10655024-Christmas-Hi-Tech-Design-Cool-Corporate-Hi-Tech-Christmas-Design-Metal-Background-and-Glassy-Christm-Stock-Illustration.jpg) no-repeat top right;
background-size: cover;
}
.panel-success > .panel-heading {
background-image: linear-gradient(to bottom, #003200 0px, #006400 100%);
color: #fff;
}
.panel {
box-shadow: 5px 5px 5px #000F00;
opacity: .85;
-webkit-animation: mymove 30s infinite; /* Chrome, Safari, Opera */
animation: mymove 30s infinite;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
50% {box-shadow: 5px 5px 5px #197319;}
}
/* Standard syntax */
@keyframes mymove {
50% {box-shadow: 5px 5px 5px #197319;}
}
</style>
</head>
<body>
<div class="container-fluid" id="container-tag">
<div class="row">
<div class="col-sm-4 col-lg-3">
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">
<a href="https://twitter.com/freegeekchicago" target="_new">FreeGeekChicago's Twitter Feed</a>
</h3>
</div>
<div class="panel-body">
<a class="twitter-timeline" href="https://twitter.com/freegeekchicago" data-widget-id="646496736714862592">Tweets by @freegeekchicago</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
</div>
</div>
<div class="col-sm-8 col-lg-5">
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">Events Calendar
</h3>
</div>
<div class="panel-body">
<iframe id="calendar-iframe" src="https://www.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23FFFFFF&src=%23contacts%40group.v.calendar.google.com&color=%23875509&src=8mvc0jhmvuodvmsmh825nimgbg%40group.calendar.google.com&color=%2328754E&src=5vhhcg3klqvksmts5grfhsfeb4%40group.calendar.google.com&color=%23B1440E&src=0u83up8g5j1l4fcfhv1s9bts0c%40group.calendar.google.com&color=%230F4B38&src=jrjl6uo39cm9das4ik8n61ihjg%40group.calendar.google.com&color=%23853104&src=en.usa%23holiday%40group.v.calendar.google.com&color=%232F6309&ctz=America%2FChicago" width="100%" height="500"></iframe>
</div>
</div>
</div>
<!--<div class="col-sm-4 col-lg-5" id="cta-top">
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">CTA - System Information
</h3>
</div>
<div class="panel-body">
<div><p style="margin-bottom:3px"><a href="https://data.cityofchicago.org/Transportation/CTA-System-Information-Map-Showing-Bus-Stop-Shelte/mw4h-s8xu" target="_blank" style="font-size:12px;font-weight:bold;text-decoration:none;color:#333333;font-family:arial;">Map Showing Bus Stop Shelters in Digital Sign Project</a></p><iframe width="100%" title="CTA - System Information - Map Showing Bus Stop Shelters in Digital Sign Project" height="540px" src="http://www.transitchicago.com/diydisplay/?s1=5562&n1=Milwaukee+%26+Diversey%2fKimball&s2=17413&n2=Milwaukee+%26+Diversey%2fKimball&s3=11267&n3=Kimball+%26+Diversey%2fMilwaukee&s4=11143&n4=Kimball+%26+Diversey%2fMilwaukee&s5=17413&n5=Milwaukee+%26+Diversey%2fKimball&s6=11071&n6=Diversey+%26+Milwaukee%2fKimball&size=small&w=0" frameborder="0"scrolling="no"><a href="https://data.cityofchicago.org/Transportation/CTA-System-Information-Map-Showing-Bus-Stop-Shelte/mw4h-s8xu" title="CTA - System Information - Map Showing Bus Stop Shelters in Digital Sign Project" target="_blank">CTA - System Information - Map Showing Bus Stop Shelters in Digital Sign Project</a></iframe><p><a href="http://www.socrata.com/" target="_blank">Powered by Socrata</a></p></div>
</div>
</div>
</div>
</div>
<div class="row" id="cta-bottom">-->
<div class="col-sm-12 col-lg-4">
<div class="panel panel-success">
<div class="panel-heading">
<h3 class="panel-title">CTA - System Information
</h3>
</div>
<div class="panel-body">
<div><p style="margin-bottom:3px"><a href="https://data.cityofchicago.org/Transportation/CTA-System-Information-Map-Showing-Bus-Stop-Shelte/mw4h-s8xu" target="_blank" style="font-size:12px;font-weight:bold;text-decoration:none;color:#333333;font-family:arial;">Map Showing Bus Stop Shelters in Digital Sign Project</a></p><iframe id="cta-iframe" width="100%" title="CTA - System Information - Map Showing Bus Stop Shelters in Digital Sign Project" height="540px" src="http://www.transitchicago.com/diydisplay/?s1=5562&n1=Milwaukee+%26+Diversey%2fKimball&s2=17413&n2=Milwaukee+%26+Diversey%2fKimball&s3=11267&n3=Kimball+%26+Diversey%2fMilwaukee&s4=11143&n4=Kimball+%26+Diversey%2fMilwaukee&s5=17413&n5=Milwaukee+%26+Diversey%2fKimball&s6=11071&n6=Diversey+%26+Milwaukee%2fKimball&size=small&w=0" frameborder="0"scrolling="no"><a href="https://data.cityofchicago.org/Transportation/CTA-System-Information-Map-Showing-Bus-Stop-Shelte/mw4h-s8xu" title="CTA - System Information - Map Showing Bus Stop Shelters in Digital Sign Project" target="_blank">CTA - System Information - Map Showing Bus Stop Shelters in Digital Sign Project</a></iframe><p><a href="http://www.socrata.com/" target="_blank">Powered by Socrata</a></p></div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
if($(document).width() > 1170) {
$("#cta-iframe").css("height", $(window).height() - 175 + "px");
$("#calendar-iframe").css("height", $(window).height() - 120 + "px");
//$("#twitter-widget-0").css("height", $(window).height() - 120 + "px");
}
});
</script>
</body>
</html>