kristoferssolo/kristofersxyz
1
0
Fork 0
mirror of https://github.com/kristoferssolo/kristofersxyz.git synced 2026-03-22 00:26:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Moved qJuery install

Browse Source
This commit is contained in:
Kristofers Solo
2023-01-21 20:31:55 +02:00
parent 4a1cdd1236
commit f4137a4cf6
11 changed files with 125 additions and 159 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
static/main/js/lightmode.js
View File

@@ -1,15 +1,15 @@
$(document).ready(function () {
window.addEventListener("DOMContentLoaded", () => {
const HTML = document.documentElement
const AUDIO = document.getElementById("flashbang")
let lightmode = localStorage.getItem("lightmode")
const HTML = $("html")
const AUDIO = $("#flashbang")
const enable_light_mode = () => {
HTML.attr("data-color-mode", "light")
HTML.setAttribute("data-color-mode", "light")
localStorage.setItem("lightmode", "enabled")
}
const disable_light_mode = () => {
HTML.attr("data-color-mode", "dark")
HTML.setAttribute("data-color-mode", "dark")
localStorage.setItem("lightmode", null)
}
@@ -35,13 +35,15 @@ $(document).ready(function () {
}
}
$("#color-mode-toggle").click(() => {
lightmode = localStorage.getItem("lightmode")
if (lightmode !== "enabled") {
enable_light_mode()
AUDIO[0].play()
} else {
disable_light_mode()
}
})
document
.querySelector("#color-mode-toggle")
.addEventListener("click", () => {
lightmode = localStorage.getItem("lightmode")
if (lightmode !== "enabled") {
enable_light_mode()
AUDIO.play()
} else {
disable_light_mode()
}
})
})

55
static/main/js/lightsaber.js
View File

@@ -1,28 +1,33 @@
const COLORS = [
"#2ff924",
"#2e67f8",
"#871efe",
"#eb212e",
"#ff8f18",
"#ffffff",
]
let random_color = COLORS[Math.floor(Math.random() * COLORS.length)]
document.documentElement.style.setProperty("--lightsaber-color", random_color)
window.addEventListener("DOMContentLoaded", () => {
const COLORS = [
"#2ff924",
"#2e67f8",
"#871efe",
"#eb212e",
"#ff8f18",
"#ffffff",
]
let random_color = COLORS[Math.floor(Math.random() * COLORS.length)]
document.documentElement.style.setProperty(
"--lightsaber-color",
random_color
)
let body = document.body
body.addEventListener("click", () => {
body.hidden = true
requestAnimationFrame(() => {
body.hidden = false
let body = document.body
body.addEventListener("click", () => {
body.hidden = true
requestAnimationFrame(() => {
body.hidden = false
})
})
let style = document.createElement("style")
style.innerHTML =
" *, *:before, *:after { animation-play-state: paused !important; }"
document.addEventListener("keypress", () => {
style.parentNode
? document.head.removeChild(style)
: document.head.appendChild(style)
})
})
let style = document.createElement("style")
style.innerHTML =
" *, *:before, *:after { animation-play-state: paused !important; }"
document.addEventListener("keypress", () => {
style.parentNode
? document.head.removeChild(style)
: document.head.appendChild(style)
})

28
static/main/js/navigation.js
View File

@@ -1,15 +1,17 @@
const PRIMARY_NAV = document.querySelector(".primary-navigation")
const MENU_BUTTON = document.querySelector(".mobile-nav-toggle")
window.addEventListener("DOMContentLoaded", () => {
const PRIMARY_NAV = document.querySelector(".primary-navigation")
const MENU_BUTTON = document.querySelector(".mobile-nav-toggle")
MENU_BUTTON.addEventListener("click", () => {
const VISIBILITY = PRIMARY_NAV.getAttribute("data-visible") === "false"
if (VISIBILITY) {
PRIMARY_NAV.setAttribute("data-visible", true)
MENU_BUTTON.setAttribute("aria-expanded", true)
MENU_BUTTON.classList.add("open")
} else {
PRIMARY_NAV.setAttribute("data-visible", false)
MENU_BUTTON.setAttribute("aria-expanded", false)
MENU_BUTTON.classList.remove("open")
}
MENU_BUTTON.addEventListener("click", () => {
const VISIBILITY = PRIMARY_NAV.getAttribute("data-visible") === "false"
if (VISIBILITY) {
PRIMARY_NAV.setAttribute("data-visible", true)
MENU_BUTTON.setAttribute("aria-expanded", true)
MENU_BUTTON.classList.add("open")
} else {
PRIMARY_NAV.setAttribute("data-visible", false)
MENU_BUTTON.setAttribute("aria-expanded", false)
MENU_BUTTON.classList.remove("open")
}
})
})

32
static/main/js/text_swap.js
View File

@@ -1,17 +1,19 @@
const DISPLAY_NAME = document.getElementById("swap-text")
const NAMES = [
"Kristiāns",
"Francis",
"Cagulis",
"Kristiāns Francis Cagulis",
"KFC",
"Kristofers",
"Solo",
"Kristofers Solo",
"Salaspils 1",
"Šis puisis",
]
window.addEventListener("DOMContentLoaded", () => {
const DISPLAY_NAME = document.getElementById("swap-text")
const NAMES = [
"Kristiāns",
"Francis",
"Cagulis",
"Kristiāns Francis Cagulis",
"KFC",
"Kristofers",
"Solo",
"Kristofers Solo",
"Salaspils 1",
"Šis puisis",
]
DISPLAY_NAME.addEventListener("click", () => {
DISPLAY_NAME.innerHTML = NAMES[Math.floor(Math.random() * NAMES.length)]
DISPLAY_NAME.addEventListener("click", () => {
DISPLAY_NAME.innerHTML = NAMES[Math.floor(Math.random() * NAMES.length)]
})
})

58
static/main/js/typewriter.js
View File

@@ -1,36 +1,38 @@
const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms))
window.addEventListener("load", async () => {
const TEXT_DISPLAY = document.getElementById("rotating-text")
const PHRASES = ["Software Developer", "Jedi", "Student"]
let current_phrase = []
let is_end = false
window.addEventListener("DOMContentLoaded", () => {
window.addEventListener("load", async () => {
const TEXT_DISPLAY = document.getElementById("rotating-text")
const PHRASES = ["Software Developer", "Jedi", "Student"]
let current_phrase = []
let is_end = false
while (1) {
for (let phrase in PHRASES) {
if (!is_end) {
for (let character in PHRASES[phrase]) {
current_phrase.push(PHRASES[phrase][character])
TEXT_DISPLAY.innerHTML = current_phrase.join("")
await sleep(150)
}
if (current_phrase.join("") == PHRASES[phrase]) {
await sleep(1000)
is_end = true
}
} else {
while (1) {
current_phrase.pop()
if (!current_phrase.length) {
is_end = false
TEXT_DISPLAY.innerHTML = " "
await sleep(500)
break
while (1) {
for (let phrase in PHRASES) {
if (!is_end) {
for (let character in PHRASES[phrase]) {
current_phrase.push(PHRASES[phrase][character])
TEXT_DISPLAY.innerHTML = current_phrase.join("")
await sleep(150)
}
if (current_phrase.join("") == PHRASES[phrase]) {
await sleep(1000)
is_end = true
}
} else {
while (1) {
current_phrase.pop()
if (!current_phrase.length) {
is_end = false
TEXT_DISPLAY.innerHTML = " "
await sleep(500)
break
}
TEXT_DISPLAY.innerHTML = current_phrase.join("")
await sleep(80)
}
TEXT_DISPLAY.innerHTML = current_phrase.join("")
await sleep(80)
}
}
}
}
})
})

6
static/main/js/validation.js
View File

@@ -88,8 +88,8 @@ $(document).ready(function () {
$("#submit-btn").remove()
}
}
})
$("#register-form").submit(function (e) {
e.preventDefault()
$("#submit-btn").click(function () {
$("#register-form").submit()
})
})

18
static/projects/js/projects.js
View File

@@ -1,9 +1,11 @@
document.getElementById("cards").onmousemove = (e) => {
for (const CARD of document.getElementsByClassName("card")) {
const RECT = CARD.getBoundingClientRect(),
x = e.clientX - RECT.left,
y = e.clientY - RECT.top
CARD.style.setProperty("--mouse-x", `${x}px`)
CARD.style.setProperty("--mouse-y", `${y}px`)
window.addEventListener("DOMContentLoaded", () => {
document.getElementById("cards").onmousemove = (e) => {
for (const CARD of document.getElementsByClassName("card")) {
const RECT = CARD.getBoundingClientRect(),
x = e.clientX - RECT.left,
y = e.clientY - RECT.top
CARD.style.setProperty("--mouse-x", `${x}px`)
CARD.style.setProperty("--mouse-y", `${y}px`)
}
}
}
})