Initial check in; All but the history pages working.
This commit is contained in:
133
client/_app.sass
Normal file
133
client/_app.sass
Normal file
@@ -0,0 +1,133 @@
|
||||
/* CSS declarations go here */
|
||||
.Mongol_row, .Mongol_row_name
|
||||
color: white
|
||||
|
||||
*
|
||||
box-sizing: border-box
|
||||
|
||||
html
|
||||
padding: 0
|
||||
margin: 0
|
||||
|
||||
body
|
||||
font-family: sans-serif
|
||||
background-attachment: fixed
|
||||
position: absolute
|
||||
top: 0
|
||||
bottom: 0
|
||||
left: 0
|
||||
right: 0
|
||||
padding: 0
|
||||
margin: 0
|
||||
|
||||
//.container
|
||||
// max-width: 600px
|
||||
// margin: 0 auto
|
||||
// min-height: 100%
|
||||
// background: white
|
||||
|
||||
h1
|
||||
font-size: 1.5em
|
||||
margin: 0 0 1rem 0
|
||||
display: inline-block
|
||||
|
||||
form
|
||||
margin-top: 10px
|
||||
margin-bottom: 10px
|
||||
position: relative
|
||||
|
||||
.new-task input
|
||||
box-sizing: border-box
|
||||
padding: 10px 0
|
||||
background: transparent
|
||||
border: none
|
||||
width: 100%
|
||||
padding-right: 80px
|
||||
font-size: 1em
|
||||
|
||||
.new-task input:focus
|
||||
outline: 0
|
||||
|
||||
ul
|
||||
margin: 0
|
||||
padding: 0
|
||||
background: white
|
||||
|
||||
.delete
|
||||
float: right
|
||||
font-weight: bold
|
||||
background: none
|
||||
font-size: 1em
|
||||
border: none
|
||||
position: relative
|
||||
|
||||
table
|
||||
min-width: 650px
|
||||
|
||||
table > thead > tr > th.headerCell
|
||||
color: white
|
||||
background-color: #333447
|
||||
|
||||
table > thead.sticky > tr > th.headerCell
|
||||
position: sticky
|
||||
top: 0
|
||||
|
||||
table > tbody > tr > td
|
||||
background: white
|
||||
user-select: none
|
||||
|
||||
table > tbody > tr.selected > td
|
||||
background: #f8ef8d
|
||||
|
||||
table .tableRow
|
||||
&:last-child td, &:last-child th
|
||||
border: 0
|
||||
|
||||
.userTable
|
||||
max-height: 64rem
|
||||
|
||||
li
|
||||
position: relative
|
||||
list-style: none
|
||||
padding: 15px
|
||||
border-bottom: #eee solid 1px
|
||||
|
||||
li .text
|
||||
margin-left: 10px
|
||||
|
||||
li.checked
|
||||
color: #888
|
||||
|
||||
li.checked .text
|
||||
text-decoration: line-through
|
||||
|
||||
li.private
|
||||
background: #eee
|
||||
border-color: #ddd
|
||||
|
||||
header .hide-completed
|
||||
float: right
|
||||
|
||||
.toggle-private
|
||||
margin-left: 5px
|
||||
|
||||
html
|
||||
font-size: 16px
|
||||
|
||||
@media (max-width: 900px)
|
||||
html
|
||||
font-size: 14px
|
||||
|
||||
@media (max-width: 600px)
|
||||
li
|
||||
padding: 12px 15px
|
||||
|
||||
.search
|
||||
width: 150px
|
||||
clear: both
|
||||
|
||||
.new-task input
|
||||
padding-bottom: 5px
|
||||
|
||||
html
|
||||
font-size: 10px
|
||||
32
client/_material-icons.sass
Normal file
32
client/_material-icons.sass
Normal file
@@ -0,0 +1,32 @@
|
||||
// https://github.com/google/material-design-icons
|
||||
|
||||
@font-face
|
||||
font-family: 'Material Icons'
|
||||
font-style: normal
|
||||
font-weight: 400
|
||||
src: local('Material Icons'), local('MaterialIcons-Regular'), url(/fonts/MaterialIcons-Regular.ttf) format('truetype')
|
||||
|
||||
.material-icons
|
||||
font-family: 'Material Icons'
|
||||
font-weight: normal
|
||||
font-style: normal
|
||||
font-size: 24px
|
||||
/* Preferred icon size */
|
||||
display: inline-block
|
||||
line-height: 1
|
||||
text-transform: none
|
||||
letter-spacing: normal
|
||||
word-wrap: normal
|
||||
white-space: nowrap
|
||||
direction: ltr
|
||||
/* Support for all WebKit browsers. */
|
||||
-webkit-font-smoothing: antialiased
|
||||
/* Support for Safari and Chrome. */
|
||||
text-rendering: optimizeLegibility
|
||||
/* Support for Firefox. */
|
||||
-moz-osx-font-smoothing: grayscale
|
||||
/* Support for IE. */
|
||||
font-feature-settings: 'liga'
|
||||
|
||||
.material-symbols-outlined
|
||||
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48
|
||||
106
client/_page.sass
Normal file
106
client/_page.sass
Normal file
@@ -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
|
||||
|
||||
7
client/_roboto.sass
Normal file
7
client/_roboto.sass
Normal file
@@ -0,0 +1,7 @@
|
||||
// https://fonts.google.com/specimen/Roboto
|
||||
|
||||
@font-face
|
||||
font-family: 'Roboto'
|
||||
font-style: normal
|
||||
font-weight: 400
|
||||
src: local('Roboto'), local('Roboto-Regular'), url(/fonts/Roboto-Regular.ttf) format('truetype')
|
||||
186
client/_simple-grid.sass
Normal file
186
client/_simple-grid.sass
Normal file
@@ -0,0 +1,186 @@
|
||||
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic)
|
||||
|
||||
html, body
|
||||
height: 100%
|
||||
width: 100%
|
||||
margin: 0
|
||||
padding: 0
|
||||
left: 0
|
||||
top: 0
|
||||
|
||||
/* ROOT FONT STYLES
|
||||
|
||||
*
|
||||
font-family: 'Lato', Helvetica, sans-serif
|
||||
color: #333447
|
||||
line-height: 1.5
|
||||
|
||||
/* TYPOGRAPHY
|
||||
|
||||
h1
|
||||
font-size: 2.5rem
|
||||
|
||||
h2
|
||||
font-size: 2rem
|
||||
|
||||
h3
|
||||
font-size: 1.375rem
|
||||
|
||||
h4
|
||||
font-size: 1.125rem
|
||||
|
||||
h5
|
||||
font-size: 1rem
|
||||
|
||||
h6
|
||||
font-size: 0.875rem
|
||||
|
||||
p
|
||||
font-size: 1.125rem
|
||||
font-weight: 200
|
||||
line-height: 1.8
|
||||
|
||||
.font-light
|
||||
font-weight: 300
|
||||
|
||||
.font-regular
|
||||
font-weight: 400
|
||||
|
||||
.font-heavy
|
||||
font-weight: 700
|
||||
|
||||
/* POSITIONING
|
||||
|
||||
.left
|
||||
text-align: left
|
||||
|
||||
.right
|
||||
text-align: right
|
||||
|
||||
.center
|
||||
text-align: center
|
||||
margin-left: auto
|
||||
margin-right: auto
|
||||
|
||||
.justify
|
||||
text-align: justify
|
||||
|
||||
/* ==== GRID SYSTEM ====
|
||||
|
||||
.container
|
||||
//width: 90%
|
||||
width: 100%
|
||||
margin-left: auto
|
||||
margin-right: auto
|
||||
|
||||
.row
|
||||
position: relative
|
||||
//width: 100%
|
||||
|
||||
[class^="col"]
|
||||
float: left
|
||||
margin: 0.5rem 2%
|
||||
min-height: 0.125rem
|
||||
|
||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12
|
||||
width: 96%
|
||||
margin: auto
|
||||
|
||||
.col-1-sm
|
||||
width: 4.33%
|
||||
|
||||
.col-2-sm
|
||||
width: 12.66%
|
||||
|
||||
.col-3-sm
|
||||
width: 21%
|
||||
|
||||
.col-4-sm
|
||||
width: 29.33%
|
||||
|
||||
.col-5-sm
|
||||
width: 37.66%
|
||||
|
||||
.col-6-sm
|
||||
width: 46%
|
||||
|
||||
.col-7-sm
|
||||
width: 54.33%
|
||||
|
||||
.col-8-sm
|
||||
width: 62.66%
|
||||
|
||||
.col-9-sm
|
||||
width: 71%
|
||||
|
||||
.col-10-sm
|
||||
width: 79.33%
|
||||
|
||||
.col-11-sm
|
||||
width: 87.66%
|
||||
|
||||
.col-12-sm
|
||||
width: 96%
|
||||
|
||||
.row::after
|
||||
content: ""
|
||||
display: table
|
||||
clear: both
|
||||
|
||||
.hidden-sm
|
||||
display: none
|
||||
|
||||
@media only screen and (min-width: 33.75em)
|
||||
/* 540px
|
||||
|
||||
.container
|
||||
width: 80%
|
||||
|
||||
@media only screen and (min-width: 45em)
|
||||
/* 720px
|
||||
|
||||
.col-1
|
||||
width: 4.33%
|
||||
|
||||
.col-2
|
||||
width: 12.66%
|
||||
|
||||
.col-3
|
||||
width: 21%
|
||||
|
||||
.col-4
|
||||
width: 29.33%
|
||||
|
||||
.col-5
|
||||
width: 37.66%
|
||||
|
||||
.col-6
|
||||
width: 46%
|
||||
|
||||
.col-7
|
||||
width: 54.33%
|
||||
|
||||
.col-8
|
||||
width: 62.66%
|
||||
|
||||
.col-9
|
||||
width: 71%
|
||||
|
||||
.col-10
|
||||
width: 79.33%
|
||||
|
||||
.col-11
|
||||
width: 87.66%
|
||||
|
||||
.col-12
|
||||
width: 96%
|
||||
|
||||
.hidden-sm
|
||||
display: block
|
||||
|
||||
@media only screen and (min-width: 60em)
|
||||
/* 960px
|
||||
|
||||
.container
|
||||
width: 75%
|
||||
max-width: 60rem
|
||||
540
client/main.css
Normal file
540
client/main.css
Normal file
@@ -0,0 +1,540 @@
|
||||
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic);
|
||||
html, body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/* ROOT FONT STYLES */
|
||||
* {
|
||||
font-family: "Lato", Helvetica, sans-serif;
|
||||
color: #333447;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
/* TYPOGRAPHY */
|
||||
h1 {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.375rem;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1.125rem;
|
||||
font-weight: 200;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.font-light {
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.font-regular {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.font-heavy {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* POSITIONING */
|
||||
.left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.center {
|
||||
text-align: center;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.justify {
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
/* ==== GRID SYSTEM ==== */
|
||||
.container {
|
||||
width: 100%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.row {
|
||||
position: relative;
|
||||
}
|
||||
.row [class^=col] {
|
||||
float: left;
|
||||
margin: 0.5rem 2%;
|
||||
min-height: 0.125rem;
|
||||
}
|
||||
|
||||
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
|
||||
width: 96%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.col-1-sm {
|
||||
width: 4.33%;
|
||||
}
|
||||
|
||||
.col-2-sm {
|
||||
width: 12.66%;
|
||||
}
|
||||
|
||||
.col-3-sm {
|
||||
width: 21%;
|
||||
}
|
||||
|
||||
.col-4-sm {
|
||||
width: 29.33%;
|
||||
}
|
||||
|
||||
.col-5-sm {
|
||||
width: 37.66%;
|
||||
}
|
||||
|
||||
.col-6-sm {
|
||||
width: 46%;
|
||||
}
|
||||
|
||||
.col-7-sm {
|
||||
width: 54.33%;
|
||||
}
|
||||
|
||||
.col-8-sm {
|
||||
width: 62.66%;
|
||||
}
|
||||
|
||||
.col-9-sm {
|
||||
width: 71%;
|
||||
}
|
||||
|
||||
.col-10-sm {
|
||||
width: 79.33%;
|
||||
}
|
||||
|
||||
.col-11-sm {
|
||||
width: 87.66%;
|
||||
}
|
||||
|
||||
.col-12-sm {
|
||||
width: 96%;
|
||||
}
|
||||
|
||||
.row::after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.hidden-sm {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 33.75em) {
|
||||
/* 540px */
|
||||
.container {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 45em) {
|
||||
/* 720px */
|
||||
.col-1 {
|
||||
width: 4.33%;
|
||||
}
|
||||
.col-2 {
|
||||
width: 12.66%;
|
||||
}
|
||||
.col-3 {
|
||||
width: 21%;
|
||||
}
|
||||
.col-4 {
|
||||
width: 29.33%;
|
||||
}
|
||||
.col-5 {
|
||||
width: 37.66%;
|
||||
}
|
||||
.col-6 {
|
||||
width: 46%;
|
||||
}
|
||||
.col-7 {
|
||||
width: 54.33%;
|
||||
}
|
||||
.col-8 {
|
||||
width: 62.66%;
|
||||
}
|
||||
.col-9 {
|
||||
width: 71%;
|
||||
}
|
||||
.col-10 {
|
||||
width: 79.33%;
|
||||
}
|
||||
.col-11 {
|
||||
width: 87.66%;
|
||||
}
|
||||
.col-12 {
|
||||
width: 96%;
|
||||
}
|
||||
.hidden-sm {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 60em) {
|
||||
/* 960px */
|
||||
.container {
|
||||
width: 75%;
|
||||
max-width: 60rem;
|
||||
}
|
||||
}
|
||||
/* CSS declarations go here */
|
||||
.Mongol_row, .Mongol_row_name {
|
||||
color: white;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
background-attachment: fixed;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.5em;
|
||||
margin: 0 0 1rem 0;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
form {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.new-task input {
|
||||
box-sizing: border-box;
|
||||
padding: 10px 0;
|
||||
background: transparent;
|
||||
border: none;
|
||||
width: 100%;
|
||||
padding-right: 80px;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.new-task input:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.delete {
|
||||
float: right;
|
||||
font-weight: bold;
|
||||
background: none;
|
||||
font-size: 1em;
|
||||
border: none;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
table {
|
||||
min-width: 650px;
|
||||
}
|
||||
|
||||
table > thead > tr > th.headerCell {
|
||||
color: white;
|
||||
background-color: #333447;
|
||||
}
|
||||
|
||||
table > thead.sticky > tr > th.headerCell {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
table > tbody > tr > td {
|
||||
background: white;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
table > tbody > tr.selected > td {
|
||||
background: #f8ef8d;
|
||||
}
|
||||
|
||||
table .tableRow:last-child td, table .tableRow:last-child th {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.userTable {
|
||||
max-height: 64rem;
|
||||
}
|
||||
|
||||
li {
|
||||
position: relative;
|
||||
list-style: none;
|
||||
padding: 15px;
|
||||
border-bottom: #eee solid 1px;
|
||||
}
|
||||
|
||||
li .text {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
li.checked {
|
||||
color: #888;
|
||||
}
|
||||
|
||||
li.checked .text {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
li.private {
|
||||
background: #eee;
|
||||
border-color: #ddd;
|
||||
}
|
||||
|
||||
header .hide-completed {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.toggle-private {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
html {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
li {
|
||||
padding: 12px 15px;
|
||||
}
|
||||
.search {
|
||||
width: 150px;
|
||||
clear: both;
|
||||
}
|
||||
.new-task input {
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
html {
|
||||
font-size: 10px;
|
||||
}
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Material Icons";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local("Material Icons"), local("MaterialIcons-Regular"), url(/fonts/MaterialIcons-Regular.ttf) format("truetype");
|
||||
}
|
||||
.material-icons {
|
||||
font-family: "Material Icons";
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 24px;
|
||||
/* Preferred icon size */
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
word-wrap: normal;
|
||||
white-space: nowrap;
|
||||
direction: ltr;
|
||||
/* Support for all WebKit browsers. */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
/* Support for Safari and Chrome. */
|
||||
text-rendering: optimizeLegibility;
|
||||
/* Support for Firefox. */
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
/* Support for IE. */
|
||||
font-feature-settings: "liga";
|
||||
}
|
||||
|
||||
.material-symbols-outlined {
|
||||
font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "Roboto";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local("Roboto"), local("Roboto-Regular"), url(/fonts/Roboto-Regular.ttf) format("truetype");
|
||||
}
|
||||
@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 {
|
||||
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 0.3rem 0.4rem 0.1rem #886f59;
|
||||
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;
|
||||
}
|
||||
}
|
||||
.userTable .userEditorContainer {
|
||||
width: 100%;
|
||||
}
|
||||
.userTable .userEditorGrid {
|
||||
display: grid;
|
||||
grid-template-columns: auto 10rem 10rem;
|
||||
width: 100%;
|
||||
}
|
||||
.userTable .insetPermissions {
|
||||
padding-left: 2rem;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=main.css.map */
|
||||
1
client/main.css.map
Normal file
1
client/main.css.map
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["_simple-grid.sass","_app.sass","_material-icons.sass","_roboto.sass","_page.sass","pages/_Users.sass"],"names":[],"mappings":"AAAQ;AAER;EACC;EACA;EACA;EACA;EACA;EACA;;;AAED;AAEA;EACC;EACA;EACA;;;AAED;AAEA;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;AAEA;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;AAED;AAEA;EAEC;EACA;EACA;;;AAED;EACC;;AAGA;EACC;EACA;EACA;;;AAEF;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;;;AAED;AACC;EAEA;IACC;;;AAEF;AACC;EAEA;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;EAED;IACC;;;AAEF;AACC;EAEA;IACC;IACA;;;ACzLF;AACA;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAQD;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;;;AAED;EACC;;;AAGA;EACC;;;AAEF;EACC;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;EACA;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;;;AAED;EACC;IACC;;;AAEF;EACC;IACC;;EAED;IACC;IACA;;EAED;IACC;;EAED;IACC;;;AClIF;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;AACA;EACA;AACA;EACA;AACA;EACA;;;AAED;EACC;;;AC7BD;EACC;EACA;EACA;EACA;;ACND;EACC;EACA;EACA;EACA;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;;;AACD;EACC;EACA;;;AAED;EACC;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EAEC;AACA;EACA;EACA;;;AAED;EACC;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;EACA;;;AAED;EACC;EACA;EACA;EACA;;;AAED;EACC;EACA;;;AAED;EACC;EACA;EACA;;;AAED;EACC;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAED;EACC;IACC;IACA;IACA;IACA;IACA;IACA;;EAED;IACC;;;ACvGD;EACC;;AAED;EACC;EACA;EACA;;AAED;EACC","file":"main.css"}
|
||||
10
client/main.html
Normal file
10
client/main.html
Normal file
@@ -0,0 +1,10 @@
|
||||
<head>
|
||||
<title>K12 Tempest</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meteor-bundled-css />
|
||||
<link rel="icon" type="image/x-icon" href="/favicon.png">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="react-target"></div>
|
||||
</body>
|
||||
10
client/main.jsx
Normal file
10
client/main.jsx
Normal file
@@ -0,0 +1,10 @@
|
||||
import React from 'react';
|
||||
import { Meteor } from 'meteor/meteor';
|
||||
import { createRoot } from 'react-dom/client';
|
||||
import {App} from '/imports/ui/App';
|
||||
import '../imports/startup/accounts-config.js';
|
||||
|
||||
Meteor.startup(() => {
|
||||
createRoot(document.getElementById('react-target')).render(<App/>)
|
||||
//render(<App/>, document.getElementById('react-target'));
|
||||
});
|
||||
16
client/main.sass
Normal file
16
client/main.sass
Normal file
@@ -0,0 +1,16 @@
|
||||
|
||||
@import "./simple-grid.sass"
|
||||
@import "./app.sass"
|
||||
@import './material-icons.sass'
|
||||
@import './roboto.sass'
|
||||
@import './page.sass'
|
||||
|
||||
@import './pages/Users.sass'
|
||||
|
||||
//@import './smui.sass'
|
||||
|
||||
|
||||
//.mdc-floating-label
|
||||
// transform: translateY(-80%)
|
||||
//.mdc-select__selected-text-container
|
||||
// transform: translateY(30%)
|
||||
11
client/pages/_Users.sass
Normal file
11
client/pages/_Users.sass
Normal file
@@ -0,0 +1,11 @@
|
||||
.userTable
|
||||
.userEditorContainer
|
||||
width: 100%
|
||||
|
||||
.userEditorGrid
|
||||
display: grid
|
||||
grid-template-columns: auto 10rem 10rem
|
||||
width: 100%
|
||||
|
||||
.insetPermissions
|
||||
padding-left: 2rem
|
||||
Reference in New Issue
Block a user