Compare commits
No commits in common. "5f772b1f78efe50ab96d4eb12d38c704dde35982" and "52786bd8d27508577e87499bfdb5f79c51209450" have entirely different histories.
5f772b1f78
...
52786bd8d2
1297
assets/css/style.css
Before Width: | Height: | Size: 71 KiB |
Before Width: | Height: | Size: 71 KiB |
Before Width: | Height: | Size: 37 KiB |
Before Width: | Height: | Size: 25 KiB |
Before Width: | Height: | Size: 11 MiB |
Before Width: | Height: | Size: 66 KiB |
Before Width: | Height: | Size: 425 KiB |
330
index.html
@ -115,8 +115,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="col-lg-6">
|
<div class="col-lg-6">
|
||||||
<ul>
|
<ul>
|
||||||
<li><i class="bi bi-chevron-right"></i> <strong>Age:</strong> <span
|
<li><i class="bi bi-chevron-right"></i> <strong>Age:</strong> <span id="age">23</span>
|
||||||
id="age">23</span>
|
|
||||||
</li>
|
</li>
|
||||||
<!-- <li><i class="bi bi-chevron-right"></i> <strong>Degree:</strong> <span>Master in -->
|
<!-- <li><i class="bi bi-chevron-right"></i> <strong>Degree:</strong> <span>Master in -->
|
||||||
<!-- Software and Data Engineering </span> -->
|
<!-- Software and Data Engineering </span> -->
|
||||||
@ -226,7 +225,7 @@
|
|||||||
quality
|
quality
|
||||||
assurance, data modeling, and decision support.</p>
|
assurance, data modeling, and decision support.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="resume-item">
|
<div class="resume-item" data-aos="fade-up">
|
||||||
<h4>Bachelor in Informatics</h4>
|
<h4>Bachelor in Informatics</h4>
|
||||||
<h5>2020 - 2023</h5>
|
<h5>2020 - 2023</h5>
|
||||||
<p><em>Università della Svizzera Italiana, Lugano, CH <br> GPA: 9.21/10</em></p>
|
<p><em>Università della Svizzera Italiana, Lugano, CH <br> GPA: 9.21/10</em></p>
|
||||||
@ -269,8 +268,8 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div data-aos="fade-up">
|
<div>
|
||||||
<div class="resume-item">
|
<div class="resume-item" data-aos="fade-up">
|
||||||
<h4>Teacher assistant</h4>
|
<h4>Teacher assistant</h4>
|
||||||
<h5>2022 - present</h5>
|
<h5>2022 - present</h5>
|
||||||
<p><em>Part-time job at Università della Svizzera Italiana, Lugano, CH</em></p>
|
<p><em>Part-time job at Università della Svizzera Italiana, Lugano, CH</em></p>
|
||||||
@ -281,19 +280,17 @@
|
|||||||
sparkles in their eyes when they learned about concepts I taught them.
|
sparkles in their eyes when they learned about concepts I taught them.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="resume-item secondary">
|
<div class="resume-item secondary" data-aos="fade-up">
|
||||||
<h4 style="font-weight: normal">TA - Programming Fundamentals 2</h4>
|
<h4 style="font-weight: normal">TA - Programming Fundamentals 2</h4>
|
||||||
<h5>Spring 2023 & 2024</h5>
|
<h5>Spring 2023 & 2024</h5>
|
||||||
<p><em>9 ECTS - Prof. Matthias Hauswirth</em></p>
|
<p><em>9 ECTS - Prof. Matthias Hauswirth</em></p>
|
||||||
<ul>
|
<ul>
|
||||||
<li>One of the most important courses of the bachelor as it teaches first year
|
<li>One of the most important courses of the bachelor as it teaches first year students to write code in Java</li>
|
||||||
students to write code in Java</li>
|
<li>Took care of students with special needs along the semester and during the exams</li>
|
||||||
<li>Took care of students with special needs along the semester and during the exams
|
|
||||||
</li>
|
|
||||||
<li>Mentored and lead small groups of students in their end-of-semester project</li>
|
<li>Mentored and lead small groups of students in their end-of-semester project</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="resume-item secondary">
|
<div class="resume-item secondary" data-aos="fade-up">
|
||||||
<h4 style="font-weight: normal">TA - Systems Programming</h4>
|
<h4 style="font-weight: normal">TA - Systems Programming</h4>
|
||||||
<h5>Autumn 2022</h5>
|
<h5>Autumn 2022</h5>
|
||||||
<p><em>6 ECTS - Prof. Antonio Carzaniga</em></p>
|
<p><em>6 ECTS - Prof. Antonio Carzaniga</em></p>
|
||||||
@ -346,7 +343,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<a href="/assets/pdf/Fauconnet_Arnaud_CV.pdf" class="btn mt-lg-3" data-aos="fade-in">Download my CV </a>
|
<a href="/assets/pdf/Fauconnet_Arnaud_CV.pdf" class="btn mt-lg-3" data-aos="fade-up">Download my CV </a>
|
||||||
</section><!-- End My Resume Section -->
|
</section><!-- End My Resume Section -->
|
||||||
|
|
||||||
<!-- ======= My Skills Section ======= -->
|
<!-- ======= My Skills Section ======= -->
|
||||||
@ -361,69 +358,16 @@
|
|||||||
<ul id="skills-filters" class="d-flex justify-content-lg-center" data-aos="fade-up">
|
<ul id="skills-filters" class="d-flex justify-content-lg-center" data-aos="fade-up">
|
||||||
<li data-filter="*" class="filter-active">All</li>
|
<li data-filter="*" class="filter-active">All</li>
|
||||||
<li data-filter=".filter-prod">Productivity</li>
|
<li data-filter=".filter-prod">Productivity</li>
|
||||||
|
<li data-filter=".filter-lang">Languages</li>
|
||||||
|
<li data-filter=".filter-frame">Frameworks</li>
|
||||||
<li data-filter=".filter-web">Web</li>
|
<li data-filter=".filter-web">Web</li>
|
||||||
<li data-filter=".filter-hobby">Hobbies</li>
|
<li data-filter=".filter-hobby">Hobbies</li>
|
||||||
|
<li data-filter=".filter-other">Other</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<!-- TODO: check the filter & link of each thing (normally the first
|
<!-- TODO: check the filter & link of each thing (normally the first
|
||||||
line should be good) -->
|
line should be good) -->
|
||||||
<div class="skills-container" data-aos="fade-up">
|
<div class="skills-container" data-aos="fade-up">
|
||||||
<div class="row">
|
|
||||||
|
|
||||||
<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>
|
|
||||||
<p class="description">
|
|
||||||
For seven years, I've been part of a theater group focusing on physical theater,
|
|
||||||
telling stories through movement and dance instead of spoken words. This experience
|
|
||||||
has significantly sharpened my non-verbal communication skills and deepened my
|
|
||||||
understanding of storytelling.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<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>
|
|
||||||
<p class="description">
|
|
||||||
I began my journey as a Table Official in basketball after frequently attending a
|
|
||||||
friend's matches, which led to my involvement with the SFT Lugano Tigers. Following
|
|
||||||
a brief training, I assumed the role, contributing to the game by managing scores
|
|
||||||
and timekeeping, blending my passion with responsibility.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<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>
|
|
||||||
<p class="description">
|
|
||||||
Early in 2023, a friend introduced me to chess, sparking a passion that has grown
|
|
||||||
ever since. While I'm aware that I'm not the best player, I enjoy playing regularly
|
|
||||||
and am dedicated to improving my skills.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<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>
|
|
||||||
<p class="description">
|
|
||||||
Since 2018, I've been diving into the world of server administration, experimenting
|
|
||||||
with various hardware setups. It's been an enriching journey that's expanded my
|
|
||||||
technical horizons. I've come to appreciate the art of keeping servers running
|
|
||||||
smoothly and securely. Additionally, delving into DevOps activities has allowed me
|
|
||||||
to bridge the gap between development and operations, streamlining processes and
|
|
||||||
improving overall efficiency.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6 col-lg-3 mb-5 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">
|
||||||
@ -446,17 +390,18 @@
|
|||||||
<img src="assets/img/arch.png" alt="arch-linux-logo" />
|
<img src="assets/img/arch.png" alt="arch-linux-logo" />
|
||||||
</div>
|
</div>
|
||||||
<h4 class="title"><a href="https://archlinux.org">Arch Linux</a></h4>
|
<h4 class="title"><a href="https://archlinux.org">Arch Linux</a></h4>
|
||||||
<p class="description">
|
<p class="description">Arch Linux is a minimalist, user-centric operating system that
|
||||||
Arch Linux is a minimalist, user-centric operating system that I've come to
|
I've
|
||||||
appreciate. It's not for everyone, but if you value control and enjoy crafting your
|
come to appreciate. It's not for everyone, but if you value control and enjoy
|
||||||
system to suit your needs, it's a solid choice. With a rolling release model and a
|
crafting
|
||||||
|
your system to suit your needs, it's a solid choice. With a rolling release model
|
||||||
|
and a
|
||||||
wealth of user-contributed packages, Arch Linux offers a clean slate to build your
|
wealth of user-contributed packages, Arch Linux offers a clean slate to build your
|
||||||
computing environment.
|
computing environment.</p>
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-prod filter-web">
|
<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/docker.png" alt="docker-logo" />
|
<img src="assets/img/docker.png" alt="docker-logo" />
|
||||||
@ -469,7 +414,60 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
<p class="description">Since 2018, I've been diving into the world of server
|
||||||
|
administration,
|
||||||
|
experimenting with various hardware setups. It's been an enriching journey that's
|
||||||
|
expanded my technical horizons. I've come to appreciate the art of keeping servers
|
||||||
|
running smoothly and securely. Additionally, delving into DevOps activities has
|
||||||
|
allowed
|
||||||
|
me to bridge the gap between development and operations, streamlining processes and
|
||||||
|
improving overall efficiency.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
<p class="description">
|
||||||
|
For seven years, I've been part of a theater group focusing on physical theater, telling stories through movement and
|
||||||
|
dance instead of spoken words. This experience has significantly sharpened my non-verbal communication skills and
|
||||||
|
deepened my understanding of storytelling.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-3 mb-5 skill-item filter-lang filter-web">
|
||||||
|
<div class="icon-box">
|
||||||
|
<div class="icon">
|
||||||
|
<img src="assets/img/tsjs.png" alt="typescript-logo" />
|
||||||
|
</div>
|
||||||
|
<h4 class="title"><a href="https://www.typescriptlang.org">Javascript / Typescript</a></h4>
|
||||||
|
<p class="description">
|
||||||
|
Through university courses and internships, I've developed a strong proficiency in TypeScript, an essential tool for
|
||||||
|
modern web development. Its ability to enhance JavaScript with type safety and clearer code structure has made my
|
||||||
|
projects more robust and maintainable, positioning me as a skilled developer in this area.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<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>
|
||||||
|
<p class="description">
|
||||||
|
I began my journey as a Table Official in basketball after frequently attending a friend's matches, which led to my
|
||||||
|
involvement with the SFT Lugano Tigers. Following a brief training, I assumed the role, contributing to the game by
|
||||||
|
managing scores and timekeeping, blending my passion with responsibility.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</section><!-- End My Services Section -->
|
</section><!-- End My Services Section -->
|
||||||
|
|
||||||
@ -477,7 +475,7 @@
|
|||||||
<section id="testimonials" class="testimonials">
|
<section id="testimonials" class="testimonials">
|
||||||
<div class="container position-relative">
|
<div class="container position-relative">
|
||||||
|
|
||||||
<div class="testimonials-slider swiper" data-aos="fade-in">
|
<div class="testimonials-slider swiper" data-aos="fade-up" data-aos-delay="100">
|
||||||
<div class="swiper-wrapper">
|
<div class="swiper-wrapper">
|
||||||
|
|
||||||
<div class="swiper-slide">
|
<div class="swiper-slide">
|
||||||
@ -504,14 +502,12 @@
|
|||||||
<h4>Associate Professor - USI</h4>
|
<h4>Associate Professor - USI</h4>
|
||||||
<p>
|
<p>
|
||||||
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
|
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
|
||||||
I had the pleasure of meeting Arnaud when he enrolled in my computer graphics
|
I had the pleasure of meeting Arnaud when he enrolled in my computer graphics course. He was a very bright, diligent,
|
||||||
course. He was a very bright, diligent, and active student who always showed a
|
and active student who always showed a desire to learn. In the summer of 2023, Arnaud worked with me on a research
|
||||||
desire to learn. In the summer of 2023, Arnaud worked with me on a research project
|
project related to neuromorphic cameras. Despite being a relatively new topic for him, Arnaud's skills in programming
|
||||||
related to neuromorphic cameras. Despite being a relatively new topic for him,
|
and his ability to grasp new concepts in the visual computing field were impressive. He quickly became a valuable
|
||||||
Arnaud's skills in programming and his ability to grasp new concepts in the visual
|
contributor to the project. Collaborating with him on this project was truly enjoyable, and I always appreciated his
|
||||||
computing field were impressive. He quickly became a valuable contributor to the
|
presence in my classes.
|
||||||
project. Collaborating with him on this project was truly enjoyable, and I always
|
|
||||||
appreciated his presence in my classes.
|
|
||||||
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
|
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@ -524,14 +520,12 @@
|
|||||||
<h4>CFO - Zucchetti Switzerland</h4>
|
<h4>CFO - Zucchetti Switzerland</h4>
|
||||||
<p>
|
<p>
|
||||||
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
|
<i class="bx bxs-quote-alt-left quote-icon-left"></i>
|
||||||
The student demonstrated an excellent basic preparation, a great interest in the
|
The student demonstrated an excellent basic preparation, a great interest in the technologies used, a high degree of
|
||||||
technologies used, a high degree of autonomy in organizing work schedules and in the
|
autonomy in organizing work schedules and in the ability to acquire the necessary information, and a commendable ability
|
||||||
ability to acquire the necessary information, and a commendable ability to complete
|
to complete the assigned project in an excellent manner within the allotted time.
|
||||||
the assigned project in an excellent manner within the allotted time.
|
|
||||||
|
|
||||||
We also note the student's active participation in periodic meetings of the business
|
We also note the student's active participation in periodic meetings of the business team for planning activities, which
|
||||||
team for planning activities, which also enabled him to acquire field skills in
|
also enabled him to acquire field skills in project management strategies, particularly the SCRUM approach.
|
||||||
project management strategies, particularly the SCRUM approach.
|
|
||||||
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
|
<i class="bx bxs-quote-alt-right quote-icon-right"></i>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@ -552,7 +546,7 @@
|
|||||||
<div class="section-title">
|
<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>Sit sint consectetur velit quisquam cupiditate impedit suscipit alias</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ul id="portfolio-flters" class="d-flex justify-content-center">
|
<ul id="portfolio-flters" class="d-flex justify-content-center">
|
||||||
@ -564,94 +558,120 @@
|
|||||||
|
|
||||||
<div class="row portfolio-container">
|
<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="col-lg-4 col-md-6 portfolio-item filter-app">
|
||||||
<div class="portfolio-img"><img src="assets/img/portfolio/flying-balls2.png" class="img-fluid"
|
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-1.jpg" class="img-fluid"
|
||||||
alt=""></div>
|
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>App 1</h4>
|
||||||
Polygons</a></h4>
|
<p>App</p>
|
||||||
<div>
|
<a href="assets/img/portfolio/portfolio-1.jpg" data-gallery="portfolioGallery"
|
||||||
<p>
|
class="portfolio-lightbox preview-link" title="App 1"><i class="bx bx-plus"></i></a>
|
||||||
An extension of a physics engine to simulate polygons,
|
<a href="portfolio-details.html" class="details-link" title="More Details"><i
|
||||||
focusing on collision detection and effects in
|
class="bx bx-link"></i></a>
|
||||||
real-time, ensuring smooth
|
|
||||||
animations.<span class="br"></span>
|
|
||||||
Language: C++
|
|
||||||
</p>
|
|
||||||
<a href="https://github.com/karma-riuk/flying-balls" class="details-link"
|
|
||||||
title="More Details"><i class="bx bx-link"></i></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
|
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
|
||||||
<div class="portfolio-img"><img src="assets/img/portfolio/esim.jpg" class="img-fluid" alt="">
|
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-2.jpg" class="img-fluid"
|
||||||
</div>
|
alt=""></div>
|
||||||
<div class="portfolio-info">
|
<div class="portfolio-info">
|
||||||
<h4><a href="https://github.com/karma-riuk/flying-balls">HDR ESIM</a></h4>
|
<h4>Web 3</h4>
|
||||||
<div>
|
<p>Web</p>
|
||||||
<p>
|
<a href="assets/img/portfolio/portfolio-2.jpg" data-gallery="portfolioGallery"
|
||||||
Extended a the simulation of an event camera in order to generate HDR
|
class="portfolio-lightbox preview-link" title="Web 3"><i class="bx bx-plus"></i></a>
|
||||||
frames.<span class="br"></span>
|
<a href="portfolio-details.html" class="details-link" title="More Details"><i
|
||||||
Language: C++
|
class="bx bx-link"></i></a>
|
||||||
</p>
|
|
||||||
<a href="https://github.com/karma-riuk/hdr_esim" class="details-link"
|
|
||||||
title="More Details"><i class="bx bx-link"></i></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<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/aoc.jpeg" class="img-fluid" alt="">
|
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-3.jpg" class="img-fluid"
|
||||||
</div>
|
alt=""></div>
|
||||||
<div class="portfolio-info">
|
<div class="portfolio-info">
|
||||||
<h4><a href="https://github.com/karma-riuk/advent-of-code">Advent of Code</a></h4>
|
<h4>App 2</h4>
|
||||||
<div>
|
<p>App</p>
|
||||||
<p>
|
<a href="assets/img/portfolio/portfolio-3.jpg" data-gallery="portfolioGallery"
|
||||||
Fun coding challenges during christmas.<span class="br"></span>
|
class="portfolio-lightbox preview-link" title="App 2"><i class="bx bx-plus"></i></a>
|
||||||
Languages: C++, Go, Python
|
<a href="portfolio-details.html" class="details-link" title="More Details"><i
|
||||||
</p>
|
class="bx bx-link"></i></a>
|
||||||
<a href="https://github.com/karma-riuk/advent-of-code" class="details-link"
|
|
||||||
title="More Details"><i class="bx bx-link"></i></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</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 src="assets/img/portfolio/paper-mosaik.png" class="img-fluid"
|
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-4.jpg" 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>Card 2</h4>
|
||||||
<!-- TODO: makea good readme fo this project -->
|
<p>Card</p>
|
||||||
<div>
|
<a href="assets/img/portfolio/portfolio-4.jpg" data-gallery="portfolioGallery"
|
||||||
<p>
|
class="portfolio-lightbox preview-link" title="Card 2"><i class="bx bx-plus"></i></a>
|
||||||
A visualization tool to represent reasearchers in terms of their papers
|
<a href="portfolio-details.html" class="details-link" title="More Details"><i
|
||||||
and their relationships to other
|
class="bx bx-link"></i></a>
|
||||||
researchers.<span class="br"></span>
|
</div>
|
||||||
Language: Smalltalk (Pharo)
|
</div>
|
||||||
</p>
|
|
||||||
<a href="https://github.com/karma-riuk/PaperMosaik" class="details-link"
|
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
|
||||||
title="More Details"><i class="bx bx-link"></i></a>
|
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-5.jpg" class="img-fluid"
|
||||||
</div>
|
alt=""></div>
|
||||||
|
<div class="portfolio-info">
|
||||||
|
<h4>Web 2</h4>
|
||||||
|
<p>Web</p>
|
||||||
|
<a href="assets/img/portfolio/portfolio-5.jpg" data-gallery="portfolioGallery"
|
||||||
|
class="portfolio-lightbox preview-link" title="Web 2"><i class="bx bx-plus"></i></a>
|
||||||
|
<a href="portfolio-details.html" class="details-link" title="More Details"><i
|
||||||
|
class="bx bx-link"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-lg-4 col-md-6 portfolio-item filter-app">
|
||||||
|
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-6.jpg" class="img-fluid"
|
||||||
|
alt=""></div>
|
||||||
|
<div class="portfolio-info">
|
||||||
|
<h4>App 3</h4>
|
||||||
|
<p>App</p>
|
||||||
|
<a href="assets/img/portfolio/portfolio-6.jpg" data-gallery="portfolioGallery"
|
||||||
|
class="portfolio-lightbox preview-link" title="App 3"><i class="bx bx-plus"></i></a>
|
||||||
|
<a href="portfolio-details.html" class="details-link" title="More Details"><i
|
||||||
|
class="bx bx-link"></i></a>
|
||||||
</div>
|
</div>
|
||||||
</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 src="assets/img/portfolio/maze-solver.gif" class="img-fluid"
|
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-7.jpg" class="img-fluid"
|
||||||
alt=""></div>
|
alt=""></div>
|
||||||
<div class="portfolio-info">
|
<div class="portfolio-info">
|
||||||
<h4><a href="https://github.com/karma-riuk/maze-sovler-go">Maze Solver</a></h4>
|
<h4>Card 1</h4>
|
||||||
<div>
|
<p>Card</p>
|
||||||
<p>
|
<a href="assets/img/portfolio/portfolio-7.jpg" data-gallery="portfolioGallery"
|
||||||
A simple maze solver that takes in various types of maze as input and
|
class="portfolio-lightbox preview-link" title="Card 1"><i class="bx bx-plus"></i></a>
|
||||||
outputs the solution.<span class="br"></span>
|
<a href="portfolio-details.html" class="details-link" title="More Details"><i
|
||||||
Language: Go
|
class="bx bx-link"></i></a>
|
||||||
</p>
|
</div>
|
||||||
<a href="https://github.com/karma-riuk/maze-sovler-go" class="details-link"
|
</div>
|
||||||
title="More Details"><i class="bx bx-link"></i></a>
|
|
||||||
</div>
|
<div class="col-lg-4 col-md-6 portfolio-item filter-card">
|
||||||
|
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-8.jpg" class="img-fluid"
|
||||||
|
alt=""></div>
|
||||||
|
<div class="portfolio-info">
|
||||||
|
<h4>Card 3</h4>
|
||||||
|
<p>Card</p>
|
||||||
|
<a href="assets/img/portfolio/portfolio-8.jpg" data-gallery="portfolioGallery"
|
||||||
|
class="portfolio-lightbox preview-link" title="Card 3"><i class="bx bx-plus"></i></a>
|
||||||
|
<a href="portfolio-details.html" class="details-link" title="More Details"><i
|
||||||
|
class="bx bx-link"></i></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-lg-4 col-md-6 portfolio-item filter-web">
|
||||||
|
<div class="portfolio-img"><img src="assets/img/portfolio/portfolio-9.jpg" class="img-fluid"
|
||||||
|
alt=""></div>
|
||||||
|
<div class="portfolio-info">
|
||||||
|
<h4>Web 3</h4>
|
||||||
|
<p>Web</p>
|
||||||
|
<a href="assets/img/portfolio/portfolio-9.jpg" data-gallery="portfolioGallery"
|
||||||
|
class="portfolio-lightbox preview-link" title="Web 3"><i class="bx bx-plus"></i></a>
|
||||||
|
<a href="portfolio-details.html" class="details-link" title="More Details"><i
|
||||||
|
class="bx bx-link"></i></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|