npease/WebJROTC
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
master
WebJROTC/index.html
T
nicholaspease18 33ca7d9f78 Added Blog
2019-09-16 17:22:24 -04:00

257 lines
12 KiB
HTML
Raw Permalink Blame History

<!DOCTYPE HTML>
<html>
<head>
<title>Nokomis JROTC</title>
<script src="//cdn.letreach.com/js/main/a99d6ff3dec6106a641e37d249ac4762.js"></script>
<link rel="manifest" href="https://lax18.github.io/WebJROTC/manifest.json">
<link rel="stylesheet" href="https://lax18.github.io/WebJROTC/css/font.css">
<link rel="stylesheet" href="https://lax18.github.io/WebJROTC/css/material.indigo-red.min.css">
<link rel="stylesheet" href="https://lax18.github.io/WebJROTC/css/style.css">
<script src="js/authentication.js"></script>
<script src="https://lax18.github.io/WebJROTC/js/material.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://www.gstatic.com/firebasejs/5.5.3/firebase.js"></script>
<script src="https://lax18.github.io/WebJROTC/js/script.js"></script>
<meta name="theme-color" content="#3f51b5">
<link rel="apple-touch-icon" sizes="57x57" href="/WebJROTC/assets/favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/WebJROTC/assets/favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/WebJROTC/assets/favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/WebJROTC/assets/favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/WebJROTC/assets/favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/WebJROTC/assets/favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/WebJROTC/assets/favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/WebJROTC/assets/favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/WebJROTC/assets/favicons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" sizes="32x32" href="/WebJROTC/assets/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="194x194" href="/WebJROTC/assets/favicons/favicon-194x194.png">
<link rel="icon" type="image/png" sizes="192x192" href="/WebJROTC/assets/favicons/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="16x16" href="/WebJROTC/assets/favicons/favicon-16x16.png">
<link rel="mask-icon" href="/WebJROTC/assets/favicons/safari-pinned-tab.svg" color="#5bbad5">
<meta name="apple-mobile-web-app-title" content="JROTC">
<meta name="application-name" content="JROTC">
<meta name="msapplication-TileColor" content="#3f51b5">
<script>
function onLoad() {
// Initialize Firebase
var config = {
apiKey: "AIzaSyB0keF26uKYDOR2o-8HYkgoOGWhsPyHdkg",
authDomain: "jrotc-database.firebaseapp.com",
databaseURL: "https://jrotc-database.firebaseio.com",
projectId: "jrotc-database",
storageBucket: "jrotc-database.appspot.com",
messagingSenderId: "787128694744"
};
firebase.initializeApp(config);
navigator.serviceWorker.register('sw.js');
externalOnLoad();
}
var deferredPrompt;
window.addEventListener('beforeinstallprompt', function(e) {
// Prevent Chrome 67 and earlier from automatically showing the prompt
e.preventDefault();
// Stash the event so it can be triggered later.
deferredPrompt = e;
showAddToHomeScreen();
});
function showAddToHomeScreen() {
var a2hsBtn = document.querySelector(".ad2hs-prompt");
a2hsBtn.style.display = "block";
a2hsBtn.addEventListener("click", addToHomeScreen);
}
function addToHomeScreen() {
var a2hsBtn = document.querySelector(".ad2hs-prompt"); // hide our user interface that shows our A2HS button
a2hsBtn.style.display = 'none'; // Show the prompt
deferredPrompt.prompt();
deferredPrompt.userChoice
.then(function(choiceResult) {
if (choiceResult.outcome === 'accepted') {
console.log('User accepted the A2HS prompt');
} else {
console.log('User dismissed the A2HS prompt');
}
deferredPrompt = null;
});
}
</script>
</head>
<body onload="onLoad()">
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<header class="mdl-layout__header">
<div class="mdl-layout__header-row">
<!-- Title -->
<span class="mdl-layout-title">Nokomis JROTC</span>
<!-- Add spacer, to align navigation to the right -->
<div class="mdl-layout-spacer"></div>
<div class="clickable"><i class="material-icons" onclick="location.href='info.html'">info</i></div>
</div>
</header>
<div class="mdl-layout__drawer">
<span class="mdl-layout-title">Nokomis JROTC</span>
<nav class="mdl-navigation">
<div id="loginbutton" class="accountbutton">
<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" onclick="logIn();">
Log In
</button>
</div>
<div id="logoutbutton" class="accountbutton" style="display: none;">
<button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" onclick="logOut();">
Log Out
</button>
</div>
</nav>
</div>
<main class="mdl-layout__content">
<div class="page-content">
<div class="ad2hs-prompt" style="display: none">Install Nokomis JROTC</div>
<table>
<tbody>
<tr>
<td>
<div class="calendar mdl-card mdl-shadow--2dp">
<div class="mdl-card__title mdl-card--expand">
<h3><span id="event_type">Loading...</span></h3>
<h4><span id="event_uniform">Loading...</span></h4>
<br><i class="material-icons" style="font-size: 18px;padding-right: 5px;">access_time</i><span id="event_time">Loading...</span>
<br><i class="material-icons" style="font-size: 18px;padding-right: 5px;">date_range</i><span id="event_date">Loading</span>
<br><i class="material-icons" style="font-size: 18px;padding-right: 5px;">room</i><span id="event_place">Loading...</span>
</div>
<div class="mdl-card__actions mdl-card--border">
<a href="calendar/index.html" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
Go to Calendar
</a>
<div class="mdl-layout-spacer"></div>
<i class="material-icons">event</i>
</div>
</div>
</td>
<td>
<div class="ribbons mdl-card mdl-shadow--2dp">
<div class="mdl-card__title mdl-card--expand">
<h2 class="mdl-card__title-text">Ribbon Rack Builder</h2>
</div>
<div class="mdl-card__supporting-text">
You can arrange your ribbons here, and the generator will tell you how to place them on your uniform.
</div>
<div class="mdl-card__actions mdl-card--border">
<a href="ribbon/index.html" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
Open Ribbon Rack Builder
</a>
</div>
</div>
</td>
<td>
<div class="alphacompany mdl-card mdl-shadow--2dp">
<div class="mdl-card__title mdl-card--expand">
<h2 class="mdl-card__title-text">Alpha Company</h2>
</div>
<div class="mdl-card__supporting-text">
Information about Alpha Company is located here.
</div>
<div class="mdl-card__actions mdl-card--border">
<a href="companies/alpha.html" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
Enter
</a>
</div>
</div>
</td>
<td>
<div class="bravocompany mdl-card mdl-shadow--2dp">
<div class="mdl-card__title mdl-card--expand">
<h2 class="mdl-card__title-text">Bravo Company</h2>
</div>
<div class="mdl-card__supporting-text">
Information about Bravo Company is located here.
</div>
<div class="mdl-card__actions mdl-card--border">
<a href="companies/bravo.html" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
Enter
</a>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div class="resources mdl-card mdl-shadow--2dp">
<div class="mdl-card__title mdl-card--expand">
<h2 class="mdl-card__title-text">Resources</h2>
</div>
<div class="mdl-card__supporting-text">
Important documents to have are located here.
</div>
<div class="mdl-card__actions mdl-card--border">
<a href="resources/index.html" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
Access Documents
</a>
</div>
</div>
</td>
<td>
<div class="signups mdl-card mdl-shadow--2dp">
<div class="mdl-card__title mdl-card--expand">
<h2 class="mdl-card__title-text">Blog</h2>
</div>
<div class="mdl-card__supporting-text">
Access Nokomis JROTC's Blog here!
</div>
<div class="mdl-card__actions mdl-card--border">
<a href="https://nokomisjrotc992024420.wordpress.com/" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
View Blog
</a>
</div>
</div>
</td>
<td>
<div class="facebook mdl-card mdl-shadow--2dp">
<div class="mdl-card__title mdl-card--expand">
<h2 class="mdl-card__title-text">Facebook Page</h2>
</div>
<div class="mdl-card__supporting-text">
Like Nokomis JROTC on Facebook.
</div>
<div class="mdl-card__actions mdl-card--border">
<a href="https://www.facebook.com/pages/category/Campus-Building/Nokomis-JROTC-333767570596/" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
Go to Facebook
</a>
</div>
</div>
</td>
<td>
<div class="youtube mdl-card mdl-shadow--2dp">
<div class="mdl-card__title mdl-card--expand">
<h2 class="mdl-card__title-text">YouTube</h2>
</div>
<div class="mdl-card__supporting-text">
Like and Subscribe to the Nokomis JROTC YouTube channel.
</div>
<div class="mdl-card__actions mdl-card--border">
<a href="https://www.youtube.com/channel/UCTVAQI5GtjblRjos2y1WwlQ" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
Go to YouTube
</a>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</main>
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink