diff --git a/.github/workflows/update-readme.yml b/.github/workflows/update-readme.yml
new file mode 100644
index 0000000..9efd595
--- /dev/null
+++ b/.github/workflows/update-readme.yml
@@ -0,0 +1,17 @@
+name: Update README
+
+on:
+ schedule:
+ - cron: '*/30 * * * *'
+ workflow_dispatch:
+
+jobs:
+ build:
+ runs-on: ubuntu-latest
+ name: Update this repo's README with recent activity
+
+ steps:
+ - uses: actions/checkout@v2
+ - uses: jamesgeorge007/github-activity-readme@master
+ env:
+ GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
diff --git a/README.md b/README.md
index 44bd985..e3038bc 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,57 @@
-- 👋 Hi, I’m @LucasVbr
-- 👀 I’m interested in programing
-- 🌱 I’m currently learning **Java**, **Python** and **JavaScript**
+# Hi, I am @LucasVbr 👋
+[][Website]
+
+
+## I am a computer science student
+
+- 🌱 I’m currently learning **Java** and **Python**
+- 💞️ I’m looking to create my own video game
- 📫 How to reach me `vabre.lucas.pro@gmail.com`
-- 🎯 [Pydefis](https://pydefis.callicode.fr/user/mhof/LucasVbr/bba98551173e6b21)
-- 💞️ I’m looking to create a game by my own
+- ⚡ Fun fact: I love *The Legend of Zelda* series
+- 🎯 [Pydefis]
+- 🚩 [Root Me]
+
+### Languages and Tools:
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+---
+
+
+ Recent GitHub Activity
+
+
+
+
+
+
+
+ GitHub stats
+
+![GitHub Stats]
+![Top Langs]
+
+
+
+
+[Website]: https://www.LucasVbr.io
+[Pydefis]: https://pydefis.callicode.fr/user/mhof/LucasVbr/bba98551173e6b21
+[Root Me]: https://www.root-me.org/LucasVbr?lang=fr
+
+[GitHub Stats]: https://github-readme-stats.vercel.app/api?username=LucasVbr&show_icons=true
+[Top Langs]: https://github-readme-stats.vercel.app/api/top-langs/?username=LucasVbr&layout=compact
\ No newline at end of file
diff --git a/icons/c-language.png b/icons/c-language.png
new file mode 100644
index 0000000..db0fbe6
Binary files /dev/null and b/icons/c-language.png differ
diff --git a/icons/c-sharp.png b/icons/c-sharp.png
new file mode 100644
index 0000000..20f831f
Binary files /dev/null and b/icons/c-sharp.png differ
diff --git a/icons/console.png b/icons/console.png
new file mode 100644
index 0000000..33b2600
Binary files /dev/null and b/icons/console.png differ
diff --git a/icons/css3.png b/icons/css3.png
new file mode 100644
index 0000000..632e7af
Binary files /dev/null and b/icons/css3.png differ
diff --git a/icons/eclipse.png b/icons/eclipse.png
new file mode 100644
index 0000000..f4c166a
Binary files /dev/null and b/icons/eclipse.png differ
diff --git a/icons/html5.png b/icons/html5.png
new file mode 100644
index 0000000..f4f168e
Binary files /dev/null and b/icons/html5.png differ
diff --git a/icons/intellij-idea.png b/icons/intellij-idea.png
new file mode 100644
index 0000000..9656f06
Binary files /dev/null and b/icons/intellij-idea.png differ
diff --git a/icons/internet.png b/icons/internet.png
new file mode 100644
index 0000000..e8cf3e5
Binary files /dev/null and b/icons/internet.png differ
diff --git a/icons/java.png b/icons/java.png
new file mode 100644
index 0000000..8307e35
Binary files /dev/null and b/icons/java.png differ
diff --git a/icons/javascript.png b/icons/javascript.png
new file mode 100644
index 0000000..ebaa03f
Binary files /dev/null and b/icons/javascript.png differ
diff --git a/icons/markdown.png b/icons/markdown.png
new file mode 100644
index 0000000..5ad6d0c
Binary files /dev/null and b/icons/markdown.png differ
diff --git a/icons/pycharm.png b/icons/pycharm.png
new file mode 100644
index 0000000..745f749
Binary files /dev/null and b/icons/pycharm.png differ
diff --git a/icons/python.png b/icons/python.png
new file mode 100644
index 0000000..240041a
Binary files /dev/null and b/icons/python.png differ
diff --git a/icons/sublime-text.png b/icons/sublime-text.png
new file mode 100644
index 0000000..e0c83fc
Binary files /dev/null and b/icons/sublime-text.png differ
diff --git a/icons/visual-studio-code.png b/icons/visual-studio-code.png
new file mode 100644
index 0000000..b8446f1
Binary files /dev/null and b/icons/visual-studio-code.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..06fee4a
--- /dev/null
+++ b/index.html
@@ -0,0 +1,38 @@
+
+
+
+
+ Lucas Vabre - Etudiant en Informatique
+
+
+
+
+
+
+
+
+
Lucas Vabre
+ Etudiant en Programmation
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/scripts/data.json b/scripts/data.json
new file mode 100644
index 0000000..c912600
--- /dev/null
+++ b/scripts/data.json
@@ -0,0 +1,92 @@
+var data = [
+ {
+ "id": "accueil",
+ "name": "Lucas VABRE",
+ "status": "Etudiant en Informatique"
+ },
+ {
+ "id": "a_propos",
+ "info": "Ad incididunt occaecat Lorem enim tempor sit veniam eu elit.",
+ "cv": ""
+ },
+ {
+ "id": "competences",
+ "langage": [
+ {
+ "name": "HTML/CSS",
+ "value": 95
+ },
+ {
+ "name": "Java",
+ "value": 60
+ },
+ {
+ "name": "Python",
+ "value": 50
+ },
+ {
+ "name": "Javascript",
+ "value": 20
+ },
+ {
+ "name": "C",
+ "value": 10
+ }
+ ]
+ },
+ {
+ "id": "projets",
+ "projets": [
+ {
+ "name": "Projet 1",
+ "image": "link",
+ "link": "link"
+ },
+ {
+ "name": "Projet 2",
+ "image": "link",
+ "link": "link"
+ },
+ {
+ "name": "Projet 3",
+ "image": "link",
+ "link": "link"
+ }
+ ]
+ },
+ {
+ "id": "experiences",
+ "experiences": [
+ {
+ "name": "experience 1",
+ "date": "10/10/10",
+ "description": "Infos"
+ },
+ {
+ "name": "experience 2",
+ "date": "10/10/10",
+ "description": "Infos"
+ },
+ {
+ "name": "experience 3",
+ "date": "10/10/10",
+ "description": "Infos"
+ }
+ ]
+ },
+ {
+ "id": "contact",
+ "reseaux": [
+ {
+ "name": "Twitter",
+ "image": "link",
+ "link": "link"
+ },
+ {
+ "name": "Github",
+ "image": "link",
+ "link": "link"
+ }
+ ]
+ }
+]
\ No newline at end of file
diff --git a/scripts/main.js b/scripts/main.js
new file mode 100644
index 0000000..4b83734
--- /dev/null
+++ b/scripts/main.js
@@ -0,0 +1,14 @@
+// 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)
+});
\ No newline at end of file
diff --git a/scripts/setup.js b/scripts/setup.js
new file mode 100644
index 0000000..b6b6163
--- /dev/null
+++ b/scripts/setup.js
@@ -0,0 +1,7 @@
+function importXML(src) {
+ xmlFile = new XMLHttpRequest();
+ xmlFile.open("GET", src, false)
+ xmlFile.send()
+
+ return xmlFile.responseXML;
+}
\ No newline at end of file
diff --git a/styles/style.css b/styles/style.css
new file mode 100644
index 0000000..282f9f9
--- /dev/null
+++ b/styles/style.css
@@ -0,0 +1,72 @@
+:root {
+ scroll-behavior: smooth;
+ /* Variables */
+
+}
+
+body {
+ width: 100wh;
+ margin: 0;
+ padding: 0;
+}
+
+/* Top Bar de Navigation */
+nav {
+ width: 100%;
+ z-index: 999;
+ float: top;
+ position: fixed;
+ background-color: #fff3;
+}
+
+nav li {
+ padding: 0 25px;
+ text-decoration: none;
+ display: inline-block;
+}
+
+nav a {
+ text-decoration: none;
+ color: white;
+}
+
+/* Contenu de la page */
+
+.content {
+ padding: 50px 0;
+ width: calc(100vw - 40px);
+ max-width: 1000px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/* Sections */
+#accueil {
+ background-color: red;
+ min-height: 100vh;
+}
+
+#a_propos {
+ background-color: blue;
+ min-height: 100vh;
+}
+
+#competences {
+ background-color: violet;
+ min-height: 100vh;
+}
+
+#projets {
+ background-color: yellow;
+ min-height: 100vh;
+}
+
+#experiences {
+ background-color: purple;
+ min-height: 100vh;
+}
+
+#contact {
+ background-color: green;
+ min-height: 100vh;
+}
\ No newline at end of file