diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..6582234 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +# Local Netlify folder +.netlify diff --git a/fonts/Hack-Bold.ttf b/Fonts/Hack/Hack-Bold.ttf similarity index 100% rename from fonts/Hack-Bold.ttf rename to Fonts/Hack/Hack-Bold.ttf diff --git a/fonts/Hack-BoldItalic.ttf b/Fonts/Hack/Hack-BoldItalic.ttf similarity index 100% rename from fonts/Hack-BoldItalic.ttf rename to Fonts/Hack/Hack-BoldItalic.ttf diff --git a/fonts/Hack-Italic.ttf b/Fonts/Hack/Hack-Italic.ttf similarity index 100% rename from fonts/Hack-Italic.ttf rename to Fonts/Hack/Hack-Italic.ttf diff --git a/fonts/Hack-Regular.ttf b/Fonts/Hack/Hack-Regular.ttf similarity index 100% rename from fonts/Hack-Regular.ttf rename to Fonts/Hack/Hack-Regular.ttf diff --git a/Fonts/JetBrainsMono/JetBrainsMono-Bold.woff2 b/Fonts/JetBrainsMono/JetBrainsMono-Bold.woff2 new file mode 100644 index 0000000..4917f43 Binary files /dev/null and b/Fonts/JetBrainsMono/JetBrainsMono-Bold.woff2 differ diff --git a/Fonts/JetBrainsMono/JetBrainsMono-BoldItalic.woff2 b/Fonts/JetBrainsMono/JetBrainsMono-BoldItalic.woff2 new file mode 100644 index 0000000..536d3f7 Binary files /dev/null and b/Fonts/JetBrainsMono/JetBrainsMono-BoldItalic.woff2 differ diff --git a/Fonts/JetBrainsMono/JetBrainsMono-ExtraBold.woff2 b/Fonts/JetBrainsMono/JetBrainsMono-ExtraBold.woff2 new file mode 100644 index 0000000..8f88c54 Binary files /dev/null and b/Fonts/JetBrainsMono/JetBrainsMono-ExtraBold.woff2 differ diff --git a/Fonts/JetBrainsMono/JetBrainsMono-ExtraBoldItalic.woff2 b/Fonts/JetBrainsMono/JetBrainsMono-ExtraBoldItalic.woff2 new file mode 100644 index 0000000..d1478ba Binary files /dev/null and b/Fonts/JetBrainsMono/JetBrainsMono-ExtraBoldItalic.woff2 differ diff --git a/Fonts/JetBrainsMono/JetBrainsMono-ExtraLight.woff2 b/Fonts/JetBrainsMono/JetBrainsMono-ExtraLight.woff2 new file mode 100644 index 0000000..b97239f Binary files /dev/null and b/Fonts/JetBrainsMono/JetBrainsMono-ExtraLight.woff2 differ diff --git a/Fonts/JetBrainsMono/JetBrainsMono-ExtraLightItalic.woff2 b/Fonts/JetBrainsMono/JetBrainsMono-ExtraLightItalic.woff2 new file mode 100644 index 0000000..be01aac Binary files /dev/null and b/Fonts/JetBrainsMono/JetBrainsMono-ExtraLightItalic.woff2 differ diff --git a/Fonts/JetBrainsMono/JetBrainsMono-Italic.woff2 b/Fonts/JetBrainsMono/JetBrainsMono-Italic.woff2 new file mode 100644 index 0000000..d60c270 Binary files /dev/null and b/Fonts/JetBrainsMono/JetBrainsMono-Italic.woff2 differ diff --git a/Fonts/JetBrainsMono/JetBrainsMono-Light.woff2 b/Fonts/JetBrainsMono/JetBrainsMono-Light.woff2 new file mode 100644 index 0000000..6538498 Binary files /dev/null and b/Fonts/JetBrainsMono/JetBrainsMono-Light.woff2 differ diff --git a/Fonts/JetBrainsMono/JetBrainsMono-LightItalic.woff2 b/Fonts/JetBrainsMono/JetBrainsMono-LightItalic.woff2 new file mode 100644 index 0000000..66ca3d2 Binary files /dev/null and b/Fonts/JetBrainsMono/JetBrainsMono-LightItalic.woff2 differ diff --git a/Fonts/JetBrainsMono/JetBrainsMono-Medium.woff2 b/Fonts/JetBrainsMono/JetBrainsMono-Medium.woff2 new file mode 100644 index 0000000..669d04c Binary files /dev/null and b/Fonts/JetBrainsMono/JetBrainsMono-Medium.woff2 differ diff --git a/Fonts/JetBrainsMono/JetBrainsMono-MediumItalic.woff2 b/Fonts/JetBrainsMono/JetBrainsMono-MediumItalic.woff2 new file mode 100644 index 0000000..80cfd15 Binary files /dev/null and b/Fonts/JetBrainsMono/JetBrainsMono-MediumItalic.woff2 differ diff --git a/Fonts/JetBrainsMono/JetBrainsMono-Regular.woff2 b/Fonts/JetBrainsMono/JetBrainsMono-Regular.woff2 new file mode 100644 index 0000000..40da427 Binary files /dev/null and b/Fonts/JetBrainsMono/JetBrainsMono-Regular.woff2 differ diff --git a/Fonts/JetBrainsMono/JetBrainsMono-SemiBold.woff2 b/Fonts/JetBrainsMono/JetBrainsMono-SemiBold.woff2 new file mode 100644 index 0000000..5ead7b0 Binary files /dev/null and b/Fonts/JetBrainsMono/JetBrainsMono-SemiBold.woff2 differ diff --git a/Fonts/JetBrainsMono/JetBrainsMono-SemiBoldItalic.woff2 b/Fonts/JetBrainsMono/JetBrainsMono-SemiBoldItalic.woff2 new file mode 100644 index 0000000..c5dd294 Binary files /dev/null and b/Fonts/JetBrainsMono/JetBrainsMono-SemiBoldItalic.woff2 differ diff --git a/Fonts/JetBrainsMono/JetBrainsMono-Thin.woff2 b/Fonts/JetBrainsMono/JetBrainsMono-Thin.woff2 new file mode 100644 index 0000000..17270e4 Binary files /dev/null and b/Fonts/JetBrainsMono/JetBrainsMono-Thin.woff2 differ diff --git a/Fonts/JetBrainsMono/JetBrainsMono-ThinItalic.woff2 b/Fonts/JetBrainsMono/JetBrainsMono-ThinItalic.woff2 new file mode 100644 index 0000000..a643215 Binary files /dev/null and b/Fonts/JetBrainsMono/JetBrainsMono-ThinItalic.woff2 differ diff --git a/autist/index.html b/autist/index.html new file mode 100644 index 0000000..dd20365 --- /dev/null +++ b/autist/index.html @@ -0,0 +1,26 @@ + + + + + + + Autist + + + + + + +
+

No sound played. Press the button!

+ +
+ + + + + + + diff --git a/autist/index.js b/autist/index.js new file mode 100644 index 0000000..ca1ed69 --- /dev/null +++ b/autist/index.js @@ -0,0 +1,35 @@ +const sounds = { + autist: 'wav/sound1.wav', + downie: 'wav/sound2.wav', + retard: 'wav/sound3.wav', + 'retarded autistic downie': 'wav/sound4.wav' +}; + +const button = document.getElementById('playButton'); +const header = document.getElementById('played'); + +const toggle = document.getElementById('toggle'); +const ad = document.getElementById('ad'); +let isHidden = false; + +button.addEventListener('click', function() { + const audio = document.getElementById('audio'); + const keys = Object.keys(sounds); + let randKey = keys[Math.floor(Math.random() * keys.length)]; + let randSound = sounds[randKey]; + + audio.src = randSound; + audio.play(); + + header.innerHTML = randKey; +}); + +toggle.addEventListener('click', function() { + if (!isHidden) { + ad.style.display = 'none'; + isHidden = true; + } else { + ad.style.display = 'flex'; + isHidden = false; + } +}) \ No newline at end of file diff --git a/autist/style.css b/autist/style.css new file mode 100644 index 0000000..bbc352f --- /dev/null +++ b/autist/style.css @@ -0,0 +1,151 @@ +@font-face { + font-family: 'Hack'; + src: url('/Fonts/Hack/Hack-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'JetBrainsMono'; + src: url('/Fonts/JetBrainsMono/JetBrainsMono-Regular.woff2'); +} + +body { + background-color: #505050; + color: white; + font-family: monospace; + margin: 0; + display: flex; + justify-content: center; + align-items: center; + text-align: center; + min-height: 100vh; + padding: 20px; + flex-direction: column; + overflow: hidden; + font-family: 'JetBrainsMono', 'Hack', monospace; +} + +.top { + top: 0; + left: 0; +} + +marquee { + position: relative; + font-size: 16px; + padding: 10px 0; + background-color: #454545; + color: #fff; + width: 100%; +} + +::selection { + color: white; + background-color: #b49cdf; +} + +button:not(#toggle) { + color: white; + background-color: #b49cdf; + border: 2px solid #9f8ac7; + border-radius: 3px; + cursor: pointer; + transition: 0.1s ease-in-out; + padding: 10px 20px; + font-weight: bold; + margin: 10px; +} + +#toggle { + left: 10px; + bottom: 10px; + position: absolute; + cursor: pointer; + padding: 3px; + color: #c0c0c0; + background-color: #454545; + border: 2px solid #404040; + border: none; +} + +#toggle:hover { + color: #b49cdf; + background-color: #404040; +} + +button:hover:not(#toggle) { + background-color: #9f8ac7; + border-color: #947fb9; +} + +.main { + max-width: 80%; + text-align: center; + padding: 30px; + background-color: #454545; + border-radius: 4px; + box-shadow: 0 4px 10px rgba(16, 16, 16, 0.5); + transform: scale(1.1); +} + +a { + text-decoration: underline; + color: white; + transition: color 0.1s; +} + +a:hover { + color: #cdb1ff; +} + +@media (min-width: 1024px) { + .main { + max-width: 50%; + padding: 40px; + transform: scale(1.2); + } + + button { + padding: 12px 30px; + } + + marquee { + position: absolute; + top: 0; + } +} + +@media (min-width: 768px) and (max-width: 1023px) { + .main { + max-width: 70%; + padding: 35px; + } + + button { + padding: 10px 20px; + } + + marquee { + position: absolute; + top: 0; + } + +} + +@media (max-width: 767px) { + .main { + max-width: 100%; + padding: 20px; + transform: scale(1); + } + + marquee { + font-size: 14px; + position: absolute; + top: 0; + } + + button { + padding: 8px 16px; + font-size: 14px; + } +} diff --git a/autist/wav/sound1.wav b/autist/wav/sound1.wav new file mode 100644 index 0000000..4ab17e4 Binary files /dev/null and b/autist/wav/sound1.wav differ diff --git a/autist/wav/sound2.wav b/autist/wav/sound2.wav new file mode 100644 index 0000000..84c9649 Binary files /dev/null and b/autist/wav/sound2.wav differ diff --git a/autist/wav/sound3.wav b/autist/wav/sound3.wav new file mode 100644 index 0000000..ed48561 Binary files /dev/null and b/autist/wav/sound3.wav differ diff --git a/autist/wav/sound4.wav b/autist/wav/sound4.wav new file mode 100644 index 0000000..4edb489 Binary files /dev/null and b/autist/wav/sound4.wav differ diff --git a/click/style.css b/click/style.css index 7067c58..26f11b0 100644 --- a/click/style.css +++ b/click/style.css @@ -1,12 +1,11 @@ -/* -CSS CODE.. I DON'T KNOW WHAT ELSE TO SAY. IT WORKS, BUT COULD BE IMPROVED -*/ - @font-face { font-family: 'Hack'; - src: url('https://easyfiles.cc/2024/11/07377006-c12a-461a-b3c6-0d602bac58bf/Hack-Regular.ttf') format('truetype'); - font-weight: normal; - font-style: normal; + src: url('/Fonts/Hack/Hack-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'JetBrainsMono'; + src: url('/Fonts/JetBrainsMono/JetBrainsMono-Regular.woff2'); } body { @@ -18,11 +17,7 @@ body { background-color: #2a2a2a; user-select: none; transition: background-color 0.3s, color 0.3s; -} - -* { - font-family: 'Hack', monospace; - font-size: medium; + font-family: 'JetBrainsMono', 'Hack', monospace; } button, p { diff --git a/guestbook/fetch.js b/guestbook/fetch.js new file mode 100644 index 0000000..d422dc4 --- /dev/null +++ b/guestbook/fetch.js @@ -0,0 +1,35 @@ +fetch('https://corsproxy.io/?https%3A%2F%2Fusers2.smartgb.com%2Fg%2Fg.php%3Fa%3Ds%26i%3Dg26-39906-27') + .then(response => response.text()) + .then(html => { + let parser = new DOMParser(); + let doc = parser.parseFromString(html, 'text/html'); + let entries = doc.querySelectorAll('table[bgcolor="#F4F4F4"]'); + + entries.forEach(entry => { + let dateElement = entry.querySelector('tr > td > font > b'); + let date = dateElement && dateElement.textContent.includes('Date:') ? dateElement.textContent.replace('Date:', '').trim() : 'No date'; + let name = entry.querySelector('tr:nth-child(2) td:nth-child(2)') ? entry.querySelector('tr:nth-child(2) td:nth-child(2)').textContent.trim() : 'No name'; + let email = entry.querySelector('tr:nth-child(3) td:nth-child(2) a') ? entry.querySelector('tr:nth-child(3) td:nth-child(2) a').textContent.trim() : 'No email'; + let web = entry.querySelector('tr:nth-child(4) td:nth-child(2) a') ? entry.querySelector('tr:nth-child(4) td:nth-child(2) a').textContent.trim() : 'No website'; + let number = entry.querySelector('tr:nth-child(5) td:nth-child(2)') ? entry.querySelector('tr:nth-child(5) td:nth-child(2)').textContent.trim() : 'No number'; + let message = entry.querySelector('.divmess') ? entry.querySelector('.divmess').textContent.trim() : 'No message'; + + let guestbookEntry = document.createElement('div'); + guestbookEntry.classList.add('guestbook-entry'); + + guestbookEntry.innerHTML = ` +

Date: ${date}

+

Name: ${name}

+

Email: ${email}

+

Website: ${web}

+

Number: ${number}

+

Message: ${message}

+
+ `; + + document.getElementById('guestbook-container').appendChild(guestbookEntry); + }); + }) + .catch(error => { + document.getElementById('guestbook-container').innerHTML = `Error fetching the guestbook: ${error}`; + }); \ No newline at end of file diff --git a/guestbook/index.html b/guestbook/index.html new file mode 100644 index 0000000..ef2d847 --- /dev/null +++ b/guestbook/index.html @@ -0,0 +1,20 @@ + + + + + + + + + Guestbook + + + +

Guestbook from SmartGB

+ +
+
+ + + + \ No newline at end of file diff --git a/guestbook/style.css b/guestbook/style.css new file mode 100644 index 0000000..a0042ee --- /dev/null +++ b/guestbook/style.css @@ -0,0 +1,92 @@ +@font-face { + font-family: 'Hack'; + src: url('/Fonts/Hack/Hack-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'JetBrainsMono'; + src: url('/Fonts/JetBrainsMono/JetBrainsMono-Regular.woff2'); +} + +body { + background-color: #505050; + font-family: 'JetBrainsMono', 'Hack', monospace; + margin: 20px 40px 20px 40px; + display: flex; + justify-content: center; + align-items: center; + text-align: center; + min-height: 100vh; + padding: 20px; + flex-direction: column; + font-size: large; +} + +::selection { + color: white; + background-color: #b49cdf; +} + +* { + color: white; +} + +.guestbook-entry { + margin-bottom: 20px; + padding: 10px; + border: 2px solid #707070; + background-color: #606060; + max-width: 50vw; + text-align: left; + border-radius: 8px; +} + +.guestbook-entry p { + margin: 5px 0; +} + +a { + color: #b49cdf; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +.guestbook-entry a:hover { + text-decoration: underline; +} + + +@media (max-width: 1200px) { + .guestbook-entry { + max-width: 60vw; + } + + body { + margin: 20px; + } +} + +@media (max-width: 768px) { + body { + font-size: medium; + } + + .guestbook-entry { + max-width: 80vw; + } +} + +@media (max-width: 480px) { + body { + font-size: small; + margin: 10px; + } + + .guestbook-entry { + max-width: 90vw; + padding: 8px; + } +} diff --git a/index.html b/index.html index eb1f3b1..2024e43 100644 --- a/index.html +++ b/index.html @@ -8,7 +8,6 @@ -
diff --git a/keyboard/style.css b/keyboard/style.css index 068d499..770280d 100644 --- a/keyboard/style.css +++ b/keyboard/style.css @@ -1,19 +1,11 @@ -/* -CSS CODE.. I DON'T KNOW WHAT ELSE TO SAY. IT WORKS, BUT COULD BE IMPROVED -*/ - @font-face { - font-family: 'crueltysquad'; - src: url('https://easyfiles.cc/2024/11/da8c7731-4b49-4155-bad5-e4344a2ab6da/gamefont(1).ttf') format('truetype'); - font-weight: normal; - font-style: normal; + font-family: 'Hack'; + src: url('/Fonts/Hack/Hack-Regular.ttf') format('truetype'); } @font-face { - font-family: 'Hack'; - src: url('https://easyfiles.cc/2024/11/07377006-c12a-461a-b3c6-0d602bac58bf/Hack-Regular.ttf') format('truetype'); - font-weight: normal; - font-style: normal; + font-family: 'JetBrainsMono'; + src: url('/Fonts/JetBrainsMono/JetBrainsMono-Regular.woff2'); } body { @@ -25,6 +17,7 @@ body { transition: background-color 0.3s, color 0.3s; overflow-x: hidden; overflow-y: visible; + font-family: 'JetBrainsMono', 'Hack', monospace; } * { diff --git a/netlify.toml b/netlify.toml new file mode 100644 index 0000000..6fae33a --- /dev/null +++ b/netlify.toml @@ -0,0 +1,8 @@ +[build] + publish = "guestbook" # or the directory that contains your index.html + functions = "functions" + +[[redirects]] + from = "/functions/*" + to = "/.netlify/functions/:splat" + status = 200 diff --git a/old/index.html b/old/index.html index 37dd5db..9ef27d8 100644 --- a/old/index.html +++ b/old/index.html @@ -84,7 +84,7 @@
  • My Cool Picz
  • Contact Mez
    • -
  • Sign My Guestbook!
    • +
  • Sign My Guestbook!
    • diff --git a/projects/projects.json b/projects/projects.json index be80a16..338624d 100644 --- a/projects/projects.json +++ b/projects/projects.json @@ -5,6 +5,12 @@ "description": "The site you are currently on is my biggest project as of right now.(Domain gifted by saif)", "url": "https://fentseller.lol" }, + { + "name": "Guestbook", + "subheader": "A Guestbook frontend from SmartGB", + "description": "A custom frontend for a SmartGuestBook, which uses a CORS Proxy to fetch the guestbook entries.", + "url": "/assets/config.zip" + }, { "name": "ZyMusic", "subheader": "Android Music Streaming App", diff --git a/projects/style.css b/projects/style.css index b442138..486c7bb 100644 --- a/projects/style.css +++ b/projects/style.css @@ -1,3 +1,13 @@ +@font-face { + font-family: 'Hack'; + src: url('/Fonts/Hack/Hack-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'JetBrainsMono'; + src: url('/Fonts/JetBrainsMono/JetBrainsMono-Regular.woff2'); +} + body { display: flex; justify-content: center; @@ -10,6 +20,7 @@ body { background-color: #2a2a2a; color: #f0f0f0; overflow-x: hidden; + font-family: 'JetBrainsMono', 'Hack', monospace; } html { @@ -25,7 +36,7 @@ img[class="img_header"] { div.header-main { width: 100%; - padding: 20px 0 20px 40px; + padding: 15px 20px 20px 20px; display: flex; position: fixed; top: 0; diff --git a/scrolling test/index.html b/scrolling test/index.html deleted file mode 100644 index e139cda..0000000 --- a/scrolling test/index.html +++ /dev/null @@ -1,20 +0,0 @@ - - - - - - Test - - - -
    - - - -
    - -
    - hello world -
    - - \ No newline at end of file diff --git a/scrolling test/style.css b/scrolling test/style.css deleted file mode 100644 index fb41bc3..0000000 --- a/scrolling test/style.css +++ /dev/null @@ -1,40 +0,0 @@ -body { - background-color: #202020; - color: white; - margin: 0; - font-size: large; - font-family: monospace; - overflow: hidden; -} - -marquee { - padding: 20px 0px 20px 0px; - animation: transparent-edges infinite linear 0s; -} - -@keyframes transparent-edges { - 0% { - background-color: rgba(0, 0, 0, 0); - } - - 10% { - background-color: rgba(0, 0, 0, 1); - } - - 90% { - background-color: rgba(0, 0, 0, 1); - } - - 100% { - background-color: rgba(0, 0, 0, 0); - } -} - -.fun { - display: flex; - justify-content: center; - max-width: 300px; - padding: 30px 60px 30px 60px; - background-color: #404040; - animation: transparent-edges 5s infinite; -} diff --git a/style.css b/style.css index 603bce5..ff03f05 100644 --- a/style.css +++ b/style.css @@ -1,5 +1,3 @@ -/* Global Styles */ - body { display: flex; justify-content: center; @@ -23,8 +21,6 @@ html { color: #2a2a2a; } -/* Topbar Styles */ - .topbar { display: flex; align-items: center; @@ -42,8 +38,6 @@ html { overflow-x: hidden; } -/* Welcome Section Styles */ - .welcome { text-align: center; margin: 0; @@ -63,8 +57,6 @@ html { margin: 0 0 10px 0; } -/* Tools Section Styles */ - .tools-main { display: flex; flex-wrap: wrap; @@ -129,8 +121,6 @@ html { border-color: rgb(90, 150, 115); } -/* Slideshow Styles */ - .slideshow-container { position: relative; width: 90vw; @@ -146,8 +136,6 @@ html { object-fit: contain; } -/* Theme Button Styles */ - .theme-button { cursor: pointer; background: none; @@ -156,8 +144,6 @@ html { margin-left: 30px; } -/* Media Queries */ - @media (max-width: 768px) { .main { width: 95%;