mirror of
https://github.com/LucasVbr/LucasVbr.git
synced 2026-07-09 14:27:46 +00:00
Delete the "web site"
This commit is contained in:
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 MiB |
@@ -1,8 +0,0 @@
|
|||||||
<svg class="scroll">
|
|
||||||
<rect x="4" y="4"
|
|
||||||
width="40" height="70"
|
|
||||||
rx="25" ry="25"
|
|
||||||
stroke="#fff" stroke-width="2"
|
|
||||||
fill="#fff0"/>
|
|
||||||
<circle class="" cx="24" cy="24" r="4" fill="#fff"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 212 B |
-42
@@ -1,42 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="fr">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<title>Lucas Vabre - Etudiant en Informatique</title>
|
|
||||||
<link rel="stylesheet" href="styles/style.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<nav>
|
|
||||||
<ul>
|
|
||||||
<li><a href="#accueil">Accueil</a></li>
|
|
||||||
<li><a href="#a_propos">A Propos</a></li>
|
|
||||||
<li><a href="#projets">Projets</a></li>
|
|
||||||
<li><a href="#contact">Contact</a></li>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<section id="accueil">
|
|
||||||
<div class="center">
|
|
||||||
<h1>Lucas Vabre</h1>
|
|
||||||
<h2>Etudiant en Programmation</h2>
|
|
||||||
<svg class="scroll" width="44" height="74">
|
|
||||||
<rect x="2" y="2"
|
|
||||||
width="40" height="70"
|
|
||||||
rx="25" ry="25"
|
|
||||||
stroke="#fff" stroke-width="2"
|
|
||||||
fill="#fff0"/>
|
|
||||||
<circle class="" cx="22" cy="22" r="4" fill="#fff"/>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section id="a_propos"></section>
|
|
||||||
<section id="projets"></section>
|
|
||||||
<section id="contact"></section>
|
|
||||||
|
|
||||||
<script src="scripts/data.json"></script>
|
|
||||||
<script src="scripts/setup.js"></script>
|
|
||||||
<script src="scripts/main.js"></script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
var data = {
|
|
||||||
"language": {
|
|
||||||
"french": {
|
|
||||||
"nav": [
|
|
||||||
"Accueil",
|
|
||||||
"A Propos",
|
|
||||||
"Projets",
|
|
||||||
"Contact"
|
|
||||||
]
|
|
||||||
},
|
|
||||||
"english": {
|
|
||||||
"nav": [
|
|
||||||
"Home",
|
|
||||||
"About",
|
|
||||||
"Projects",
|
|
||||||
"Contact"
|
|
||||||
]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,14 +0,0 @@
|
|||||||
// console.log("Test");
|
|
||||||
|
|
||||||
// var xmlFile = importXML("config/test.xml")
|
|
||||||
// console.log(xmlFile.querySelector("test"))
|
|
||||||
|
|
||||||
|
|
||||||
// document.getElementById("test").innerHTML=
|
|
||||||
// xmlFile.getElementsByTagName("test")[0].childNodes[0].nodeValue;
|
|
||||||
|
|
||||||
// document.getElementById("code").innerHTML = document.body.innerHTML;
|
|
||||||
|
|
||||||
data.forEach(element => {
|
|
||||||
console.log(element)
|
|
||||||
});
|
|
||||||
@@ -1,7 +0,0 @@
|
|||||||
function importXML(src) {
|
|
||||||
xmlFile = new XMLHttpRequest();
|
|
||||||
xmlFile.open("GET", src, false)
|
|
||||||
xmlFile.send()
|
|
||||||
|
|
||||||
return xmlFile.responseXML;
|
|
||||||
}
|
|
||||||
@@ -1,100 +0,0 @@
|
|||||||
:root {
|
|
||||||
scroll-behavior: smooth;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Hide scroll bar */
|
|
||||||
*::-webkit-scrollbar { display: none; }
|
|
||||||
|
|
||||||
body {
|
|
||||||
width: 100wh;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Tool box */
|
|
||||||
.center {
|
|
||||||
position: absolute;
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: middle;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%);
|
|
||||||
}
|
|
||||||
|
|
||||||
/***** Navigation Top Bar *****/
|
|
||||||
nav {
|
|
||||||
width: 100%;
|
|
||||||
z-index: 999;
|
|
||||||
float: top;
|
|
||||||
position: fixed;
|
|
||||||
background-color: #fff3;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav li {
|
|
||||||
text-decoration: none;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
nav a {
|
|
||||||
padding: 16px 0;
|
|
||||||
margin: 0 25px;
|
|
||||||
text-decoration: none;
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
/***** End Navigation Top Bar *****/
|
|
||||||
|
|
||||||
section {
|
|
||||||
padding: 0 calc(100vw / 10);
|
|
||||||
min-height: 100vh;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#accueil {
|
|
||||||
background: center no-repeat url("../images/accueil-bg.jpg") #ef476f;
|
|
||||||
background-size: cover;
|
|
||||||
}
|
|
||||||
|
|
||||||
/***** Scroll *****/
|
|
||||||
.scroll {
|
|
||||||
left: 50%;
|
|
||||||
transform: translateX(calc(50% - 24px));
|
|
||||||
}
|
|
||||||
|
|
||||||
.scroll circle {
|
|
||||||
-webkit-animation-duration: 1.5s;
|
|
||||||
animation-duration: 1.5s;
|
|
||||||
-webkit-animation-iteration-count: infinite;
|
|
||||||
animation-iteration-count: infinite;
|
|
||||||
-webkit-animation-name: scroll;
|
|
||||||
animation-name: scroll;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Animation */
|
|
||||||
@-webkit-keyframes scroll {
|
|
||||||
0% {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
opacity: 0;
|
|
||||||
transform: translateY(40px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes scroll {
|
|
||||||
0% {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
opacity: 0;
|
|
||||||
transform: translateY(40px);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/***** End Scroll *****/
|
|
||||||
|
|
||||||
#a_propos {background-color: #ffd166}
|
|
||||||
|
|
||||||
#projets {background-color: #06d6a0}
|
|
||||||
|
|
||||||
#contact {background-color: #118ab2}
|
|
||||||
Reference in New Issue
Block a user