JeroenED/website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: JeroenED:d6b87569a69ccf2294170d09a31b7f64e5a93060
Branches Tags
JeroenED:main
..
compare: JeroenED:766622f0fc00190f4b9a256f2fb1506b177de647
Branches Tags
JeroenED:main

No commits in common. "d6b87569a69ccf2294170d09a31b7f64e5a93060" and "766622f0fc00190f4b9a256f2fb1506b177de647" have entirely different histories.
d6b87569a6 ... 766622f0fc

8 changed files with 726 additions and 767 deletions
Show Stats Expand all files Collapse all files

44
assets/js/page.js
View File

@ -3,7 +3,6 @@ import '/assets/scss/page.scss';
document.addEventListener("readystatechange", event => {
if(event.target.readyState === 'complete') {
initExternalLinks();
initEasterEgg();
}
});
@ -16,49 +15,6 @@ function initExternalLinks() {
})
}
function initEasterEgg() {
document.body.addEventListener('click', function(event) {
// Check if the clicked element is an interactive element or triggers an event
if (!isInteractiveElement(event.target)) {
let randomhue = Math.floor(Math.random() * 360)
let randomstring = Math.floor(Math.random() * eastereggstrings.length);
// Apply the color shift filter to the body
document.body.style.filter = 'hue-rotate(' + randomhue + 'deg)';
document.querySelector('.easter-egg').innerHTML = eastereggstrings[randomstring];
}
});
}
let eastereggstrings = [
"No",
"Stop it",
"It not funny anymore",
"Odette does not like this",
"Garry has asked to stop scaring the birds",
"Seriously?",
"I'm out of here",
"Stop poking me. I' thinking",
"Oh boy"
]
function isInteractiveElement(element) {
// Check if the element is an interactive element or triggers an event
return (
element.tagName === 'A' ||
element.tagName === 'BUTTON' ||
element.tagName === 'INPUT' ||
element.tagName === 'SELECT' ||
element.tagName === 'TEXTAREA' ||
element.getAttribute('onclick') !== null ||
element.getAttribute('onmousedown') !== null ||
element.getAttribute('onmouseup') !== null ||
element.getAttribute('onmouseover') !== null ||
element.getAttribute('onmouseout') !== null ||
element.getAttribute('onmousemove') !== null ||
element.getAttribute('oncontextmenu') !== null
);
}
const isExternalURL = (url) => {
if(url.startsWith('/')) return false;
return new URL(url).origin !== location.origin;

12
assets/scss/base.scss
View File

@ -7,10 +7,22 @@ $orange: #d6972a;
$white: #f0f0f0;
$font: 'Fira Code', monospace;
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 60px; /* Margin bottom by footer height */
font-family: 'Mukta', sans-serif;
background-color: $white;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
height: 60px; /* Set the fixed height of the footer here */
line-height: 60px; /* Vertically center the text there */
}
nav {
background-color: $black;

2
composer.json
View File

@ -4,7 +4,7 @@
"minimum-stability": "stable",
"prefer-stable": true,
"require": {
"php": ">=8.3",
"php": ">=8.2",
"ext-ctype": "*",
"ext-iconv": "*",
"erusev/parsedown": "^1.7",

473
composer.lock generated
View File

File diff suppressed because it is too large Load Diff

944
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

10
package.json
View File

@ -14,12 +14,12 @@
"@babel/core": "^7.23",
"@babel/preset-env": "^7.23",
"@babel/plugin-proposal-class-properties": "^7.18",
"@symfony/webpack-encore": "^4.6",
"core-js": "^3.35",
"@symfony/webpack-encore": "^4.5",
"core-js": "^3.34",
"regenerator-runtime": "^0.14",
"sass": "^1.70",
"sass-loader": "^14.1",
"webpack": "^5.90",
"sass": "^1.69",
"sass-loader": "^13.3",
"webpack": "^5.89",
"webpack-cli": "^5.1",
"webpack-notifier": "^1.15"
},

6
templates/base.html.twig
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html class="h-100">
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
@ -11,10 +11,10 @@
</head>
<body class="d-flex flex-column h-100">
<body>
{% block content %}{% endblock %}
{% block extrahtml %}{% endblock %}
<footer class="footer mt-auto py-2">
<footer class="footer">
{% block footer %}{% endblock %}
</footer>
</body>

2
templates/page.html.twig
View File

@ -11,7 +11,7 @@
{{ header | raw }}
</div>
</header>
<main class="flex-shrink-0">
<main>
<div class="container py-4">
{{ content | raw }}
</div>