IT-Syndikat/website
IT-Syndikat/website
27
0
Fork 2
Code Issues6 Pull requests Projects Releases Packages1 Wiki Activity Actions

Add clang-format config

Browse source
This commit is contained in:
Xiretza 2025-02-04 23:20:16 +00:00
parent fd529835a4
commit 5c85e09ad5
3 changed files with 143 additions and 128 deletions

7
.clang-format Normal file
View file

@ -0,0 +1,7 @@
---
Language: JavaScript
UseTab: Always
IndentWidth: 4
TabWidth: 4
LineEnding: LF
---

4
Justfile
View file

@ -1,5 +1,9 @@
check:
markdownlint-cli2
clang-format --dry-run assets/js/*.js
format:
clang-format -i assets/js/*.js
serve:
hugo serve

260
assets/js/its.js
View file

@ -16,8 +16,8 @@ function randomRange(min, max) {
}
async function delay(millis) {
await new Promise((resolve) =>
setTimeout(resolve, millis),
await new Promise(
(resolve) => setTimeout(resolve, millis),
);
}
@ -108,7 +108,7 @@ function setNixieColor(color) {
function nixieRainbow() {
const tubeSpans = document.querySelectorAll('.tube>span');
const numberOfSpans = tubeSpans.length;
tubeSpans.forEach((span, index) => {
const hue = Math.floor((360 / numberOfSpans) * index);
const color = `hsl(${hue}, 100%, 50%)`;
@ -126,13 +126,13 @@ function nixieRainbow() {
}
function resetNixieRainbow() {
const tubeSpans = document.querySelectorAll('.tube>span');
tubeSpans.forEach((span) => {
span.style.color = '';
span.style.textShadow = '';
span.style.animation = '';
});
const tubeSpans = document.querySelectorAll('.tube>span');
tubeSpans.forEach((span) => {
span.style.color = '';
span.style.textShadow = '';
span.style.animation = '';
});
}
function handleInput(event) {
@ -143,36 +143,39 @@ function handleInput(event) {
}
function inputCodeCheck(typedText) {
switch(typedText.toLowerCase()) {
case "(){:;}":
shellShock();
break;
case "matrix":
matrix();
break;
case "barrel":
barrel();
break;
case "astley":
astley();
break;
case "kawaii":
nyan_cat();
break;
case "pacman":
pacman();
break;
case "gamble":
gamble();
break;
case "drkhsh":
drkhsh();
break;
switch (typedText.toLowerCase()) {
case "(){:;}":
shellShock();
break;
case "matrix":
matrix();
break;
case "barrel":
barrel();
break;
case "astley":
astley();
break;
case "kawaii":
nyan_cat();
break;
case "pacman":
pacman();
break;
case "gamble":
gamble();
break;
case "drkhsh":
drkhsh();
break;
}
}
const code = [38, 38, 40, 40, 37, 39, 37, 39, 66, 65];
const code_two = [48, 49, 49, 56, 57, 57, 57, 56, 56, 49, 57, 57, 57, 49, 49, 57, 55, 50, 53, 51];
const code = [ 38, 38, 40, 40, 37, 39, 37, 39, 66, 65 ];
const code_two = [
48, 49, 49, 56, 57, 57, 57, 56, 56, 49,
57, 57, 57, 49, 49, 57, 55, 50, 53, 51
];
let currentStepOne = 0;
let currentStepTwo = 0;
@ -188,7 +191,8 @@ function checkSequence(e) {
currentStepOne = 0;
setNixieColor('var(--nixie-green)');
setNixieContent("ITCRWD");
let search_field = document.getElementsByClassName("widget-search__field")[0];
let search_field =
document.getElementsByClassName("widget-search__field")[0];
search_field.placeholder = 'Emergency Services';
}
} else {
@ -199,7 +203,8 @@ function checkSequence(e) {
currentStepTwo++;
if (currentStepTwo === code_two.length) {
nixieRainbow();
let search_field = document.getElementsByClassName("widget-search__field")[0];
let search_field =
document.getElementsByClassName("widget-search__field")[0];
search_field.placeholder = 'user@it-syndikat:~$';
setTimeout(() => {
search_field.value = '';
@ -222,24 +227,27 @@ window.addEventListener('keydown', checkSequence);
function shuffleArray(array) {
for (let i = array.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
[array[i], array[j]] = [array[j], array[i]];
[array[i], array[j]] = [ array[j], array[i] ];
}
return array;
}
function shuffleString(inputString, charSet = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+[]{}|;:,.<>?') {
let characters = inputString.split('');
function shuffleString(
inputString,
charSet =
'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+[]{}|;:,.<>?') {
let characters = inputString.split('');
for (let i = 0; i < inputString.length; i++) {
characters.push(charSet[Math.floor(Math.random() * charSet.length)]);
}
for (let i = 0; i < inputString.length; i++) {
characters.push(charSet[Math.floor(Math.random() * charSet.length)]);
}
for (let i = characters.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
[characters[i], characters[j]] = [characters[j], characters[i]];
}
for (let i = characters.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
[characters[i], characters[j]] = [ characters[j], characters[i] ];
}
return characters.join('');
return characters.join('');
}
function shellShock() {
@ -252,9 +260,9 @@ function shellShock() {
setTimeout(() => {
element.style.display = 'none';
if (index === shuffledElements.length - 1) {
setTimeout(() => {
document.body.innerText = "But nobody came.";
}, 100);
setTimeout(
() => { document.body.innerText = "But nobody came."; },
100);
}
}, index * 100);
});
@ -263,18 +271,16 @@ function shellShock() {
function matrix() {
resetNixieRainbow();
setNixieColor('var(--nixie-green)');
setInterval(() => {
setNixieContent(shuffleString('matrix'));
}, 100);
setInterval(() => { setNixieContent(shuffleString('matrix')); }, 100);
}
function barrel() {
document.body.style.transition = 'transform 5s';
document.body.style.transform = 'rotate(360deg)';
setTimeout(() => {
document.body.style.transition = '';
document.body.style.transform = '';
document.body.style.transition = '';
document.body.style.transform = '';
}, 5000);
}
@ -285,61 +291,60 @@ function astley() {
sidebar.style.display = 'none';
let wrapper = document.querySelector('.wrapper.flex');
const div = document.createElement('div');
div.innerHTML = `
div.innerHTML = `
<video width="560" height="315" autoplay><source src="/videos/eastereggs/guesswhat.mp4" type="video/mp4"></video>`;
wrapper.appendChild(div);
}
function nyan_cat() {
const nyanCatDiv = document.createElement('div');
nyanCatDiv.id = 'nyan-cat';
const nyanCatImg = document.createElement('img');
nyanCatImg.src = '/images/eastereggs/nyancat.gif';
nyanCatImg.alt = 'Nyan Cat';
nyanCatDiv.appendChild(nyanCatImg);
document.body.appendChild(nyanCatDiv);
const nyanCatDiv = document.createElement('div');
nyanCatDiv.id = 'nyan-cat';
const nyanCatImg = document.createElement('img');
nyanCatImg.src = '/images/eastereggs/nyancat.gif';
nyanCatImg.alt = 'Nyan Cat';
nyanCatDiv.appendChild(nyanCatImg);
document.body.appendChild(nyanCatDiv);
}
function pacman() {
resetNixieRainbow();
setNixieColor('yellow');
const pacManDiv = document.createElement('div');
pacManDiv.id = 'pac-man';
pacManDiv.innerHTML = `
const pacManDiv = document.createElement('div');
pacManDiv.id = 'pac-man';
pacManDiv.innerHTML = `
<img src="/images/eastereggs/pacman.gif" alt="Pac-Man">
`;
document.body.appendChild(pacManDiv);
const elements = document.querySelectorAll('.menu__item, .tube, .tube>span');
document.body.appendChild(pacManDiv);
const elements =
document.querySelectorAll('.menu__item, .tube, .tube>span');
function checkCollision() {
const rect1 = pacManDiv.getBoundingClientRect();
const rect1 = pacManDiv.getBoundingClientRect();
elements.forEach((element) => {
const rect2 = element.getBoundingClientRect();
elements.forEach((element) => {
const rect2 = element.getBoundingClientRect();
if (
rect1.left < rect2.left + rect2.width &&
rect1.left + rect1.width > rect2.left &&
rect1.top < rect2.top + rect2.height &&
rect1.top + rect1.height > rect2.top
) {
if (rect1.left < rect2.left + rect2.width &&
rect1.left + rect1.width > rect2.left &&
rect1.top < rect2.top + rect2.height &&
rect1.top + rect1.height > rect2.top) {
if (element.nodeName === "LI") {
element.style.visibility = 'hidden';
} else {
element.style.display = 'none';
}
}
});
}
});
// Continue checking for collisions
requestAnimationFrame(checkCollision);
}
// Continue checking for collisions
requestAnimationFrame(checkCollision);
}
// Continue checking for collisions
requestAnimationFrame(checkCollision);
}
@ -347,26 +352,25 @@ function pacman() {
function gamble() {
// make lever
let tubeBoxes = document.querySelectorAll('.tube-box');
tubeBoxes.forEach(tubeBox => {
let lever = document.createElement('button');
lever.textContent = 'Go';
lever.classList.add('btn');
lever.addEventListener('click', startSlotMachine);
tubeBox.prepend(lever);
// amount display
let amountSpan = document.createElement('span');
amountSpan.textContent = "1337€";
amountSpan.id = "score";
tubeBox.insertBefore(amountSpan, lever);
});
tubeBoxes.forEach(tubeBox => {
let lever = document.createElement('button');
lever.textContent = 'Go';
lever.classList.add('btn');
lever.addEventListener('click', startSlotMachine);
tubeBox.prepend(lever);
// amount display
let amountSpan = document.createElement('span');
amountSpan.textContent = "1337€";
amountSpan.id = "score";
tubeBox.insertBefore(amountSpan, lever);
});
}
let intervalId;
function startSlotMachine() {
intervalId = setInterval(() => {
setNixieContent(shuffleString('gamble'));
}, 100);
intervalId =
setInterval(() => { setNixieContent(shuffleString('gamble')); }, 100);
setTimeout(stopSlotMachine, 2000);
}
@ -386,8 +390,8 @@ function countMatches() {
symbols.splice(-6);
const symbolCounts = symbols.reduce((acc, symbol) => {
acc[symbol] = (acc[symbol] || 0) + 1;
return acc;
acc[symbol] = (acc[symbol] || 0) + 1;
return acc;
}, {});
return Math.max(...Object.values(symbolCounts));
@ -396,24 +400,24 @@ function countMatches() {
function evaluateScore(matches) {
let score;
switch (matches) {
case 6:
score = 1337;
break;
case 5:
score = 420;
break;
case 4:
score = 69;
break;
case 3:
score = 13;
break;
case 2:
score = 5;
break;
default:
score = -25; // No matches or only 1 match
}
case 6:
score = 1337;
break;
case 5:
score = 420;
break;
case 4:
score = 69;
break;
case 3:
score = 13;
break;
case 2:
score = 5;
break;
default:
score = -25; // No matches or only 1 match
}
return score;
}
@ -423,7 +427,7 @@ function applyScore(score) {
let scoreNum = parseFloat(scoreSpan.textContent);
scoreNum += score;
scoreSpan.textContent = `${scoreNum}€`;
if(scoreNum <= 0) {
if (scoreNum <= 0) {
setNixieColor('red');
setNixieContent('DEATH💀')
}