<!DOCTYPE html>
<html>
<head>
+ <meta charset="UTF-8" />
<link rel="stylesheet" href="/style.css" />
</head>
<body>
- <div id="content">
- Some future content.
- </div>
- <iframe id="mpring" src="https://mpring.f4mnq.fr/ring.html" title="Webring amical" width=200px height=80px></iframe>
+<div id="content">
+ <p> Bonjour ! Ici Amélia Coutard-Sander, aka F4MNQ, une étudiante (et
+ future chercheuse si tout se passe bien) en informatique. </p>
+
+ <p> Vous pouvez trouver certains de mes projets dans les dépôts git
+ <a href="https://git.f4mnq.fr/">ci-joints</a>. </p>
+
+ <p> Il est possible de me contacter par mail à l'adresse
+ "contact AROBASE <le domaine de ce site> (f4[···].fr)". </p>
+
+ <p> En bas de cette page est un webring avec mes ami·e·s et mes
+ camarades d'informatique. </p>
+</div>
+<iframe id="mpring" src="https://mpring.f4mnq.fr/ring.html" title="Webring amical" width=200px height=80px></iframe>
</body>
</html>
+@media (prefers-color-scheme: light) {
+body {
+ background-color: #ffc;
+ color: #000;
+}
+a {
+ color: #099;
+}
+a:visited {
+ color: #c3c;
+}
+}
+@media (prefers-color-scheme: dark) {
+body {
+ background-color: #003;
+ color: #fff;
+}
+a {
+ color: #ff9;
+}
+a:visited {
+ color: #f99;
+}
+}
+
#content {
min-height: calc(100vh - 120px);
}
projects / site-web-pro.git / commitdiff