2026-03-15 18:34:40 +01:00
|
|
|
---
|
|
|
|
|
import "../styles/common.css";
|
2026-03-16 17:31:19 +01:00
|
|
|
import "../styles/mobile.css";
|
|
|
|
|
import data from "../data/content.json";
|
2026-03-15 18:34:40 +01:00
|
|
|
const { cards, website_title, website_logo } = data;
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
<!doctype html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<!-- <link rel="stylesheet" href="style.css" /> -->
|
|
|
|
|
|
|
|
|
|
<!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
|
|
|
|
|
<!-- DISABLED because it prevents the font from loading -->
|
|
|
|
|
<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'"> -->
|
2026-03-18 11:02:38 +01:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
2026-03-15 18:34:40 +01:00
|
|
|
<title>{website_title}</title>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<div class="halo"></div>
|
|
|
|
|
|
2026-03-16 17:31:19 +01:00
|
|
|
<header class="site-header">
|
|
|
|
|
<div class="header-row">
|
|
|
|
|
<a href="https://status.oblic-parallels.fr">
|
|
|
|
|
<img class="logo" src={website_logo} />
|
|
|
|
|
</a>
|
|
|
|
|
<h1 class="site-title">{website_title}</h1>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="welcome-title">
|
|
|
|
|
<h2>Welcome to</h2>
|
|
|
|
|
</div>
|
|
|
|
|
</header>
|
2026-03-15 18:34:40 +01:00
|
|
|
|
2026-03-18 11:02:38 +01:00
|
|
|
<script>
|
|
|
|
|
window.addEventListener(
|
|
|
|
|
"wheel",
|
|
|
|
|
function (e) {
|
|
|
|
|
if (e.deltaY !== 0) {
|
|
|
|
|
e.preventDefault();
|
|
|
|
|
window.scrollBy({
|
|
|
|
|
left: e.deltaY,
|
|
|
|
|
behavior: "auto",
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
{ passive: false },
|
|
|
|
|
);
|
|
|
|
|
</script>
|
|
|
|
|
|
2026-03-16 17:31:19 +01:00
|
|
|
<div class="card-container">
|
|
|
|
|
{
|
|
|
|
|
cards.map((card) => (
|
|
|
|
|
<a class="card" href={card.link}>
|
|
|
|
|
<img src={card.icon} />
|
|
|
|
|
<div class="card-title">{card.title}</div>
|
|
|
|
|
<div class="card-desc">{card.description}</div>
|
|
|
|
|
</a>
|
|
|
|
|
))
|
|
|
|
|
}
|
2026-03-15 18:34:40 +01:00
|
|
|
</div>
|
2026-03-16 17:31:19 +01:00
|
|
|
</body>
|
2026-03-15 18:34:40 +01:00
|
|
|
</html>
|
