aardouin/onePageDaddy
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
aardouin
2023-09-01 14:39:32 +02:00
commit de4fdcab02
39 changed files with 4633 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/JS/time.js Normal file
View File

@ -0,0 +1,18 @@
import { readable, derived } from 'svelte/store';
export const time = readable(new Date(), function start(set) {
const interval = setInterval(() => {
set(new Date());
}, 1000);
return function stop() {
clearInterval(interval);
};
});
const start = new Date();
export const elapsed = derived(
time,
($time) => Math.round(($time - start) / 1000)
);

3
src/app.css Normal file
View File

@ -0,0 +1,3 @@
@tailwind base;
@tailwind components;
@tailwind utilities;

12
src/app.d.ts vendored Normal file
View File

@ -0,0 +1,12 @@
// See https://kit.svelte.dev/docs/types#app
// for information about these interfaces
declare global {
namespace App {
// interface Error {}
// interface Locals {}
// interface PageData {}
// interface Platform {}
}
}
export {};

12
src/app.html Normal file
View File

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
<meta name="viewport" content="width=device-width" />
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover">
<div style="display: contents">%sveltekit.body%</div>
</body>
</html>

19
src/data/cards.json Normal file
View File

@ -0,0 +1,19 @@
{
"cards":[
{
"title":"Titre card 1",
"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Gravida in fermentum et sollicitudin. Odio tempor orci dapibus ultrices in iaculis nunc sed augue. Leo a diam sollicitudin tempor id eu nisl. Augue lacus viverra vitae congue eu.",
"picto":"briefcase-4-fill.svg"
},
{
"title":"Titre card 2",
"text":"A pellentesque sit amet porttitor eget dolor. Duis at consectetur lorem donec. Convallis a cras semper auctor neque vitae. Et magnis dis parturient montes nascetur ridiculus mus mauris. Purus in mollis nunc sed id semper.",
"picto":"inbox-archive-fill.svg"
},
{
"title":"Titre card 3",
"text":"Viverra accumsan in nisl nisi scelerisque eu. Vel orci porta non pulvinar neque laoreet suspendisse interdum consectetur. Purus in mollis nunc sed id semper risus in hendrerit. ",
"picto":"pie-chart-2-fill.svg"
}
]
}

7
src/index.test.js Normal file
View File

@ -0,0 +1,7 @@
import { describe, it, expect } from 'vitest';
describe('sum test', () => {
it('adds 1 + 2 to equal 3', () => {
expect(1 + 2).toBe(3);
});
});

1
src/lib/index.js Normal file
View File

@ -0,0 +1 @@
// place files you want to import through the `$lib` alias in this folder.

1
src/pictures/background.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="351" height="292.5" viewBox="0 0 1080 900"><g fill-opacity="0.04"><polygon fill="#444" points="90 150 0 300 180 300"/><polygon points="90 150 180 0 0 0"/><polygon fill="#AAA" points="270 150 360 0 180 0"/><polygon fill="#DDD" points="450 150 360 300 540 300"/><polygon fill="#999" points="450 150 540 0 360 0"/><polygon points="630 150 540 300 720 300"/><polygon fill="#DDD" points="630 150 720 0 540 0"/><polygon fill="#444" points="810 150 720 300 900 300"/><polygon fill="#FFF" points="810 150 900 0 720 0"/><polygon fill="#DDD" points="990 150 900 300 1080 300"/><polygon fill="#444" points="990 150 1080 0 900 0"/><polygon fill="#DDD" points="90 450 0 600 180 600"/><polygon points="90 450 180 300 0 300"/><polygon fill="#666" points="270 450 180 600 360 600"/><polygon fill="#AAA" points="270 450 360 300 180 300"/><polygon fill="#DDD" points="450 450 360 600 540 600"/><polygon fill="#999" points="450 450 540 300 360 300"/><polygon fill="#999" points="630 450 540 600 720 600"/><polygon fill="#FFF" points="630 450 720 300 540 300"/><polygon points="810 450 720 600 900 600"/><polygon fill="#DDD" points="810 450 900 300 720 300"/><polygon fill="#AAA" points="990 450 900 600 1080 600"/><polygon fill="#444" points="990 450 1080 300 900 300"/><polygon fill="#222" points="90 750 0 900 180 900"/><polygon points="270 750 180 900 360 900"/><polygon fill="#DDD" points="270 750 360 600 180 600"/><polygon points="450 750 540 600 360 600"/><polygon points="630 750 540 900 720 900"/><polygon fill="#444" points="630 750 720 600 540 600"/><polygon fill="#AAA" points="810 750 720 900 900 900"/><polygon fill="#666" points="810 750 900 600 720 600"/><polygon fill="#999" points="990 750 900 900 1080 900"/><polygon fill="#999" points="180 0 90 150 270 150"/><polygon fill="#444" points="360 0 270 150 450 150"/><polygon fill="#FFF" points="540 0 450 150 630 150"/><polygon points="900 0 810 150 990 150"/><polygon fill="#222" points="0 300 -90 450 90 450"/><polygon fill="#FFF" points="0 300 90 150 -90 150"/><polygon fill="#FFF" points="180 300 90 450 270 450"/><polygon fill="#666" points="180 300 270 150 90 150"/><polygon fill="#222" points="360 300 270 450 450 450"/><polygon fill="#FFF" points="360 300 450 150 270 150"/><polygon fill="#444" points="540 300 450 450 630 450"/><polygon fill="#222" points="540 300 630 150 450 150"/><polygon fill="#AAA" points="720 300 630 450 810 450"/><polygon fill="#666" points="720 300 810 150 630 150"/><polygon fill="#FFF" points="900 300 810 450 990 450"/><polygon fill="#999" points="900 300 990 150 810 150"/><polygon points="0 600 -90 750 90 750"/><polygon fill="#666" points="0 600 90 450 -90 450"/><polygon fill="#AAA" points="180 600 90 750 270 750"/><polygon fill="#444" points="180 600 270 450 90 450"/><polygon fill="#444" points="360 600 270 750 450 750"/><polygon fill="#999" points="360 600 450 450 270 450"/><polygon fill="#666" points="540 600 630 450 450 450"/><polygon fill="#222" points="720 600 630 750 810 750"/><polygon fill="#FFF" points="900 600 810 750 990 750"/><polygon fill="#222" points="900 600 990 450 810 450"/><polygon fill="#DDD" points="0 900 90 750 -90 750"/><polygon fill="#444" points="180 900 270 750 90 750"/><polygon fill="#FFF" points="360 900 450 750 270 750"/><polygon fill="#AAA" points="540 900 630 750 450 750"/><polygon fill="#FFF" points="720 900 810 750 630 750"/><polygon fill="#222" points="900 900 990 750 810 750"/><polygon fill="#222" points="1080 300 990 450 1170 450"/><polygon fill="#FFF" points="1080 300 1170 150 990 150"/><polygon points="1080 600 990 750 1170 750"/><polygon fill="#666" points="1080 600 1170 450 990 450"/><polygon fill="#DDD" points="1080 900 1170 750 990 750"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

1
src/pictures/briefcase-4-fill.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9 13V16H15V13H22V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V13H9ZM11 11H13V14H11V11ZM7 5V2C7 1.44772 7.44772 1 8 1H16C16.5523 1 17 1.44772 17 2V5H21C21.5523 5 22 5.44772 22 6V11H15V9H9V11H2V6C2 5.44772 2.44772 5 3 5H7ZM9 3V5H15V3H9Z" fill="rgba(255,255,255,1)"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 360 B

BIN
src/pictures/hands.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

82
src/pictures/hands.svg Normal file
View File

@ -0,0 +1,82 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="1920"
height="1080"
viewBox="0 0 508 285.75"
version="1.1"
id="svg1"
xml:space="preserve"
inkscape:version="1.3 (0e150ed6c4, 2023-07-21)"
sodipodi:docname="hands.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
inkscape:zoom="0.55048947"
inkscape:cx="983.67004"
inkscape:cy="559.50207"
inkscape:window-width="1855"
inkscape:window-height="1011"
inkscape:window-x="65"
inkscape:window-y="32"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" /><defs
id="defs1" /><g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1"><g
id="g1"
transform="matrix(-0.18059603,0,0,0.18059603,164.921,154.00856)"
style="fill:#0060b0;fill-opacity:1">&#10; <path
class="st0"
d="m 423.658,63.034 c 0,-12.55 -10.198,-22.733 -22.724,-22.733 -12.542,0 -22.708,10.183 -22.708,22.733 V 175.26 c -4.59,-1.123 -9.488,-2.182 -14.644,-3.241 V 30.895 c 0,-12.55 -10.215,-22.7 -22.724,-22.7 -12.542,0 -22.725,10.15 -22.725,22.7 v 131.677 c -4.897,-1.075 -9.778,-2.093 -14.627,-3.038 V 22.701 C 303.505,10.207 293.323,0 280.813,0 268.222,0 258.089,10.207 258.089,22.701 v 131.297 c -5.156,0 -9.956,0.444 -14.628,1.188 V 63.487 c 0,-12.518 -10.215,-22.676 -22.725,-22.676 -12.558,0 -22.708,10.158 -22.708,22.676 0,0 -0.162,157.86 -0.098,161.351 -2.618,21.958 -42.168,-22.466 -76.837,-31.889 -36.722,-10.021 -46.016,24.874 -10.005,53.402 60.837,48.286 113.382,152.608 113.382,192.659 l 0,347.71863 H 381.7 L 379.348,449.354 c 0,-37.238 44.31,-78.615 44.31,-177.918 z"
id="path1"
style="fill:#0060b0;fill-opacity:1"
sodipodi:nodetypes="sssccssscccssccssccccscccss" />&#10;</g><g
id="g2-7"
transform="matrix(-0.16095996,0,0,0.16095996,87.571802,166.27141)"
style="fill:#004f91;fill-opacity:1">&#10; <path
class="st0"
d="m 114.32069,119.5424 c 0,-12.55 10.198,-22.733 22.724,-22.733 12.542,0 22.708,10.183 22.708,22.733 v 112.22601 c 4.59,-1.123 9.488,-2.182 14.644,-3.241 V 87.4034 c 0,-12.55 10.215,-22.7 22.724,-22.7 12.542,0 22.725,10.15 22.725,22.7 v 131.67701 c 4.897,-1.075 9.778,-2.093 14.627,-3.038 V 79.2094 c 0.001,-12.494 10.183,-22.701 22.693,-22.701 12.591,0 22.724,10.207 22.724,22.701 v 131.29701 c 5.156,0 9.956,0.444 14.628,1.188 V 119.9954 c 0,-12.518 10.215,-22.676 22.725,-22.676 12.558,0 22.708,10.158 22.708,22.676 0,0 0.162,157.86001 0.098,161.35101 2.618,21.958 42.168,-22.466 76.837,-31.889 36.72199,-10.021 46.01599,24.874 10.005,53.402 -60.837,48.286 -113.382,152.608 -113.382,192.659 v 368.74647 h -157.23 l 2.352,-358.40247 c 0,-37.238 -44.31,-78.615 -44.31,-177.918 z"
id="path1-6-0"
style="fill:#004f91;fill-opacity:1"
sodipodi:nodetypes="sssccssscccssccssccccscccss" />&#10;</g><g
id="g2-7-9"
transform="matrix(-0.16095996,0,0,0.16095996,506.54318,166.52758)"
inkscape:transform-center-x="-2.6247134"
inkscape:transform-center-y="-2.8499147"
style="fill:#0060b0;fill-opacity:1">&#10; <path
class="st0"
d="m 423.658,63.034 c 0,-12.55 -10.198,-22.733 -22.724,-22.733 -12.542,0 -22.708,10.183 -22.708,22.733 V 175.26 c -4.59,-1.123 -9.488,-2.182 -14.644,-3.241 V 30.895 c 0,-12.55 -10.215,-22.7 -22.724,-22.7 -12.542,0 -22.725,10.15 -22.725,22.7 v 131.677 c -4.897,-1.075 -9.778,-2.093 -14.627,-3.038 V 22.701 C 303.505,10.207 293.323,0 280.813,0 268.222,0 258.089,10.207 258.089,22.701 v 131.297 c -5.156,0 -9.956,0.444 -14.628,1.188 V 63.487 c 0,-12.518 -10.215,-22.676 -22.725,-22.676 -12.558,0 -22.708,10.158 -22.708,22.676 0,0 -0.162,157.86 -0.098,161.351 -2.618,21.958 -42.168,-22.466 -76.837,-31.889 -36.722,-10.021 -46.016,24.874 -10.005,53.402 60.837,48.286 113.382,152.608 113.382,192.659 l 0,368.23616 H 381.7 L 379.348,449.354 c 0,-37.238 44.31,-78.615 44.31,-177.918 z"
id="path1-6-0-20"
style="fill:#0060b0;fill-opacity:1"
sodipodi:nodetypes="sssccssscccssccssccccscccss" />&#10;</g><g
id="g2-7-6"
transform="matrix(0.2216688,0,0,0.2216688,366.12271,110.16821)"
style="fill:#058eff;fill-opacity:1">&#10; <path
class="st0"
d="m 423.658,63.034 c 0,-12.55 -10.198,-22.733 -22.724,-22.733 -12.542,0 -22.708,10.183 -22.708,22.733 V 175.26 c -4.59,-1.123 -9.488,-2.182 -14.644,-3.241 V 30.895 c 0,-12.55 -10.215,-22.7 -22.724,-22.7 -12.542,0 -22.725,10.15 -22.725,22.7 v 131.677 c -4.897,-1.075 -9.778,-2.093 -14.627,-3.038 V 22.701 C 303.505,10.207 293.323,0 280.813,0 268.222,0 258.089,10.207 258.089,22.701 v 131.297 c -5.156,0 -9.956,0.444 -14.628,1.188 V 63.487 c 0,-12.518 -10.215,-22.676 -22.725,-22.676 -12.558,0 -22.708,10.158 -22.708,22.676 0,0 -0.162,157.86 -0.098,161.351 -2.618,21.958 -42.168,-22.466 -76.837,-31.889 -36.722,-10.021 -46.016,24.874 -10.005,53.402 60.837,48.286 113.382,152.608 113.382,192.659 l 0,440.285 H 381.7 l -2.352,-429.941 c 0,-37.238 44.31,-78.615 44.31,-177.918 z"
id="path1-6-0-2"
style="fill:#058eff;fill-opacity:1"
sodipodi:nodetypes="sssccssscccssccssccccscccss" />&#10;</g><g
id="g2"
transform="matrix(0.2216688,0,0,0.2216688,8.3741932,106.83654)"
style="fill:#058eff;fill-opacity:1">&#10; <path
class="st0"
d="m 423.658,63.034 c 0,-12.55 -10.198,-22.733 -22.724,-22.733 -12.542,0 -22.708,10.183 -22.708,22.733 V 175.26 c -4.59,-1.123 -9.488,-2.182 -14.644,-3.241 V 30.895 c 0,-12.55 -10.215,-22.7 -22.724,-22.7 -12.542,0 -22.725,10.15 -22.725,22.7 v 131.677 c -4.897,-1.075 -9.778,-2.093 -14.627,-3.038 V 22.701 C 303.505,10.207 293.323,0 280.813,0 268.222,0 258.089,10.207 258.089,22.701 v 131.297 c -5.156,0 -9.956,0.444 -14.628,1.188 V 63.487 c 0,-12.518 -10.215,-22.676 -22.725,-22.676 -12.558,0 -22.708,10.158 -22.708,22.676 0,0 -0.162,157.86 -0.098,161.351 -2.618,21.958 -42.168,-22.466 -76.837,-31.889 -36.722,-10.021 -46.016,24.874 -10.005,53.402 60.837,48.286 113.382,152.608 113.382,192.659 V 840.38194 H 381.7 L 379.348,449.354 c 0,-37.238 44.31,-78.615 44.31,-177.918 z"
id="path1-6"
style="fill:#058eff;fill-opacity:1"
sodipodi:nodetypes="sssccssscccssccssccccscccss" />&#10;</g></g><style
type="text/css"
id="style1">&#10; .st0{fill:#000000;}&#10;</style></svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.6 KiB

1
src/pictures/inbox-archive-fill.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 3H20L22 7V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V7.00353L4 3ZM13 14V10H11V14H8L12 18L16 14H13ZM19.7639 7L18.7639 5H5.23656L4.23744 7H19.7639Z" fill="rgba(255,255,255,1)"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 275 B

BIN
src/pictures/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.6 KiB

148
src/pictures/logo.svg Normal file
View File

@ -0,0 +1,148 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="256px"
height="256px"
viewBox="0 0 256 256"
version="1.1"
id="SVGRoot"
sodipodi:docname="daddysvg.svg"
inkscape:export-filename="/home/benjamin/Images/daddysvg.svg.png"
inkscape:export-xdpi="96"
inkscape:export-ydpi="96"
inkscape:version="0.92.4 5da689c313, 2019-01-14">
<defs
id="defs3785">
<inkscape:path-effect
effect="skeletal"
id="path-effect11307"
is_visible="true"
pattern="M 0,5 C 0,2.24 2.24,0 5,0 7.76,0 10,2.24 10,5 10,7.76 7.76,10 5,10 2.24,10 0,7.76 0,5 Z"
copytype="single_stretched"
prop_scale="1"
scale_y_rel="false"
spacing="0"
normal_offset="0"
tang_offset="0"
prop_units="false"
vertical_pattern="false"
fuse_tolerance="0" />
<inkscape:path-effect
effect="skeletal"
id="path-effect11303"
is_visible="true"
pattern="M 0,5 C 0,2.24 2.24,0 5,0 7.76,0 10,2.24 10,5 10,7.76 7.76,10 5,10 2.24,10 0,7.76 0,5 Z"
copytype="single_stretched"
prop_scale="1"
scale_y_rel="false"
spacing="0"
normal_offset="0"
tang_offset="0"
prop_units="false"
vertical_pattern="false"
fuse_tolerance="0" />
<inkscape:path-effect
effect="skeletal"
id="path-effect11299"
is_visible="true"
pattern="M 0,5 C 0,2.24 2.24,0 5,0 7.76,0 10,2.24 10,5 10,7.76 7.76,10 5,10 2.24,10 0,7.76 0,5 Z"
copytype="single_stretched"
prop_scale="1"
scale_y_rel="false"
spacing="0"
normal_offset="0"
tang_offset="0"
prop_units="false"
vertical_pattern="false"
fuse_tolerance="0" />
<inkscape:path-effect
effect="bspline"
id="path-effect11297"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
<inkscape:path-effect
effect="skeletal"
id="path-effect4672"
is_visible="true"
pattern="M 0,5 C 0,2.24 2.24,0 5,0 7.76,0 10,2.24 10,5 10,7.76 7.76,10 5,10 2.24,10 0,7.76 0,5 Z"
copytype="single_stretched"
prop_scale="1"
scale_y_rel="false"
spacing="0"
normal_offset="0"
tang_offset="0"
prop_units="false"
vertical_pattern="false"
fuse_tolerance="0" />
<inkscape:path-effect
effect="bspline"
id="path-effect4670"
is_visible="true"
weight="33.333333"
steps="2"
helper_size="0"
apply_no_weight="true"
apply_with_weight="true"
only_selected="false" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="2.8284271"
inkscape:cx="47.812546"
inkscape:cy="121.69356"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
inkscape:window-width="1865"
inkscape:window-height="1029"
inkscape:window-x="55"
inkscape:window-y="25"
inkscape:window-maximized="1"
inkscape:grid-bbox="true">
<inkscape:grid
type="xygrid"
id="grid11360" />
</sodipodi:namedview>
<metadata
id="metadata3788">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Calque 1"
inkscape:groupmode="layer"
id="layer1">
<path
style="fill:#058eff;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;"
d="m 32.583136,21.416152 c 0.432923,-0.183441 1.65138,1.815536 3.85459,5.558711 1.876009,3.187273 5.638052,9.780818 10.540554,14.926476 4.902145,5.186689 12.7877,10.329902 22.509118,11.171913 5.287649,0.501505 10.82326,0.01212 16.981963,-1.006244 6.160916,-1.036929 12.451394,-2.633697 19.096969,-4.720546 5.92081,-1.862873 11.96851,-4.083209 18.09205,-6.704773 4.70577,-2.01913 9.47684,-4.242646 13.98868,-6.84685 2.78157,-1.651835 5.40309,-3.206 7.1713,-5.122172 0.72442,-1.142891 1.45398,-1.672372 1.05724,-1.417617 0.32165,0.358747 -0.21409,0.06426 -0.74301,-0.731311 -1.10708,-1.096321 -2.77281,-2.009494 -4.71571,-3.103565 0,0 -2e-5,-8e-6 -2e-5,-8e-6 -5.02038,-2.724381 -10.68908,-5.025077 -16.52146,-7.931398 -2.71668,-1.344975 -5.54564,-2.85375 -8.31782,-4.709758 0,0 -2e-5,-10e-6 -2e-5,-10e-6 -2.15905,-1.3673133 -4.52019,-3.2751851 -6.52692,-6.0493324 -1.61911,-2.4211048 -2.44027,-5.21000004 -2.40705,-8.0392852 0,0 0,-2.59e-5 0,-2.59e-5 0.09,-2.7949565 0.69429,-5.2119617 1.41807,-7.2341845 0.42972,-1.302744 0.886,-2.553107 1.33877,-3.764434 1.25978,-3.370408 2.45493,-6.346665 2.94174,-9.192843 0.88436,-4.684509 0.5051,-9.593748 -1.02641,-13.97674 -1.81489,-5.355405 -5.58765,-10.060675 -10.09284,-13.565898 -6.185708,-4.82811 -13.850872,-7.899477 -21.424861,-10.19356 -7.846124,-2.284214 -15.31769,-3.712304 -22.49963,-3.291965 0,0 -10e-6,4e-6 -10e-6,4e-6 -4.941703,0.320675 -9.556379,1.724903 -12.759349,4.515646 -3.340828,2.680913 -5.806968,6.910841 -8.090315,11.031815 -6.254309,11.724587 -9.740983,22.044246 -10.398302,32.001908 -0.845296,10.957356 2.454185,22.2768522 4.090997,27.981816 1.895369,6.606141 3.015663,10.171026 2.441687,10.414234 -0.439344,0.186161 -2.566206,-2.934783 -5.446076,-9.308474 -2.557029,-5.6591822 -6.989301,-16.7224702 -7.020222,-29.295099 0.07855,-11.034421 3.227368,-22.756907 9.435014,-35.331317 2.142237,-4.508984 5.001492,-9.589461 9.535428,-13.760978 4.883182,-4.244584 11.147908,-6.571491 17.615613,-7.025057 10e-7,5e-6 1.6e-5,-10e-7 1.6e-5,-10e-7 8.592767,-0.650065 17.191925,0.693474 25.668062,3.084144 8.282922,2.247398 17.023837,5.688766 24.741208,11.430798 5.91486,4.416957 10.85903,10.581991 13.55164,18.017862 2.14173,6.040892 2.69157,12.662434 1.49516,19.106381 -0.80091,4.041083 -2.14135,7.582602 -3.37362,10.870104 -0.44272,1.1811067 -0.86613,2.3161062 -1.24092,3.4206913 -0.51854,1.6952301 -0.95487,3.091231 -0.91259,4.1877256 0,0 0,7.6e-6 0,7.6e-6 -0.0118,0.8349371 0.21925,1.7074536 0.6526,2.28958094 0.66465,1.13442943 2.14357,2.18347446 3.86618,3.44382626 0,0 2e-5,8.3e-6 2e-5,8.3e-6 2.17771,1.4948012 4.63292,2.8070937 7.18494,4.1111063 5.3624,2.7221697 11.13485,5.1455167 16.74875,8.2559417 0,0 2e-5,8e-6 2e-5,8e-6 2.13483,1.143298 4.46579,2.583477 6.67927,4.65126 1.80636,1.426501 3.29256,4.006836 3.65258,7.555011 -0.34386,3.964935 -2.0161,6.713128 -3.85914,8.18127 -3.01783,2.949299 -6.35207,4.9621 -9.36964,6.570362 -5.03606,2.76332 -10.17639,5.028534 -15.13018,6.999205 -6.47792,2.583408 -12.87124,4.723785 -19.12085,6.469439 -7.00088,1.959402 -13.740645,3.397556 -20.366513,4.235038 -6.575016,0.84831 -12.824726,1.051204 -18.888844,0.183956 C 56.987331,58.018531 48.354967,51.422103 43.313256,45.056121 38.316131,38.685001 35.474015,31.775565 34.132073,28.055142 32.633631,23.900835 32.212485,21.573206 32.583136,21.416152 Z"
id="path4668"
inkscape:connector-curvature="0"
inkscape:path-effect="#path-effect4670;#path-effect4672"
inkscape:original-d="m 30,18.5 c 8.834333,17.665667 17.667667,35.332333 26.5,53 C 90.50177,58.998717 124.501,46.499 158.5,34 155.33445,29.165838 152.16767,24.332333 149,19.5 133.33512,13.999275 117.66767,8.4989999 102,2.9999999 108.66791,-4.6679494 115.33433,-12.334333 122,-20 c -2.83194,-12.832552 -5.66567,-25.667667 -8.5,-38.5 -21.497755,-5.667339 -42.999,-11.334334 -64.5,-17 -5.499176,7.49924 -10.999,14.999 -16.5,22.5 -4.499676,12.000804 -8.999,23.999 -13.5,36 3.668035,11.8335217 7.334333,23.6656665 11,35.5 z"
transform="matrix(0,-1.3691421,1.8997251,0,140.89907,239.44713)" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.1 KiB

BIN
src/pictures/manjaro-xfce.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 183 KiB

BIN
src/pictures/manjaro_menu.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 115 KiB

1
src/pictures/pie-chart-2-fill.svg Normal file
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11 2.04947V13.0001H21.9506C21.4489 18.0534 17.1853 22.0001 12 22.0001C6.47715 22.0001 2 17.5229 2 12.0001C2 6.81475 5.94668 2.55119 11 2.04947ZM13 0.542969C18.5535 1.02133 22.9788 5.44662 23.4571 11.0001H13V0.542969Z" fill="rgba(255,255,255,1)"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 328 B

BIN
src/pictures/vague1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
src/pictures/vague2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
src/pictures/vague3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

5
src/routes/+layout.svelte Normal file
View File

@ -0,0 +1,5 @@
<script>
import "../app.css";
</script>
<slot />

145
src/routes/+page.svelte Normal file
View File

@ -0,0 +1,145 @@
<script>
import cards from '../data/cards.json';
import { fly, fade } from 'svelte/transition';
import { time, elapsed } from '../JS/time.js';
let y;
let visible = true;
let hereHands = false;
const handleMouseenter = () => (hereHands = true);
const handleMouseleave = () => (hereHands = false);
function typewriter(node, { speed = 1 }) {
const valid = node.childNodes.length === 1 && node.childNodes[0].nodeType === Node.TEXT_NODE;
if (!valid) {
throw new Error(`This transition only works on elements with a single text node child`);
}
const text = node.textContent;
const duration = text.length / (speed * 0.01);
return {
duration,
tick: (t) => {
const i = ~~(text.length * t);
node.textContent = text.slice(0, i);
}
};
}
function scrollIntoView({ target }) {
const el = document.querySelector(target.getAttribute('href'));
if (!el) return;
el.scrollIntoView({
behavior: 'smooth'
});
}
</script>
<svelte:window bind:scrollY={y} />
<svelte:body on:mouseenter={handleMouseenter} on:mouseleave={handleMouseleave} />
<div>
<img
class:curious={hereHands}
class="hands z-0 w-screen"
alt="logo"
src="/src/pictures/hands.png"
/>
<div class="h-screen bg-[url('/src/pictures/background.svg')] grid content-center">
<div class=" mobile:mx-auto">
<img class="mobile:object-cover mobile:w-32 mobile:h-3/5 mobile:mx-auto" src="/src/pictures/logo.svg" alt="logo">
<h1 class="mobile:text-6xl mobile:text-center">
Daddy
</h1>
</div>
<div class="h-20">
{#if $elapsed > 1}
<h3 transition:typewriter class="text-center w-3/4 mx-auto">
Application de gestion des Dossiers d’Aide à la Décision
</h3>
{/if}
</div>
<a href="#cards" on:click|preventDefault={scrollIntoView} class="bg-tahiti text-white font-bold px-2 pt-2 pb-4 rounded-full w-11 mx-auto text-6xl">
↓
</a>
</div>
<div id="cards" class='bg-white h-screen flex z-50' style="position: relative">
{#if y>=2}
<div transition:fly={{ y: 200, duration: 2000 }} class="w-full flex flex-wrap justify-center">
{#each cards.cards as { title, text, picto }, i}
<div class="max-w-sm rounded overflow-hidden shadow-lg my-auto mx-5 w-96 mobile:h-36 bg-gradient-to-t from-tahitilight">
<div class="px-6 py-4">
<div class="p-5 bg-tahiti rounded-lg w-24 mb-4">
<img src="/src/pictures/{picto}" alt="{picto}">
</div>
<div class="font-bold text-xl mb-2">{title}</div>
<p class="mobile:hidden text-gray-700 text-base">
{text}
</p>
</div>
</div>
<!--<div class="max-w-sm rounded overflow-hidden shadow-lg my-auto mx-5 w-96 h-96 bg-gradient-to-t from-tahitilight">
<div class="px-6 py-4">
<div class="p-5 bg-tahiti rounded-lg w-24 mb-4">
<img src="/src/pictures/{picto}" alt="{picto}">
</div>
<div class="font-bold text-xl mb-2">{title}</div>
<p class="text-gray-700 text-base">
{text}
</p>
</div>
</div> -->
{/each}
</div>
{/if}
</div>
</div>
<div class="h-screen h-96 bg-tahitilight">
<div class="container mx-auto py-40 justify-evenly">
<img src="/src/pictures/manjaro_menu.jpg" class="object-scale-down h-80" >
</div>
</div>
<style lang="postcss">
:global(html) {
background-color: theme(colors.white);
}
.hands {
position: absolute;
left: 0;
bottom: -60px;
transform: translate(0%, 40%);
transform-origin: 100% 100%;
transition: transform 0.4s;
}
.curious {
transform: translate(0%, 0);
}
.center {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.hidden {
display: none;
}
</style>