Updating dependencies, introducing font awesome

This commit is contained in:
matthieu42morin 2023-11-11 15:43:47 +01:00
parent 417b2d5c35
commit de90dacf6d
4 changed files with 44 additions and 3 deletions

View File

@ -66,9 +66,11 @@
}, },
"dependencies": { "dependencies": {
"@floating-ui/dom": "1.5.1", "@floating-ui/dom": "1.5.1",
"@fortawesome/fontawesome-free": "^6.4.2",
"@threlte/core": "^6.1.0", "@threlte/core": "^6.1.0",
"@threlte/extras": "^7.5.0", "@threlte/extras": "^7.5.0",
"@yushijinhun/three-minifier-rollup": "^0.4.0", "@yushijinhun/three-minifier-rollup": "^0.4.0",
"ficons": "^1.1.54",
"highlight.js": "11.8.0", "highlight.js": "11.8.0",
"linkedom": "^0.15.6", "linkedom": "^0.15.6",
"prismjs": "^1.29.0", "prismjs": "^1.29.0",

View File

@ -8,6 +8,9 @@ dependencies:
'@floating-ui/dom': '@floating-ui/dom':
specifier: 1.5.1 specifier: 1.5.1
version: 1.5.1 version: 1.5.1
'@fortawesome/fontawesome-free':
specifier: ^6.4.2
version: 6.4.2
'@threlte/core': '@threlte/core':
specifier: ^6.1.0 specifier: ^6.1.0
version: 6.1.0(svelte@4.2.2)(three@0.158.0) version: 6.1.0(svelte@4.2.2)(three@0.158.0)
@ -17,6 +20,9 @@ dependencies:
'@yushijinhun/three-minifier-rollup': '@yushijinhun/three-minifier-rollup':
specifier: ^0.4.0 specifier: ^0.4.0
version: 0.4.0 version: 0.4.0
ficons:
specifier: ^1.1.54
version: 1.1.54
highlight.js: highlight.js:
specifier: 11.8.0 specifier: 11.8.0
version: 11.8.0 version: 11.8.0
@ -435,6 +441,12 @@ packages:
resolution: {integrity: sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A==} resolution: {integrity: sha512-OfX7E2oUDYxtBvsuS4e/jSn4Q9Qb6DzgeYtsAdkPZ47znpoNsMgZw0+tVijiv3uGNR6dgNlty6r9rzIzHjtd/A==}
dev: false dev: false
/@fortawesome/fontawesome-free@6.4.2:
resolution: {integrity: sha512-m5cPn3e2+FDCOgi1mz0RexTUvvQibBebOUlUlW0+YrMjDTPkiJ6VTKukA1GRsvRw+12KyJndNjj0O4AgTxm2Pg==}
engines: {node: '>=6'}
requiresBuild: true
dev: false
/@humanwhocodes/config-array@0.11.13: /@humanwhocodes/config-array@0.11.13:
resolution: {integrity: sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==} resolution: {integrity: sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==}
engines: {node: '>=10.10.0'} engines: {node: '>=10.10.0'}
@ -1597,6 +1609,10 @@ packages:
reusify: 1.0.4 reusify: 1.0.4
dev: true dev: true
/ficons@1.1.54:
resolution: {integrity: sha512-l/pG5L4CJAdgOb1rLTliGf/t3QDiI54/XIbgD9t/UeWw9FJYHDApaoKcyuk3WpRqJXXiNBCdVi9QrpXpv+eL1A==}
dev: false
/file-entry-cache@6.0.1: /file-entry-cache@6.0.1:
resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==} resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
engines: {node: ^10.12.0 || >=12.0.0} engines: {node: ^10.12.0 || >=12.0.0}

View File

@ -3,8 +3,22 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 18 16'><text x='0' y='14'>🚀</text></svg>" /> <link
<link rel="preload" href="/fonts/MagilioRegular.ttf" as="font" type="font/ttf" crossorigin /> rel="icon"
href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 18 16'><text x='0' y='14'>🚀</text></svg>"
/>
<link
rel="preload"
href="/fonts/MagilioRegular.ttf"
as="font"
type="font/ttf"
crossorigin
/>
<!-- Dropin replacement for FontAwesome-->
<!-- <link
href="https://cdn.jsdelivr.net/npm/ficons@1.1.52/dist/ficons/font.css"
rel="stylesheet"
/> -->
%sveltekit.head% %sveltekit.head%
</head> </head>
<body data-sveltekit-preload-data="hover" data-theme="wintry"> <body data-sveltekit-preload-data="hover" data-theme="wintry">

View File

@ -1,7 +1,13 @@
<script lang="ts"> <script lang="ts">
// Global Stylesheet
import '../app.postcss'; import '../app.postcss';
// Font Awesome
import '@fortawesome/fontawesome-free/css/fontawesome.css';
import '@fortawesome/fontawesome-free/css/brands.css';
import '@fortawesome/fontawesome-free/css/solid.css';
// Shell components
import { AppShell } from '@skeletonlabs/skeleton'; import { AppShell } from '@skeletonlabs/skeleton';
import { onMount } from 'svelte';
import MainFooter from '$lib/components/MainFooter.svelte'; import MainFooter from '$lib/components/MainFooter.svelte';
import MainHeader from '$lib/components/MainHeader.svelte'; import MainHeader from '$lib/components/MainHeader.svelte';
@ -10,6 +16,9 @@
import { storePopup } from '@skeletonlabs/skeleton'; import { storePopup } from '@skeletonlabs/skeleton';
storePopup.set({ computePosition, autoUpdate, flip, shift, offset, arrow }); storePopup.set({ computePosition, autoUpdate, flip, shift, offset, arrow });
// Svelte utils
import { onMount } from 'svelte';
//Cookie, Identifiers and store //Cookie, Identifiers and store
import Cookies from 'js-cookie'; import Cookies from 'js-cookie';
import { cookies } from '$lib/constants'; import { cookies } from '$lib/constants';