Browse Source

unkown updates. too long ago..

master
suroh 1 year ago
parent
commit
51acaa538b
2 changed files with 71 additions and 18 deletions
  1. +64
    -18
      css/master.css
  2. +7
    -0
      js/script.js

+ 64
- 18
css/master.css View File

@ -2,27 +2,17 @@
@import url('https://cdn.jsdelivr.net/gh/tonsky/FiraCode@1.206/distr/fira_code.css');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700&subset=latin-ext');
/* ==> MASTER CSS <== */
/* ==> ELEMENTS <== */
body {
max-width: 1200px;
margin: 0px auto;
font-family: 'Playfair Display', serif;
font-size: 24px;
}
#gengen {
font-family: 'fira code', monospace;
}
h1#gengen {
font-weight: 500;
font-size: 5em;
margin-bottom: 0.125em;
}
span#genWhat {
position: relative;
left: -50px;
background-color: yellow;
border-left: 50px yellow solid;
border-right: 50px yellow solid;
@ -32,8 +22,6 @@ span#genWhat {
div.grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1em;
}
p#manifesto {
@ -41,11 +29,6 @@ p#manifesto {
font-size: 1.45em;
}
nav {
}
nav > a {
font-family: 'fira code', monospace;
@ -66,3 +49,66 @@ nav > a:hover {
nav > a:visited {
color: #333;
}
@media screen and (max-width: 1280px) and (min-width: 600px) {
/* ==> ELEMENTS <== */
body {
max-width: 800px;
margin: 0px auto;
font-size: 24px;
}
/* ==> GENERATIVE CONTENT <== */
h1#gengen {
font-weight: 500;
font-size: 3em;
margin-bottom: 0.125em;
}
span#genWhat {
left: -50px;
}
div.grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 0.5em;
}
p#manifesto {
grid-column: span 2;
font-size: 1em;
}
}
@media screen and (min-width: 1280px) {
/* ==> ELEMENTS <== */
body {
max-width: 1200px;
margin: 0px auto;
font-size: 24px;
}
/* ==> GENERATIVE CONTENT <== */
h1#gengen {
font-weight: 500;
font-size: 5em;
margin-bottom: 0.125em;
}
span#genWhat {
left: -50px;
}
div.grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 1em;
}
p#manifesto {
grid-column: span 2;
font-size: 1.45em;
}
}

+ 7
- 0
js/script.js View File

@ -11,6 +11,13 @@ const manifestoEl = document.querySelector('#manifesto')
// WORD GENERATION VARIABLES
let generativeType = ""
// IS OWNER BLOCK
// static async isOwner() {
// let datInfo = await self.getInfo()
//
// return datInfo.isOwner
// }
// CLICK THE GENERATIVE
genButtonEl.addEventListener('click', async () => {
generativeType = RiTa.randomWord("nn")

Loading…
Cancel
Save