-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
145 lines (143 loc) · 8.86 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html lang="fr">
<head>
<title>INSAgenda | Agenda INSA Rouen</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="description" content="Venez découvrir votre agenda quotidien à l'INSA de Rouen de manière rapide et efficace.">
<meta property="og:title" content="INSAgenda">
<meta property="og:description" content="Venez découvrir votre agenda quotidien à l'INSA de Rouen de manière rapide et efficace.">
<meta property="og:url" content="https://insagenda.insa.lol">
<link rel="stylesheet" href="/styles/colors.css"/>
<link rel="stylesheet" href="/styles/insagenda.css"/>
<link rel="stylesheet" href="/styles/homepage.css"/>
<link rel="icon" href="/assets/logo/logo.svg"/>
<script common_code="head">var d=document;async function u(c,i){var f=d.createElement("div");f.innerHTML=await (await fetch(i)).text();for(var g=0;g<f.childNodes.length;g++){var a=f.childNodes[g];if(1==a.nodeType){var h=d.createElement(a.tagName);h.innerHTML=a.innerHTML;for(var b=0;b<a.attributes.length;b++)h.setAttribute(a.attributes[b].name,a.attributes[b].value);c.parentNode.insertBefore(h,c),a.remove()}}c.remove()}var e=d.currentScript;u(e,"/common-code/"+e.getAttribute("common_code")+".html")</script>
</head>
<body>
<header>
<a id="header-logo" href="index.html">
<img src="/assets/logo/logo.svg" alt="Insagenda logo">
<h1 id="header-name">INSAgenda</h1>
</a>
</header>
<section id="home-section">
<!-- LeftPart -->
<div id="home-description">
<h2 id="home-title">Ne cherchez plus, INSAgenda est là.</h2>
<p id="home-paragraph">Retrouvez votre emploi du temps, tout simplement.</p>
<a class="primary-button link-to-edt" id="register-button" href="/register">S'inscrire à INSAgenda</a>
</div>
<img id="home-image" src="/assets/screenshots/safari-screenshot.webp" alt="aperçu du site">
</section>
<!-- Steering rod -->
<div id="steering-rod">
<nav id="main-page-nav">
<a class="navigation-link" href="#features">Fonctionnalités</a>
<a class="navigation-link" href="#platforms">Plateformes</a>
<a class="navigation-link" href="#priorities">Nos priorités</a>
<a class="navigation-link" href="#open-source">Open Source</a>
<a class="navigation-link" href="#">En savoir plus</a>
</nav>
<div id="top-rod">
<div class="nw-rounded"></div>
<div class="h-rod"></div>
</div>
<div id="mid-rod">
<!-- Main content section -->
<div class="dot-rod">
<section id="features">
<div class="title-block">
<h3 class="section-title">Fonctionnalités.</h3>
<h4 class="section-description">INSAgenda est focalisé sur la praticité et la personnalisation.</h4>
</div>
<div id="mosaic">
<div class="feature">
<img class="feature-illustration" src="/assets/elements/main-page/magic-wand.webp" alt="illustration connexion sans mot de passe"/>
<h5>Connexion sans mot de passe</h5>
</div>
<div class="feature">
<img class="feature-illustration" src="/assets/elements/main-page/color-wheel.webp" alt="palette couleur"/>
<h5>Changez la couleurs de vos cours</h5>
</div>
<div class="feature">
<img class="feature-illustration" src="/assets/elements/main-page/languages.webp" alt="drapeau français et britanique"/>
<h5>Disponible dans 2 langues</h5>
</div>
<div class="feature">
<img class="feature-illustration" src="/assets/elements/main-page/theme-illustration.webp" alt="illustration possibilité theme clair et sombre"/>
<h5>Compatible thème clair et sombre</h5>
</div>
<div class="feature">
<img class="feature-illustration" src="/assets/elements/main-page/no-signal.webp" alt="illustration accessibilité sans réseau"/>
<h5>Accessible hors-ligne</h5>
</div>
</div>
</section>
</div>
<div class="dot-rod">
<section id="platforms">
<div class="title-block">
<h3 class="section-title">Plateformes.</h3>
<h4 class="section-description">INSAgenda est présent sur la majorité des plateformes.</h4>
</div>
<div id="plarforms-container">
<div id="phone-part">
<img src="/assets/screenshots/phone.webp"/>
<div class="descriptor">
<p><b>Votre emploi du temps toujours à portée de main.</b> Consultez votre emploi du temps en un clin d'oeil.</p>
<p class="availables">PWA disponible pour IOS et Android.</p>
<div class="platform-ico">
<img src="/assets/elements/plartforms/apple-logo.svg" alt="logo apple"/>
<img src="/assets/elements/plartforms/android-logo.svg" alt="logo android"/>
</div>
</div>
</div>
<div id="desktop-part">
<img src="/assets/screenshots/safari-light.webp"/>
<div class="descriptor">
<p><b>Votre emploi du temps sur tous vos appareils.</b> Consultez votre emploi du temps sur tous les navigateurs.</p>
<p class="availables">Disponible sur tous les navigateurs.</p>
<div class="platform-ico">
<img src="/assets/elements/plartforms/safari.svg" alt="logo safari"/>
<img src="/assets/elements/plartforms/chrome.svg" alt="logo chrome"/>
<img src="/assets/elements/plartforms/firefox.svg" alt="logo firefox"/>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="dot-rod">
<section id="open-source">
<div class="title-block">
<h3 class="section-title">Open Source.</h3>
<h4 class="section-description">Nous travaillons publiquement sur des plateformes ouvertes. Vous pouvez nous y rencontrer, proposer des idées, et même améliorer le logiciel INSAgenda.</h4>
<a class="homepage-link" href="https://github.com/INSAgenda">Accéder à GitHub.</a>
<a class="homepage-link" href="https://discord.gg/TpdbUyfcbJ">Accéder au Discord.</a>
</div>
<img id="github-overview" src="/assets/elements/main-page/open-source.webp" alt="aperçu du github"/>
</section>
</div>
</div>
<div id="bottom-rod">
<div class="sw-rounded"></div>
<div class="h-rod"></div>
<div class="se-rounded"></div>
<a href="#">Revenir en haut de page</a>
</div>
</div>
<div style="display: none;">
<a rel="me" href="https://mastodon.insa.lol/@insagenda">Mastodon</a>
<a rel="me" href="https://mastodon.insa.lol/@simon_girard">Mastodon</a>
<a rel="me" href="https://mastodon.insa.lol/@dimitri_timoz">Mastodon</a>
</div>
<script>
// Register service worker
if (typeof navigator.serviceWorker !== 'undefined') {
navigator.serviceWorker.register('/sw.js?v=2')
}
</script>
<script common_code="manifest-script">var d=document;async function u(c,i){var f=d.createElement("div");f.innerHTML=await (await fetch(i)).text();for(var g=0;g<f.childNodes.length;g++){var a=f.childNodes[g];if(1==a.nodeType){var h=d.createElement(a.tagName);h.innerHTML=a.innerHTML;for(var b=0;b<a.attributes.length;b++)h.setAttribute(a.attributes[b].name,a.attributes[b].value);c.parentNode.insertBefore(h,c),a.remove()}}c.remove()}var e=d.currentScript;u(e,"/common-code/"+e.getAttribute("common_code")+".html")</script>
</body>
</html>