Update Profile and Add Portfolio

2026-07-09 14:27:46 +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
+# Hi, I am @LucasVbr 👋
- 👀 I’m interested in programing
+[![Website LucasVbr.io](https://img.shields.io/website-up-down-green-red/http/LucasVbr.io.svg)][Website]
- 🌱 I’m currently learning **Java**, **Python** and **JavaScript**
+
 ## 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)
+- ⚡ Fun fact: I love *The Legend of Zelda* series
- 💞️ I’m looking to create a game by my own
+- 🎯 [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;
 }