Update Profile and Add Portfolio

2026-05-13 17:11:52 +00:00 · 2021-08-16 14:52:47 +02:00
parent c1f6d4681c
commit d555996145
22 changed files with 296 additions and 5 deletions
@@ -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 }}
@@ -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 LucasVbr.io](https://img.shields.io/website-up-down-green-red/http/LucasVbr.io.svg)][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:
+
+<img alt="HTML5" width="26px" src="icons/html5.png"/>
+<img alt="CSS3" width="26px" src="icons/css3.png"/>
+<img alt="JavaScript" width="26px" src="icons/javascript.png"/>
+<img alt="Java" width="26px" src="icons/java.png"/>
+<img alt="Python" width="26px" src="icons/python.png"/>
+<img alt="C" width="26px" src="icons/c-language.png"/>
+<img alt="C Sharp" width="26px" src="icons/c-sharp.png"/>
+<img alt="Bash" width="26px" src="icons/console.png"/>
+
+<br />
+
+<img alt="Sublime Text" width="26px" src="icons/sublime-text.png"/>
+<img alt="IntelliJ Idea" width="26px" src="icons/intellij-idea.png"/>
+<img alt="PyCharm" width="26px" src="icons/pycharm.png"/>
+<img alt="Visual Studio Code" width="26px" src="icons/visual-studio-code.png"/>
+<img alt="Eclipse" width="26px" src="icons/eclipse.png"/>
+
+---
+
+<details>
+  <summary>Recent GitHub Activity</summary>
+  
+<!--START_SECTION:activity-->
+<!--END_SECTION:activity-->
+
+</details>
+
+<details>
+    <summary>GitHub stats</summary>
+
+![GitHub Stats]
+![Top Langs]
+
+</details>
+
+<!-- Links -->
+[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
@@ -0,0 +1,38 @@
+<!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="#competences">Compétences</a></li>
+            <li><a href="#projets">Projets</a></li>
+            <li><a href="#experiences">Expériences</a></li>
+            <li><a href="#contact">Contact</a></li>
+        </ul>
+    </nav>
+
+    <section id="accueil">
+        <div class="content">
+            <h1 id="nom">Lucas Vabre</h1>
+            <h2 id="status">Etudiant en Programmation</h2>
+            <!-- <xmp id="code"></xmp> -->
+        </div>
+    </section>
+    <section id="a_propos"></section>
+    <section id="competences"></section>
+    <section id="projets"></section>
+    <section id="experiences"></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>
@@ -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"
+            }
+        ]
+    }
+]
@@ -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)
+});
@@ -0,0 +1,7 @@
+function importXML(src) {
+    xmlFile = new XMLHttpRequest();
+    xmlFile.open("GET", src, false)
+    xmlFile.send()
+    
+    return xmlFile.responseXML;
+}
@@ -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;
+}