54 lines
2.4 KiB
HTML
54 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>La Banquise</title>
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
<body>
|
|
<h1 class="title">La Banquise</h1>
|
|
<div class="grid-container">
|
|
|
|
<!-- Bureau -->
|
|
<a class="grid-item" href="/bureau">
|
|
<svg width="1800" height="1000" viewBox="0 -300 1800 1000" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<!-- Mât du drapeau -->
|
|
<rect x="910" y="-220" width="50" height="220" fill="#1F5078"/>
|
|
<!-- Petit drapeau -->
|
|
<polygon points="960,-220 1250,-110 960,0" fill="#F2F2F2" stroke="#1F5078" stroke-width="1"/>
|
|
<!-- Fond + contour -->
|
|
<polygon fill="#34A6FC" points="0,676 0,725 1779,725 1778,675 1470,675
|
|
1380,600 1275,350 1273,346 1268,338 1263,335 1257,332 1245,338
|
|
1239,341 1131,384 1080,300 1073,260 1020,120 956,15 957,14.7431
|
|
950,6 950,3 935,0 923,0 915,10 913,15 850,200 796.5,256
|
|
730,200 728,200 710,178 697,178 350,676" />
|
|
<!-- Autres conversions en polygon identiques aux points du SVG d'origine -->
|
|
<polygon fill="#F2F2F2" points="775,300 707.5,239.5 646,552.5 656.5,548.5 775,300" />
|
|
<polygon fill="#F2F2F2" points="750.5,663 641.5,603.5 938.5,494.5 750.5,663" />
|
|
<polygon fill="#F2F2F2" points="1271,576.5 1277,442 1391.5,637 1271,576.5" />
|
|
<polygon fill="#F2F2F2" points="1366.5,675 1267.5,625.5 1303,675 1366.5,675" />
|
|
<polygon fill="#76BEEE" points="644.5,316.5 592.5,570.5 398,645.5 644.5,316.5" />
|
|
<polygon fill="#76BEEE" points="832,481.5 717.5,523.5 884.5,180.5 832,481.5" />
|
|
<polygon fill="#76BEEE" points="1047.5,458.5 803.5,675 1036.5,675.5 1155.5,562.5 1047.5,458.5" />
|
|
<polygon fill="#76BEEE" points="1230.5,395 1205.5,404.833 1154.9,424.8 1152.5,426 1206.5,543 1227.5,553.5 1230.5,395" />
|
|
<polygon fill="#A0ECF9" points="1021.5,412.5 881.5,463.5 946.5,101.5 1113.5,458.5" />
|
|
<polygon fill="#A0ECF9" points="584.5,622.5 443,676 677.5,676 584.5,622.5" />
|
|
<polygon fill="#A0ECF9" points="1188,596.5 1161.17,621.667 1106.8,672.8 1104,676 1246,676 1188,596.5" />
|
|
</svg>
|
|
<p>Le bureau</p>
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="wave">
|
|
<svg viewBox="0 0 1200 120" preserveAspectRatio="none">
|
|
<path d="M0,0 C600,100 600,100 1200,0 V120 H0 V0 Z" class="shape-fill"></path>
|
|
</svg>
|
|
</div>
|
|
|
|
<script src="./script.js"></script>
|
|
|
|
</body>
|
|
</html>
|