forked from Catalyst4Success/Website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php~
190 lines (174 loc) · 8.54 KB
/
index.php~
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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
<!DOCTYPE html>
<!-- saved from url=(0030)http://bootswatch.com/default/ -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Catalyst 4 Success</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="custom/custom-bootstrap.css" media="screen">
<link rel="stylesheet" href="files/styles.css" media="screen">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="../bower_components/html5shiv/dist/html5shiv.js"></script>
<script src="../bower_components/respond/dest/respond.min.js"></script>
<![endif]-->
<link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
</head>
<body>
<div class="welcome" id="welcome">
<div class="welcome-text">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<img src="files/logotransparent.png" style="width:50%;" ><br><br>
<h1 style="font-family:Lato">Catalyst for Success</h1>
<h2>inspiring a new generation of scientists</h2>
</div>
<i class="fa fa-chevron-down fa-2x down-arrow" style="color:white; position: absolute; left:50%; top:90%; cursor:pointer;" onclick="goToByScroll('navbarfiller')"></i>
</div>
</div>
</div>
<?php include("navbar.php") ?>
<div class="our-mission">
<center><h1 style="display:inline-block;">Our Mission: </h1><h1 style="font-family: Lato; display:inline-block; color:black; padding-left:20px;"> to inspire</h1></center>
<div class="row" style="padding-top: 20px; padding-bottom:20px;" >
<div class="col-md-6">
<img src="files/mission.jpg" style="width: 100%;" >
</div>
<div class="col-md-6">
<h3 style="color:#800080">Catalyst for Success is a registered non-profit organization that aims to promote STEM education in order to inspire a new generation of scientists.</h3> <p>We provide chemistry magic shows consisting of many cool demonstrations that present science in a fun and engaging way. In addition, we follow up our assemblies by providing classrooms with personalized "hands on" activities where the children can try learn 'Next Generation' science standards in subjects ranging from biology to computer science. </p>
<p>
<h3 style="color:#FA8072">Since February 2013, we have...</h3>
<ul>
<li>Performed for over 20,000 students from schools in the Poway, San Diego, Chula Vista, Del Mar, Jamul, and Oceanside Districts</li>
<li>Conducted hands-on science labs with dozens of classrooms</li>
</p>
</ul>
</div>
</div>
<a href="about.php"><center><button type="button" class="btn btn-primary">Learn More</button></center></a>
</div>
<div class="quote">
<h1><center>"For all I know we may have the next Einstein sitting in one of these 1100 kids, you have to open the resources to, tap into what they have, and see what you get."</center></h1>
<h2 style="padding-left:50%;">-De Passé Feaster, Director of Operations, Feaster Charter School<h2>
</div>
<div class="latest-news">
<div class="row" style="padding-top:30px;">
<div class="col-md-3">
<h1 style="font-family:Lato">LATEST NEWS:</h1>
<h2>because we're always working on something new</h2>
</div>
<div class="col-md-9">
<div class="row">
<div class="col-md-4">
<a href="press.php?id=11">
<img src="pressreleases/1.jpg" style="border:2px solid black;" width="100%">
</a>
<center><p>UC San Diego Chancellor Emerita Marye Anne Fox Joins Catalyst Advisory Board</p></center>
</div>
<div class="col-md-4">
<a href="press.php?id=10">
<img src="pressreleases/2.jpg" style="border:2px solid black;" width="100%">
</a>
<center><p>Catalyst welcomes First County Official to Advisory Board</p></center>
</div>
<div class="col-md-4">
<a href="press.php?id=9">
<img src="pressreleases/3.jpg" style="border:2px solid black;" width="100%">
</a>
<center><p>New Year, New Experiments, New Chapters, No Stopping</p></center>
</div>
<div id="latest-news-button"><a href="pressrelease.php"><button style="margin-top:5%" type="button" class="btn btn-success pull-right">Learn More</button></a></div>
</div>
</div>
</div>
</div>
<div class="map hidden-xs" id="map">
<img id="map-image" src="files/catamap.jpg" style="visibility: hidden;" width="100%">
<div id="map-button"><a href="localchapters.php"><button type="button" class="btn btn-danger">More Ways to Get Involved</button></a></div>
</div>
<div class="didyouknow">
<div class="row">
<div class="col-md-4">
<center><h1>Did you know...</h1></center>
</div>
<div class="col-md-6">
<h4><?php
$cache_file = 'files/cache.txt';
$facts_file = 'files/facts.txt';
$old_facts_file = 'files/oldfacts.txt';
function read_and_delete_first_line($filename) {
$file = file($filename);
$output = $file[0];
unset($file[0]);
file_put_contents($filename, $file);
return $output;
}
if (file_exists($cache_file) && filemtime($cache_file) > time() - 86300) {
echo file_get_contents($cache_file);
}
else {
$content = read_and_delete_first_line($facts_file);
$today_content = file_get_contents($cache_file);
file_put_contents($old_facts_file, "\n" . "<br>" . $today_content, FILE_APPEND);
file_put_contents($cache_file, $content);
echo $content;
} ?>
</h4>
<a href="facts.php"><center><button type="button" class="btn btn-danger">More Fun Facts</button></center></a>
</div>
</div>
</div>
<?php include("footer.php") ?>
$(document).ready( function(){
var welctop = $("#welcome").offset().top;
var welcbottom = welctop + $("#welcome").height();
$(window).scroll(function(){
var top = $(window).scrollTop();
var bottom = top + $(window).height();
if(top > welcbottom || $(window).width() < 767){
$("#navbar").prop('class', 'navbar navbar-default navbar-fixed-top');
}
else{
$("#navbar").prop('class', 'navbar navbar-default');
}
});
});
</script>
<script>
function goToByScroll(id){
// Scroll
$('html,body').animate({
scrollTop: $("#"+id).offset().top},
'slow');
// Scroll
}
</script>
<script>
var width = $(window).width();
var hoverover;
$(document).ready( function(){
navbarCollapseCheck();
$(".hover-active-dropdown").hover(
function() { $(this).attr("class", "dropdown hover-active-dropdown active")},
function() { $(this).attr("class", "dropdown hover-active-dropdown")}
);
$(".hover-active").hover(
function() { $(this).attr("class", "hover-active active")},
function() { $(this).attr("class", "hover-active")}
);
});
function navbarCollapseCheck(){
var width = $(window).width();
if(width < 767){
$(".dropdown-toggle").attr("data-toggle", "dropdown");
$("#navbar").prop('class', 'navbar navbar-default navbar-fixed-top');
}
else{
$(".dropdown-toggle").attr("data-toggle", " ");
$("#navbar").prop('class', 'navbar navbar-default');
}
}
$(window).on('resize', function() {
navbarCollapseCheck();
});
</script>
</body></html>