finshed site
This commit is contained in:
monty
parent
0afa06cec5
commit
caba27bc79
12 changed files with 304 additions and 61 deletions
|
|
@ -16,17 +16,6 @@ body {
|
|||
}
|
||||
}
|
||||
|
||||
.light {
|
||||
color: black !important;
|
||||
background-color: white;
|
||||
background-image: url("/assets/images/y.jpg");
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -17,19 +17,6 @@ body {
|
|||
background-attachment: scroll;
|
||||
}
|
||||
}
|
||||
|
||||
.light {
|
||||
color: black !important;
|
||||
background-color: white;
|
||||
background-image: url('/assets/images/y.jpg');
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
//background: white !important;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
|
|
|||
101
assets/css/tos.css
Normal file
101
assets/css/tos.css
Normal file
|
|
@ -0,0 +1,101 @@
|
|||
@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: black;
|
||||
color: white;
|
||||
background-image: url("/assets/images/y.jpg");
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#credits {
|
||||
font-size: 2.5vh;
|
||||
display: table-caption;
|
||||
-webkit-writing-mode: vertical-rl;
|
||||
-ms-writing-mode: tb-rl;
|
||||
writing-mode: vertical-rl;
|
||||
padding-left: .1vw;
|
||||
padding-top: 2vh;
|
||||
color: #00000049;
|
||||
z-index: 999;
|
||||
cursor: pointer;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#credits a {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #a0040449;
|
||||
pointer-events: all;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#credits a:hover {
|
||||
color: #d1363649;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.center .title {
|
||||
font-size: 7vw;
|
||||
}
|
||||
|
||||
#payment {
|
||||
-ms-flex-line-pack: center;
|
||||
align-content: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
section:only-of-type(#home) {
|
||||
height: 10vh;
|
||||
}
|
||||
|
||||
section:only-of-type(#home) .title {
|
||||
height: 10vh;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.SectionHeader {
|
||||
font-size: 4vw;
|
||||
text-align: center;
|
||||
margin: 1vh;
|
||||
}
|
||||
|
||||
ul li {
|
||||
font-size: 3.5vh;
|
||||
list-style-type: disc;
|
||||
margin: 8vh;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
/*# sourceMappingURL=tos.css.map */
|
||||
9
assets/css/tos.css.map
Normal file
9
assets/css/tos.css.map
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AAAA,OAAO,CAAC,kEAAI;AAEZ,AAAA,CAAC,CAAC;EACD,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,WAAW,EAAE,oBAAoB;CACjC;;AAED,AAAA,IAAI,CAAC;EACJ,gBAAgB,EAAE,KAAK;EACvB,KAAK,EAAE,KAAK;EACZ,gBAAgB,EAAE,2BAA2B;EAC7C,eAAe,EAAE,KAAK;EACtB,qBAAqB,EAAE,KAAK;EAC5B,mBAAmB,EAAE,MAAM;EAC3B,iBAAiB,EAAE,SAAS;EAC5B,eAAe,EAAE,KAAK;CAEtB;;AAED,AAAA,QAAQ,CAAC;EACR,SAAS,EAAE,KAAK;EAChB,OAAO,EAAE,aAAa;EACtB,YAAY,EAAE,WAAW;EACzB,YAAY,EAAE,IAAI;EAClB,WAAW,EAAE,GAAG;EAChB,KAAK,EAAE,SAAS;EAChB,OAAO,EAAE,GAAG;EACZ,MAAM,EAAE,OAAO;EACf,cAAc,EAAE,IAAI;CAWpB;;AApBD,AAUC,QAVO,CAUP,CAAC,CAAC;EACD,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,KAAK,EAAE,SAAS;EAChB,cAAc,EAAE,GAAG;EACnB,eAAe,EAAE,IAAI;CACrB;;AAhBF,AAiBC,QAjBO,CAiBP,CAAC,AAAA,MAAM,CAAC;EACP,KAAK,EAAE,SAAS;CAChB;;AAGF,AAAA,OAAO,CAAC;EACP,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,MAAM;EACvB,cAAc,EAAE,MAAM;EACtB,WAAW,EAAE,MAAM;CAInB;;AARD,AAKC,OALM,CAKN,MAAM,CAAC;EACN,SAAS,EAAE,GAAG;CACd;;AAGF,AAAA,QAAQ,CAAC;EACR,aAAa,EAAE,MAAM;EACrB,eAAe,EAAE,MAAM;CACvB;;AAED,AAAA,OAAO,AAAA,aAAc,CAAA,KAAK,EAAE;EAC3B,MAAM,EAAE,IAAI;CAIZ;;AALD,AAEC,OAFM,AAAA,aAAc,CAAA,KAAK,EAEzB,MAAM,CAAC;EACN,MAAM,EAAE,IAAI;CACZ;;AAGF,AAAA,IAAI,AAAA,mBAAmB,CAAC;EACvB,KAAK,EAAE,CAAC;CACR;;AAED,AAAA,cAAc,CAAC;EACd,SAAS,EAAE,GAAG;EACd,UAAU,EAAE,MAAM;EAClB,MAAM,EAAE,GAAG;CACX;;AAED,AAAA,EAAE,CAAC,EAAE,CAAC;EACL,SAAS,EAAE,KAAK;EAChB,eAAe,EAAE,IAAI;EACrB,MAAM,EAAE,GAAG;CACX;;AAED,AAAA,CAAC,CAAC;EACD,eAAe,EAAE,IAAI;EACrB,KAAK,EAAE,KAAK;CACZ",
|
||||
"sources": [
|
||||
"tos.scss"
|
||||
],
|
||||
"names": [],
|
||||
"file": "tos.css"
|
||||
}
|
||||
84
assets/css/tos.scss
Normal file
84
assets/css/tos.scss
Normal file
|
|
@ -0,0 +1,84 @@
|
|||
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: black;
|
||||
color: white;
|
||||
background-image: url('/assets/images/y.jpg');
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
//font-size: 3vw;
|
||||
}
|
||||
|
||||
#credits {
|
||||
font-size: 2.5vh;
|
||||
display: table-caption;
|
||||
writing-mode: vertical-rl;
|
||||
padding-left: .1vw;
|
||||
padding-top: 2vh;
|
||||
color: #00000049;
|
||||
z-index: 999;
|
||||
cursor: pointer;
|
||||
pointer-events: none;
|
||||
a {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #a0040449;
|
||||
pointer-events: all;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: #d1363649;
|
||||
}
|
||||
}
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
.title {
|
||||
font-size: 7vw;
|
||||
}
|
||||
}
|
||||
|
||||
#payment {
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
section:only-of-type(#home) {
|
||||
height: 10vh;
|
||||
.title {
|
||||
height: 10vh;
|
||||
}
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.SectionHeader {
|
||||
font-size: 4vw;
|
||||
text-align: center;
|
||||
margin: 1vh;
|
||||
}
|
||||
|
||||
ul li {
|
||||
font-size: 3.5vh;
|
||||
list-style-type: disc;
|
||||
margin: 8vh;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
|
|
@ -1 +0,0 @@
|
|||
console.log('Lore Page');
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
let scheme = window.matchMedia(`(prefers-color-scheme: dark)`);
|
||||
let theme = window.localStorage.getItem('prefer-light');
|
||||
let title = document.getElementsByClassName('title')[0];
|
||||
let body = document.getElementsByTagName('body')[0];
|
||||
let toggle = document.getElementsByClassName('toggle')[0];
|
||||
|
||||
if (theme === 'yes') {
|
||||
body.classList.add('light');
|
||||
} else if (theme === 'no') {
|
||||
console.log('User does not like light, removing Light');
|
||||
body.classList.remove('light');
|
||||
} else {
|
||||
if (scheme) {
|
||||
body.classList.remove('light');
|
||||
console.log('User has not yet visited, but prefers dark');
|
||||
} else {
|
||||
body.classList.add('light');
|
||||
console.log('User has not yet visited, but prefers light');
|
||||
}
|
||||
}
|
||||
|
||||
toggle.addEventListener('click', (e) => {
|
||||
//console.log(e);
|
||||
body.classList.toggle('light');
|
||||
if (body.classList.contains('light')) {
|
||||
window.localStorage.setItem('prefer-light', 'yes');
|
||||
console.log('user likes light');
|
||||
} else {
|
||||
window.localStorage.setItem('prefer-light', 'no');
|
||||
console.log('user likes dark');
|
||||
}
|
||||
});
|
||||
Loading…
Add table
Add a link
Reference in a new issue