Initial copy of old site.

This commit is contained in:
2018-08-14 10:56:12 -07:00
parent 94000458e4
commit 7c516cf4d4
112 changed files with 1822 additions and 1791 deletions

View File

@@ -6,15 +6,40 @@
<div class="leftSidebar">
<div class="logoArea">
<i class="fa fa-sign-out fa-2x signOut" aria-hidden="true"></i>
<div class="logo"><img src="/images/Logo_v1.png" height="60px"/></div>
<div class="logo"><img src="/images/logo_v1.png" height="60px"/></div>
</div>
<div class="menuArea generalMenu">
<ul>
<li class="{{isActiveRoute 'InternshipJobs'}}">
<a href="{{pathFor 'InternshipJobs'}}">
Internship Job List
</a>
</li>
<li class="{{isActiveRoute 'UserManagement'}}">
<a href="{{pathFor 'UserManagement'}}">
Users
</a>
</li>
<li class="{{isActiveRoute 'ImportantDates'}}">
<a href="{{pathFor 'ImportantDates'}}">
Important Dates
</a>
</li>
<li class="{{isActiveRoute 'Appreciation'}}">
<a href="{{pathFor 'Appreciation'}}">
Appreciation
</a>
</li>
<li class="{{isActiveRoute 'CurrentBoard'}}">
<a href="{{pathFor 'CurrentBoard'}}">
Current Board
</a>
</li>
<li class="{{isActiveRoute 'News&Notices'}}">
<a href="{{pathFor 'News&Notices'}}">
News & Notices
</a>
</li>
<!-- Below is a second menu with a tag attached. -->
<!--<li class="{{isActiveRoute 'Misc'}}">-->
<!--<a href="{{pathFor 'Misc'}}">-->

View File

@@ -16,10 +16,10 @@
border: 0
vertical-align: top
text-align: left
background-color: #90b272 //Old browsers
background: -moz-linear-gradient(-180deg, #90b272 0%, #4d7727 100%) //FF3.6-15
background: -webkit-linear-gradient(-180deg, #90b272 0%,#4d7727 100%) //Chrome10-25,Safari5.1-6
background: linear-gradient(180deg, #90b272 0%,#4d7727 100%) //W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
background-color: #b9d6ff //Old browsers
background: -moz-linear-gradient(-180deg, #b9d6ff 0%, #04b0c7 100%) //FF3.6-15
background: -webkit-linear-gradient(-180deg, #b9d6ff 0%, #04b0c7 100%) //Chrome10-25,Safari5.1-6
background: linear-gradient(180deg, #b9d6ff 0%, #04b0c7 100%) //W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
font-size: 14px
font-weight: 700
overflow: visible
@@ -52,11 +52,11 @@
width: 30px
height: 30px
padding: 5px 0
background-color: #90b272
background-color: #b9d6ff
display: block
border-top: 1px solid #494
border-right: 1px solid #494
border-bottom: 1px solid #494
border-top: 1px solid #04b0c7
border-right: 1px solid #04b0c7
border-bottom: 1px solid #04b0c7
.leftSidebarMenuButton:hover
color: rgba(150,0,0,.5)
nav.generalSidebar
@@ -89,10 +89,10 @@
//bottom: 0px
width: 220px
//Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#627d4d+0,1f3b08+100;Olive+3D
background-color: #90b272 //Old browsers
background: -moz-linear-gradient(-180deg, #90b272 0%, #4d7727 100%) //FF3.6-15
background: -webkit-linear-gradient(-180deg, #90b272 0%,#4d7727 100%) //Chrome10-25,Safari5.1-6
background: linear-gradient(180deg, #90b272 0%,#4d7727 100%) //W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
background-color: #b9d6ff //Old browsers
background: -moz-linear-gradient(-180deg, #b9d6ff 0%, #04b0c7 100%) //FF3.6-15
background: -webkit-linear-gradient(-180deg, #b9d6ff 0%, #04b0c7 100%) //Chrome10-25,Safari5.1-6
background: linear-gradient(180deg, #b9d6ff 0%, #04b0c7 100%) //W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
font-size: 14px
font-weight: 700
overflow: hidden

View File

@@ -2,7 +2,7 @@
<div id="login" class="content">
<div class="spacer"> </div>
<div class="contentBox">
<img src="/images/Logo_v1.png"/>
<img src="/images/logo_v1.png"/>
<div class="form">{{> Template.dynamic template=content}}</div>
</div>
</div>

View File

@@ -6,14 +6,14 @@
.contentBox
margin: 0 auto
max-width: 600px
background-color: #88d15a
background-color: #b9d6ff
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
padding: 40px 10px
text-align: center
img
height: 120px
height: 60px
vertical-align: top
.form
display: inline-block
@@ -30,12 +30,12 @@
margin-bottom: 6px
text-align: center
width: 300px
background: #34d955;
background-image: -webkit-linear-gradient(top, #5d942b, #4b7d26)
background-image: -moz-linear-gradient(top, #5d942b, #4b7d26)
background-image: -ms-linear-gradient(top, #5d942b, #4b7d26)
background-image: -o-linear-gradient(top, #5d942b, #4b7d26)
background-image: linear-gradient(to bottom, #5d942b, #4b7d26)
background: #1555b4;
background-image: -webkit-linear-gradient(top, #1555b4, #000f7d)
background-image: -moz-linear-gradient(top, #1555b4, #000f7d)
background-image: -ms-linear-gradient(top, #1555b4, #000f7d)
background-image: -o-linear-gradient(top, #1555b4, #000f7d)
background-image: linear-gradient(to bottom, #1555b4, #000f7d)
font-family: "Arial Black", Arial
color: #ffffff
font-size: 14px
@@ -45,12 +45,12 @@
text-transform: uppercase
border: none
.at-btn:hover
background: #29b54f
background-image: -webkit-linear-gradient(top, #29b54f, #186b31)
background-image: -moz-linear-gradient(top, #29b54f, #186b31)
background-image: -ms-linear-gradient(top, #29b54f, #186b31)
background-image: -o-linear-gradient(top, #29b54f, #186b31)
background-image: linear-gradient(to bottom, #29b54f, #186b31)
background: #04b0c7
background-image: -webkit-linear-gradient(top, #04b0c7, #000f7d)
background-image: -moz-linear-gradient(top, #04b0c7, #000f7d)
background-image: -ms-linear-gradient(top, #04b0c7, #000f7d)
background-image: -o-linear-gradient(top, #04b0c7, #000f7d)
background-image: linear-gradient(to bottom, #04b0c7, #000f7d)
text-decoration: none
cursor: pointer
.at-link

View File

@@ -1,29 +1,30 @@
<template name="Public">
{{> sAlert}}
<div id="publicBody">
<div id="page">
<div id="menu"><!-- Note: Comment out spacing between the elements since the browser will interpret the spaces as characters to be displayed.
--><a href="/Home">Home</a><!--
--></div>
<div id="links">
<!-- Note: Comment out spacing between the elements since the browser will interpret the spaces as characters to be displayed. -->
<a id="linkFacebook" href="" target='_blank' rel="nofollow"></a><!--
--><a id="linkGoogle" href="" target='_blank' rel="nofollow"></a><!--
--><a id="linkTwitter" href="" target='_blank' rel="nofollow"></a>
</div>
<div id="menuBackground"></div> <!-- A spacer between the menu and the header image. -->
<div id="head">
<!-- Logo click takes the user back to home -->
<div id="logo" onclick="window.location='/Home'"></div>
<div class="topBar">
<div class="logoLeft" onclick="{{pathFor 'Home'}}"></div>
<div class="menuBar">
<div onmousedown="return false">
<a href="{{pathFor 'Admin/Home'}}"><li class="fa fa-key theKey" aria-hidden="true"></li></a>
<li class="barButton"><a href="#"><i class="fa fa-bars"></i></a></li>
<li><a id="datesMenu" class="{{isActiveRoute 'ImportantDates'}}" href="{{pathFor 'ImportantDates'}}">Important Dates</a></li>
<li><a id="supportMenu" class="{{isActiveRoute 'Support'}}" href="{{pathFor 'Support'}}">Support &nbsp;</a></li>
<li><a id="programsMenu" class="{{isActiveRoute 'Programs'}}" href="{{pathFor 'Programs'}}">Programs &nbsp;</a></li>
<li><a id="contactMenu" class="{{isActiveRoute 'Contact'}}" href="{{pathFor 'Contact'}}">Contact &nbsp;</a></li>
<li><a id="aboutMenu" class="{{isActiveRoute 'About'}}" href="{{pathFor 'About'}}">About &nbsp;</a></li>
<li><a id="homeMenu" class="{{isActiveRoute 'Home'}}" href="{{pathFor 'Home'}}">Home &nbsp;</a></li>
</div>
</div>
</div>
<div id="content">
{{> Template.dynamic template=content}}
</div>
</div>
<!-- footer lines -->
<div id="footer">&copy; 2018 Just Me | My Email <a href="mailto:me@somewhere.com">me@somewhere.com</a></div>
<div id="designedBy" style="">
Web Site By: <a href="http://somewhere.com" style="font-weight: normal" target="_blank">Your Company</a>
</div>
<div class="footer">Anderson Valley Education Foundation, Inc., P.O. Box 242, Boonville, CA 95415. --- A non-profit 501(c)(3), tax ID # 68-0436870</div>
<div class="copyright">&copy;2013, 2018 Anderson Valley Education Foundation, Inc.</div>
<div class="byline">Web Site By: Wynne Crisman and Caleb Devine-Gomes</div>
</div>
</template>

View File

@@ -1,14 +1,77 @@
#publicBody
position: relative
max-width: 950px
max-width: 960px
min-width: 250px
margin: 0 auto
#page
background: #FDFDFD
@media(max-width: 549px)
.topBar
.logoLeft
cursor: pointer
z-index: 1
display: inline-block
height: 43px
width: 41px
background-image: url('/images/logo_v1.png')
background-position: center center
background-origin: content-box
background-clip: content-box
background-repeat: no-repeat
background-size: cover
.menuBar
list-style-type:none
margin: 15px 0 0 0
padding:0
overflow:hidden
display: inline-block
float: right
font-size: 16px
li
float: right
a
font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif
font-weight: bold
padding: 8px 8px 0 8px
text-decoration: none
color: #269
a:hover
color: #5AD
a:active
color: #047
a.active
color: #777777
cursor: default
.theKey
color: #269
.footer
text-align: center
padding-bottom: 40px
.copyright
float: left
color: #777777
letter-spacing: 1px
overflow: visible
white-space: nowrap
text-transform: uppercase
font-size: 10px
.byline
float: right
color: #777777
letter-spacing: 1px
overflow: visible
text-align: right
text-transform: uppercase
font-size: 10px
@media(max-width: 549px)
.level1, .level2
display: none
#page
#head
margin: 0 auto
height: 0
#logo
position: absolute
@@ -28,12 +91,7 @@
max-width: 950px
background: #FFF
#menu
white-space: nowrap
position: absolute
height: 20px
z-index: 200
font-family: "Open Sans", Arial, Helvetica, sans-serif
font-weight: 600
font-size: .8em
#menu a
margin: 0 0 0 5px
@@ -51,43 +109,24 @@
opacity: .7
color: black
border-bottom: 1px solid red
#links
white-space: nowrap
position: absolute
right: 50px
top: 26px
height: 15px
width: 60px
text-align: left
z-index: 100
font-family: Arial, Helvetica, sans-serif
font-size: .8em
font-weight: 800
#links a
display: inline-block
width: 20px
height: 15px
border-bottom: 1px solid transparent
/* Force the browser to include padding and border as part of the size of the block. */
-webkit-box-sizing: border-box /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box /* Firefox, other Gecko */
box-sizing: border-box /* Opera/IE 8+ */
#links a:hover
border-bottom: 1px solid red
opacity: .7
#linkFacebook
background: url('images/Facebook_v2.png') no-repeat center center
background-size: auto 9px
#linkGoogle
background: url('images/GooglePlus_v2.png') no-repeat center center
background-size: 12px auto
#linkTwitter
background: url('images/Twitter_v2.png') no-repeat center center
background-size: 12px auto
@media(min-width: 550px)
.copyright
font-size: 7px
.byline
float: left
clear: both
text-align: left
font-size: 7px
.footer
font-size: 7px
text-align: left
// Large Screens
@media(min-width: 550px)
.barButton
display: none
#page
#head
margin: 0 auto
background: url(images/Header_v1.jpg) no-repeat top center
background: url(images/header_v2.jpg) no-repeat top center
background-size: contain
max-width: 950px
height: 171px
@@ -109,14 +148,11 @@
max-width: 950px
background: #FFF
#menu
white-space: nowrap
position: absolute
height: 30px
margin-bottom: 1px
z-index: 200
font-family: "Open Sans", Arial, Helvetica, sans-serif
font-weight: 600
font-size: 1em
#menu.wide
width: 199px
#menu a
margin: 0 0 0 16px
text-decoration: none
@@ -129,53 +165,8 @@
-webkit-box-sizing: border-box /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box /* Firefox, other Gecko */
box-sizing: border-box /* Opera/IE 8+ */
#menu a.holidayMenuItem
font-family: "Grand Hotel", "Open Sans", Arial, Helvetica, sans-serif
font-weight: 400
font-size: 1.3em
letter-spacing: 1px
vertical-align: top
#menu a.shippingMenuItem
font-family: "Grand Hotel", "Open Sans", Arial, Helvetica, sans-serif
font-weight: 400
font-size: 1.3em
letter-spacing: 1px
vertical-align: top
#menu a:hover
opacity: 1
color: black
background: transparent
border-bottom: 3px solid #a20010
#link
white-space: nowrap
position: absolute
right: 10px
top: 130px
height: 30px
width: 120px
text-align: center
z-index: 200
font-family: Arial, Helvetica, sans-serif
font-weight: 800
font-size: 1em
#links a
display: inline-block
width: 30px
height: 30px
border-bottom: 2px solid transparent
/* Force the browser to include padding and border as part of the size of the block. */
-webkit-box-sizing: border-box /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box /* Firefox, other Gecko */
box-sizing: border-box /* Opera/IE 8+ */
#links a:hover
border-bottom: 2px solid rgb(200, 146, 186) /*#a20010;*/
opacity: 1
#linkFacebook
background: url('images/Facebook_white_v2.png') no-repeat center 5px
background-size: 20px auto
#linkGoogle
background: url('images/GooglePlus_white_v2.png') no-repeat center 6px
background-size: 20px auto
#linkTwitter
background: url('images/Twitter_white_v2.png') no-repeat center 7px
background-size: 20px auto
border-bottom: 3px solid #a20010