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">
<!-- ======= 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">
<ul>
@ -52,9 +53,9 @@
<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="#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><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>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
@ -78,7 +79,7 @@
<section id="about" class="about">
<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>
<h2>About Me</h2>
<p>I have a deep passion for computer science and enjoy
@ -91,11 +92,13 @@
</div>
<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 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="mt-4 col-lg-6 mt-lg-0">
<div class="col-lg-6 mt-4 mt-lg-0">
<ul>
<li><i class="bi bi-chevron-right"></i>
<strong>Name:</strong>
@ -134,28 +137,32 @@
<div data-aos="fade-up">
<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" role="progressbar" aria-valuenow="7" aria-valuemin="0"
aria-valuemax="7"></div>
</div>
</div>
<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" role="progressbar" aria-valuenow="7" aria-valuemin="0"
aria-valuemax="7"></div>
</div>
</div>
<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" role="progressbar" aria-valuenow="6.5" aria-valuemin="0"
aria-valuemax="7"></div>
</div>
</div>
<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" role="progressbar" aria-valuenow="3.5" aria-valuemin="0"
aria-valuemax="7"></div>
@ -175,7 +182,7 @@
<section id="resume" class="resume">
<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>
<h2>My Resume</h2>
<p>A brief overview of my professional experience and qualifications</p>
@ -185,7 +192,7 @@
<div class="col-lg-6">
<div data-aos="fade-up-right">
<h3 class="resume-title">Summary</h3>
<div class="pb-0 resume-item">
<div class="resume-item pb-0">
<h4>Arnaud Fauconnet</h4>
<p><em>I'm a dedicated computer science enthusiast, fueled by a passion for programming
and
@ -346,7 +353,7 @@
<section id="skills" class="skills">
<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>
<h2>My Skills</h2>
<p>A blend of technical expertise and personal passions</p>
@ -363,7 +370,7 @@
<div class="skills-container" data-aos="fade-up">
<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"><i class="fa fa-masks-theater"></i></div>
<h4 class="title"><a>Theater</a></h4>
@ -376,7 +383,7 @@
</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"><i class="fa fa-basketball"></i></div>
<h4 class="title"><a>Basketball</a></h4>
@ -389,7 +396,7 @@
</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"><i class="fa fa-chess"></i></div>
<h4 class="title"><a>Chess</a></h4>
@ -401,7 +408,7 @@
</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"><i class="bx bx-server"></i></div>
<h4 class="title"><a>Server Management</a></h4>
@ -418,7 +425,7 @@
</div>
<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">
<img src="assets/img/neovim.png" alt="neovim-logo" />
@ -433,7 +440,7 @@
</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">
<img src="assets/img/arch.png" alt="arch-linux-logo" />
@ -449,7 +456,7 @@
</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">
<img src="assets/img/docker.png" alt="docker-logo" />
@ -542,25 +549,26 @@
<section id="portfolio" class="portfolio">
<div class="container">
<div class="section-title" data-aos="fade-in">
<div class="section-title">
<span class="prevent-select">My Portfolio</span>
<h2>My Portfolio</h2>
<p>The building blocks of my career</p>
</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=".filter-app">App</li>
<li data-filter=".filter-card">Card</li>
<li data-filter=".filter-web">Web</li>
</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 -->
<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">
<h4><a href="https://github.com/karma-riuk/flying-balls">From Flying Balls to Colliding
Polygons</a></h4>
@ -612,8 +620,7 @@
</div>
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
<div class="portfolio-img"><img
src="assets/img/portfolio/papermosaik.gif" class="img-fluid"
<div class="portfolio-img"><img src="assets/img/portfolio/paper-mosaik.png" class="img-fluid"
alt=""></div>
<div class="portfolio-info">
<h4><a href="https://github.com/karma-riuk/PaperMosaik">PaperMosaik</a></h4>
@ -657,14 +664,15 @@
<section id="contact" class="contact">
<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>
<h2>Contact Me</h2>
<p>Feel free to reach out for collaborations or to learn more about my work.</p>
</div>
<div class="row">
<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>
<h3>Email Me</h3>
<a href="mailto:arnaud.fauconnet.pro@gmail.com">arnaud.fauconnet.pro@gmail.com</a>