Skip to content

Commit

Permalink
Update the TPGwidget link
Browse files Browse the repository at this point in the history
  • Loading branch information
@Nicolapps
Nicolapps committed Jul 26, 2024
1 parent f7be9aa commit a89d128
Show file tree
Hide file tree
Showing 2 changed files with 82 additions and 148 deletions.
109 changes: 37 additions & 72 deletions en.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
Expand All @@ -12,6 +13,7 @@

<link rel="alternate" hreflang="fr" href="/fr">
</head>

<body>
<nav class="main-nav">
<label for="language-select" class="sr-only">Language</label>
Expand All @@ -23,9 +25,7 @@

<section class="section-hero">
<div class="section-hero-image">
<img
sizes="100vw"
srcset="
<img sizes="100vw" srcset="
resources/images/hero/700.jpg 700w,
resources/images/hero/1222.jpg 1222w,
resources/images/hero/1603.jpg 1603w,
Expand All @@ -43,10 +43,7 @@
resources/images/hero/3579.jpg 3579w,
resources/images/hero/3673.jpg 3673w,
resources/images/hero/3831.jpg 3831w,
resources/images/hero/3840.jpg 3840w"
src="resources/images/hero/3840.jpg"
alt=""
>
resources/images/hero/3840.jpg 3840w" src="resources/images/hero/3840.jpg" alt="">
</div>

<div class="formatted-content">
Expand All @@ -55,11 +52,12 @@ <h1>Hi! My name is Nicolas&nbsp;Ettlin and I’m passionate about computers.</h1
<p>
I love conceiving software.
I’ve created the public transit app
<a href="https://apps.apple.com/ch/app/id959278327" class="icon-link">
<a href="https://www.nicolapps.ch/tpgwidget/" class="icon-link">
<span><img src="resources/images/links/tpgwidget.png" alt=""> TPGwidget</span>
</a>
and participated to the development of the online board game
<a href="https://www.loups-garous-en-ligne.com" class="icon-link"><span><img src="resources/images/links/lgel.png" alt=""> Loups-Garous</span> en ligne</a>.
<a href="https://www.loups-garous-en-ligne.com" class="icon-link"><span><img
src="resources/images/links/lgel.png" alt=""> Loups-Garous</span> en ligne</a>.
</p>

<p>
Expand All @@ -82,12 +80,13 @@ <h1>Hi! My name is Nicolas&nbsp;Ettlin and I’m passionate about computers.</h1
<h2 class="sr-only">My projects</h2>

<div class="projects-grid">
<a class="project-card project-card-tpgw" href="https://apps.apple.com/ch/app/id959278327" target="_blank">
<svg class="project-card-layer" width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" role="presentation">
<rect x="0" y="0" width="100" height="100" fill="url(#tpgw-gradient)"/>
<a class="project-card project-card-tpgw" href="https://www.nicolapps.ch/tpgwidget/" target="_blank">
<svg class="project-card-layer" width="100" height="100" viewBox="0 0 100 100"
xmlns="http://www.w3.org/2000/svg" role="presentation">
<rect x="0" y="0" width="100" height="100" fill="url(#tpgw-gradient)" />
<linearGradient id="tpgw-gradient" x1="0" y1="0" x2="50" y2="100" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#FD9426"/>
<stop offset="1" stop-color="#D04321"/>
<stop offset="0" stop-color="#FD9426" />
<stop offset="1" stop-color="#D04321" />
</linearGradient>
</svg>
<div class="project-card-layer project-card-title">
Expand All @@ -99,47 +98,35 @@ <h3>
iOS/Android app
</div>
</div>
<img
class="project-card-layer project-card-tpgw-phone-layer"
sizes="
<img class="project-card-layer project-card-tpgw-phone-layer" sizes="
(max-width: 575px) 330px,
(max-width: 767px) 50vw,
(max-width: 991px) 400px,
(max-width: 1199px) 500px,
(max-width: 1399px) 560px,
560px"
srcset="
560px" srcset="
resources/images/card-tpgw/330.png 330w,
resources/images/card-tpgw/691.png 691w,
resources/images/card-tpgw/982.png 982w,
resources/images/card-tpgw/1215.png 1215w,
resources/images/card-tpgw/1437.png 1437w,
resources/images/card-tpgw/1630.png 1630w"
src="resources/images/card-tpgw/1630.png"
alt=""
>
resources/images/card-tpgw/1630.png 1630w" src="resources/images/card-tpgw/1630.png" alt="">
</a>

<a class="project-card" href="https://www.loups-garous-en-ligne.com" target="_blank">
<img
class="project-card-layer"
sizes="
<img class="project-card-layer" sizes="
(max-width: 575px) 320px,
(max-width: 767px) 50vw,
(max-width: 991px) 350px,
(max-width: 1199px) 451px,
(max-width: 1399px) 516px,
560px"
srcset="
560px" srcset="
resources/images/card-lgel/330.jpg 330w,
resources/images/card-lgel/542.jpg 542w,
resources/images/card-lgel/688.jpg 688w,
resources/images/card-lgel/875.jpg 875w,
resources/images/card-lgel/973.jpg 973w,
resources/images/card-lgel/997.jpg 997w"
src="resources/images/card-lgel/997.jpg"
alt=""
>
resources/images/card-lgel/997.jpg 997w" src="resources/images/card-lgel/997.jpg" alt="">
<div class="project-card-layer project-card-title">
<h3>
Loups-Garous en ligne
Expand All @@ -151,28 +138,23 @@ <h3>
</a>

<a class="project-card project-card-gsc" href="https://2020.genevaskills.ch" target="_blank">
<img
class="project-card-layer"
sizes="
<img class="project-card-layer" sizes="
(max-width: 575px) 320px,
(max-width: 767px) 50vw,
(max-width: 991px) 350px,
(max-width: 1199px) 451px,
(max-width: 1399px) 516px,
560px"
srcset="
560px" srcset="
resources/images/card-gsc/200.jpg 200w,
resources/images/card-gsc/545.jpg 545w,
resources/images/card-gsc/810.jpg 810w,
resources/images/card-gsc/1023.jpg 1023w,
resources/images/card-gsc/1200.jpg 1200w"
src="resources/images/card-gsc/1200.png"
alt=""
>
resources/images/card-gsc/1200.jpg 1200w" src="resources/images/card-gsc/1200.png" alt="">
<div class="project-card-layer project-card-shadow-layer"></div>
<svg class="project-card-layer" width="1200" height="1200" viewBox="0 0 1200 1200" xmlns="http://www.w3.org/2000/svg" role="presentation">
<path d="M1200 1200V831.638L1002.6 1019.27L619.403 1200H1200Z" fill="#FECA55"/>
<path d="M0 0V851.703L171.524 223.572L849.338 0H0Z" fill="#FEE063"/>
<svg class="project-card-layer" width="1200" height="1200" viewBox="0 0 1200 1200"
xmlns="http://www.w3.org/2000/svg" role="presentation">
<path d="M1200 1200V831.638L1002.6 1019.27L619.403 1200H1200Z" fill="#FECA55" />
<path d="M0 0V851.703L171.524 223.572L849.338 0H0Z" fill="#FEE063" />
</svg>
<div class="project-card-layer project-card-title">
<h3>
Expand All @@ -185,25 +167,19 @@ <h3>
</a>

<a class="project-card" href="https://sgea.ch" target="_blank">
<img
class="project-card-layer"
sizes="
<img class="project-card-layer" sizes="
(max-width: 575px) 320px,
(max-width: 767px) 50vw,
(max-width: 991px) 350px,
(max-width: 1199px) 451px,
(max-width: 1399px) 516px,
560px"
srcset="
560px" srcset="
resources/images/card-sgea/330.jpg 330w,
resources/images/card-sgea/544.jpg 544w,
resources/images/card-sgea/773.jpg 773w,
resources/images/card-sgea/859.jpg 859w,
resources/images/card-sgea/999.jpg 999w,
resources/images/card-sgea/1000.jpg 1000w"
src="resources/images/card-sgea/1000.jpg"
alt=""
>
resources/images/card-sgea/1000.jpg 1000w" src="resources/images/card-sgea/1000.jpg" alt="">
<div class="project-card-layer project-card-shadow-layer"></div>
<div class="project-card-layer project-card-title">
<h3>
Expand All @@ -216,25 +192,19 @@ <h3>
</a>

<a class="project-card" href="https://www.pique-assiette.ch" target="_blank">
<img
class="project-card-layer"
sizes="
<img class="project-card-layer" sizes="
(max-width: 575px) 320px,
(max-width: 767px) 50vw,
(max-width: 991px) 350px,
(max-width: 1199px) 451px,
(max-width: 1399px) 516px,
560px"
srcset="
560px" srcset="
resources/images/card-pa/330.jpg 330w,
resources/images/card-pa/542.jpg 542w,
resources/images/card-pa/713.jpg 713w,
resources/images/card-pa/869.jpg 869w,
resources/images/card-pa/983.jpg 983w,
resources/images/card-pa/992.jpg 992w"
src="resources/images/card-pa/992.jpg"
alt=""
>
resources/images/card-pa/992.jpg 992w" src="resources/images/card-pa/992.jpg" alt="">
<div class="project-card-layer project-card-shadow-layer"></div>
<div class="project-card-layer project-card-title">
<h3>
Expand All @@ -247,24 +217,18 @@ <h3>
</a>

<a class="project-card project-card-ges" href="https://www.ge-soif.ch" target="_blank">
<img
class="project-card-layer"
sizes="
<img class="project-card-layer" sizes="
(max-width: 575px) 320px,
(max-width: 767px) 50vw,
(max-width: 991px) 350px,
(max-width: 1199px) 451px,
(max-width: 1399px) 516px,
560px"
srcset="
560px" srcset="
resources/images/card-ges/330.png 330w,
resources/images/card-ges/572.png 572w,
resources/images/card-ges/762.png 762w,
resources/images/card-ges/912.png 912w,
resources/images/card-ges/1000.png 1000w"
src="resources/images/card-ges/1000.png"
alt=""
>
resources/images/card-ges/1000.png 1000w" src="resources/images/card-ges/1000.png" alt="">
<div class="project-card-layer project-card-title">
<h3>
GE-Soif
Expand All @@ -281,4 +245,5 @@ <h3>
<script src="resources/scripts/vanilla-tilt.min.js"></script>
<script src="resources/scripts/index.js"></script>
</body>
</html>

</html>
Loading

0 comments on commit a89d128

Please sign in to comment.