From 87214e6d395de1cc67bde1df7af585dbb96ac9d1 Mon Sep 17 00:00:00 2001 From: Madevelopment Date: Mon, 1 Jan 2024 07:54:10 +0100 Subject: [PATCH] modifications --- .DS_Store | Bin 6148 -> 6148 bytes index.html | 8 ++++---- script.js | 8 ++++---- style.css | 10 ++++++---- 4 files changed, 14 insertions(+), 12 deletions(-) diff --git a/.DS_Store b/.DS_Store index 7c3e0b4cfb228f062938572d66e8319a91e7c23f..b9d5bcf46dee2b9234c36fceae586e4065cc3f25 100644 GIT binary patch delta 82 zcmZoMXfc=|#>B`mu~2NHo}wrV0|Nsi1A_nqLj{8#Lk2?$LoP$k#KPr_ESsH}j delta 134 zcmZoMXfc=|#>B)qu~2NHo}wr#0|Nsi1A_nqLo!1?Lmq=3LjgnH=7)^S8O=db+ze?9 zi40{7naI)%>7F_H$w@i+NkA1qoebVUtoa`d7#KG5Fdk*y%+A5j0kj2Z(s$;`{34bd OKudrKC>=(;m_Q diff --git a/index.html b/index.html index 372c402..6c9391c 100644 --- a/index.html +++ b/index.html @@ -4,8 +4,8 @@ Quote Generator - + @@ -18,15 +18,15 @@ - Lorem ipsum
- +
+ \ No newline at end of file diff --git a/script.js b/script.js index 8fcda34..093c698 100644 --- a/script.js +++ b/script.js @@ -1,7 +1,7 @@ const quoteContainer = document.getElementById("quote-container"); const quoteText = document.getElementById("quote"); const authorText = document.getElementById("author"); -const twitterBtn = document.getElementById("twitter"); +const xBtn = document.getElementById("x"); const newQuoteBtn = document.getElementById('new-quote'); const loader = document.querySelector('.loader'); @@ -64,11 +64,11 @@ async function getQuotes() { // Tweet Quote function tweetQuote() { - const twitterUrl = `https://twitter.com/intent/tweet?text=${quoteText.textContent} - ${authorText.textContent}`; - window.open(twitterUrl, '_blank'); + const xUrl = `https://twitter.com/intent/tweet?text=${quoteText.textContent} - ${authorText.textContent}`; + window.open(xUrl, '_blank'); } -twitterBtn.addEventListener('click', tweetQuote); +xBtn.addEventListener('click', tweetQuote); // On load getQuotes(); diff --git a/style.css b/style.css index 8a0ffa3..4d17a1f 100644 --- a/style.css +++ b/style.css @@ -19,6 +19,8 @@ body { justify-content: center; } + + .quote-container { width: auto; max-width: 900px; @@ -78,11 +80,11 @@ button:active { box-shadow: 0 0.1rem rgba(255, 255, 255, 0.0.65); } -.twitter-button:hover { - color: #38a1f3; +.x-button:hover { + color: rgba(0, 0, 0, 0.2); } -.fa-twitter { +.fa-x { font-size: 1.5rem; } @@ -104,7 +106,7 @@ button:active { .loader { border: 16px solid #f3f3f3; border-radius: 50%; - border-top: 16px solid #3498db; + border-top: 16px solid #000; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite;