-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
88 lines (83 loc) · 4.12 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
<html lang="en">
<head>
<link rel="icon" type="image/x-icon" href="assets/icon.png">
<link href="css/default.css" rel="stylesheet"/>
<link href="css/index.css" rel="stylesheet"/>
<!-- font -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/a0107e3e1b.js" crossorigin="anonymous"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NMT | Accueil</title>
</head>
<body>
<div id="menu_container">
<div class="menu content">
<div id="titremenu" class="menu-item"><em>Bienvenue sur mon portfolio</em></div>
<a target="_self" href="html/presentation.html?light=false" class="menu-item page-link" id="presentation">Ma présentation</a>
<a target="_self" href="html/passions.html?light=false" class="menu-item page-link" id="passions">Mes<br> passions</a>
<a target="_self" href="html/competences.html?light=false" class="menu-item page-link" id="compétences">Mes<br> compétences</a>
<a target="_self" href="html/realisations.html?light=false" class="menu-item page-link" id="réalisations">Mes<br> réalisations</a>
<a target="_self" href="html/avenir.html?light=false" class="menu-item page-link" id="avenir">Mon avenir</a>
<div class="menu-item" id="theme"><i id ="icon" class="fa-solid fa-moon"></i></div>
<div class="menu-item" id="contact">Contact</div>
</div>
<div class="content" id="contact-info">
<p id="collapse-contact-info">Fermer ✖</p>
<a href="mailto:nilsmoreauthomas@gmail.com"><i class="fa-solid fa-envelope"></i> nilsmoreauthomas@gmail.com</a>
<a href="tel:+33769437638"><i class="fa-solid fa-phone"></i> +33 (0)7 69 43 76 38</a>
</div>
</div>
<footer id="myfooter"></footer>
<script src="js/color_palette.js"></script>
<script>
const isLightCookie = document.cookie.split(';').map(cookie => cookie.trim().split('=')).find(([name]) => name === "isLight");
isLightCookie ? isLightCookie[1] === "true" : false;
const target = document.getElementById("myfooter");
target.textContent = "Réalisé avec amour par Nils Moreau--Thomas | Copyright © " + (new Date().getFullYear()).toString() + " Tous droits réservés";
//contact
const cont = document.getElementById("contact");
const closecont = document.getElementById("collapse-contact-info");
const contactinf = document.getElementById("contact-info")
var click=false
cont.addEventListener("click", function () {
console.warn("clicked");
click= !click
// Toggle the visibility of hitboxes
if (click==true) {
contactinf.style.display = "flex"
} else {
contactinf.style.display = "none"
}
});
closecont.addEventListener("click", function () {
console.warn("clicked");
click= !click
// Toggle the visibility of hitboxes
if (click==true) {
contactinf.style.display = "flex"
} else {
contactinf.style.display = "none"
}
});
//option dev
const footer = document.getElementById("myfooter");
const hitboxes = document.querySelectorAll("*");
var click=false
footer.addEventListener("click", function () {
console.warn("clicked");
click= !click
// Toggle the visibility of hitboxes
hitboxes.forEach(hitbox => {
if (click==true) {
hitbox.style.border = "1px solid #00ff00";
} else {
hitbox.style.border = "";
}
});
});
</script>
</body>
</html>