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'"> -->
|
|
|
|
|
<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-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>
|
