zyqunix/tools
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

/guestbook, /autist, font changes and a new /projects entry

Browse source
This commit is contained in:
zyqunix 2024-12-02 19:57:07 +01:00
parent edc8589d1d
commit 8fc3faf8bb
41 changed files with 400 additions and 101 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.gitignore vendored Normal file
View file

@ -0,0 +1,2 @@
# Local Netlify folder
.netlify

0
fonts/Hack-Bold.ttf → Fonts/Hack/Hack-Bold.ttf
View file

0
fonts/Hack-BoldItalic.ttf → Fonts/Hack/Hack-BoldItalic.ttf
View file

0
fonts/Hack-Italic.ttf → Fonts/Hack/Hack-Italic.ttf
View file

0
fonts/Hack-Regular.ttf → Fonts/Hack/Hack-Regular.ttf
View file

BIN
Fonts/JetBrainsMono/JetBrainsMono-Bold.woff2 Normal file
View file

Binary file not shown.

BIN
Fonts/JetBrainsMono/JetBrainsMono-BoldItalic.woff2 Normal file
View file

Binary file not shown.

BIN
Fonts/JetBrainsMono/JetBrainsMono-ExtraBold.woff2 Normal file
View file

Binary file not shown.

BIN
Fonts/JetBrainsMono/JetBrainsMono-ExtraBoldItalic.woff2 Normal file
View file

Binary file not shown.

BIN
Fonts/JetBrainsMono/JetBrainsMono-ExtraLight.woff2 Normal file
View file

Binary file not shown.

BIN
Fonts/JetBrainsMono/JetBrainsMono-ExtraLightItalic.woff2 Normal file
View file

Binary file not shown.

BIN
Fonts/JetBrainsMono/JetBrainsMono-Italic.woff2 Normal file
View file

Binary file not shown.

BIN
Fonts/JetBrainsMono/JetBrainsMono-Light.woff2 Normal file
View file

Binary file not shown.

BIN
Fonts/JetBrainsMono/JetBrainsMono-LightItalic.woff2 Normal file
View file

Binary file not shown.

BIN
Fonts/JetBrainsMono/JetBrainsMono-Medium.woff2 Normal file
View file

Binary file not shown.

BIN
Fonts/JetBrainsMono/JetBrainsMono-MediumItalic.woff2 Normal file
View file

Binary file not shown.

BIN
Fonts/JetBrainsMono/JetBrainsMono-Regular.woff2 Normal file
View file

Binary file not shown.

BIN
Fonts/JetBrainsMono/JetBrainsMono-SemiBold.woff2 Normal file
View file

Binary file not shown.

BIN
Fonts/JetBrainsMono/JetBrainsMono-SemiBoldItalic.woff2 Normal file
View file

Binary file not shown.

BIN
Fonts/JetBrainsMono/JetBrainsMono-Thin.woff2 Normal file
View file

Binary file not shown.

BIN
Fonts/JetBrainsMono/JetBrainsMono-ThinItalic.woff2 Normal file
View file

Binary file not shown.

26
autist/index.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Autist</title>
<meta name="description" content="Autistic ass friend vro 😭😭😭">
<link rel="shortcut icon" href="https://rimgo.pussthecat.org/RFbdMMB.png" type="image/x-icon">
</head>
<body>
<marquee id="ad" behavior="scroll" direction="left" aria-label="Site donation message">
Help maintain this site by <a href="https://fentseller.lol/bio">donating crypto</a> (server costs are $2/month). If you don't want to or can't, that's alright :)! You can submit audios <a href="https://github.com/zyqunix/tools/issues">here</a>
</marquee>
<div class="main" id="main">
<h3 id="played">No sound played. Press the button!</h3>
<button id="playButton">Get random sound</button>
</div>
<audio id="audio" autoplay src="" aria-hidden="true"></audio>
<button id="toggle">Toggle Ad</button>
<script src="index.js"></script>
</body>
</html>

35
autist/index.js Normal file
View file

@ -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;
}
})

151
autist/style.css Normal file
View file

@ -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;
}
}

BIN
autist/wav/sound1.wav Normal file
View file

Binary file not shown.

BIN
autist/wav/sound2.wav Normal file
View file

Binary file not shown.

BIN
autist/wav/sound3.wav Normal file
View file

Binary file not shown.

BIN
autist/wav/sound4.wav Normal file
View file

Binary file not shown.

19
click/style.css
View file

@ -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 {

35
guestbook/fetch.js Normal file
View file

@ -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 = `
<p><strong>Date:</strong> ${date}</p>
<p><strong>Name:</strong> ${name}</p>
<p><strong>Email:</strong> <a href="mailto:${email}">${email}</a></p>
<p><strong>Website:</strong> <a href="${web}" target="_blank">${web}</a></p>
<p><strong>Number:</strong> ${number}</p>
<p><strong>Message:</strong> ${message}</p>
<hr>
`;
document.getElementById('guestbook-container').appendChild(guestbookEntry);
});
})
.catch(error => {
document.getElementById('guestbook-container').innerHTML = `Error fetching the guestbook: ${error}`;
});

20
guestbook/index.html Normal file
View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="https://rimgo.pussthecat.org/RFbdMMB.png" type="image/x-icon">
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<title>Guestbook</title>
</head>
<body>
<h1>Guestbook from <a href="https://users2.smartgb.com/g/g.php?a=s&i=g26-39906-27">SmartGB</a></h1>
<div id="guestbook-container"></div>
<div id="error"></div>
<script src="fetch.js"></script>
</body>
</html>

92
guestbook/style.css Normal file
View file

@ -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;
}
}

1
index.html
View file

@ -8,7 +8,6 @@
<meta name="description" content="Useful Tests Without Any Trackers, Fully Open-Source on GitHub!">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="https://rimgo.pussthecat.org/RFbdMMB.png" type="image/x-icon">
</head>
<body>
<div id="topbar" class="topbar">

17
keyboard/style.css
View file

@ -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;
}
* {

8
netlify.toml Normal file
View file

@ -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

2
old/index.html
View file

@ -84,7 +84,7 @@
</li>
<li><a href="https://instagram.com/100kgmeth">My Cool Picz</a></li>
<li><a href="https://fentseller.lol/bio">Contact Mez</a></li>
<li><a href="http://users2.smartgb.com/g/g.php?a=s&i=g26-39906-27">Sign My Guestbook!</a></li>
<li><a href="https://fentseller.lol/guestbook">Sign My Guestbook!</a></li>
</ul>
</td>
<td>

6
projects/projects.json
View file

@ -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 <a href='https://users2.smartgb.com/g/g.php?a=s&i=g26-39906-27/'>SmartGuestBook</a>, which uses a CORS Proxy to fetch the guestbook entries.",
"url": "/assets/config.zip"
},
{
"name": "ZyMusic",
"subheader": "Android Music Streaming App",

13
projects/style.css
View file

@ -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;

20
scrolling test/index.html
View file

@ -1,20 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Test</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="scroller">
<marquee behavior="scroll" loop="" direction="left">
<img src="https://easyfiles.cc/2024/11/050e4af1-10f3-4bd5-9753-e9a69facfabd/epic%205507.png" alt="">
</marquee>
</div>
<div class="fun">
hello world
</div>
</body>
</html>

40
scrolling test/style.css
View file

@ -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;
}

14
style.css
View file

@ -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%;