Initial (With All Files)
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 52 KiB |
|
After Width: | Height: | Size: 288 KiB |
|
After Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 32 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 56 KiB |
|
After Width: | Height: | Size: 49 KiB |
|
After Width: | Height: | Size: 6.6 KiB |
|
After Width: | Height: | Size: 5.7 KiB |
|
After Width: | Height: | Size: 7.3 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 8.7 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 9.5 KiB |
|
After Width: | Height: | Size: 56 KiB |
|
After Width: | Height: | Size: 49 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 83 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 39 KiB |
|
After Width: | Height: | Size: 98 KiB |
|
After Width: | Height: | Size: 85 KiB |
|
After Width: | Height: | Size: 342 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
@@ -0,0 +1,53 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Nokomis JROTC - Calendar</title>
|
||||
<script src="//cdn.letreach.com/js/main/a99d6ff3dec6106a641e37d249ac4762.js"></script>
|
||||
<link rel="manifest" href="../manifest.json">
|
||||
<link rel="stylesheet" href="../css/font.css">
|
||||
<link rel="stylesheet" href="../css/material.indigo-red.min.css">
|
||||
<link rel="stylesheet" href="../css/style.css">
|
||||
<script src="../js/material.min.js"></script>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<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">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
|
||||
<header class="mdl-layout__header">
|
||||
<button class="mdl-layout__drawer-button mdl-button mdl-js-button mdl-button--icon" onclick="history.go(-1);">
|
||||
<i class="material-icons">arrow_back</i>
|
||||
</button>
|
||||
<div class="mdl-layout__header-row">
|
||||
<!-- Title -->
|
||||
<span class="mdl-layout-title">Calendar</span>
|
||||
<!-- Add spacer, to align navigation to the right -->
|
||||
<div class="mdl-layout-spacer"></div>
|
||||
</div>
|
||||
</header>
|
||||
<main class="mdl-layout__content">
|
||||
<div class="page-content">
|
||||
<iframe src="https://script.google.com/a/rsu19.net/macros/s/AKfycbwvpJTyfMyeRoX1XHynvpmtYhWiaEI6h76kubh6/exec" style="border-width:0" width="800" height="100%" frameborder="0" scrolling="no"></iframe>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,23 @@
|
||||
/* fallback */
|
||||
@font-face {
|
||||
font-family: 'Material Icons';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
font-family: 'Material Icons';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px;
|
||||
line-height: 1;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
word-wrap: normal;
|
||||
direction: ltr;
|
||||
-webkit-font-feature-settings: 'liga';
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
@@ -0,0 +1,109 @@
|
||||
.centere {
|
||||
width: 100%;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.centered {
|
||||
margin: auto;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.no-under a {
|
||||
text-decoration: none;
|
||||
font-weight: bold;
|
||||
color: black;
|
||||
|
||||
}
|
||||
|
||||
.sign-table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.ad2hs-prompt {
|
||||
background-color: green;
|
||||
color: white;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.mdl-card {
|
||||
width: 320px;
|
||||
height: 320px;
|
||||
}
|
||||
|
||||
table {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.youtube > .mdl-card__title {
|
||||
color: #000;
|
||||
background: url('../assets/youtube.png') bottom right 15% no-repeat #46B6AC;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.facebook > .mdl-card__title {
|
||||
color: #000;
|
||||
background: url('../assets/facebook.png') bottom right 15% no-repeat #46B6AC;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.signups > .mdl-card__title {
|
||||
color: #000;
|
||||
background: url('../assets/signup.png') bottom right 15% no-repeat #46B6AC;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.ribbons > .mdl-card__title {
|
||||
color: #000;
|
||||
background: url('../assets/ribbon.png') top left 15% no-repeat #46B6AC;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.resources > .mdl-card__title {
|
||||
color: #000;
|
||||
background: url('../assets/resources.png') bottom right 15% no-repeat #46B6AC;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.calendar.mdl-card {
|
||||
width: 320px;
|
||||
height: 320px;
|
||||
background: #3E4EB8;
|
||||
}
|
||||
|
||||
.calendar > .mdl-card__actions {
|
||||
border-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.calendar > .mdl-card__title {
|
||||
align-items: flex-start;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.calendar > .mdl-card__title > h4 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.calendar > .mdl-card__actions {
|
||||
display: flex;
|
||||
box-sizing: border-box;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.calendar > .mdl-card__actions > .material-icons {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.calendar > .mdl-card__title,
|
||||
.calendar > .mdl-card__actions,
|
||||
.calendar > .mdl-card__actions > .mdl-button {
|
||||
color: #fff;
|
||||
}
|
||||
|
After Width: | Height: | Size: 12 KiB |
@@ -0,0 +1,210 @@
|
||||
<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="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 mdl-layout--no-desktop-drawer-button">
|
||||
<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>
|
||||
<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="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>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="signups mdl-card mdl-shadow--2dp">
|
||||
<div class="mdl-card__title mdl-card--expand">
|
||||
<h2 class="mdl-card__title-text">Sign Ups</h2>
|
||||
</div>
|
||||
<div class="mdl-card__supporting-text">
|
||||
Access digital sign up sheets here.
|
||||
</div>
|
||||
<div class="mdl-card__actions mdl-card--border">
|
||||
<a href="signups/index.html" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
|
||||
View Activities
|
||||
</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>
|
||||
@@ -0,0 +1,69 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Nokomis JROTC - Info</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="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">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
|
||||
<header class="mdl-layout__header">
|
||||
<header class="mdl-layout__header">
|
||||
<button class="mdl-layout__drawer-button mdl-button mdl-js-button mdl-button--icon" onclick="location.href='index.html';">
|
||||
<i class="material-icons">close</i>
|
||||
</button>
|
||||
<div class="mdl-layout__header-row">
|
||||
<!-- Title -->
|
||||
<span class="mdl-layout-title">Information</span>
|
||||
<!-- Add spacer, to align navigation to the right -->
|
||||
<div class="mdl-layout-spacer"></div>
|
||||
</div>
|
||||
</header>
|
||||
</header>
|
||||
<main class="mdl-layout__content">
|
||||
<div class="page-content">
|
||||
<div class="centere">
|
||||
<div class="centered">
|
||||
<img src="assets/icon-192.png">
|
||||
<h4>Nokomis JROTC App</h4>
|
||||
<h5>Version 1.0 Public</h5>
|
||||
<h5>© 2019 Nicholas Pease (S6)</h5>
|
||||
<br>
|
||||
<br>
|
||||
<br> Domain: lax18.github.io
|
||||
<br> Database Services: Firebase
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,54 @@
|
||||
// Get List of SignUps
|
||||
function signUpList() {
|
||||
database = firebase.database().ref("signup");
|
||||
database.once('value', function(snapshot) {
|
||||
snapshot.forEach(function(child) {
|
||||
firebase.database().ref("signup/" + child["key"]).on('value', function(data) {
|
||||
var data1 = data.val();
|
||||
var a = document.createElement("tr");
|
||||
a.innerHTML = "<td class='mdl-data-table__cell--non-numeric no-under' id='sign-name'><a href='"+data1["link"]+"'>"+child["key"]+"</a></td><td class='mdl-data-table__cell--non-numeric' id='sign-date'>"+data1["date"]+"</td><td class='mdl-data-table__cell--non-numeric no-under' id='sign-info'><a href='"+data1["infolink"]+"'>Info</a></td>"
|
||||
document.getElementById("table-body").appendChild(a)
|
||||
componentHandler.upgradeAllRegistered();
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function externalOnLoad() {
|
||||
var isMobile = window.orientation > -1;
|
||||
if (isMobile) {
|
||||
location.href = "https://s.codetasty.com/LAX18/General/mobile/index.html"
|
||||
}
|
||||
console.log("[index.html] LOADED")
|
||||
var data = readData("nextevent", function(data) {
|
||||
if (data.event === "FOR") {
|
||||
document.getElementById("event_type").innerHTML = "Formation"
|
||||
document.getElementById("event_uniform").innerHTML = data.uniform
|
||||
document.getElementById("event_time").innerHTML = data.time
|
||||
document.getElementById("event_date").innerHTML = data.date
|
||||
document.getElementById("event_place").innerHTML = data.location
|
||||
} else if (data.event === "UNI") {
|
||||
document.getElementById("event_type").innerHTML = "Uniform Day"
|
||||
document.getElementById("event_uniform").innerHTML = data.uniform
|
||||
document.getElementById("event_time").innerHTML = "N/A"
|
||||
document.getElementById("event_date").innerHTML = data.date
|
||||
document.getElementById("event_place").innerHTML = "N/A"
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
// Firebase Scripts
|
||||
// global read data and place on page function
|
||||
function setData(ref, element, read1) {
|
||||
var array = readData(ref, function(array) {
|
||||
document.getElementById(element).innerHTML = array[read1]
|
||||
});
|
||||
}
|
||||
|
||||
function readData(ref, callback) {
|
||||
var nextformation = firebase.database().ref(ref);
|
||||
nextformation.on("value", function(data) {
|
||||
var array = data.val();
|
||||
callback(array)
|
||||
});
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
{
|
||||
"short_name": "JROTC",
|
||||
"name": "Nokomis JROTC",
|
||||
"icons": [
|
||||
{
|
||||
"src": "assets/icon-192.png",
|
||||
"type": "image/png",
|
||||
"sizes": "192x192"
|
||||
},
|
||||
{
|
||||
"src": "assets/icon-512.png",
|
||||
"type": "image/png",
|
||||
"sizes": "512x512"
|
||||
}
|
||||
],
|
||||
"start_url": "/LAX18/General/messaging2/index.html",
|
||||
"background_color": "#3f51b5",
|
||||
"display": "standalone",
|
||||
"theme_color": "#3f51b5"
|
||||
}
|
||||
@@ -0,0 +1,66 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Nokomis JROTC - Resources</title>
|
||||
<script src="//cdn.letreach.com/js/main/a99d6ff3dec6106a641e37d249ac4762.js"></script>
|
||||
<link rel="manifest" href="../manifest.json">
|
||||
<link rel="stylesheet" href="../css/font.css">
|
||||
<link rel="stylesheet" href="../css/material.indigo-red.min.css">
|
||||
<link rel="stylesheet" href="../css/style.css">
|
||||
<script src="../js/material.min.js"></script>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<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">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
|
||||
<header class="mdl-layout__header">
|
||||
<button class="mdl-layout__drawer-button mdl-button mdl-js-button mdl-button--icon" onclick="history.go(-1);">
|
||||
<i class="material-icons">arrow_back</i>
|
||||
</button>
|
||||
<div class="mdl-layout__header-row">
|
||||
<!-- Title -->
|
||||
<span class="mdl-layout-title">Resources</span>
|
||||
<!-- Add spacer, to align navigation to the right -->
|
||||
<div class="mdl-layout-spacer"></div>
|
||||
</div>
|
||||
</header>
|
||||
<main class="mdl-layout__content">
|
||||
<div class="page-content">
|
||||
<div class="content-grid mdl-grid">
|
||||
<div class="mdl-cell">
|
||||
<h4 class="display-4">General Documents</h4>
|
||||
<iframe src="https://drive.google.com/embeddedfolderview?id=1_yqhV5irDpCSVD_7EOyxb_cg2LU_sIKI#list" style="width:100%; height:600px; border:0;"></iframe>
|
||||
</div>
|
||||
<div class="mdl-cell">
|
||||
<h4>Alpha Company Documents</h4>
|
||||
<iframe src="https://drive.google.com/embeddedfolderview?id=1kDBvVxfmYoU6pFGshJrbxFqaKDWOLOH9#list" style="width:100%; height:600px; border:0;"></iframe>
|
||||
</div>
|
||||
<div class="mdl-cell">
|
||||
<h4>Bravo Company Documents</h4>
|
||||
<iframe src="https://drive.google.com/embeddedfolderview?id=14rLv_6wWMfCim6cx8pJ8wupLSmuQXHR8#list" style="width:100%; height:600px; border:0;"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 15 KiB |
@@ -0,0 +1,37 @@
|
||||
.ribbons-display {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 85%;
|
||||
min-height: 60px;
|
||||
background-color: #d3d3d3;
|
||||
text-align: center;
|
||||
border-color: black;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
.spacer {
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.ribbon-card {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.mdl-card__media {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.clickable {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.ribbons {
|
||||
margin-right: auto;
|
||||
margin-left: 0px;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.ribbon_selector {
|
||||
margin: auto;
|
||||
}
|
||||
@@ -0,0 +1,60 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Nokomis JROTC - Ribbon Rack Builder</title>
|
||||
<script src="//cdn.letreach.com/js/main/a99d6ff3dec6106a641e37d249ac4762.js"></script>
|
||||
<link rel="manifest" href="../manifest.json">
|
||||
<link rel="stylesheet" href="../css/font.css">
|
||||
<link rel="stylesheet" href="../css/material.indigo-red.min.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<script src="../js/material.min.js"></script>
|
||||
<script src="js/script.js"></script>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="theme-color" content="#3f51b5">
|
||||
<meta name="google" content="notranslate">
|
||||
<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">
|
||||
</head>
|
||||
|
||||
<body onload="onLoad();">
|
||||
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
|
||||
<header class="mdl-layout__header">
|
||||
<button class="mdl-layout__drawer-button mdl-button mdl-js-button mdl-button--icon" onclick="history.go(-1);">
|
||||
<i class="material-icons">arrow_back</i>
|
||||
</button>
|
||||
<div class="mdl-layout__header-row">
|
||||
<!-- Title -->
|
||||
<span class="mdl-layout-title">Ribbon Rack Builder</span>
|
||||
<!-- Add spacer, to align navigation to the right -->
|
||||
<div class="mdl-layout-spacer"></div>
|
||||
</div>
|
||||
</header>
|
||||
<main class="mdl-layout__content">
|
||||
<div class="page-content">
|
||||
<div class="ribbons-display" id="ribbons-display">
|
||||
</div>
|
||||
<div class="spacer"></div>
|
||||
<div id="ribbon_selector">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,72 @@
|
||||
// Ribbon Rack Builder
|
||||
// v.2
|
||||
//
|
||||
//
|
||||
// (C) 2019 Nicholas Pease
|
||||
// Nokomis Warrior Battalion
|
||||
// S6 Web Security and Maintainence
|
||||
|
||||
var ribbon_name = ['Medal of Heroism', 'Superior Cadet', 'Distinguished Cadet', 'Academic Excellence', 'Academic Achievement', 'Perfect Attendance', 'Student Goverment', 'LET Service', 'Student of the QTR', 'JLAB', 'Honor Roll', 'National Honor Society', 'SAI Instructor Leadership', 'Personal Apperance', 'Proficiency', 'Drill Team', 'Orienteering', 'Color Guard', 'Rifle Team', 'Adventure Training', 'BN Commendation', 'Good Conduct', 'JCLC', 'MMA Leadership Challenge', 'Community Service', 'Fundraising', 'CDT/NCO of the Month', 'Varsity Athletics', 'JROTC Physical Fitness', 'JROTC Athletics', 'Winter Survival', 'Company Commendation', 'Parade', 'Recruiting', 'Summit Project', 'Zimmerman Challenge', 'Summer Help', 'Service Learning', 'Excellent Staff Performance'];
|
||||
var ribbon_filename = ['medal_of_heroism', 'superior_cadet', 'N-1-1', 'N-1-2', 'N-1-3', 'N-1-4', 'N-1-5', 'N-1-6', 'N-1-7', 'N-1-8', 'N-1-9', 'N-1-10', 'N-3-1', 'N-3-2', 'N-3-3', 'N-3-4', 'N-3-5', 'N-3-6', 'N-3-7', 'N-3-8', 'N-3-9', 'N-3-10', 'N-3-11', 'N-3-12', 'N-3-13', 'N-3-14', "N-3-15", "N-2-1", "N-2-2", "N-2-3", "N-2-4", "N-2-5", "N-4-1", "N-4-2", "N-4-3", "N-4-4", "N-4-5", "N-4-6", "N-4-7"];
|
||||
var ribbon_activated = [];
|
||||
var number_of_ribbons = ribbon_name.length;
|
||||
|
||||
function onLoad() {
|
||||
for (i = 0; i < number_of_ribbons; i++) {
|
||||
var element = document.getElementById("ribbon_selector");
|
||||
var newelement = document.createElement("span")
|
||||
newelement.setAttribute("class", "ribbon-selector-span")
|
||||
if (i <= 1) {
|
||||
newelement.innerHTML = "<div id='ribbons-selector'> <div class='ribbon-card mdl-card mdl-shadow--2dp'> <div class='mdl-card__title'> <h2 class='mdl-card__title-text'>" + ribbon_name[i] + "<br> </h2> </div> <div class='mdl-card__media'> <img src='assets/ribbons/" + ribbon_filename[i] + ".gif' width='154px' height='42px' border='0' alt='' style='padding:10px;'> </div> <div class='mdl-card__supporting-text'> <img src='assets/add.png' onclick='addRibbon(" + i + ");' class='clickable'><img src='assets/subtract.png' onclick='subtractRibbon(" + i + ");' class='clickable'> </div> </div> </div>"
|
||||
} else {
|
||||
newelement.innerHTML = "<div id='ribbons-selector'> <div class='ribbon-card mdl-card mdl-shadow--2dp'> <div class='mdl-card__title'> <h2 class='mdl-card__title-text'>" + ribbon_name[i] + "<br>" + ribbon_filename[i] + "</h2> </div> <div class='mdl-card__media'> <img src='assets/ribbons/" + ribbon_filename[i] + ".gif' width='154px' height='42px' border='0' alt='' style='padding:10px;'> </div> <div class='mdl-card__supporting-text'> <img src='assets/add.png' onclick='addRibbon(" + i + ");' class='clickable'><img src='assets/subtract.png' onclick='subtractRibbon(" + i + ");' class='clickable'> </div> </div> </div>"
|
||||
}
|
||||
element.appendChild(newelement)
|
||||
}
|
||||
}
|
||||
|
||||
function addRibbon(number) {
|
||||
ribbon_activated[number] = true;
|
||||
updatePage();
|
||||
}
|
||||
|
||||
function subtractRibbon(number) {
|
||||
ribbon_activated[number] = false;
|
||||
updatePage();
|
||||
}
|
||||
|
||||
function updatePage() {
|
||||
document.getElementById("ribbons-display").innerHTML = ""
|
||||
let ribbons = 0
|
||||
for (i = 0; i < number_of_ribbons; i++) {
|
||||
if (ribbon_activated[i] === true) {
|
||||
ribbons++
|
||||
var singles = ribbons % 3
|
||||
var rows = (ribbons - singles) / 3
|
||||
var img = document.createElement("img");
|
||||
img.setAttribute("src", "assets/ribbons/" + ribbon_filename[i] + ".gif");
|
||||
img.setAttribute("width", "33%");
|
||||
img.setAttribute("class", "ribbons")
|
||||
if (ribbons <= 3) {
|
||||
console.log(rows)
|
||||
img.setAttribute("id",ribbons)
|
||||
}
|
||||
if (singles === 1 && rows !== 0) {
|
||||
document.getElementById("1").setAttribute("style", "display: block;margin: auto;")
|
||||
document.getElementById("3").removeAttribute("style");
|
||||
} else if (singles === 2 && rows !== 0) {
|
||||
document.getElementById("1").removeAttribute("style");
|
||||
document.getElementById("1").setAttribute("width", "34%");
|
||||
document.getElementById("2").setAttribute("width", "34%");
|
||||
// document.getElementById("1").setAttribute("height", "");
|
||||
// document.getElementById("2").setAttribute("height", "");
|
||||
} else if (rows > 0) {
|
||||
document.getElementById("1").setAttribute("width","33%");
|
||||
document.getElementById("2").setAttribute("width","33%");
|
||||
// document.getElementById("1").removeAttribute("height");
|
||||
// document.getElementById("2").removeAttribute("height");
|
||||
}
|
||||
document.getElementById("ribbons-display").appendChild(img);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,81 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<title>Nokomis JROTC - Signups</title>
|
||||
<script src="//cdn.letreach.com/js/main/a99d6ff3dec6106a641e37d249ac4762.js"></script>
|
||||
<link rel="manifest" href="../manifest.json">
|
||||
<link rel="stylesheet" href="../css/font.css">
|
||||
<link rel="stylesheet" href="../css/material.indigo-red.min.css">
|
||||
<link rel="stylesheet" href="../css/style.css">
|
||||
<script src="../js/material.min.js"></script>
|
||||
<script src="../js/script.js"></script>
|
||||
<script src="../js/firebase.js"></script>
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="/LAX18/General/messaging2/assets/favicons/apple-touch-icon-57x57.png">
|
||||
<link rel="apple-touch-icon" sizes="60x60" href="/LAX18/General/messaging2/assets/favicons/apple-touch-icon-60x60.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="/LAX18/General/messaging2/assets/favicons/apple-touch-icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="/LAX18/General/messaging2/assets/favicons/apple-touch-icon-76x76.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="/LAX18/General/messaging2/assets/favicons/apple-touch-icon-114x114.png">
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="/LAX18/General/messaging2/assets/favicons/apple-touch-icon-120x120.png">
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="/LAX18/General/messaging2/assets/favicons/apple-touch-icon-144x144.png">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="/LAX18/General/messaging2/assets/favicons/apple-touch-icon-152x152.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/LAX18/General/messaging2/assets/favicons/apple-touch-icon-180x180.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/LAX18/General/messaging2/assets/favicons/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="194x194" href="/LAX18/General/messaging2/assets/favicons/favicon-194x194.png">
|
||||
<link rel="icon" type="image/png" sizes="192x192" href="/LAX18/General/messaging2/assets/favicons/android-chrome-192x192.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/LAX18/General/messaging2/assets/favicons/favicon-16x16.png">
|
||||
<link rel="mask-icon" href="/LAX18/General/messaging2/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);
|
||||
signUpList();
|
||||
};
|
||||
</script>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="theme-color" content="#3f51b5">
|
||||
</head>
|
||||
|
||||
<body onload="onLoad()">
|
||||
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
|
||||
<header class="mdl-layout__header">
|
||||
<button class="mdl-layout__drawer-button mdl-button mdl-js-button mdl-button--icon" onclick="history.go(-1);">
|
||||
<i class="material-icons">arrow_back</i>
|
||||
</button>
|
||||
<div class="mdl-layout__header-row">
|
||||
<!-- Title -->
|
||||
<span class="mdl-layout-title">Signups</span>
|
||||
<!-- Add spacer, to align navigation to the right -->
|
||||
<div class="mdl-layout-spacer"></div>
|
||||
</div>
|
||||
</header>
|
||||
<main class="mdl-layout__content">
|
||||
<div class="page-content">
|
||||
<h3>Available Events:</h3>
|
||||
<table class="mdl-data-table mdl-js-data-table mdl-shadow--2dp sign-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="mdl-data-table__cell--non-numeric">Event:</th>
|
||||
<th class="mdl-data-table__cell--non-numeric">Date:</th>
|
||||
<th class="mdl-data-table__cell--non-numeric">Information:</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="table-body">
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,47 @@
|
||||
// Offline SW
|
||||
const filesToCache = [
|
||||
'index.html',
|
||||
'manifest.json',
|
||||
'sw.js',
|
||||
'https://s.codetasty.com/LAX18/General/messaging2/css/style.css',
|
||||
'https://s.codetasty.com/LAX18/General/messaging2/css/font.css',
|
||||
'https://s.codetasty.com/LAX18/General/messaging2/css/material.indigo-red.min.css',
|
||||
'https://s.codetasty.com/LAX18/General/messaging2/js/firebase.js',
|
||||
'https://s.codetasty.com/LAX18/General/messaging2/js/material.min.js',
|
||||
'https://s.codetasty.com/LAX18/General/messaging2/js/script.js'
|
||||
];
|
||||
|
||||
const staticCacheName = 'NokomisJROTC';
|
||||
|
||||
|
||||
self.addEventListener('install', event => {
|
||||
console.log('Attempting to install service worker and cache static assets');
|
||||
event.waitUntil(
|
||||
caches.open(staticCacheName)
|
||||
.then(cache => {
|
||||
return cache.addAll(filesToCache);
|
||||
})
|
||||
);
|
||||
});
|
||||
|
||||
self.addEventListener('fetch', event => {
|
||||
console.log('Fetch event for ', event.request.url);
|
||||
event.respondWith(
|
||||
caches.match(event.request)
|
||||
.then(response => {
|
||||
if (response) {
|
||||
console.log('Found ', event.request.url, ' in cache');
|
||||
return response;
|
||||
}
|
||||
console.log('Network request for ', event.request.url);
|
||||
return fetch(event.request)
|
||||
|
||||
// TODO 4 - Add fetched files to the cache
|
||||
|
||||
}).catch(error => {
|
||||
|
||||
// TODO 6 - Respond with custom offline page
|
||||
|
||||
})
|
||||
);
|
||||
});
|
||||