partenaires 2025

2024 partenaires

See merge request pls5618/website!15

.gitea/workflows/deploy.yaml

@@ -0,0 +1,49 @@
+name: Deploy website
+run-name: ${{ gitea.actor }} déploie 🚀
+on: [push]
+
+jobs:
+  build:
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: npm
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: NPM build
+        run: npm run build
+
+      - name: Upload Artifacts
+        uses: actions/upload-artifact@v3
+        with:
+          name: build
+          path: 'build/'
+          overwrite: true
+
+  deploy:
+    needs: build
+    environment:
+      name: pls5618.com
+      url: https://pls5618.com
+    steps:
+      - name: Download Artifacts
+        uses: actions/download-artifact@v3
+        with:
+          name: build
+          path: 'build/'
+
+      - name: FTP Deploy
+        uses: SamKirkland/FTP-Deploy-Action@v4.3.5
+        with:
+          server: pls5618.com
+          username: ${{ secrets.ftp_user }}
+          password: ${{ secrets.ftp_password }}
+          local-dir: ./build/
+      

.gitlab-ci.yml

@@ -1,6 +1,7 @@
 default:
+  image: node:latest
   tags:
-    - website
+    - node
 
 stages:
   - build
@@ -12,14 +13,15 @@ build:
     paths:
       - build/
   script:
-    - echo "Build"
     - npm install
     - npm run build
 
 deploy-beta:
   stage: deploy
+  before_script:
+    - apt-get update
+    - apt-get install ncftp
   script:
-    - echo "Deploy to beta server"
     - ncftpput -R -u "$ftp_user" -p "$ftp_pass" pls5618.com beta_site build/*
   environment:
     name: beta
@@ -29,8 +31,10 @@ deploy-beta:
 
 deploy:
   stage: deploy
+  before_script:
+    - apt-get update
+    - apt-get install ncftp
   script:
-    - echo "Deploy to server"
     - ncftpput -R -u "$ftp_user" -p "$ftp_pass" pls5618.com . build/*
   environment:
     name: website

src/app.d.ts

@@ -14,10 +14,22 @@ declare global {
 			const out: string;
 			export default out;
 		}
+		declare module '*.jpeg?height=600&width=600&fit=contain&background=transparent&webp' {
+			const out: string;
+			export default out;
+		}
+		declare module '*.jpg?height=600&width=600&fit=contain&background=transparent&webp' {
+			const out: string;
+			export default out;
+		}
 		declare module '*.png?width=1100&fit=contain&background=transparent&webp' {
 			const out: string;
 			export default out;
 		}
+		declare module '*.png?background=transparent&webp' {
+			const out: string;
+			export default out;
+		}
 	}
 }
 

src/app.scss

@@ -16,6 +16,7 @@
 	--muted-border-color: #c99a2c;
 	--card-sectionning-background-color: #189ad6;
 	--card-background-color: hsl(199, 80%, 55%);
+	--partenaires-background: hsl(199, 30.6%, 93.41%);
 	--color: white;
 	--border-width: 2px;
 	--active-link-color: #0a1425;
@@ -27,6 +28,7 @@
 		--background-color: #0a1425;
 		--card-sectionning-background-color: #243043;
 		--card-background-color: #0c192e;
+		--partenaires-background: hsl(217, 34%, 87%);
 		--card-border-color: #c99a2c;
 		--active-link-color: #189ad6;
 		--primary-focus: rgba(201, 154, 44, 0.3);

src/routes/partenaires/+page.svelte

@@ -1,103 +1,22 @@
 <script lang="ts">
-	import primewood from '$lib/assets/partenaires/primewood.png?height=600&width=600&fit=contain&background=transparent&webp';
+	import or from '$lib/assets/partenaires/or-2025.png?background=transparent&webp';
-	import machinex from '$lib/assets/partenaires/machinex.png?height=600&width=600&fit=contain&background=transparent&webp';
+	import argent from '$lib/assets/partenaires/argent-2025.png?background=transparent&webp';
-	import atocas from '$lib/assets/partenaires/atocas.png?height=600&width=600&fit=contain&background=transparent&webp';
+	import bronze from '$lib/assets/partenaires/bronze-2025.png?background=transparent&webp';
-	import usnr from '$lib/assets/partenaires/usnr.png?height=600&width=600&fit=contain&background=transparent&webp';
-	import boisdaction from '$lib/assets/partenaires/boisdaction.png?height=600&width=600&fit=contain&background=transparent&webp';
-	import jit from '$lib/assets/partenaires/jit.png?height=600&width=600&fit=contain&background=transparent&webp';
-	import batteriesexpert from '$lib/assets/partenaires/batteriesexpert.png?height=600&width=600&fit=contain&background=transparent&webp';
-	import carbotech from '$lib/assets/partenaires/carbotech.png?height=600&width=600&fit=contain&background=transparent&webp';
-	import festivalduboeuf from '$lib/assets/partenaires/festivalduboeuf.png?height=600&width=600&fit=contain&background=transparent&webp';
-	import mrc from '$lib/assets/partenaires/mrc.png?height=600&width=600&fit=contain&background=transparent&webp';
-	import robovic from '$lib/assets/partenaires/robovic.png?height=600&width=600&fit=contain&background=transparent&webp';
-	import ville from '$lib/assets/partenaires/ville.png?height=600&width=600&fit=contain&background=transparent&webp';
-	import homedepot from '$lib/assets/partenaires/homedepot.png?height=600&width=600&fit=contain&background=transparent&webp';
-	import manoir from '$lib/assets/partenaires/manoir.png?height=600&width=600&fit=contain&background=transparent&webp';
-	import bombardier from '$lib/assets/partenaires/bombardier.png?width=1100&fit=contain&background=transparent&webp';
-	import hydroquebec from '$lib/assets/partenaires/hydroquebec.png?height=600&width=600&fit=contain&background=transparent&webp';
-	import vexco from '$lib/assets/partenaires/vexco.png?height=600&width=600&fit=contain&background=transparent&webp';
 </script>
 
 <div class="container">
-	<article>
+	<img src={or} alt="Partenaires Or" />
-		<header>Platine</header>
+	<img src={argent} alt="Partenaires Argent" />
-		<div class="partenaires" id="platine">
+	<img src={bronze} alt="Partenaires Bronze" />
-			<img src={bombardier} alt="Fondation J Armand Bombardier" />
-		</div>
-	</article>
-	<article>
-		<header>Or</header>
-		<div class="partenaires" id="or">
-			<img src={atocas} alt="Atocas de l'érable" />
-			<img src={hydroquebec} alt="Hydro Québec" />
-			<img src={jit} alt="Jit Laser" />
-			<img src={machinex} alt="Machinex" />
-			<img src={usnr} alt="USNR" />
-		</div>
-	</article>
-	<article>
-		<header>Argent</header>
-		<div class="partenaires" id="argent">
-			<img src={primewood} alt="Primewood" />
-			<img src={batteriesexpert} alt="Batteries Expert" />
-			<img src={boisdaction} alt="Boisdaction" />
-			<img src={carbotech} alt="Carbotech" />
-			<img src={festivalduboeuf} alt="Festival du boeuf" />
-			<img src={mrc} alt="MRC de l'érable" />
-			<img src={robovic} alt="Robovic" />
-			<img src={ville} alt="Ville de Plessisville" />
-		</div>
-	</article>
-	<article>
-		<header>Bronze</header>
-		<div class="partenaires" id="bronze">
-			<img src={homedepot} alt="Home Dépot" />
-			<img src={manoir} alt="Manoir du Lac William" />
-			<img src={vexco} alt="Vexco" />
-		</div>
-	</article>
 </div>
 
 <style lang="scss">
-	.partenaires {
+	.container {
-		display: grid;
+		margin-top: 2rem;
-		column-gap: 20px;
+		display: flex;
-		row-gap: 20px;
+		flex-flow: column nowrap;
-		align-items: stretch;
+		width: fit-content;
-		justify-items: stretch;
+		align-items: center;
-
+		gap: 2rem;
-		img {
-			object-fit: contain;
-			filter: drop-shadow(1px 1px 1px white) drop-shadow(-1px 1px 1px white)
-				drop-shadow(1px -1px 1px white) drop-shadow(-1px -1px 1px white);
-		}
-
-		&#platine {
-			grid-template-columns: repeat(1, 1fr);
-		}
-		&#or {
-			grid-template-columns: repeat(2, 1fr);
-		}
-		&#argent {
-			grid-template-columns: repeat(3, 1fr);
-		}
-		&#bronze {
-			grid-template-columns: repeat(4, 1fr);
-		}
-
-		@media (min-width: 576px) {
-			&#platine {
-				grid-template-columns: repeat(1, 1fr);
-			}
-			&#or {
-				grid-template-columns: repeat(3, 1fr);
-			}
-			&#argent {
-				grid-template-columns: repeat(4, 1fr);
-			}
-			&#bronze {
-				grid-template-columns: repeat(5, 1fr);
-			}
-		}
 	}
 </style>

src/routes/resultats/+page.svelte

@@ -1,4 +1,6 @@
 <script lang="ts">
+	import img2025 from '$lib/assets/resultats/2025.jpg?width=600&webp';
+	import img2024 from '$lib/assets/resultats/2024.jpg?width=600&webp';
 	import img2023 from '$lib/assets/resultats/2023.jpg?width=600&webp';
 	import img2022 from '$lib/assets/resultats/2022.jpg?width=600&webp';
 	import img2020 from '$lib/assets/resultats/2020.jpg?width=600&webp';
@@ -11,6 +13,26 @@
 	import Resultat from './Resultat.svelte';
 
 	const resultats: Res[] = [
+		{
+			saison: '2025',
+			image: img2025,
+			events: [
+				{
+					nom: 'Festival de Robotique Regional',
+					resultats: ['16e en qualification', 'Alliance finaliste']
+				}
+			]
+		},
+		{
+			saison: '2024',
+			image: img2024,
+			events: [
+				{
+					nom: 'Festival de Robotique Regional',
+					resultats: ['6e en qualification', 'Prix de la durabilité']
+				}
+			]
+		},
 		{
 			saison: '2023',
 			image: img2023,