diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..c9c26ac --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,26 @@ +* { + margin: 0; + font-family: sans-serif; + font-size: 2vw; +} + +html, +body { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; +} + +img { + display: block; + max-width: 90vw; + max-height: 90vh; + width: auto; + height: auto; +} + +.github-fork-ribbon:before { + background-color: #212121; +} \ No newline at end of file diff --git a/assets/img/fredagsgrodan.svg b/assets/img/fredagsgrodan.svg new file mode 100644 index 0000000..0e89a3a --- /dev/null +++ b/assets/img/fredagsgrodan.svg @@ -0,0 +1,401 @@ + + + diff --git a/assets/js/script.js b/assets/js/script.js new file mode 100644 index 0000000..4abdad9 --- /dev/null +++ b/assets/js/script.js @@ -0,0 +1,17 @@ +function äreFredag() { + var date = new Date(); + var element; + + if(date.getDay() === 5) { + // Haha aa de äre + element = document.createElement("img"); + element.setAttribute("src","assets/img/fredagsgrodan.svg"); + } else { + element = document.createElement("h1"); + element.innerText = "Haha nää"; + } + + return document.body.insertAdjacentElement("afterbegin",element); +} + +äreFredag(); \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..4c08637 --- /dev/null +++ b/index.html @@ -0,0 +1,15 @@ + + +
+ + + + + +