changed language button design, extracted image meta data into new config file
This commit is contained in:
+293
-280
@@ -2,340 +2,353 @@
|
||||
<html lang="de">
|
||||
|
||||
<head>
|
||||
<link rel="icon" href="images/generated_two_no_background.png">
|
||||
<meta charset="UTF-8">
|
||||
<title id="website_title"></title>
|
||||
<link rel="stylesheet" href="main_style.css">
|
||||
<link rel="icon" href="images/generated_two_no_background.png">
|
||||
<meta charset="UTF-8">
|
||||
<title id="website_title"></title>
|
||||
<link rel="stylesheet" href="main_style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<aside class="sidebar">
|
||||
<div id="sidebar-top">
|
||||
<h3 id="sidebar-top-head">Marvin Kraußer</h3>
|
||||
<div id="sidebar-top-content"></div>
|
||||
<div class="lang-dropdown">
|
||||
<button id="lang-button">Sprache</button>
|
||||
<aside class="sidebar">
|
||||
|
||||
<div id="lang-menu" class="lang-menu hidden">
|
||||
<div class="lang-item hidden" data-lang="de">de</div>
|
||||
<div class="lang-item hidden" data-lang="en">en</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<nav id="navbar">
|
||||
</nav>
|
||||
<div id="sidebar-bottom">
|
||||
<a target="_blank" link.rel="noopener noreferrer"
|
||||
href="https://github.com/marvinkrausser">github.com/marvinkrausser ↗</a>
|
||||
<a href="mailto:marvin.krausser277@gmail.com">marvin.krausser277@gmail.com</a>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<div class="main-content">
|
||||
<div id="introduction" data-nav="introduction"></div>
|
||||
|
||||
<div id="projects-section"></div>
|
||||
<div id="sidebar-top">
|
||||
<h3 id="sidebar-top-head">Marvin Kraußer</h3>
|
||||
<div id="sidebar-top-content"></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
//document.cookie = "lang=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
|
||||
let lang = getCookie("lang");
|
||||
console.log(lang);
|
||||
if (lang == null) {
|
||||
lang = navigator.language.split("-")[0];
|
||||
}
|
||||
if (lang != "en" && lang != "de") {
|
||||
lang = "en";
|
||||
}
|
||||
history.scrollRestoration = "manual";
|
||||
<nav id="navbar">
|
||||
</nav>
|
||||
|
||||
function saveScroll() {
|
||||
sessionStorage.setItem("scrollY", window.scrollY);
|
||||
}
|
||||
<div class="sidebar-bottom-margin">
|
||||
<div class="lang-dropdown" id="lang-dropdown">
|
||||
<button id="lang-button">Sprache</button>
|
||||
|
||||
function restoreScroll() {
|
||||
const scrollY = sessionStorage.getItem("scrollY");
|
||||
if (scrollY !== null) {
|
||||
<div id="lang-menu" class="lang-menu hidden">
|
||||
<div class="lang-item hidden" data-lang="de">de</div>
|
||||
<div class="lang-item hidden" data-lang="en">en</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
document.documentElement.style.scrollBehavior = "auto";
|
||||
<div id="sidebar-bottom">
|
||||
<a target="_blank" link.rel="noopener noreferrer"
|
||||
href="https://github.com/marvinkrausser">github.com/marvinkrausser ↗</a>
|
||||
<a href="mailto:marvin.krausser277@gmail.com">marvin.krausser277@gmail.com</a>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
window.scrollTo(0, parseInt(scrollY));
|
||||
<div class="main-content">
|
||||
<div id="introduction" data-nav="introduction"></div>
|
||||
|
||||
document.documentElement.style.scrollBehavior = "smooth";
|
||||
}
|
||||
}
|
||||
<div id="projects-section"></div>
|
||||
</div>
|
||||
|
||||
window.addEventListener("beforeunload", saveScroll);
|
||||
<script>
|
||||
//document.cookie = "lang=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
|
||||
let lang = getCookie("lang");
|
||||
console.log(lang);
|
||||
if (lang == null) {
|
||||
lang = navigator.language.split("-")[0];
|
||||
}
|
||||
if (lang != "en" && lang != "de") {
|
||||
lang = "en";
|
||||
}
|
||||
history.scrollRestoration = "manual";
|
||||
|
||||
function setupObserver() {
|
||||
const sections = document.querySelectorAll("[data-nav]");
|
||||
const navLinks = document.querySelectorAll(".nav-link");
|
||||
function saveScroll() {
|
||||
sessionStorage.setItem("scrollY", window.scrollY);
|
||||
}
|
||||
|
||||
const observer = new IntersectionObserver(entries => {
|
||||
entries.forEach(entry => {
|
||||
if (entry.isIntersecting) {
|
||||
function restoreScroll() {
|
||||
const scrollY = sessionStorage.getItem("scrollY");
|
||||
if (scrollY !== null) {
|
||||
|
||||
navLinks.forEach(link => {
|
||||
link.classList.toggle(
|
||||
"active",
|
||||
link.dataset.target === entry.target.id
|
||||
);
|
||||
});
|
||||
document.documentElement.style.scrollBehavior = "auto";
|
||||
|
||||
}
|
||||
});
|
||||
}, {
|
||||
threshold: 0.3,
|
||||
rootMargin: "0px 0px -30% 0px"
|
||||
window.scrollTo(0, parseInt(scrollY));
|
||||
|
||||
document.documentElement.style.scrollBehavior = "smooth";
|
||||
}
|
||||
}
|
||||
|
||||
window.addEventListener("beforeunload", saveScroll);
|
||||
|
||||
function setupObserver() {
|
||||
const sections = document.querySelectorAll("[data-nav]");
|
||||
const navLinks = document.querySelectorAll(".nav-link");
|
||||
|
||||
const observer = new IntersectionObserver(entries => {
|
||||
entries.forEach(entry => {
|
||||
if (entry.isIntersecting) {
|
||||
|
||||
navLinks.forEach(link => {
|
||||
link.classList.toggle(
|
||||
"active",
|
||||
link.dataset.target === entry.target.id
|
||||
);
|
||||
});
|
||||
|
||||
sections.forEach(section => observer.observe(section));
|
||||
}
|
||||
}
|
||||
});
|
||||
}, {
|
||||
threshold: 0.3,
|
||||
rootMargin: "0px 0px -30% 0px"
|
||||
});
|
||||
|
||||
async function loadData() {
|
||||
const response = await fetch(`./lang/${lang}.json`);
|
||||
const data = await response.json();
|
||||
sections.forEach(section => observer.observe(section));
|
||||
}
|
||||
|
||||
const website_title = document.getElementById("website_title");
|
||||
website_title.textContent = data.title_website;
|
||||
async function loadData() {
|
||||
const response = await fetch(`./lang/${lang}.json`);
|
||||
const image_response = await fetch(`./config/img_config.json`)
|
||||
const image_config = await image_response.json()
|
||||
const data = await response.json();
|
||||
|
||||
const introduction = document.getElementById("introduction");
|
||||
const container = document.getElementById("projects-section");
|
||||
const navbar = document.getElementById("navbar");
|
||||
const sidebar_top = document.getElementById("sidebar-top-content");
|
||||
const website_title = document.getElementById("website_title");
|
||||
website_title.textContent = data.title_website;
|
||||
|
||||
const sidebar_top_status = document.createElement("p");
|
||||
sidebar_top_status.textContent = data.status;
|
||||
sidebar_top.appendChild(sidebar_top_status);
|
||||
const introduction = document.getElementById("introduction");
|
||||
const container = document.getElementById("projects-section");
|
||||
const navbar = document.getElementById("navbar");
|
||||
const sidebar_top = document.getElementById("sidebar-top-content");
|
||||
|
||||
const sidebar_top_profession = document.createElement("p");
|
||||
sidebar_top_profession.textContent = data.profession;
|
||||
sidebar_top.appendChild(sidebar_top_profession);
|
||||
const sidebar_top_status = document.createElement("p");
|
||||
sidebar_top_status.textContent = data.status;
|
||||
sidebar_top.appendChild(sidebar_top_status);
|
||||
|
||||
const sidebar_top_workplace = document.createElement("p");
|
||||
sidebar_top_workplace.textContent = data.workplace;
|
||||
sidebar_top.appendChild(sidebar_top_workplace);
|
||||
const sidebar_top_profession = document.createElement("p");
|
||||
sidebar_top_profession.textContent = data.profession;
|
||||
sidebar_top.appendChild(sidebar_top_profession);
|
||||
|
||||
const headline_introduction = document.createElement("h1");
|
||||
headline_introduction.textContent = data.title_introduction;
|
||||
introduction.appendChild(headline_introduction);
|
||||
const sidebar_top_workplace = document.createElement("p");
|
||||
sidebar_top_workplace.textContent = data.workplace;
|
||||
sidebar_top.appendChild(sidebar_top_workplace);
|
||||
|
||||
const content_introduction = document.createElement("p");
|
||||
content_introduction.textContent = data.content_introduction;
|
||||
introduction.appendChild(content_introduction);
|
||||
const headline_introduction = document.createElement("h1");
|
||||
headline_introduction.textContent = data.title_introduction;
|
||||
introduction.appendChild(headline_introduction);
|
||||
|
||||
const github_link_introduction = document.createElement("a");
|
||||
github_link_introduction.textContent = "GitHub ↗"
|
||||
github_link_introduction.className = "text-link introduction";
|
||||
github_link_introduction.href = "https://github.com/marvinkrausser";
|
||||
github_link_introduction.target = "_blank";
|
||||
github_link_introduction.rel = "noopener noreferrer";
|
||||
introduction.appendChild(github_link_introduction);
|
||||
const content_introduction = document.createElement("p");
|
||||
content_introduction.textContent = data.content_introduction;
|
||||
introduction.appendChild(content_introduction);
|
||||
|
||||
const navbar_item = document.createElement("li");
|
||||
navbar_item.className = "navbar-item";
|
||||
navbar.appendChild(navbar_item);
|
||||
const github_link_introduction = document.createElement("a");
|
||||
github_link_introduction.textContent = "GitHub ↗"
|
||||
github_link_introduction.className = "text-link introduction";
|
||||
github_link_introduction.href = "https://github.com/marvinkrausser";
|
||||
github_link_introduction.target = "_blank";
|
||||
github_link_introduction.rel = "noopener noreferrer";
|
||||
introduction.appendChild(github_link_introduction);
|
||||
|
||||
const navbar_link = document.createElement("a");
|
||||
navbar_link.className = "nav-link";
|
||||
navbar_link.href = "#introduction";
|
||||
const navbar_item = document.createElement("li");
|
||||
navbar_item.className = "navbar-item";
|
||||
navbar.appendChild(navbar_item);
|
||||
|
||||
const idx = document.createElement("span");
|
||||
idx.className = "idx";
|
||||
idx.textContent = "00\u00A0\u00A0\u00A0";
|
||||
navbar_link.appendChild(idx);
|
||||
const navbar_link = document.createElement("a");
|
||||
navbar_link.className = "nav-link";
|
||||
navbar_link.href = "#introduction";
|
||||
|
||||
const text = document.createTextNode(data.title_introduction);
|
||||
navbar_link.appendChild(text);
|
||||
navbar_link.dataset.target = "introduction";
|
||||
navbar_item.appendChild(navbar_link);
|
||||
const idx = document.createElement("span");
|
||||
idx.className = "idx";
|
||||
idx.textContent = "00\u00A0\u00A0\u00A0";
|
||||
navbar_link.appendChild(idx);
|
||||
|
||||
const navbar_group = document.createElement("li");
|
||||
navbar_group.className = "navbar-group";
|
||||
navbar_group.textContent = data.navbar_group
|
||||
navbar.appendChild(navbar_group);
|
||||
const text = document.createTextNode(data.title_introduction);
|
||||
navbar_link.appendChild(text);
|
||||
navbar_link.dataset.target = "introduction";
|
||||
navbar_item.appendChild(navbar_link);
|
||||
|
||||
const navbar_group = document.createElement("li");
|
||||
navbar_group.className = "navbar-group";
|
||||
navbar_group.textContent = data.navbar_group
|
||||
navbar.appendChild(navbar_group);
|
||||
|
||||
|
||||
data.content.forEach((item, j) => {
|
||||
const project = document.createElement("section");
|
||||
project.className = "project-section";
|
||||
project.id = item.id;
|
||||
project.setAttribute("data-nav", item.id);
|
||||
container.appendChild(project);
|
||||
data.content.forEach((item, j) => {
|
||||
const project = document.createElement("section");
|
||||
project.className = "project-section";
|
||||
project.id = item.id;
|
||||
project.setAttribute("data-nav", item.id);
|
||||
container.appendChild(project);
|
||||
|
||||
const navbar_item = document.createElement("li");
|
||||
navbar_item.className = "navbar-item";
|
||||
navbar.appendChild(navbar_item);
|
||||
const navbar_item = document.createElement("li");
|
||||
navbar_item.className = "navbar-item";
|
||||
navbar.appendChild(navbar_item);
|
||||
|
||||
const navbar_link = document.createElement("a");
|
||||
navbar_link.className = "nav-link";
|
||||
navbar_link.href = `#${item.id}`;
|
||||
const navbar_link = document.createElement("a");
|
||||
navbar_link.className = "nav-link";
|
||||
navbar_link.href = `#${item.id}`;
|
||||
|
||||
const idx = document.createElement("span");
|
||||
idx.className = "idx";
|
||||
idx.textContent = String(j + 1).padStart(2, "0") + "\u00A0\u00A0\u00A0";
|
||||
navbar_link.appendChild(idx);
|
||||
const idx = document.createElement("span");
|
||||
idx.className = "idx";
|
||||
idx.textContent = String(j + 1).padStart(2, "0") + "\u00A0\u00A0\u00A0";
|
||||
navbar_link.appendChild(idx);
|
||||
|
||||
const text = document.createTextNode(item.title);
|
||||
navbar_link.appendChild(text);
|
||||
navbar_link.dataset.target = item.id;
|
||||
navbar_item.appendChild(navbar_link);
|
||||
const text = document.createTextNode(item.title);
|
||||
navbar_link.appendChild(text);
|
||||
navbar_link.dataset.target = item.id;
|
||||
navbar_item.appendChild(navbar_link);
|
||||
|
||||
const header = document.createElement("div");
|
||||
header.className = "section-header";
|
||||
project.appendChild(header);
|
||||
const header = document.createElement("div");
|
||||
header.className = "section-header";
|
||||
project.appendChild(header);
|
||||
|
||||
const headerTitle = document.createElement("h1");
|
||||
headerTitle.className = "section-title";
|
||||
headerTitle.textContent = item.title;
|
||||
header.appendChild(headerTitle);
|
||||
const headerTitle = document.createElement("h1");
|
||||
headerTitle.className = "section-title";
|
||||
headerTitle.textContent = item.title;
|
||||
header.appendChild(headerTitle);
|
||||
|
||||
const headerDesc = document.createElement("p");
|
||||
headerDesc.className = "section-desc";
|
||||
headerDesc.textContent = item.description;
|
||||
header.appendChild(headerDesc);
|
||||
const headerDesc = document.createElement("p");
|
||||
headerDesc.className = "section-desc";
|
||||
headerDesc.textContent = item.description;
|
||||
header.appendChild(headerDesc);
|
||||
|
||||
const tags = document.createElement("div");
|
||||
tags.className = "tags";
|
||||
header.appendChild(tags);
|
||||
const tags = document.createElement("div");
|
||||
tags.className = "tags";
|
||||
header.appendChild(tags);
|
||||
|
||||
item.tags.forEach(tag_json => {
|
||||
const tag = document.createElement("span");
|
||||
tag.className = "tag";
|
||||
tag.textContent = tag_json;
|
||||
tags.appendChild(tag);
|
||||
});
|
||||
|
||||
const content_blocks = document.createElement("div");
|
||||
content_blocks.className = "content-blocks";
|
||||
project.appendChild(content_blocks);
|
||||
|
||||
item.blocks.forEach((content, i) => {
|
||||
const content_block = document.createElement("div");
|
||||
content_block.className = "content-block";
|
||||
content_blocks.appendChild(content_block);
|
||||
|
||||
const block_image = document.createElement("div");
|
||||
|
||||
const image = document.createElement("img");
|
||||
image.src = content.image;
|
||||
image.loading = "lazy";
|
||||
block_image.appendChild(image);
|
||||
|
||||
const block_text = document.createElement("div");
|
||||
|
||||
const text_title = document.createElement("h3");
|
||||
text_title.textContent = content.heading;
|
||||
block_text.appendChild(text_title);
|
||||
|
||||
const parts = content.text.split("--link--");
|
||||
const text_content = document.createElement("div");
|
||||
text_content.className = "text-content";
|
||||
block_text.appendChild(text_content);
|
||||
|
||||
parts.forEach((part, i) => {
|
||||
const text = document.createElement("span");
|
||||
text.textContent = part;
|
||||
text_content.appendChild(text);
|
||||
|
||||
if (i < parts.length - 1) {
|
||||
const link_list = content.links;
|
||||
const a = document.createElement("a");
|
||||
a.href = link_list[i].link;
|
||||
a.textContent = link_list[i].desc;
|
||||
a.target = "_blank";
|
||||
a.rel = "noopener noreferrer";
|
||||
a.className = "text-link";
|
||||
|
||||
text_content.appendChild(a);
|
||||
}
|
||||
});
|
||||
|
||||
if (i % 2 == 1) {
|
||||
block_image.className = "block-image right";
|
||||
block_text.className = "block-text left";
|
||||
content_block.appendChild(block_text);
|
||||
content_block.appendChild(block_image);
|
||||
} else {
|
||||
block_image.className = "block-image left";
|
||||
block_text.className = "block-text right";
|
||||
content_block.appendChild(block_image);
|
||||
content_block.appendChild(block_text);
|
||||
}
|
||||
});
|
||||
|
||||
const github_link = document.createElement("div");
|
||||
github_link.className = "link-row";
|
||||
project.appendChild(github_link);
|
||||
|
||||
const link = document.createElement("a");
|
||||
link.href = item.github;
|
||||
link.target = "_blank";
|
||||
link.rel = "noopener noreferrer";
|
||||
link.className = "text-link";
|
||||
link.textContent = data.github_desc;
|
||||
github_link.appendChild(link);
|
||||
});
|
||||
restoreScroll();
|
||||
setupObserver();
|
||||
}
|
||||
|
||||
loadData();
|
||||
|
||||
const button = document.getElementById("lang-button");
|
||||
const menu = document.getElementById("lang-menu");
|
||||
const items = document.querySelectorAll(".lang-item");
|
||||
|
||||
button.textContent = lang;
|
||||
|
||||
button.addEventListener("click", () => {
|
||||
items.forEach(item => {
|
||||
if (item.dataset.lang != lang) {
|
||||
item.classList.toggle("hidden");
|
||||
}
|
||||
});
|
||||
menu.classList.toggle("hidden");
|
||||
item.tags.forEach(tag_json => {
|
||||
const tag = document.createElement("span");
|
||||
tag.className = "tag";
|
||||
tag.textContent = tag_json;
|
||||
tags.appendChild(tag);
|
||||
});
|
||||
|
||||
items.forEach(item => {
|
||||
item.addEventListener("click", () => {
|
||||
const lang_selected = item.dataset.lang;
|
||||
const content_blocks = document.createElement("div");
|
||||
content_blocks.className = "content-blocks";
|
||||
project.appendChild(content_blocks);
|
||||
|
||||
button.textContent = item.textContent;
|
||||
menu.classList.add("hidden");
|
||||
items.forEach(element => {
|
||||
element.classList.add("hidden");
|
||||
});
|
||||
item.blocks.forEach((content, i) => {
|
||||
const content_block = document.createElement("div");
|
||||
content_block.className = "content-block";
|
||||
content_blocks.appendChild(content_block);
|
||||
|
||||
setCookie("lang", lang_selected, "3600");
|
||||
location.reload();
|
||||
});
|
||||
const block_image = document.createElement("div");
|
||||
|
||||
const image = document.createElement("img");
|
||||
const image_id = content.image;
|
||||
const image_object = image_config.images.find(img => img.id === image_id);
|
||||
image.className = image_object.image_pos;
|
||||
image.src = image_object.image;
|
||||
image.loading = "lazy";
|
||||
block_image.appendChild(image);
|
||||
|
||||
const block_text = document.createElement("div");
|
||||
|
||||
const text_title = document.createElement("h3");
|
||||
text_title.textContent = content.heading;
|
||||
block_text.appendChild(text_title);
|
||||
|
||||
const parts = content.text.split("--link--");
|
||||
const text_content = document.createElement("div");
|
||||
text_content.className = "text-content";
|
||||
block_text.appendChild(text_content);
|
||||
|
||||
parts.forEach((part, i) => {
|
||||
const text = document.createElement("span");
|
||||
text.textContent = part;
|
||||
text_content.appendChild(text);
|
||||
|
||||
if (i < parts.length - 1) {
|
||||
const link_list = content.links;
|
||||
const a = document.createElement("a");
|
||||
a.href = link_list[i].link;
|
||||
a.textContent = link_list[i].desc;
|
||||
a.target = "_blank";
|
||||
a.rel = "noopener noreferrer";
|
||||
a.className = "text-link";
|
||||
|
||||
text_content.appendChild(a);
|
||||
}
|
||||
});
|
||||
|
||||
if (i % 2 == 1) {
|
||||
block_image.className = "block-image right";
|
||||
block_text.className = "block-text left";
|
||||
content_block.appendChild(block_text);
|
||||
content_block.appendChild(block_image);
|
||||
} else {
|
||||
block_image.className = "block-image left";
|
||||
block_text.className = "block-text right";
|
||||
content_block.appendChild(block_image);
|
||||
content_block.appendChild(block_text);
|
||||
}
|
||||
});
|
||||
|
||||
document.addEventListener("click", (e) => {
|
||||
if (!e.target.closest(".lang-dropdown")) {
|
||||
menu.classList.add("hidden");
|
||||
items.forEach(element => {
|
||||
element.classList.add("hidden");
|
||||
});
|
||||
}
|
||||
const github_link = document.createElement("div");
|
||||
github_link.className = "link-row";
|
||||
project.appendChild(github_link);
|
||||
|
||||
const link = document.createElement("a");
|
||||
link.href = item.github;
|
||||
link.target = "_blank";
|
||||
link.rel = "noopener noreferrer";
|
||||
link.className = "text-link";
|
||||
link.textContent = data.github_desc;
|
||||
github_link.appendChild(link);
|
||||
});
|
||||
restoreScroll();
|
||||
setupObserver();
|
||||
}
|
||||
|
||||
loadData();
|
||||
|
||||
const button = document.getElementById("lang-button");
|
||||
const menu = document.getElementById("lang-menu");
|
||||
const items = document.querySelectorAll(".lang-item");
|
||||
const dropdown = document.getElementById("lang-dropdown");
|
||||
|
||||
button.textContent = lang;
|
||||
|
||||
button.addEventListener("click", () => {
|
||||
items.forEach(item => {
|
||||
item.classList.toggle("hidden", item.dataset.lang == lang);
|
||||
});
|
||||
menu.classList.toggle("hidden");
|
||||
dropdown.classList.toggle("show-border");
|
||||
});
|
||||
|
||||
items.forEach(item => {
|
||||
item.addEventListener("click", () => {
|
||||
const lang_selected = item.dataset.lang;
|
||||
|
||||
button.textContent = item.textContent;
|
||||
menu.classList.add("hidden");
|
||||
dropdown.classList.remove("show-border");
|
||||
items.forEach(element => {
|
||||
element.classList.add("hidden");
|
||||
});
|
||||
|
||||
function setCookie(name, value, maxAge) {
|
||||
document.cookie = `${name}=${value}; path=/; max-age=${maxAge}`;
|
||||
}
|
||||
setCookie("lang", lang_selected, "3600");
|
||||
location.reload();
|
||||
});
|
||||
});
|
||||
|
||||
function getCookie(name) {
|
||||
const cookies = document.cookie.split("; ");
|
||||
document.addEventListener("click", (e) => {
|
||||
if (!e.target.closest(".lang-dropdown")) {
|
||||
menu.classList.add("hidden");
|
||||
dropdown.classList.remove("show-border");
|
||||
items.forEach(element => {
|
||||
element.classList.add("hidden");
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
for (let c of cookies) {
|
||||
const [key, value] = c.split("=");
|
||||
if (key === name) return value;
|
||||
}
|
||||
function setCookie(name, value, maxAge) {
|
||||
document.cookie = `${name}=${value}; path=/; max-age=${maxAge}`;
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
</script>
|
||||
function getCookie(name) {
|
||||
const cookies = document.cookie.split("; ");
|
||||
|
||||
for (let c of cookies) {
|
||||
const [key, value] = c.split("=");
|
||||
if (key === name) return value;
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user