1<!DOCTYPE html>
2<html lang="en">
3<!--
4 ___ _____ _
5 / _ \ _ _|_ _|_ _| | _____
6 | | | | '_ \| |/ _` | |/ / _ \
7 | |_| | | | | | (_| | < __/
8 \___/|_| |_|_|\__,_|_|\_\___|
9
10 Copyright 2022 Louis Dalibard
11 -->
12
13<head>
14 <!-- Stylesheet-->
15 <link rel="stylesheet" type="text/css" href="style.css">
16 <!-- Title Element-->
17 <title>School</title>
18 <!-- Icon-->
19 <link rel="icon" type="image/webp" href="assets/icons/icon.webp">
20 </link>
21 <!-- Main Script Handling All Effects-->
22 <!-- Script for all pages-->
23 <!-- Metadata-->
24 <meta property="og:type" content="website">
25 <meta property="og:url" content="https://ontake.dev/">
26 <meta property="og:title" content="School">
27 <meta name="viewport" content="width=device-width, initial-scale=0.1">
28</head>
29
30<body>
31 <div id="container">
32 <div class="card">
33 <div class="card-title">Projet éco-responsable</div>
34 <div class="card-icon" onClick="toggleCardExpand(0);"><img src="assets/icons/file-earmark-easel-fill.png" class="card-icon-img"></img></div>
35 <div class="card-type">Presentation</div>
36 <div class="card-specs">GDrive • 10 slides • .pptx • GoogleSlides</div>
37 </div>
38 <div class="card">
39 <div class="card-title">EMC - Vidéo (15/03/2022)</div>
40 <div class="card-icon" onClick="toggleCardExpand(1);"><img src="assets/icons/film.png" class="card-icon-img"></img></div>
41 <div class="card-type">Video</div>
42 <div class="card-specs">8.38GB • 3840x2160@29.97fps • h264 • aac</div>
43 </div>
44 <div class="card">
45 <div class="card-title">Particle Simulation</div>
46 <div class="card-icon" onClick="toggleCardExpand(2);"><img src="assets/icons/cpu-fill.png" class="card-icon-img"></img></div>
47 <div class="card-type">.zip (src+exec)</div>
48 <div class="card-specs">236KB • v1.01 • Rust • Windows(x64)</div>
49 </div>
50 </div>
51 <div id="home-link"><a id="home-link-a" href="https://ontake.dev/"><img id="home-icon" src="assets/icons/home.webp"></img></a></div>
52 <script src="main.js"></script>
53</body>
54
55</html>