npease/MobileJROTC-Rewrite
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Updated to bring current with WebJROTC

Browse Source
This commit is contained in:
nicholaspease18
2019-09-18 11:23:46 -04:00
parent 6ad3b99159
commit c78990374a
2 changed files with 159 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+121 -87
View File
@@ -1,87 +1,121 @@
.clickable {
cursor: pointer;
}
.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;
}
.resources > .mdl-card__title {
color: #000;
background: url('../assets/resources.png') bottom right 15% no-repeat #46B6AC;
background-color: white;
}
.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;
}
.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;
}
.accountbutton {
display: inline-block;
}
.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;
}
.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;
}
.alphacompany > .mdl-card__title {
color: #000;
background: url('../alpha.png') bottom right 15% no-repeat #46B6AC;
background-color: white;
}
.bravocompany > .mdl-card__title {
color: #000;
background: url('../bravo.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;
}
index.html
+38 -4
View File
@@ -141,6 +141,40 @@
</div>
</td>
</tr>
<tr>
<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>
</tr>
<tr>
<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">
@@ -164,14 +198,14 @@
<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>
<h2 class="mdl-card__title-text">Blog</h2>
</div>
<div class="mdl-card__supporting-text">
Access digital sign up sheets here.
Access Nokomis JROTC's Blog here!
</div>
<div class="mdl-card__actions mdl-card--border">
<a href="../WebJROTC/signups/index.html" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
View Activities
<a href="https://nokomisjrotc992024420.wordpress.com/" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
View Blog
</a>
</div>
</div>