Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file modified .DS_Store
Binary file not shown.
Binary file added images/sponsor/edna.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/twitter/ednastwitter.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/twitter/karlos.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
93 changes: 58 additions & 35 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,6 +1,15 @@
<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!--Bootstrap links and font as well as other CSS files-->

<link href="css/bootstrap.min.css" rel="stylesheet">

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
Expand All @@ -12,7 +21,16 @@
<link href="css/animate.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">

<!--Firebase-->
<script src="https://cdn.firebase.com/js/client/2.4.1/firebase.js"></script>
<!--JavaScript-->
<script src="https://code.jquery.com/jquery-2.2.1.min.js"></script>
<!-- Latest compiled and minified CSS -->
<!--[if lt IE 9]>
=======

<!--[if lt IE 9]>
>>>>>>> b342b8ceb00bb383bbef288ccefaaeaf6fd21a6e
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
Expand All @@ -23,13 +41,23 @@
<link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
</head><!--/head-->



<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!--CSS-->

<title>Homeless Planet</title>


</head>

<body>
<header id="header" role="banner">
<div class="main-nav">
<div class="container">
<div class="header-top">

<!--we can change these as needed -->
<!--Social Links -->

<div class="pull-right social-icons">
<a href="#"><i class="fa fa-twitter"></i></a>
Expand All @@ -53,14 +81,13 @@
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">

<!--we can change these as needed -->
<!--Scroll through the pages on the front page -->

<li class="scroll active"><a href="#home">Home</a></li>
<li class="scroll"><a href="#explore">Explore</a></li>
<li class="scroll"><a href="#event">Resources</a></li>
<li class="scroll"><a href="#about">About</a></li>
<li class="no-scroll"><a href="#twitter">Twitter</a></li>
<li><a class="no-scroll" href="#" target="_blank">Free Link</a></li>
<li class="scroll"><a href="#contact">Contact</a></li>
</ul>
</div>
Expand Down Expand Up @@ -141,9 +168,7 @@ <h2>Don't Waste Another Moment!</h2>
</ul>
</div>
</div>
<div class="cart">
<a href="#"><i class="fa fa-users"></i> <span>Free Link</span></a>
</div>

</div>
</section>

Expand Down Expand Up @@ -202,7 +227,7 @@ <h5>Make that First Step!</h5>
<div class="single-event">
<img class="img-responsive" src="images/event/event3.jpg" alt="event-image">
<h4>Resource 3</h4>
<h5>>Re-Establish Yourself!</h5>
<h5>Re-Establish Yourself!</h5>
</div>
</div>
</div>
Expand All @@ -227,7 +252,8 @@ <h2>About Homeless Planet</h2>
<a href="#" class="btn btn-primary">Join Homeless Planet Community!<i class="fa fa-angle-right"></i></a>

</div>
</section><!--/#about-->
</section>
<!--/#about-->

<!--Definately need to figure out some cool likes to put here -->

Expand All @@ -240,19 +266,19 @@ <h2>About Homeless Planet</h2>
<div class="col-sm-6 col-sm-offset-3">
<div class="text-center carousel-inner center-block">
<div class="item active">
<img src="images/twitter/twitter1.png" alt="">
<p>In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit </p>
<a href="#">http://t.co/yY7s1IfrAb 2 days ago</a>
<img src="images/twitter/ednastwitter.jpg" alt="edna twitter">
<p>The big reveal of our UCF Boot Camp project on Saturday is going to be super exciting #HomelessPlanet #UCFBootCamp</p>
<a href="https://twitter.com/ednas/status/735998291242950656">http://t.co/yY7s1IfrAb 2 days ago</a>
</div>
<div class="item">
<img src="images/twitter/twitter2.png" alt="">
<p>In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit </p>
<a href="#">http://t.co/yY7s1IfrAb 2 days ago</a>
</div>
<div class="item">
<img src="images/twitter/twitter3.png" alt="">
<p>In hac habitasse platea dictumst. Nam pulvinar, odio sed rhoncus suscipit </p>
<a href="#">http://t.co/yY7s1IfrAb 2 days ago</a>
<img src="images/twitter/karlos.jpg" alt="karlos twitter">
<p>Wow, that's amazing! #HomelessPlanet </p>
<a href="https://twitter.com/karu1402/status/268623036532523008">http://t.co/yY7s1IfrAb 4 years ago</a>
</div>
</div>
<a class="twitter-control-left" href="#twitter-feed" data-slide="prev"><i class="fa fa-angle-left"></i></a>
Expand All @@ -270,28 +296,17 @@ <h2>About Homeless Planet</h2>
<div class="container">
<div class="row">
<div class="col-sm-10">
<h2>Sponsors</h2>
<a class="sponsor-control-left" href="#sponsor-carousel" data-slide="prev"><i class="fa fa-angle-left"></i></a>
<a class="sponsor-control-right" href="#sponsor-carousel" data-slide="next"><i class="fa fa-angle-right"></i></a>
<h2>Developed by UCF Coding Boot Camp students</h2>

<div class="carousel-inner">
<div class="item active">
<ul>
<li><a href="#"><img class="img-responsive" src="images/sponsor/sponsor1.png" alt=""></a></li>
<li><a href="#"><img class="img-responsive" src="images/sponsor/sponsor2.png" alt=""></a></li>
<li><a href="#"><img class="img-responsive" src="images/sponsor/sponsor3.png" alt=""></a></li>
<li><a href="#"><img class="img-responsive" src="images/sponsor/sponsor4.png" alt=""></a></li>
<li><a href="#"><img class="img-responsive" src="images/sponsor/sponsor5.png" alt=""></a></li>
<li><a href="#"><img class="img-responsive" src="images/sponsor/sponsor6.png" alt=""></a></li>
</ul>
</div>
<div class="item">
<ul>
<li><a href="#"><img class="img-responsive" src="images/sponsor/sponsor6.png" alt=""></a></li>
<li><a href="#"><img class="img-responsive" src="images/sponsor/sponsor5.png" alt=""></a></li>
<li><a href="#"><img class="img-responsive" src="images/sponsor/sponsor4.png" alt=""></a></li>
<li><a href="#"><img class="img-responsive" src="images/sponsor/sponsor3.png" alt=""></a></li>
<li><a href="#"><img class="img-responsive" src="images/sponsor/sponsor2.png" alt=""></a></li>
<li><a href="#"><img class="img-responsive" src="images/sponsor/sponsor1.png" alt=""></a></li>

<li><h2>Mark Dao</h2><a href="#"><img class="img-responsive" src="images/sponsor/sponsor1.png" alt="Mark Dao"></a></li>

<li><h2>John Dispennette</h2><a href="#"><img class="img-responsive" src="images/sponsor/sponsor2.png" alt="John Dispennette"></a></li>

<li><h2>Edna Neal</h2><a href="#"><img class="img-responsive" src="images/sponsor/edna.jpg" alt="Edna Neal"></a></li>
</ul>
</div>
</div>
Expand All @@ -302,15 +317,18 @@ <h2>Sponsors</h2>
<img class="img-responsive" src="images/light.png" alt="">
</div>
</div>
</section><!--/#sponsor-->
</section>

<!--/#sponsor-->

<section id="contact">
<div id="map">
<div id="gmap-wrap">
<div id="gmap">
</div>
</div>
</div><!--/#map-->
</div>
<!-- /#map-->
<div class="contact-section">
<div class="ear-piece">
<img class="img-responsive" src="images/ear-piece.png" alt="">
Expand Down Expand Up @@ -380,8 +398,13 @@ <h3>Send a message</h3>
<script type="text/javascript" src="js/coundown-timer.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo.js"></script>
<script type="text/javascript" src="js/jquery.nav.js"></script>

<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/database.js"></script>

<script type="text/javascript" src="js/main.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD0bQRM37N6XJeKpJXPzg9-pCTq69ybTxc&callback=initMap"
async defer></script>

</body>
</html>
1 change: 1 addition & 0 deletions js/database.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
var homelessplanet = new Firebase("https://homelessplanet.firebaseio.com/");

//User clicks on Manage your Nights
$('')
//Takes to Google Maps api page
//Shows user a Google map with Shelters listed with red markers
//If user clicks on the red marker it shows the user a box with information about that Shelter
Expand Down