jdb/nursery-scheduler
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial layout of Sundays.

Browse Source
This commit is contained in:
Jonathan Bernard 2013-09-28 22:25:49 -05:00
commit dd24e97c54
2 changed files with 223 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

182
index.html Normal file
View File

@ -0,0 +1,182 @@
<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="nursery-schedule.css">
</head>
<body>
<section class=sundays>
<div class=first>
<h3>First Sunday, <span class=date>Oct. 6th<span></h3>
<div class=am>
<h4>AM</h4>
<ul>
<li><h5>Toddlers</h5></li>
<li>Sara Bernard</li>
<li>Priscilla Reid</li>
<li>Becca Torres</li>
</ul>
<ul>
<li><h5>Infants</h5></li>
<li>Latonya Kirton</li>
<li>Susan Vacca</li>
<li>Brandie Kristoff</li>
</ul>
</div>
<div class=pm>
<h4>PM</h4>
<ul>
<li>Susan Miller</li>
<li><em>TBD</em></li>
</ul>
</div>
</div>
<div class=second>
<h3>Second Sunday, <span class=date>Oct. 13th</span></h3>
<div class=am>
<h4>AM</h4>
<ul>
<li><h5>Toddlers</h5></li>
<li>Sara Bernard</li>
<li>Priscilla Reid</li>
<li>Rebecca Dombroski</li>
</ul>
<ul>
<li><h5>Infants</h5></li>
<li>Latonya Kirton</li>
<li>Susan Vacca</li>
<li>Mila Hill</li>
</ul>
</div>
<div class=pm>
<h4>PM</h4>
<ul>
<li>Zoe Torres</li>
<li>Hannah Torres</li>
</ul>
</div>
</div>
<div class=third>
<h3>Third Sunday, <span class=date>Oct. 20th</span></h3>
<div class=am>
<h4>AM</h4>
<ul>
<li><h5>Toddlers</h5></li>
<li>Sara Bernard</li>
<li>Priscilla Reid</li>
<li>Della Borrego</li>
</ul>
<ul>
<li><h5>Infants</h5></li>
<li>Latonya Kirton</li>
<li>Susan Vacca</li>
<li>Deborah McDonald</li>
</ul>
</div>
<div class=pm>
<h4>PM</h4>
<ul>
<li><em>TBD</em></li>
<li>Alayna Robert</li>
</ul>
</div>
</div>
<div class=fourth>
<h3>Fourth Sunday, <span class=date>Oct. 27th</span></h3>
<div class=am>
<h4>AM</h4>
<ul>
<li><h5>Toddlers</h5></li>
<li>Sara Bernard</li>
<li>Priscilla Reid</li>
<li><em>TBD</em></li>
</ul>
<ul>
<li><h5>Infants</h5></li>
<li>Latonya Kirton</li>
<li>Susan Vacca</li>
<li>Crystal Johnson</li>
</ul>
</div>
<div class=pm>
<h4>PM</h4>
<ul>
<li>Deidra Dawson<li>
<li>Shekinah Dawson</li>
</ul>
</div>
</div>
<div class=fifth>
<h3>Fifth Sunday</h3>
<div class=am>
<h4>AM</h4>
<ul>
<li><h5>Toddlers</h5></li>
<li>Sara Bernard</li>
<li>Priscilla Reid</li>
<li>Julie Froese</li>
</ul>
<ul>
<li><h5>Infants</h5></li>
<li>Latonya Kirton</li>
<li>Susan Vacca</li>
<li><em>TBD</em></li>
</ul>
</div>
<div class=pm>
<h4>PM</h4>
<ul>
<li><em>TBD</em><li>
<li><em>TBD</em></li>
</ul>
</div>
</div>
</section>
<section class=wednesdays>
<div class=first>
<h3>First Wednesday, <span class=date>Oct. 2nd</span></h3>
<ul>
<li>Courtney or Bryan Bootka</li>
<li>Gabby Galvez</li>
</ul>
</div>
<div class=second>
<h3>Second Wednesday, <span class=date>Oct. 9th</span></h3>
<ul>
<li>Reeta or Lionel Aguilar</li>
<li>Stephanie Langley</li>
</ul>
</div>
<div class=third>
<h3>Third Wednesday, <span class=date>Oct. 16th</span></h3>
<ul>
<li>Christina Grooms</li>
<li>Lanell Hanson</li>
</ul>
</div>
<div class=fourth>
<h3>Fourth Wednesday, <span class=date>Oct. 23rd</span></h3>
<ul>
<li>Cassie Hernandez</li>
<li>Regena Dumas</li>
</ul>
</div>
<div class=fifth>
<h3>Fifth Wednesday, <span class=date>Oct. 30th</span></h3>
<ul>
<li>Regina Noble</li>
<li><em>TBD</em></li>
</ul>
</div>
</section>
</body>
</html>

41
nursery-schedule.scss Normal file
View File

@ -0,0 +1,41 @@
/**
* Nursery Schedule
* @author Jonathan Bernard <jdbernard@gmail.com>
*/
/// Global Rules
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0; }
/*html {
background-color: $bgColor;
color: $fgColor;
font-size: 150%; }*/
/* HTML5 elements */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block; }
.sundays, .wednesdays { }
.first, .second, .third, .fourth, .fifth {
display: inline-block;
vertical-align: top;
width: 20em; }
h3 { margin-bottom: 0.5rem; }
ul { list-style: none; }
.am ul {
display: inline-block;
width: 9rem; }
div.am, div.pm {
margin-top: 0.5rem;
}