Added three types of alert/notice/update headings for messages at the top of pages.

This commit is contained in:
2021-11-18 07:13:23 -08:00
parent 3fba22f9d1
commit 276d9b14b0
11 changed files with 151 additions and 14 deletions

View File

@@ -275,6 +275,62 @@ blockquote p {
padding-top: 0; padding-top: 0;
} }
.notice {
margin: 1.2rem 0;
padding: 0.3rem 0 0.3rem 0;
font-size: 1.3rem;
font-family: Montserrat-ExtraBold;
line-height: 1.4rem;
font-weight: 700;
color: #000;
}
.notice:before {
content: "Notice:";
padding: 0.5rem;
letter-spacing: 0.2rem;
margin-right: 1rem;
color: #002170;
border: 0;
}
.notice a {
font-size: 1.2rem;
line-height: 1.3rem;
text-shadow: 0 0 0.6rem rgba(158, 243, 113, 0.3);
}
.notice + .notice {
margin-top: 0;
padding-top: 0;
}
.update {
margin: 1.2rem 0;
padding: 0.3rem 0 0.3rem 0;
font-size: 1.3rem;
font-family: Montserrat-ExtraBold;
line-height: 1.4rem;
font-weight: 700;
color: #000;
}
.update:before {
content: "Update:";
padding: 0.5rem;
letter-spacing: 0.2rem;
margin-right: 1rem;
color: #155e01;
border: 0;
}
.update a {
font-size: 1.2rem;
line-height: 1.3rem;
text-shadow: 0 0 0.6rem rgba(158, 243, 113, 0.3);
}
.update + .update {
margin-top: 0;
padding-top: 0;
}
.date { .date {
background: black; background: black;
color: white; color: white;

View File

@@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["common.sass","main.sass"],"names":[],"mappings":";AAAA;EACC;;AACA;EACC;EACA;;AAED;EACC;EACA;EACA;;;AACF;EACC;EACA;EACA;EACA;EACA;EACA;;;ACdD;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;EACA;;AAED;EACC;EAGA;EACA;EACA;EACA;EACA;;;AACD;EACC;;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACF;EACC;;AACD;EACC;EACA;;;AAEF;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AACD;EACC;EACA;EACA;EACA;;;AACD;EACC;EACA;EACA;EACA;;;AACD;EACC;EACA;EACA;EACA;;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACD;EACC;EACA;;AACD;EACC;;;AACF;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAEF;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACD;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACD;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;AACA;EACC;;AACD;EACC;;AACD;EACC;EACA;EACA;EACA;EACA;;AACD;EACC;EACA;EACA;EACA;;;AAEF;EACC;;;AAED;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;;AAEF;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EAKA;EACA;EACA;EACA;EAEA;;AACD;EACC;EACA;EACA;;;AACF;EACC;EACA;;;AACD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAOD;EACC;;;AACD;EACC;EACA;;;AACD;EACC,kBAPU;;;AASV;EACC;;AACD;EACC;;AACD;EACC;;AACD;EACC;;AACD;EACC,kBAnBQ;;AAoBT;EACC;;;AACF;EACC,kBAvBS;;;AAwBV;EACC;IACC;IACA;IACA;;;AAKF;EACC;IACC;;;AAEF;EACC;IACC;;;AAEF;EACC;IACC;;;AAEF;EACC;IACC","file":"main.css"} {"version":3,"sourceRoot":"","sources":["common.sass","main.sass"],"names":[],"mappings":";AAAA;EACC;;AACA;EACC;EACA;;AAED;EACC;EACA;EACA;;;AACF;EACC;EACA;EACA;EACA;EACA;EACA;;;ACdD;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;EACA;;AACD;EACC;EACA;;AAED;EACC;EAGA;EACA;EACA;EACA;EACA;;;AACD;EACC;;;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;;AACF;EACC;;AACD;EACC;EACA;;;AAEF;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AACD;EACC;EACA;EACA;EACA;;;AACD;EACC;EACA;EACA;EACA;;;AACD;EACC;EACA;EACA;EACA;;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AACD;EACC;EACA;;AACD;EACC;;;AACF;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;AAEF;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACD;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AACD;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;AACA;EACC;;AACD;EACC;;AACD;EACC;EACA;EACA;EACA;EACA;;AACD;EACC;EACA;EACA;EACA;;;AAEF;EACC;;;AAED;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;;;AAEF;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EAKA;EACA;EACA;EACA;EAEA;;AACD;EACC;EACA;EACA;;;AACF;EACC;EACA;;;AAED;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EAKA;EACA;EACA;EACA;EAEA;;AACD;EACC;EACA;EACA;;;AACF;EACC;EACA;;;AAED;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EAKA;EACA;EACA;EACA;EAEA;;AACD;EACC;EACA;EACA;;;AACF;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAOD;EACC;;;AACD;EACC;EACA;;;AACD;EACC,kBAPU;;;AASV;EACC;;AACD;EACC;;AACD;EACC;;AACD;EACC;;AACD;EACC,kBAnBQ;;AAoBT;EACC;;;AACF;EACC,kBAvBS;;;AAwBV;EACC;IACC;IACA;IACA;;;AAKF;EACC;IACC;;;AAEF;EACC;IACC;;;AAEF;EACC;IACC;;;AAEF;EACC;IACC","file":"main.css"}

View File

@@ -215,6 +215,65 @@ blockquote
.alert+.alert .alert+.alert
margin-top: 0 margin-top: 0
padding-top: 0 padding-top: 0
.notice
//background: #581d17
margin: 1.2rem 0
padding: 0.3rem 0 0.3rem 0
font-size: 1.3rem
font-family: Montserrat-ExtraBold
line-height: 1.4rem
font-weight: 700
color: #000
&:before
content: "Notice:"
//color: #FFF
//background: #98025c
//background-image: linear-gradient(45deg, #3023AE 0%, #98025C 100%)
//border-radius: .5rem/1rem
padding: 0.5rem
letter-spacing: 0.2rem
margin-right: 1rem
color: #002170
//border: 1px black solid
border: 0
a
font-size: 1.2rem
line-height: 1.3rem
text-shadow: 0 0 0.6rem rgba(158, 243, 113, 0.3)
.notice+.notice
margin-top: 0
padding-top: 0
.update
//background: #581d17
margin: 1.2rem 0
padding: 0.3rem 0 0.3rem 0
font-size: 1.3rem
font-family: Montserrat-ExtraBold
line-height: 1.4rem
font-weight: 700
color: #000
&:before
content: "Update:"
//color: #FFF
//background: #98025c
//background-image: linear-gradient(45deg, #3023AE 0%, #98025C 100%)
//border-radius: .5rem/1rem
padding: 0.5rem
letter-spacing: 0.2rem
margin-right: 1rem
color: #155e01
//border: 1px black solid
border: 0
a
font-size: 1.2rem
line-height: 1.3rem
text-shadow: 0 0 0.6rem rgba(158, 243, 113, 0.3)
.update+.update
margin-top: 0
padding-top: 0
.date .date
background: black background: black
color: white color: white

View File

@@ -16,10 +16,10 @@ module.exports = {
'sup', 'sub', 'span' 'sup', 'sub', 'span'
], ],
allowedClasses: { allowedClasses: {
'p': ['highlighted', 'alert', 'indent', 'bulletLevel2','apos-indent1', 'apos-indent2'], 'p': ['highlighted', 'alert', 'notice', 'update', 'indent', 'bulletLevel2','apos-indent1', 'apos-indent2'],
'ul': ['bulletLevel2','apos-indent1', 'apos-indent2'], 'ul': ['bulletLevel2','apos-indent1', 'apos-indent2'],
'div': ['highlighted', 'alert', "bulletLevel2",'apos-indent1', 'apos-indent2', 'date'], 'div': ['highlighted', 'alert', 'notice', 'update', "bulletLevel2",'apos-indent1', 'apos-indent2', 'date'],
'*': ['highlighted', 'alert', 'bulletLevel2', 'test', '*','apos-indent1', 'apos-indent2'] '*': ['highlighted', 'alert', 'notice', 'update', 'bulletLevel2', 'test', '*','apos-indent1', 'apos-indent2']
}, },
allowedAttributes: { allowedAttributes: {
'*': ['style', 'class'], '*': ['style', 'class'],

View File

@@ -15,7 +15,9 @@
{name: 'Heading 4', element: 'h4', attributes: {class: "h4"} }, {name: 'Heading 4', element: 'h4', attributes: {class: "h4"} },
{name: 'Date', element: 'div', attributes: {class: "date"} }, {name: 'Date', element: 'div', attributes: {class: "date"} },
{name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} }, {name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} },
{name: 'Alert', element: 'div', attributes: {class: "alert"} } {name: 'Alert', element: 'div', attributes: {class: "alert"} },
{name: 'Notice', element: 'div', attributes: {class: "notice"} },
{name: 'Update', element: 'div', attributes: {class: "update"} }
] ]
}, },
'apostrophe-files': {} 'apostrophe-files': {}

View File

@@ -14,7 +14,9 @@
{name: 'Heading 4', element: 'h4', attributes: {class: "h4"} }, {name: 'Heading 4', element: 'h4', attributes: {class: "h4"} },
{name: 'Date', element: 'div', attributes: {class: "date"} }, {name: 'Date', element: 'div', attributes: {class: "date"} },
{name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} }, {name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} },
{name: 'Alert', element: 'div', attributes: {class: "alert"} } {name: 'Alert', element: 'div', attributes: {class: "alert"} },
{name: 'Notice', element: 'div', attributes: {class: "notice"} },
{name: 'Update', element: 'div', attributes: {class: "update"} }
] ]
}, },
'apostrophe-files': {} 'apostrophe-files': {}
@@ -35,7 +37,9 @@
{name: 'Heading 4', element: 'h4', attributes: {class: "h4"} }, {name: 'Heading 4', element: 'h4', attributes: {class: "h4"} },
{name: 'Date', element: 'div', attributes: {class: "date"} }, {name: 'Date', element: 'div', attributes: {class: "date"} },
{name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} }, {name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} },
{name: 'Alert', element: 'div', attributes: {class: "alert"} } {name: 'Alert', element: 'div', attributes: {class: "alert"} },
{name: 'Notice', element: 'div', attributes: {class: "notice"} },
{name: 'Update', element: 'div', attributes: {class: "update"} }
] ]
}, },
'apostrophe-files': {} 'apostrophe-files': {}

View File

@@ -14,7 +14,9 @@
{name: 'Heading 4', element: 'h4', attributes: {class: "h4"} }, {name: 'Heading 4', element: 'h4', attributes: {class: "h4"} },
{name: 'Date', element: 'div', attributes: {class: "date"} }, {name: 'Date', element: 'div', attributes: {class: "date"} },
{name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} }, {name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} },
{name: 'Alert', element: 'div', attributes: {class: "alert"} } {name: 'Alert', element: 'div', attributes: {class: "alert"} },
{name: 'Notice', element: 'div', attributes: {class: "notice"} },
{name: 'Update', element: 'div', attributes: {class: "update"} }
] ]
}, },
'apostrophe-files': {} 'apostrophe-files': {}
@@ -35,7 +37,9 @@
{name: 'Heading 4', element: 'h4', attributes: {class: "h4"} }, {name: 'Heading 4', element: 'h4', attributes: {class: "h4"} },
{name: 'Date', element: 'div', attributes: {class: "date"} }, {name: 'Date', element: 'div', attributes: {class: "date"} },
{name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} }, {name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} },
{name: 'Alert', element: 'div', attributes: {class: "alert"} } {name: 'Alert', element: 'div', attributes: {class: "alert"} },
{name: 'Notice', element: 'div', attributes: {class: "notice"} },
{name: 'Update', element: 'div', attributes: {class: "update"} }
] ]
}, },
'apostrophe-files': {} 'apostrophe-files': {}

View File

@@ -14,7 +14,9 @@
{name: 'Heading 4', element: 'h4', attributes: {class: "h4"} }, {name: 'Heading 4', element: 'h4', attributes: {class: "h4"} },
{name: 'Date', element: 'div', attributes: {class: "date"} }, {name: 'Date', element: 'div', attributes: {class: "date"} },
{name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} }, {name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} },
{name: 'Alert', element: 'div', attributes: {class: "alert"} } {name: 'Alert', element: 'div', attributes: {class: "alert"} },
{name: 'Notice', element: 'div', attributes: {class: "notice"} },
{name: 'Update', element: 'div', attributes: {class: "update"} }
] ]
}, },
'apostrophe-files': {} 'apostrophe-files': {}
@@ -35,7 +37,9 @@
{name: 'Heading 4', element: 'h4', attributes: {class: "h4"} }, {name: 'Heading 4', element: 'h4', attributes: {class: "h4"} },
{name: 'Date', element: 'div', attributes: {class: "date"} }, {name: 'Date', element: 'div', attributes: {class: "date"} },
{name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} }, {name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} },
{name: 'Alert', element: 'div', attributes: {class: "alert"} } {name: 'Alert', element: 'div', attributes: {class: "alert"} },
{name: 'Notice', element: 'div', attributes: {class: "notice"} },
{name: 'Update', element: 'div', attributes: {class: "update"} }
] ]
}, },
'apostrophe-files': {} 'apostrophe-files': {}

View File

@@ -15,7 +15,9 @@
{name: 'Heading 4', element: 'h4', attributes: {class: "h4"} }, {name: 'Heading 4', element: 'h4', attributes: {class: "h4"} },
{name: 'Date', element: 'div', attributes: {class: "date"} }, {name: 'Date', element: 'div', attributes: {class: "date"} },
{name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} }, {name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} },
{name: 'Alert', element: 'div', attributes: {class: "alert"} } {name: 'Alert', element: 'div', attributes: {class: "alert"} },
{name: 'Notice', element: 'div', attributes: {class: "notice"} },
{name: 'Update', element: 'div', attributes: {class: "update"} }
] ]
}, },
'apostrophe-files': {}, 'apostrophe-files': {},

View File

@@ -54,10 +54,11 @@
<a href="/">Welcome</a> <a href="/">Welcome</a>
<a href="/avusd/contact">Contact Information</a> <a href="/avusd/contact">Contact Information</a>
<a href="/avusd/school-reopening">Covid Information</a> <a href="/avusd/school-reopening">Covid Information</a>
<a href="/avusd/covid-reporting">Covid Reporting</a>
<a href="/avusd/calendar">Calendar</a> <a href="/avusd/calendar">Calendar</a>
<!--<a href="/avusd/calendar-next-year">Calendar (Next Year)</a>--> <!--<a href="/avusd/calendar-next-year">Calendar (Next Year)</a>-->
<a href="/avusd/staff">Staff</a> <a href="/avusd/staff">Staff</a>
<a href="/avusd/reports">Reports</a> <a href="/avusd/reports">Reports / Notices</a>
<a href="/avusd/title-ix">Title IX</a> <a href="/avusd/title-ix">Title IX</a>
<a href="/avusd/positions">Open Positions</a> <a href="/avusd/positions">Open Positions</a>
</div> </div>
@@ -71,7 +72,9 @@
<div class="col-lg-4"> <div class="col-lg-4">
<h2>Administration</h2> <h2>Administration</h2>
<a href="/avusd/administrative/agreements">Contracts, Agreements, and Salary Schedules</a> <a href="/avusd/administrative/agreements">Contracts, Agreements, and Salary Schedules</a>
<a href="/avusd/administrative/forms">Forms</a>
<a href="/avusd/administrative/food-service">Food Service</a> <a href="/avusd/administrative/food-service">Food Service</a>
<a href="/avusd/administrative/wellness-committee">Wellness Committee</a>
</div> </div>
</div> </div>
</div> </div>
@@ -164,6 +167,7 @@
<a href="/aves/schedule">Bell Schedules</a> <a href="/aves/schedule">Bell Schedules</a>
<a href="/aves/immunizations">Immunizations</a> <a href="/aves/immunizations">Immunizations</a>
<a href="/aves/attendance">Attendance</a> <a href="/aves/attendance">Attendance</a>
<a href="/aves/bus-schedule">Bus Schedule</a>
<!-- <a href="/aves/menus">Menus</a>--> <!-- <a href="/aves/menus">Menus</a>-->
</div> </div>
</div> </div>

View File

@@ -13,7 +13,9 @@
{name: 'Heading 5', element: 'h5', attributes: {class: "h5"} }, {name: 'Heading 5', element: 'h5', attributes: {class: "h5"} },
{name: 'Date', element: 'div', attributes: {class: "date"} }, {name: 'Date', element: 'div', attributes: {class: "date"} },
{name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} }, {name: 'Highlighted', element: 'div', attributes: {class: "highlighted"} },
{name: 'Alert', element: 'div', attributes: {class: "alert"} } {name: 'Alert', element: 'div', attributes: {class: "alert"} },
{name: 'Notice', element: 'div', attributes: {class: "notice"} },
{name: 'Update', element: 'div', attributes: {class: "update"} }
] ]
}, },
'apostrophe-files': {}, 'apostrophe-files': {},