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 added .DS_Store
Binary file not shown.
Binary file added public/.DS_Store
Binary file not shown.
279 changes: 279 additions & 0 deletions public/EventFeed.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,279 @@
<!DOCTYPE html>
<html>

<head>

<title>VoluntYOU | Official Homepage</title>
<link href="css/main.css" rel="stylesheet" />
<link href="css/nav.css" rel="stylesheet" />
<link href="res/bootstrap/css/bootstrap.css" rel="stylesheet" />
<link href="res/img/general/icon.png" rel="icon" type="image/png" />

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap" rel="stylesheet">

<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">

<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description"
content="VoluntYOU provides a better way to volunteer. We connect volunteers, community service organizations, and academic institutions on an accessible, collaborative platform that streamlines the volunteering process for all." />

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2DL7PY1G6N"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());

gtag('config', 'G-2DL7PY1G6N');
</script>

</head>

<body onscroll="navchange();">

<nav class="navbar navbar-expand-lg navbar-light bg-white sticky-top" id="navigation"
style="transition-duration: 0.2s;">
<div class="container-fluid mx-5 p-0">
<a class="navbar-brand" href="#">
<!--<img src="res/img/general/icon.png" alt="VoluntYou icon"
style="vertical-align: top;">--> VoluntYOU
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item dropdown">

<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
data-bs-toggle="dropdown" aria-expanded="false">About Us</a>

<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item d-lg-none" href="about/index.html" id="about">About</a></li>
<li class="dropdown-divider d-lg-none"></li>
<li><a class="dropdown-item" href="about/recognition.html">Recognition</a></li>
<li><a class="dropdown-item" href="about/team.html">Our Team</a></li>
<li><a class="dropdown-item" href="privacy.html">Privacy Policy</a>
</li>
</ul>
</li>
<!--<li class="nav-item">
<a class="nav-link" href="#">Team</a>
</li>
<!--
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
</li>
-->
</ul>
<!--form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>-->
<!--<div class="d-flex">
<div class="dropdown">
<a class="nav-link text-dark" href="#" id="accountDropdown" data-bs-toggle="dropdown" aria-expanded="false">
Account
<img src="res/img/general/noaccount.png" alt="No account icon" width="40px">
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="accountDropdown">
<li><a class="dropdown-item" href="#">Login</a></li>
<li><a class="dropdown-item" href="#">Account</a></li>
<li><a class="dropdown-item" href="#">Profile</a></li>
</ul>
</div>
</div>-->
<div class="d-flex">
<div class="dropdown">
<a class="nav-link text-dark" href="#" id="accountDropdown" data-bs-toggle="dropdown"
aria-expanded="false">
Account
<img src="res/img/general/noaccount.png" alt="No account icon" width="40px">
</a>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="accountDropdown">
<li><a class="dropdown-item" id='login-nav-dropdown' href="login.html">Login</a></li>
<li><a class="dropdown-item" id='signup-nav-dropdown' href="registration.html">Sign Up</a>
</li>
<li><a id="hiddenProfileLi" class="dropdown-item" href="profile.html" hidden>Profile </a>
</li>
<!-- <li><a id="hiddenEventFeedLi" class="dropdown-item" href="EventFeed.html" hidden>Event Feed
</a></li> -->
<li><a id="hiddenLogOutLi" class="dropdown-item LogOutBtn" href="login.html" hidden>Log Out
</a></li>
</ul>
</div>
</div>
</div>
</div>
</nav>
<div class="container py-5 h-100">
<div class=" flex-column d-flex justify-content-center align-items-center h-100">
<div class="row" style=width:100%>
<div class="text-center">
<div class="dropdown">
<button id="categoryDropdown"class="btn-lg btn btn-outline-light dropdown-toggle"
style="font-weight: bold; background-color:#FD765F;margin:0 auto; align-content: center;"
data-bs-toggle="dropdown" aria-expanded="false">Select
Category</button>

<ul class="category-dropdown dropdown-menu dropdown-menu-end">
<div class="dropdown-header">Select Category</div>
<li onclick=displayAll() class="dropdown-item">All</li>

<li onclick= displayOutdoorEvents() class="dropdown-item">Outdoors</li>
<li onclick= displayIndoorEvents() class="dropdown-item">Indoors</li>
<li onclick= displayAnimalEvents() class="dropdown-item">Animals</li>
<li onclick= displayMedicalEvents() class="dropdown-item">Medical</li>
<li onclick= displayElderlyEvents() class="dropdown-item">Elderly</li>
<li onclick= displayChildrenEvents() class="dropdown-item">Children</li>
<li onclick= displayLearningDisabilityEvents() class="dropdown-item">Learning Diability</li>
<li onclick= displayPhysicalDisabilityEvents class="dropdown-item">Physical Disability<lia>
<li onclick= displayHumanitarianAidEvents() class="dropdown-item">Humanitarian Aid</li>
</ul>

</div>
</div>


<div id="event-list">

<!-- <ul class="mt-3 " id="event-list">
<li id="event">
<span class="py-1"style="font-weight:bold; background-color:#FDC15A;">Tutor 6th-12th Graders</span>
<p class="m-3 "style="font-size:0.75rem;">01/12/21 , 11:30 PM</p>
<hr>
</li>
</ul> -->
</div>

</div>

</div>

<div class="mx-5 mt-3">
<div class="container-fluid d-flex justify-content-center py-3">
<div class="row d-flex justify-content-center">

<div class="col-3">
<a href="https://www.facebook.com/voluntyou/"><img src="res/img/icons/facebook.png"
alt="Facebook Icon" height="40"></a>
</div>

<div class="col-3">
<a href="https://www.instagram.com/voluntyou"><img src="res/img/icons/instagram.png"
alt="Instagram Icon" height="40"></a>
</div>

<div class="col-3">
<a href="mailto:info@voluntyou.org"><img src="res/img/icons/email.png" alt="Email Icon"
height="40"></a>
</div>

<div class="col-3">
<a href="https://www.linkedin.com/company/voluntyou"><img src="res/img/icons/linkedin.png"
alt="Linkedin Icon" height="40"></a>
</div>

</div>


</div>
<div class="row my-3">
<small class="text-center">Copyright 2021 Julianna Schneider. All Rights Reserved. Patent Pending.
Registered
Domestic Nonprofit
Corporation.</small>
</div>
</div>

</div>



<script src="res/bootstrap/js/bootstrap.bundle.min.js"></script>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>



<script>
AOS.init();
</script>

<script>

var navchange = function () {
if (window.scrollY > 0) {
document.getElementById('navigation').classList.add("shadow-sm");
}
else {
document.getElementById('navigation').classList.remove("shadow-sm");
}
}

var about = function () {
if ($("#about").css('display') == 'none') {
window.location.href = 'about/index.html';
}
}

btn = document.getElementById("navbarDropdown");

btn.addEventListener("show.bs.dropdown", about);

</script>


<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/8.9.1/firebase-app.js"></script>

<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#available-libraries -->

<script src="https://www.gstatic.com/firebasejs/8.9.1/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.9.1/firebase-firestore.js"></script>

<script>
// Your web app's Firebase configuration
var firebaseConfig = {
apiKey: "AIzaSyCaR8mps91fS_BdnLOJSDXHWfO-bDYpHDM",
authDomain: "volunteam-impact.firebaseapp.com",
databaseURL: "https://volunteam-impact.firebaseio.com",
projectId: "volunteam-impact",
storageBucket: "volunteam-impact.appspot.com",
messagingSenderId: "756388431441",
appId: "1:756388431441:web:49d01e4ef7fc51d07d5a70"
};
// Initialize Firebase
let initialized = firebase.initializeApp(firebaseConfig);
console.log(initialized);

</script>


<script src="js/appdisp.js"></script>
<script src="js/EventFeed.js"></script>

</body>

</html>
Loading