diff --git a/CSS/index.css b/CSS/index.css index 6db8ce1..e19706a 100644 --- a/CSS/index.css +++ b/CSS/index.css @@ -10,6 +10,7 @@ html { height:100%; margin:0; padding:0; + overflow-x: hidden; } body { @@ -24,7 +25,8 @@ body { /* Better Scroll Bar */ body::-webkit-scrollbar { - width: .5rem + width: .7rem; + height: .7rem; } body::-webkit-scrollbar-track{ @@ -39,6 +41,7 @@ body::-webkit-scrollbar-thumb { + /* header portion */ .main-header { margin: 0 auto; @@ -56,28 +59,23 @@ header{ } .brand-name { - /* class for band name: should be centered wherever it is */ text-align: center; - /* heading elements like h1 all have margins: let the margins be 0 */ margin: 0; - font-size: 1em; - /* changing the everything tag's font set on the heading to be different */ font-family: Rajdhani, sans-serif, poppins; - /* Since heading are by default bolded, the font-weight can be changed to normalize the bolded text */ font-weight: normal; - /* All band names should be white */ color: white; } + .band-name-large { font-size: 2em; } @@ -127,7 +125,7 @@ header{ } -@media (max-width: 1350px){ +@media (max-width: 800px){ .toggle-button { display: flex; } @@ -158,6 +156,23 @@ header{ .navbar-links.active { display: flex; } + + .brand-name { + /* class for band name: should be centered wherever it is */ + text-align: center; + /* heading elements like h1 all have margins: let the margins be 0 */ + margin: 0; + font-size: .8em; + /* changing the everything tag's font set on the heading to be different */ + font-family: Rajdhani, sans-serif, poppins; + /* + Since heading are by default bolded, the font-weight can be changed to + normalize the bolded text + */ + font-weight: normal; + /* All band names should be white */ + color: white; + } } diff --git a/HTML/test.html b/HTML/test.html index a517da4..379fe0d 100644 --- a/HTML/test.html +++ b/HTML/test.html @@ -167,15 +167,22 @@ // var clon = temp.content.cloneNode(true); // document.body.appendChild(clon); // } + const toggleButton = document.getElementsByClassName('toggle-button')[0]; + const navbarLinks = document.getElementsByClassName('navbar-links')[0]; + + + if (toggleButton){ + toggleButton.addEventListener('click', () => { + navbarLinks.classList.toggle('active') + }) + } -
-
diff --git a/main.js b/main.js index 4305a50..596c360 100644 --- a/main.js +++ b/main.js @@ -21,7 +21,6 @@ const mongouri = process.env.mongouri; const client = new MongoClient(mongouri, { useNewUrlParser: true, useUnifiedTopology: true, serverApi: ServerApiVersion.v1 }); const connection = client.connect(); - const bot = new Client({ intents: [ Intents.FLAGS.GUILDS, @@ -628,4 +627,5 @@ app.get("*",(req,res) => { res.sendFile("404.html", {root: 'HTML'}); }) -app.listen(port, () => console.log(`App listening on port ${port}`)); \ No newline at end of file +app.listen(port, () => console.log(`App listening on port ${port}`)); +