diff --git a/.gitignore b/.gitignore index dc3f968eab6cd5aecf369f75df37647ae1989b9d..e1b67acc862b9d38d974863d4b2fd64f704d56ab 100644 --- a/.gitignore +++ b/.gitignore @@ -3,4 +3,5 @@ npm-debug.log .DS_Store .idea .vscode -package-lock.json \ No newline at end of file +package-lock.json +yarn-error.log \ No newline at end of file diff --git a/assets/css/demo.css b/assets/css/demo.css deleted file mode 100644 index 574f4d617fa1317a675e5b96a9eb1341da564df2..0000000000000000000000000000000000000000 --- a/assets/css/demo.css +++ /dev/null @@ -1,78 +0,0 @@ -/* -::: Ignore! -::: Some quick styles for the demo page -*/ - -* { - margin: 0; - padding: 0; -} - -body { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - font-size: 1.4em; - line-height: 1.4em; - color: #7d7d7d; -} - -p { - margin-bottom: 0.5em; -} - -h1 { - font-size: 1.5em; - margin-bottom: 0.75em; -} - -a.btn { - padding: 10px; - text-decoration: none; - border-radius: 5px; - font-size: 16px; -} - -.btn-dark { - background: #000000; - color: white; -} - -.btn-light { - background: whitesmoke; - color: #2d2d2d; -} - -h1, h2, h3, h4, h5, h6 { - color: #2d2d2d; -} - -pre { - margin: 1.25em 0; - background: whitesmoke; - padding: 10px 0; - line-height: 1.75em; -} - -.page-wrap { - display: block; - padding: 50px; - max-width: 700px; - margin: auto; -} - -section.header { - margin-top: 150px; - text-align: center; - margin-bottom: 125px; -} - -section.header .btn { - margin-left: 3px; -} - -section.header h1 { - font-size: 3em; -} - -section.header p { - margin-bottom: 1em; -} \ No newline at end of file diff --git a/assets/scripts/src/sholo.js b/assets/scripts/src/sholo.js new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git a/assets/styles/scss/base.scss b/assets/styles/scss/base.scss new file mode 100644 index 0000000000000000000000000000000000000000..c1e65fa376dd9333ded9fa47d5e9e4adc1942ad8 --- /dev/null +++ b/assets/styles/scss/base.scss @@ -0,0 +1,157 @@ +$global-guttering: 24px; +$global-font-size-h1: 32px; +$global-font-size-h2: 24px; +$global-font-size-h3: 20px; +$global-font-size-h4: 18px; +$global-font-size-h5: 16px; +$global-font-size-h6: 14px; + +/*============================================= += Generic styling = +=============================================*/ + +* { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale +} + +*, *:before, *:after { + box-sizing: border-box +} + +html, body { + position: relative; + margin: 0; + width: 100%; + height: 100%; +} + +body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-size: 16px; + line-height: 1.4; + color: #FFFFFF; + background-color: #333; + overflow-x: hidden; +} + +label { + display: block; + margin-bottom: 8px; + font-size: 14px; + font-weight: 500; + cursor: pointer; +} + +p { + margin-top: 0; +} + +hr { + display: block; + margin: $global-guttering*1.25 0; + border: 0; + border-bottom: 1px solid #eaeaea; + height: 1px; +} + +h1, h2, h3, h4, h5, h6 { + margin-top: 0; + margin-bottom: $global-guttering/2; + font-weight: 400; + line-height: 1.2; +} + +a, a:visited, a:focus { + color: #FFFFFF; + text-decoration: none; + font-weight: 600; +} + +.form-control { + display: block; + width: 100%; + background-color: #f9f9f9; + padding: 12px; + border: 1px solid #ddd; + border-radius: 2.5px; + font-size: 14px; + -webkit-appearance: none; + appearance: none; + margin-bottom: $global-guttering; +} + +h1, .h1 { + font-size: $global-font-size-h1; +} + +h2, .h2 { + font-size: $global-font-size-h2; +} + +h3, .h3 { + font-size: $global-font-size-h3; +} + +h4, .h4 { + font-size: $global-font-size-h4; +} + +h5, .h5 { + font-size: $global-font-size-h5; +} + +h6, .h6 { + font-size: $global-font-size-h6; +} + +.container { + display: block; + margin: auto; + max-width: 40em; + padding: $global-guttering*2; + @media (max-width: 620px) { + padding: 0; + } +} + +.section { + background-color: #FFFFFF; + padding: $global-guttering; + color: #333; + a, a:visited, a:focus { + color: #00bcd4; + } +} + +.logo { + display: block; + margin-bottom: $global-guttering/2; +} + +.logo__img { + width: 100%; + height: auto; + display: inline-block; + max-width: 100%; + vertical-align: top; + padding: $global-guttering/4 0; +} + +.visible-ie { + display: none; +} + +.zero-bottom { + margin-bottom: 0; +} + +.zero-top { + margin-top: 0; +} + +.text-center { + text-align: center; +} + +/*===== End of Section comment block ======*/ diff --git a/assets/styles/scss/sholo.scss b/assets/styles/scss/sholo.scss new file mode 100644 index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 diff --git a/index.html b/index.html index 6e4592925594f0c64b2d0ad0b155570e7c21c799..07a1716f3511c3feaabebdfd85c4e3c35b537baf 100644 --- a/index.html +++ b/index.html @@ -5,7 +5,7 @@