50 lines
1.3 KiB
Text
50 lines
1.3 KiB
Text
|
---
|
||
|
|
import "../styles/common.css";
|
||
|
|
import data from "../data/op-public.json";
|
||
|
|
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>
|
||
|
|
|
||
|
|
<a href="https://status.oblic-parallels.fr"
|
||
|
|
><img class="logo" src={website_logo} /></a
|
||
|
|
></body
|
||
|
|
>
|
||
|
|
|
||
|
|
<div>
|
||
|
|
<!--Titles-->
|
||
|
|
<div>
|
||
|
|
<h2>Welcome to</h2>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<h1>Oblic Parallels</h1>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="card-container">
|
||
|
|
<!-- Cards -->
|
||
|
|
{
|
||
|
|
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>
|
||
|
|
))
|
||
|
|
}
|
||
|
|
</div>
|
||
|
|
</html>
|