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

Compare commits

base: karma:b47c9ad995352b5433a48a8935410216420c39d5
Branches Tags
karma:main
..
compare: karma:5f772b1f78efe50ab96d4eb12d38c704dde35982
Branches Tags
karma:main

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

15 changed files with 37 additions and 29 deletions
Show Stats Expand all files Collapse all files

BIN
assets/img/portfolio/flyingballs.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.3 MiB

BIN
assets/img/portfolio/papermosaik.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.3 MiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 165 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 189 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 63 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 56 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 80 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 180 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 67 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 172 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 109 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 160 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 160 KiB

66
index.html
View File

@ -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>