mirror of
https://github.com/LucasVbr/LucasVbr.git
synced 2026-05-14 01:21:52 +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