karma/website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

..

No commits in common. "b47c9ad995352b5433a48a8935410216420c39d5" and "5f772b1f78efe50ab96d4eb12d38c704dde35982" have entirely different histories.
b47c9ad995 ... 5f772b1f78

15 changed files with 37 additions and 29 deletions

BIN
assets/img/portfolio/flyingballs.gif

Binary file not shown.
Side by Side

Before

(image error) Size: 6.3 MiB

BIN
assets/img/portfolio/papermosaik.gif

Binary file not shown.
Side by Side

Before

(image error) Size: 3.3 MiB

BIN
assets/img/portfolio/portfolio-1.jpg Executable file

Binary file not shown.
Side by Side

After

(image error) Size: 165 KiB

BIN
assets/img/portfolio/portfolio-2.jpg Executable file

Binary file not shown.
Side by Side

After

(image error) Size: 189 KiB

BIN
assets/img/portfolio/portfolio-3.jpg Executable file

Binary file not shown.
Side by Side

After

(image error) Size: 63 KiB

BIN
assets/img/portfolio/portfolio-4.jpg Executable file

Binary file not shown.
Side by Side

After

(image error) Size: 56 KiB

BIN
assets/img/portfolio/portfolio-5.jpg Executable file

Binary file not shown.
Side by Side

After

(image error) Size: 21 KiB

BIN
assets/img/portfolio/portfolio-6.jpg Executable file

Binary file not shown.
Side by Side

After

(image error) Size: 80 KiB

BIN
assets/img/portfolio/portfolio-7.jpg Executable file

Binary file not shown.
Side by Side

After

(image error) Size: 180 KiB

BIN
assets/img/portfolio/portfolio-8.jpg Executable file

Binary file not shown.
Side by Side

After

(image error) Size: 67 KiB

BIN
assets/img/portfolio/portfolio-9.jpg Executable file

Binary file not shown.
Side by Side

After

(image error) Size: 172 KiB

BIN
assets/img/portfolio/portfolio-details-1.jpg Executable file

Binary file not shown.
Side by Side

After

(image error) Size: 109 KiB

BIN
assets/img/portfolio/portfolio-details-2.jpg Executable file

Binary file not shown.
Side by Side

After

(image error) Size: 160 KiB

BIN
assets/img/portfolio/portfolio-details-3.jpg Executable file

Binary file not shown.
Side by Side

After

(image error) Size: 160 KiB

66
index.html

@ -44,7 +44,8 @@
<body class="dark"> <body class="dark">
<!-- ======= Header ======= --> <!-- ======= Header ======= -->
<header id="header" class="fixed-top d-flex justify-content-center align-items-center header-transparent"> <header id="header" class="fixed-top d-flex justify-content-center
align-items-center header-transparent">
<nav id="navbar" class="navbar" data-aos="fade-down" data-aos-delay="2000"> <nav id="navbar" class="navbar" data-aos="fade-down" data-aos-delay="2000">
<ul> <ul>
@ -52,9 +53,9 @@
<li><a class="nav-link scrollto" href="#about">About</a></li> <li><a class="nav-link scrollto" href="#about">About</a></li>
<li><a class="nav-link scrollto" href="#resume">Resume</a></li> <li><a class="nav-link scrollto" href="#resume">Resume</a></li>
<li><a class="nav-link scrollto" href="#skills">Skills</a></li> <li><a class="nav-link scrollto" href="#skills">Skills</a></li>
<li><a class="nav-link scrollto" href="#portfolio">Portfolio</a></li> <li><a class="nav-link scrollto " href="#portfolio">Portfolio</a></li>
<li><a class="nav-link scrollto" href="#contact">Contact</a></li> <li><a class="nav-link scrollto" href="#contact">Contact</a></li>
<li><i class="bi icon-white bi-sun-fill dark-mode" onClick="toggleDarkMode(event)"></i> <li><i class="dark-mode bi icon-white bi-sun-fill" onClick="toggleDarkMode(event)"></i>
</li> </li>
</ul> </ul>
<i class="bi bi-list mobile-nav-toggle"></i> <i class="bi bi-list mobile-nav-toggle"></i>
@ -78,7 +79,7 @@
<section id="about" class="about"> <section id="about" class="about">
<div class="container"> <div class="container">
<div class="section-title" data-aos="fade-in"> <div class="section-title" data-aos="fade-up">
<span class="prevent-select">About Me</span> <span class="prevent-select">About Me</span>
<h2>About Me</h2> <h2>About Me</h2>
<p>I have a deep passion for computer science and enjoy <p>I have a deep passion for computer science and enjoy
@ -91,11 +92,13 @@
</div> </div>
<div class="row"> <div class="row">
<div class="image col-lg-4 d-flex align-items-stretch justify-content-center justify-content-lg-start" data-aos="fade-up-right"> <div class="image col-lg-4 d-flex align-items-stretch
justify-content-center justify-content-lg-start" data-aos="fade-up-right">
</div> </div>
<div class="content col-lg-8 ps-lg-4 d-flex flex-column align-items-stretch justify-content-evenly" data-aos="fade-up-left"> <div class="content col-lg-8 ps-lg-4 d-flex flex-column
align-items-stretch justify-content-evenly" data-aos="fade-up-left">
<div class="row"> <div class="row">
<div class="mt-4 col-lg-6 mt-lg-0"> <div class="col-lg-6 mt-4 mt-lg-0">
<ul> <ul>
<li><i class="bi bi-chevron-right"></i> <li><i class="bi bi-chevron-right"></i>
<strong>Name:</strong> <strong>Name:</strong>
@ -134,28 +137,32 @@
<div data-aos="fade-up"> <div data-aos="fade-up">
<div class="progress"> <div class="progress">
<span class="skill"><i class="flag flag-france"></i>French <i class="val">Native</i></span> <span class="skill"><i class="flag
flag-france"></i>French <i class="val">Native</i></span>
<div class="progress-bar-wrap"> <div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="7" aria-valuemin="0" <div class="progress-bar" role="progressbar" aria-valuenow="7" aria-valuemin="0"
aria-valuemax="7"></div> aria-valuemax="7"></div>
</div> </div>
</div> </div>
<div class="progress"> <div class="progress">
<span class="skill"><i class="flag flag-uk"></i>English <i class="val">Native</i></span> <span class="skill"><i class="flag
flag-uk"></i>English <i class="val">Native</i></span>
<div class="progress-bar-wrap"> <div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="7" aria-valuemin="0" <div class="progress-bar" role="progressbar" aria-valuenow="7" aria-valuemin="0"
aria-valuemax="7"></div> aria-valuemax="7"></div>
</div> </div>
</div> </div>
<div class="progress"> <div class="progress">
<span class="skill"><i class="flag flag-italy"></i>Italian <i class="val">C2</i></span> <span class="skill"><i class="flag
flag-italy"></i>Italian <i class="val">C2</i></span>
<div class="progress-bar-wrap"> <div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="6.5" aria-valuemin="0" <div class="progress-bar" role="progressbar" aria-valuenow="6.5" aria-valuemin="0"
aria-valuemax="7"></div> aria-valuemax="7"></div>
</div> </div>
</div> </div>
<div class="progress"> <div class="progress">
<span class="skill"><i class="flag flag-germany"></i>German <i class="val">B1</i></span> <span class="skill"><i class="flag
flag-germany"></i>German <i class="val">B1</i></span>
<div class="progress-bar-wrap"> <div class="progress-bar-wrap">
<div class="progress-bar" role="progressbar" aria-valuenow="3.5" aria-valuemin="0" <div class="progress-bar" role="progressbar" aria-valuenow="3.5" aria-valuemin="0"
aria-valuemax="7"></div> aria-valuemax="7"></div>
@ -175,7 +182,7 @@
<section id="resume" class="resume"> <section id="resume" class="resume">
<div class="container"> <div class="container">
<div class="section-title" data-aos="fade-in"> <div class="section-title" data-aos="fade-up">
<span class="prevent-select">My Resume</span> <span class="prevent-select">My Resume</span>
<h2>My Resume</h2> <h2>My Resume</h2>
<p>A brief overview of my professional experience and qualifications</p> <p>A brief overview of my professional experience and qualifications</p>
@ -185,7 +192,7 @@
<div class="col-lg-6"> <div class="col-lg-6">
<div data-aos="fade-up-right"> <div data-aos="fade-up-right">
<h3 class="resume-title">Summary</h3> <h3 class="resume-title">Summary</h3>
<div class="pb-0 resume-item"> <div class="resume-item pb-0">
<h4>Arnaud Fauconnet</h4> <h4>Arnaud Fauconnet</h4>
<p><em>I'm a dedicated computer science enthusiast, fueled by a passion for programming <p><em>I'm a dedicated computer science enthusiast, fueled by a passion for programming
and and
@ -346,7 +353,7 @@
<section id="skills" class="skills"> <section id="skills" class="skills">
<div class="container"> <div class="container">
<div class="section-title" data-aos="fade-in"> <div class="section-title" data-aos="fade-up">
<span class="prevent-select">My Skills</span> <span class="prevent-select">My Skills</span>
<h2>My Skills</h2> <h2>My Skills</h2>
<p>A blend of technical expertise and personal passions</p> <p>A blend of technical expertise and personal passions</p>
@ -363,7 +370,7 @@
<div class="skills-container" data-aos="fade-up"> <div class="skills-container" data-aos="fade-up">
<div class="row"> <div class="row">
<div class="mb-5 col-md-6 col-lg-3 skill-item filter-hobby"> <div class="col-md-6 col-lg-3 mb-5 skill-item filter-hobby">
<div class="icon-box"> <div class="icon-box">
<div class="icon"><i class="fa fa-masks-theater"></i></div> <div class="icon"><i class="fa fa-masks-theater"></i></div>
<h4 class="title"><a>Theater</a></h4> <h4 class="title"><a>Theater</a></h4>
@ -376,7 +383,7 @@
</div> </div>
</div> </div>
<div class="mb-5 col-md-6 col-lg-3 skill-item filter-hobby"> <div class="col-md-6 col-lg-3 mb-5 skill-item filter-hobby">
<div class="icon-box"> <div class="icon-box">
<div class="icon"><i class="fa fa-basketball"></i></div> <div class="icon"><i class="fa fa-basketball"></i></div>
<h4 class="title"><a>Basketball</a></h4> <h4 class="title"><a>Basketball</a></h4>
@ -389,7 +396,7 @@
</div> </div>
</div> </div>
<div class="mb-5 col-md-6 col-lg-3 skill-item filter-hobby"> <div class="col-md-6 col-lg-3 mb-5 skill-item filter-hobby">
<div class="icon-box"> <div class="icon-box">
<div class="icon"><i class="fa fa-chess"></i></div> <div class="icon"><i class="fa fa-chess"></i></div>
<h4 class="title"><a>Chess</a></h4> <h4 class="title"><a>Chess</a></h4>
@ -401,7 +408,7 @@
</div> </div>
</div> </div>
<div class="mb-5 col-md-6 col-lg-3 skill-item filter-web filter-prod filter-hobby"> <div class="col-md-6 col-lg-3 mb-5 skill-item filter-web filter-prod filter-hobby">
<div class="icon-box"> <div class="icon-box">
<div class="icon"><i class="bx bx-server"></i></div> <div class="icon"><i class="bx bx-server"></i></div>
<h4 class="title"><a>Server Management</a></h4> <h4 class="title"><a>Server Management</a></h4>
@ -418,7 +425,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="mb-5 col-md-6 col-lg-3 skill-item filter-prod"> <div class="col-md-6 col-lg-3 mb-5 skill-item filter-prod">
<div class="icon-box"> <div class="icon-box">
<div class="icon"> <div class="icon">
<img src="assets/img/neovim.png" alt="neovim-logo" /> <img src="assets/img/neovim.png" alt="neovim-logo" />
@ -433,7 +440,7 @@
</div> </div>
</div> </div>
<div class="mb-5 col-md-6 col-lg-3 skill-item filter-prod"> <div class="col-md-6 col-lg-3 mb-5 skill-item filter-prod">
<div class="icon-box"> <div class="icon-box">
<div class="icon"> <div class="icon">
<img src="assets/img/arch.png" alt="arch-linux-logo" /> <img src="assets/img/arch.png" alt="arch-linux-logo" />
@ -449,7 +456,7 @@
</div> </div>
</div> </div>
<div class="mb-5 col-md-6 col-lg-3 skill-item filter-prod filter-web"> <div class="col-md-6 col-lg-3 mb-5 skill-item filter-prod filter-web">
<div class="icon-box"> <div class="icon-box">
<div class="icon"> <div class="icon">
<img src="assets/img/docker.png" alt="docker-logo" /> <img src="assets/img/docker.png" alt="docker-logo" />
@ -542,25 +549,26 @@
<section id="portfolio" class="portfolio"> <section id="portfolio" class="portfolio">
<div class="container"> <div class="container">
<div class="section-title" data-aos="fade-in"> <div class="section-title">
<span class="prevent-select">My Portfolio</span> <span class="prevent-select">My Portfolio</span>
<h2>My Portfolio</h2> <h2>My Portfolio</h2>
<p>The building blocks of my career</p> <p>The building blocks of my career</p>
</div> </div>
<ul id="portfolio-flters" class="d-flex justify-content-center" data-aos="fade-up"> <ul id="portfolio-flters" class="d-flex justify-content-center">
<li data-filter="*" class="filter-active">All</li> <li data-filter="*" class="filter-active">All</li>
<li data-filter=".filter-app">App</li> <li data-filter=".filter-app">App</li>
<li data-filter=".filter-card">Card</li> <li data-filter=".filter-card">Card</li>
<li data-filter=".filter-web">Web</li> <li data-filter=".filter-web">Web</li>
</ul> </ul>
<div class="row portfolio-container" data-aos="fade-up"> <div class="row portfolio-container">
<!-- TODO: move this section right after the about me section --> <!-- TODO: move this section right after the about me section -->
<div class="col-lg-4 col-md-6 portfolio-item filter-app"> <div class="col-lg-4 col-md-6 portfolio-item filter-app">
<div class="portfolio-img"><img src="assets/img/portfolio/flyingballs.gif" class="img-fluid" alt=""></div> <div class="portfolio-img"><img src="assets/img/portfolio/flying-balls2.png" class="img-fluid"
alt=""></div>
<div class="portfolio-info"> <div class="portfolio-info">
<h4><a href="https://github.com/karma-riuk/flying-balls">From Flying Balls to Colliding <h4><a href="https://github.com/karma-riuk/flying-balls">From Flying Balls to Colliding
Polygons</a></h4> Polygons</a></h4>
@ -612,8 +620,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card"> <div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-img"><img <div class="portfolio-img"><img src="assets/img/portfolio/paper-mosaik.png" class="img-fluid"
src="assets/img/portfolio/papermosaik.gif" class="img-fluid"
alt=""></div> alt=""></div>
<div class="portfolio-info"> <div class="portfolio-info">
<h4><a href="https://github.com/karma-riuk/PaperMosaik">PaperMosaik</a></h4> <h4><a href="https://github.com/karma-riuk/PaperMosaik">PaperMosaik</a></h4>
@ -657,14 +664,15 @@
<section id="contact" class="contact"> <section id="contact" class="contact">
<div class="container"> <div class="container">
<div class="section-title" data-aos="fade-in"> <div class="section-title" data-aos="fade-up">
<span class="prevent-select">Contact Me</span> <span class="prevent-select">Contact Me</span>
<h2>Contact Me</h2> <h2>Contact Me</h2>
<p>Feel free to reach out for collaborations or to learn more about my work.</p> <p>Feel free to reach out for collaborations or to learn more about my work.</p>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-6" data-aos="fade-up-right"> <div class="col-md-6" data-aos="fade-up-right">
<div class="email info-box h-100 d-flex flex-column justify-content-around"> <div class="email info-box h-100 d-flex flex-column
justify-content-around">
<i><i class="bx bx-envelope"></i></i> <i><i class="bx bx-envelope"></i></i>
<h3>Email Me</h3> <h3>Email Me</h3>
<a href="mailto:arnaud.fauconnet.pro@gmail.com">arnaud.fauconnet.pro@gmail.com</a> <a href="mailto:arnaud.fauconnet.pro@gmail.com">arnaud.fauconnet.pro@gmail.com</a>