Redo landing page main body

MOTD is WIP

www/css/admin.css

@@ -54,39 +54,6 @@
 	text-decoration: none;
 }
 
-.gridsplit {
-	padding-top: 1.3em;
-	display: grid;
-	grid-template-columns: 3fr 1fr;
-}
-
-.gridsplit5050 {
-	display: grid;
-	grid-template-columns: 1fr 1fr;
-}
-
-.gridl {
-	height: 100%;
-	grid-column: 1;
-}
-
-.gridr {
-	height: 100%;
-	padding: 0 1em;
-	margin-left: 1em;
-	border-left: 1px dotted rgba(0,0,0,0.5);
-	grid-column: 2;
-}
-
-.gridsplit h1:first-child,
-.gridsplit h2:first-child,
-.gridsplit h3:first-child,
-.gridsplit h4:first-child,
-.gridsplit h5:first-child,
-.gridsplit h6:first-child {
-	margin-top: 0;
-}
-
 .allgrids {
 	grid-column: 1 / -1;
 }

www/css/landing.css

@@ -1,5 +1,5 @@
 header {
-	margin-top: 50px;
+	margin: 0;
 	padding: 3vh 15vw;
 	width: 70vw;
 	background-color: #002244;
@@ -50,6 +50,62 @@ main {
 	font-size: 1.2em;
 }
 
+img.float-right {
+	float: right;
+	max-width: 12em;
+	max-height: 12em;
+	vertical-align: baseline;
+}
+
+.calendar-events {
+	padding: 0;
+	list-style: none;
+}
+
+.calendar-events ul .date {
+	color: rgba(0,0,0,.5);
+	font-size: 0.8em;
+	margin-top: .2em;
+}
+
+.calendar-events > li > p {
+	border-bottom: .1em dotted rgba(0,0,0,.2);
+}
+
+.calendar-events ul {
+	list-style: none;
+	padding: 0;
+}
+
+.calendar-events a, #ticker a {
+	text-decoration: none;
+	font-weight: bold;
+	color: black;
+}
+
+.calendar-events a:hover, #ticker a:hover {
+	text-decoration: underline;
+}
+
+.calendar-events ul .time {
+	color: rgba(0,0,0,.5);
+	float: right;
+}
+
+.calendar-events ul .icon, .calendar-events ul .date {
+	float: right;
+	margin-right: .5em;
+}
+
+.contentsplit {
+	display: grid;
+	grid-template-columns: 2.5fr 1.5fr;
+}
+
+.gridr {
+	border-left: 0;
+}
+
 @media(max-width: 600px){
 	.essentials {
 		flex-direction: column;

www/css/splash.css

@@ -1,70 +0,0 @@
-img.float-right {
-	float: right;
-	max-width: 12em;
-	max-height: 12em;
-	vertical-align: baseline;
-}
-
-.calendar-events {
-	padding: 0;
-	list-style: none;
-}
-.calendar-events ul .date {
-	color: rgba(0,0,0,.5);
-	font-size: 0.8em;
-	margin-top: .2em;
-}
-.calendar-events > li > p {
-	border-bottom: .1em dotted rgba(0,0,0,.2);
-}
-
-.calendar-events ul {
-	list-style: none;
-	padding: 0 .5em;
-}
-.calendar-events a, #ticker a {
-	text-decoration: none;
-	font-weight: bold;
-	color: black;
-}
-.calendar-events a:hover, #ticker a:hover {
-	text-decoration: underline;
-}
-.calendar-events ul .time {
-	color: rgba(0,0,0,.5);
-	float: right;
-}
-.calendar-events ul .icon, .calendar-events ul .date {
-	float: right;
-	margin-right: .5em;
-}
-
-#ticker {
-	position: absolute;
-	max-width: 60rem;
-	margin: 0 auto;
-	top: 11rem;
-	left: 0;
-	right: 0;
-	padding: 0;
-	list-style: none;
-}
-#ticker li {
-	margin: 0 1rem;
-	padding: .5em 1em;
-	background: linear-gradient(to bottom, #fff 75%,#fafafa 100%);
-	border-radius: .5rem;
-	box-shadow: 0 .1rem .15rem rgba(0,0,0,.3);
-}
-
-@media screen and (max-width: 50rem) {
-	#ticker {
-		top: 7rem;
-	}
-	#ticker li {
-		margin: 0 .5rem;
-	}
-	main {
-		margin: -11rem auto 0 auto;
-	}
-}

www/css/style.css

@@ -19,6 +19,51 @@ main h2 {
 	color: #002244;
 }
 
+article {
+	margin-bottom: 7vh;
+}
+
+.gridsplit {
+	padding-top: 1.3em;
+	display: grid;
+	grid-template-columns: 3fr 1fr;
+}
+
+.gridsplit5050 {
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+}
+
+.gridsplitthirds {
+	display: grid;
+	grid-column-gap: 2em;
+	column-rule-style: dotted;
+	grid-template-columns: 1fr 1fr 1fr;
+}
+
+.gridl {
+	height: 100%;
+	grid-column: 1;
+	grid-row: 1;
+}
+
+.gridr {
+	height: 100%;
+	padding: 0 1em;
+	margin-left: 1em;
+	border-left: 1px dotted rgba(0,0,0,0.5);
+	grid-column: 2;
+}
+
+.gridsplit h1:first-child,
+.gridsplit h2:first-child,
+.gridsplit h3:first-child,
+.gridsplit h4:first-child,
+.gridsplit h5:first-child,
+.gridsplit h6:first-child {
+	margin-top: 0;
+}
+
 .btn {
 	padding: .5em;
 	border-radius: 4px;
@@ -49,4 +94,4 @@ main h2 {
 .ruler {
 	border: none;
 	border-bottom: 1px dotted rgba(0,0,0,.5);
-}
+}