Initial check in; All but the history pages working.

2022-09-07 08:58:00 -07:00
commit d6bd620207
109 changed files with 13170 additions and 0 deletions
--- a/client/_page.sass
+++ b/client/_page.sass
@@ -0,0 +1,106 @@
+@font-face
+	font-family: 'KaushanScript-Regular'
+	font-style: normal
+	font-weight: 400
+	src: url('/fonts/KaushanScript-Regular.ttf') format('truetype')
+
+.nav-separator
+	height: 0.2rem
+	width: 40%
+	margin-left: 30%
+	background-color: white
+
+nav
+	font-size: 1.4rem
+
+nav a
+	display: inline-block
+	color: #AF8A62
+	text-decoration: none
+
+nav a:hover
+	color: #F9F1E1
+	text-decoration: underline
+nav a:active
+	color: #F9F1E1
+	text-decoration: none
+
+nav a + a
+	margin-left: 2rem
+	
+.pageHeaderContainer
+	background-image: url("/images/header.svg")
+	background-origin: border-box
+	background-size: cover
+	background-position: center
+	
+.pageHeader
+	//background: #2c031c
+	color: white
+	/*background-image: linear-gradient(to bottom, #d0edf5, #e1e5f0 100%)*/
+	padding: 20px 15px 15px 15px
+	position: relative
+	
+.pageNavContainer
+	background: #28211A
+	
+.pageContentContainer
+	margin: 0 auto
+	width: 85%
+	padding-top: 2rem
+
+.title
+	margin-bottom: 0
+	color: white
+	font-family: "KaushanScript-Regular", sans-serif
+	font-size: 4rem
+	display: inline-block
+
+.logo
+	position: absolute
+	left: 0
+	top: 0
+	width: 8rem
+
+.logoContainer
+	height: 0
+	position: relative
+
+.login
+	position: absolute
+	right: 0
+	top: 0
+
+.login button
+	background: #28211A
+	border-radius: 999px
+	box-shadow: 0.2rem .3rem .4rem .1rem #886f59
+	//box-shadow: #886f59 0 1px 2px -1px
+	box-sizing: border-box
+	color: #FFFFFF
+	cursor: pointer
+	font-family: Inter, Helvetica, "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Noto Color Emoji", "Segoe UI Symbol", "Android Emoji", EmojiSymbols, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif
+	font-weight: 700
+	line-height: 24px
+	opacity: 1
+	outline: 0 solid transparent
+	padding: 8px 18px
+	user-select: none
+	-webkit-user-select: none
+	touch-action: manipulation
+	width: fit-content
+	word-break: break-word
+	border: 0
+
+@media (max-width: 600px)
+	.logo
+		position: absolute
+		left: 0
+		right: 0
+		top: 0
+		margin: 0 auto
+		width: 8rem
+
+	.logoContainer
+		height: 6rem
+