Initial commit of content.

This commit is contained in:
2021-01-13 11:25:45 -08:00
commit 9b8760fd34
67 changed files with 25486 additions and 0 deletions

View File

@@ -0,0 +1,20 @@
// This configures the apostrophe-assets module to push a 'site.less'
// stylesheet by default, and to use jQuery 3.x
module.exports = {
jQuery: 3,
stylesheets: [
{name: 'pre'},
{name: 'bootstrap'},
{name: 'main'},
{name: 'topBar'},
{name: 'menu'},
],
scripts: [
{name: 'bootstrap'},
{name: 'site'}
],
images: [
{name: 'AvLogo.png'}
]
};

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,68 @@
p {
margin-top: 0.3rem;
margin-bottom: 0.7rem;
line-height: 1.4rem;
}
h5 {
font-size: 1.2rem;
font-weight: 900;
margin-top: 0.8rem;
margin-bottom: 0.3rem;
}
.apos-slideshow h4 {
display: none;
}
.apos-area-widget a {
display: block;
padding-bottom: 0.8rem;
}
.apos-rich-text ul {
list-style-type: circle;
list-style-position: inside;
}
.apos-indent1 {
margin-left: 1rem;
}
.apos-indent2 {
margin-left: 2rem;
}
.highlighted {
background: #c7c6c6;
margin: 1rem 6rem;
padding: 1rem 1rem;
font-size: 1.8rem;
font-weight: 700;
-webkit-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61);
-moz-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61);
box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61);
}
@media only screen and (max-width: 1100px) {
html {
font-size: 14px !important;
}
}
@media only screen and (max-width: 950px) {
html {
font-size: 12px !important;
}
}
@media only screen and (max-width: 760px) {
html {
font-size: 10px !important;
}
}
@media only screen and (max-width: 500px) {
html {
font-size: 8.5px !important;
}
}
/*# sourceMappingURL=main.css.map */

View File

@@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["main.sass"],"names":[],"mappings":"AACA;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMD;EACC;IACC;;;AAEF;EACC;IACC;;;AAEF;EACC;IACC;;;AAEF;EACC;IACC","file":"main.css"}

View File

@@ -0,0 +1,59 @@
p
margin-top: 0.3rem
margin-bottom: 0.7rem
line-height: 1.4rem
h5
font-size: 1.2rem
font-weight: 900
margin-top: 0.8rem
margin-bottom: 0.3rem
.apos-slideshow h4
display: none
.apos-area-widget a
display: block
padding-bottom: 0.8rem
.apos-rich-text ul
list-style-type: circle
list-style-position: inside
.apos-indent1
margin-left: 1rem
.apos-indent2
margin-left: 2rem
//.apos-rich-text > div //This was a work around to the rich text widget 'class' property not working in the style.
.highlighted
background: #c7c6c6
margin: 1rem 6rem
padding: 1rem 1rem
font-size: 1.8rem
font-weight: 700
-webkit-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61)
-moz-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61)
box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61)
//
// Everything scales off of the HTML tag font sizes since the whole site uses REM units.
//
@media only screen and (max-width: 1100px)
html
font-size: 14px !important
@media only screen and (max-width: 950px)
html
font-size: 12px !important
@media only screen and (max-width: 760px)
html
font-size: 10px !important
@media only screen and (max-width: 500px)
html
font-size: 8.5px !important

View File

@@ -0,0 +1,221 @@
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
i {
font-style: italic;
}
b {
font-weight: bold;
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
}
.clearfix {
zoom: 1;
}
.clearfix:before {
content: "";
display: block;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
.noselect, .navbar ul li, .navbar .dropdown-content a {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.navbar {
overflow: visible;
background-color: #333;
color: white;
font-family: Arial sans-serif;
font-size: 1rem;
position: relative;
}
.navbar ul {
list-style: none;
margin: 0;
padding-left: 0;
background: inherit;
}
.navbar ul li:hover {
cursor: pointer;
}
.navbar ul li:hover, .navbar ul li:focus-within {
background: #33492b;
text-shadow: 0 0 20px white;
}
.navbar ul li:focus-within {
outline: none;
}
.navbar ul li.display > div.dropdown-content, .navbar ul li.display > div.dropdown-chevron {
visibility: visible;
opacity: 1;
display: block;
}
.navbar ul li {
color: white;
background: inherit;
display: block;
float: left;
padding: 0.5rem 1rem;
text-decoration: none;
transition-property: background;
transition-duration: 0.5s;
cursor: pointer;
}
.navbar ul li a {
text-decoration: none;
color: white;
}
.navbar ul li div.dropdown-chevron {
cursor: default;
text-shadow: none;
visibility: hidden;
position: relative;
display: none;
overflow: visible;
top: 0;
left: 0;
text-align: center;
font-size: 2rem;
cursor: pointer;
}
.navbar ul li div.dropdown-chevron i {
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 2rem;
font-size: 3rem;
line-height: 2rem;
z-index: 9999;
color: white;
}
.navbar ul li div.dropdown-content {
tab-index: -1;
cursor: default;
padding-bottom: 2rem;
transition-property: opacity;
transition-duration: 1.5s;
text-shadow: none;
background-color: #333;
color: white;
min-height: 20rem;
visibility: hidden;
opacity: 0;
min-width: 5rem;
position: absolute;
transition: all 0.5s ease;
top: 100%;
left: 0;
display: none;
width: 100%;
z-index: 9998;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
border-top: white 1rem solid;
}
.navbar .dropdown-content h1 {
font-size: 3rem;
font-family: Roboto Arial sans-serif;
margin: 0.6rem 0 0.6rem 0;
color: #c2e09d;
border-bottom: 2px solid grey;
width: 100%;
}
.navbar .dropdown-content h2 {
font-size: 1.5rem;
font-family: Roboto Arial sans-serif;
margin: 0.6rem 0 0.4rem 0;
border-bottom: #656565 1.5px dashed;
color: #CCC;
}
.navbar .dropdown-content .row {
width: 100%;
}
.navbar .dropdown-content a {
font-size: 1rem;
font-family: Roboto Arial sans-serif;
color: white;
text-decoration: none;
margin: 0.5rem 0 0.5rem 0.6rem;
display: block;
}
.navbar .dropdown-content a:hover {
color: #ff7700;
text-decoration: underline;
}
@media only screen and (max-width: 500px) {
.navbar {
font-size: 1.4rem;
}
.navbar .dropdown-content h1 {
font-size: 2rem;
}
.navbar .dropdown-content h2 {
font-size: 2rem;
}
.navbar .dropdown-content a {
font-size: 1.5rem;
}
}
/*# sourceMappingURL=menu.css.map */

View File

@@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["pre.sass","menu.sass"],"names":[],"mappings":"AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaC;EACA;EACA;EAGA;;;AAED;AACA;AAAA;EAEC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;;AACA;EACC;EACA;;AAED;EACC;EACA;EACA;;;AACF;EACC;EACA;EACA;EACA;EACA;EACA;;;ACpED;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;;AACA;EACC;;AACD;EACC;EACA;;AACD;EACC;;AAGD;EACC;EACA;EACA;;AACD;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;;AACF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACC;EACA;EACA;EACA;EAEA;EACA;;AACD;EACC;EACA;EACA;EACA;EACA;;AACD;EACC;;AACD;EAEC;EACA;EACA;EACA;EACA;EACA;;AACD;EACC;EACA;;;AAiBH;EACC;IACC;;EAEC;IACC;;EACD;IACC;;EACD;IACC","file":"menu.css"}

View File

@@ -0,0 +1,141 @@
@use './pre'
.navbar
overflow: visible
background-color: #333
color: white
font-family: Arial sans-serif
font-size: 1rem
position: relative
ul
list-style: none
margin: 0
padding-left: 0
background: inherit
li:hover
cursor: pointer
li:hover, li:focus-within
background: #33492b
text-shadow: 0 0 20px rgb(255, 255, 255)
li:focus-within
outline: none
//li:hover div.dropdown-content, li div.dropdown-content:hover, li:hover div.dropdown-chevron, li div.dropdown-chevron:hover,
//li:focus-within div.dropdown-content, li div.dropdown-content:focus-within, li:focus-within div.dropdown-chevron, li div.dropdown-chevron:focus-within,
li.display > div.dropdown-content, li.display > div.dropdown-chevron
visibility: visible
opacity: 1
display: block
li
@extend .noselect
color: white
background: inherit
display: block
float: left
padding: .5rem 1rem
text-decoration: none
transition-property: background
transition-duration: 0.5s
cursor: pointer
a
text-decoration: none
color: white
div.dropdown-chevron
cursor: default
text-shadow: none
visibility: hidden
position: relative
display: none
overflow: visible
top: 0
left: 0
text-align: center
font-size: 2rem
cursor: pointer
i
top: 0
left: 0
//padding-top: 2rem
position: absolute
width: 100%
height: 2rem
font-size: 3rem
line-height: 2rem
//color: #333
z-index: 9999
color: white
div.dropdown-content
tab-index: -1
cursor: default
padding-bottom: 2rem
transition-property: opacity
transition-duration: 1.5s
text-shadow: none
background-color: #333
color: white
min-height: 20rem
visibility: hidden
opacity: 0
min-width: 5rem
position: absolute
transition: all 0.5s ease
top: 100%
left: 0
display: none
width: 100%
z-index: 9998
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2)
border-top: white 1rem solid
.dropdown-content
h1
font-size: 3rem
font-family: Roboto Arial sans-serif
margin: .6rem 0 .6rem 0
color: #c2e09d
//background-color: #555
border-bottom: 2px solid grey
width: 100%
h2
font-size: 1.5rem
font-family: Roboto Arial sans-serif
margin: .6rem 0 .4rem 0
border-bottom: #656565 1.5px dashed
color: #CCC
.row
width: 100%
a
@extend .noselect
font-size: 1rem
font-family: Roboto Arial sans-serif
color: white
text-decoration: none
margin: .5rem 0 .5rem .6rem
display: block
a:hover
color: #ff7700
text-decoration: underline
//
//@media only screen and (max-width: 950px)
// .navbar
// font-size: 0.85rem
// ul li
// padding: 0.7rem 1.3rem
//
//
//@media only screen and (max-width: 760px)
// .navbar
// font-size: 0.7rem
// ul li
// padding: 0.45rem .9rem
//
//
@media only screen and (max-width: 500px)
.navbar
font-size: 1.4rem
.dropdown-content
h1
font-size: 2rem
h2
font-size: 2rem
a
font-size: 1.5rem

View File

@@ -0,0 +1,84 @@
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
i {
font-style: italic;
}
b {
font-weight: bold;
}
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
}
.clearfix {
zoom: 1;
}
.clearfix:before {
content: "";
display: block;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/*# sourceMappingURL=pre.css.map */

View File

@@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["pre.sass"],"names":[],"mappings":"AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaC;EACA;EACA;EAGA;;;AAED;AACA;AAAA;EAEC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;;AACA;EACC;EACA;;AAED;EACC;EACA;EACA;;;AACF;EACC;EACA;EACA;EACA;EACA;EACA","file":"pre.css"}

View File

@@ -0,0 +1,71 @@
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
margin: 0
padding: 0
border: 0
//font-size: 100%
//font: inherit
vertical-align: baseline
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
display: block
body
line-height: 1
ol, ul
list-style: none
blockquote, q
quotes: none
blockquote:before, blockquote:after, q:before, q:after
content: none
table
border-collapse: collapse
border-spacing: 0
i
font-style: italic
b
font-weight: bold
*
-moz-box-sizing: border-box
-webkit-box-sizing: border-box
box-sizing: border-box
margin: 0
.clearfix
zoom: 1
&:before
content: ''
display: block
&:after
content: ''
display: table
clear: both
.noselect
-webkit-touch-callout: none /* iOS Safari */
-webkit-user-select: none /* Safari */
-khtml-user-select: none /* Konqueror HTML */
-moz-user-select: none /* Old versions of Firefox */
-ms-user-select: none /* Internet Explorer/Edge */
user-select: none /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */

View File

@@ -0,0 +1,66 @@
#topBar {
position: relative;
background-color: rgba(170, 122, 82, 0.3);
padding: 1em 0;
}
#topBar .logoImage {
height: 6rem;
vertical-align: top;
padding-right: 1rem;
animation: colorAnimation ease 4s;
animation-iteration-count: 1;
animation-duration: 4s;
}
@keyframes colorAnimation {
0% {
filter: grayscale(100%);
}
100% {
filter: grayscale(0%);
}
}
#topBar .logoText {
display: inline-block;
}
#topBar .logoText .logoTitle {
line-height: 1;
font-size: 4.5rem;
font-family: "Arima Madurai", cursive;
}
#topBar .logoText .logoTagline {
line-height: 0.5;
font-size: 2rem;
font-family: "Dancing Script", cursive;
text-align: left;
}
#topBar .logoText .menuButtonContainer {
display: block;
position: fixed;
right: 5rem;
top: 2.5rem;
-webkit-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61);
-moz-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61);
box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61);
}
#topBar .logoText .menuButtonContainer button {
line-height: 1;
padding: 0.4em;
}
#topBar .logoText .menuButtonContainer button svg {
font-size: 1.5em;
}
@media only screen and (max-width: 500px) {
#topBar .logoImage {
height: 4rem;
padding-right: 0.6rem;
}
#topBar .logoText .logoTitle {
font-size: 3rem;
}
#topBar .logoText .logoTagline {
font-size: 1.4rem;
}
}
/*# sourceMappingURL=topBar.css.map */

View File

@@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["topBar.sass"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAED;EACC;IACC;;EACD;IACC;;;AAEF;EACC;;AAEA;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;EAEA;;AACD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAEA;EACC;;;AAqCL;EAEE;IACC;IACA;;EACD;IACC;;EACD;IACC","file":"topBar.css"}

View File

@@ -0,0 +1,93 @@
#topBar
position: relative
background-color: rgba(170, 122, 82, 0.3)
padding: 1em 0
.logoImage
height: 6rem
vertical-align: top
padding-right: 1rem
animation: colorAnimation ease 4s
animation-iteration-count: 1
animation-duration: 4s
@keyframes colorAnimation
0%
filter: grayscale(100%)
100%
filter: grayscale(0%)
.logoText
display: inline-block
.logoTitle
line-height: 1
font-size: 4.5rem
font-family: 'Arima Madurai', cursive
//font-weight: 900
.logoTagline
line-height: 0.5
font-size: 2rem
font-family: 'Dancing Script', cursive
//font-weight: 700
text-align: left
.menuButtonContainer
display: block
position: fixed
right: 5rem
top: 2.5rem
-webkit-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61)
-moz-box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61)
box-shadow: 0 0 20px 10px rgba(255, 255, 255, 0.61)
button
line-height: 1
padding: 0.4em
svg
font-size: 1.5em
//@media only screen and (max-width: 1100px)
// #topBar
// padding-top: 4rem
// padding-bottom: 4rem
// .logoImage
// height: 5.2rem
// .logoText .logoTitle
// font-size: 4rem
// .logoText .logoTagline
// font-size: 1.5rem
//
//@media only screen and (max-width: 950px)
// #topBar
// padding-top: 3rem
// padding-bottom: 3rem
// .logoImage
// height: 4rem
// padding-right: 3rem
// .logoText .logoTitle
// font-size: 3rem
// .logoText .logoTagline
// font-size: 1.2rem
//
//@media only screen and (max-width: 760px)
// #topBar
// padding-top: 2rem
// padding-bottom: 2rem
// .logoImage
// height: 3rem
// padding-right: 2rem
// .logoText .logoTitle
// font-size: 2rem
// .logoText .logoTagline
// font-size: 1rem
//
@media only screen and (max-width: 500px)
#topBar
.logoImage
height: 4rem
padding-right: 0.6rem
.logoText .logoTitle
font-size: 3rem
.logoText .logoTagline
font-size: 1.4rem

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,42 @@
$(function() {
// Start with your project-level client-side javascript here.
// JQuery and lodash (_) are both included with Apostrophe, so no need to
// worry about including them on your own.
//
// This is the Javascript to handle displaying and hiding the mega menus.
// We are using this instead of CSS and the hover selector because we want to allow for touch screen users to be able to open it and have it stay open when they tap.
// Clicking also makes for a less confusing UI for users that have a hard time figuring out what is going on.
//
let $topMenuItems = $("nav.navbar ul > li");
let $topMenuContent = $("nav.navbar ul > li > div.dropdown-content");
// Handle the menu losing focus. This should remove visibility of the menu normally, but not when the click will result in one of the menus from displaying or hiding (clicking the same menu button).
$topMenuContent.focusout(function(event) {
let currentTarget = $(event.currentTarget);
// Get the element that focus is switching to. This is held by the focus event that caused the focusout event to fire.
let focused = event.originalEvent.target;
// Test whether the newly focused element is one of the navigation elements.
let isNav = $(focused).parents("nav.navbar ul > li").length > 0;
// Hide the menu if the newly focused element isn't one of the menu elements.
if(!isNav) {
currentTarget.parent().removeClass('display');
}
});
// Handle one of the top level menu items being clicked. This normally shows the mega menu div and chevron by applying a "display" class to the li element for the menu.
// If the menu already is open then the menu should close. If another menu was already open then close it here so that there is a nice smooth transition.
$topMenuItems.click((event) => {
let $clickedMenuItem = $(event.currentTarget);
if($clickedMenuItem.hasClass('display')) {
$clickedMenuItem.removeClass('display');
}
else {
$topMenuItems.removeClass('display');
$clickedMenuItem.addClass('display');
}
});
});