ptorrel/JS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init webseite ts and claude

Browse Source
This commit is contained in:
Philippe Torrel
2026-07-31 13:02:11 +02:00
parent e375bf23bc
commit 56295802c0
617 changed files with 94590 additions and 5826 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
webseite-ts/frontend/dev/scss/04_plugins/_index.scss Normal file
View File

@@ -0,0 +1,4 @@
@import 'splide-4.1.4/themes/default/index';
@import 'splide-4.1.4/core/index';
@import 'toastify-1.12/toastify';

9
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/core/foundation/animations.scss Normal file
View File

@@ -0,0 +1,9 @@
@keyframes splide-loading {
0% {
transform: rotateZ( 0 );
}
100% {
transform: rotateZ( 360deg );
}
}

3
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/core/index.scss Normal file
View File

@@ -0,0 +1,3 @@
@forward 'foundation/animations';
@forward 'object/modifiers';
@forward 'object/objects';

8
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/core/object/modifiers/draggable.scss Normal file
View File

@@ -0,0 +1,8 @@
.splide {
$root: &;
&__track--draggable {
-webkit-touch-callout: none;
user-select: none;
}
}

18
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/core/object/modifiers/fade.scss Normal file
View File

@@ -0,0 +1,18 @@
.splide {
$root: &;
&__track--fade {
> #{ $root }__list {
> #{ $root }__slide {
margin: 0 !important;
opacity: 0;
z-index: 0;
&.is-active {
opacity: 1;
z-index: 1;
}
}
}
}
}

4
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/core/object/modifiers/index.scss Normal file
View File

@@ -0,0 +1,4 @@
@forward 'draggable';
@forward 'fade';
@forward 'rtl';
@forward 'ttb';

5
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/core/object/modifiers/rtl.scss Normal file
View File

@@ -0,0 +1,5 @@
.splide {
&--rtl {
direction: rtl;
}
}

9
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/core/object/modifiers/ttb.scss Normal file
View File

@@ -0,0 +1,9 @@
.splide {
$root: &;
&__track--ttb {
> #{ $root }__list {
display: block;
}
}
}

6
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/core/object/objects/container.scss Normal file
View File

@@ -0,0 +1,6 @@
.splide {
&__container {
box-sizing: border-box;
position: relative;
}
}

10
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/core/object/objects/index.scss Normal file
View File

@@ -0,0 +1,10 @@
@forward 'container';
@forward 'list';
@forward 'pagination';
@forward 'progress';
@forward 'root';
@forward 'slide';
@forward 'spinner' as spinner-*;
@forward 'sr';
@forward 'toggle';
@forward 'track';

17
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/core/object/objects/list.scss Normal file
View File

@@ -0,0 +1,17 @@
.splide {
$root: &;
&__list {
backface-visibility: hidden;
display: flex;
height: 100%;
margin: 0 !important;
padding: 0 !important;
}
&.is-initialized:not( .is-active ) {
#{ $root }__list {
display: block;
}
}
}

26
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/core/object/objects/pagination.scss Normal file
View File

@@ -0,0 +1,26 @@
.splide {
$root: &;
&__pagination {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0;
pointer-events: none;
li {
display: inline-block;
line-height: 1;
list-style-type: none;
margin: 0;
pointer-events: auto;
}
}
&:not( .is-overflow ) {
#{ $root }__pagination {
display: none;
}
}
}

7
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/core/object/objects/progress.scss Normal file
View File

@@ -0,0 +1,7 @@
.splide {
&__progress {
&__bar {
width: 0;
}
}
}

9
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/core/object/objects/root.scss Normal file
View File

@@ -0,0 +1,9 @@
.splide {
position: relative;
visibility: hidden;
&.is-initialized,
&.is-rendered {
visibility: visible;
}
}

14
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/core/object/objects/slide.scss Normal file
View File

@@ -0,0 +1,14 @@
.splide {
&__slide {
backface-visibility: hidden;
box-sizing: border-box;
flex-shrink: 0;
list-style-type: none !important;
margin: 0;
position: relative;
img {
vertical-align: bottom;
}
}
}

21
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/core/object/objects/spinner.scss Normal file
View File

@@ -0,0 +1,21 @@
$size: 20px !default;
$border: 2px solid #999 !default;
.splide {
&__spinner {
animation: splide-loading 1s infinite linear;
border: $border;
border-left-color: transparent;
border-radius: 50%;
bottom: 0;
contain: strict;
display: inline-block;
height: $size;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: $size;
}
}

12
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/core/object/objects/sr.scss Normal file
View File

@@ -0,0 +1,12 @@
.splide {
&__sr {
border: 0;
clip: rect( 0 0 0 0 );
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
}

22
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/core/object/objects/toggle.scss Normal file
View File

@@ -0,0 +1,22 @@
.splide {
&__toggle {
$parent: &;
&__play {
}
&__pause {
display: none;
}
&.is-active {
#{ $parent }__play {
display: none;
}
#{ $parent }__pause {
display: inline;
}
}
}
}

7
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/core/object/objects/track.scss Normal file
View File

@@ -0,0 +1,7 @@
.splide {
&__track {
overflow: hidden;
position: relative;
z-index: 0;
}
}

8
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/template/default/foundation/colors.scss Normal file
View File

@@ -0,0 +1,8 @@
$main: #000 !default;
$sub01: #333 !default;
$sub02: #999 !default;
$background: #ccc !default;
$background-active: #fff !default;
$focus: #0bf !default;

27
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/template/default/foundation/mixins.scss Normal file
View File

@@ -0,0 +1,27 @@
@use './colors';
$outline: colors.$focus 3px solid !default;
$outline-offset: 3px !default;
$outline-offset-inset: -3px !default;
@mixin ie-only {
@media screen and (-ms-high-contrast: none) {
@content;
}
}
@mixin focus-outline( $offset: $outline-offset ) {
outline: $outline;
outline-offset: $offset;
}
@mixin focus-outline-inset {
@supports ( outline-offset: $outline-offset-inset ) {
@include focus-outline( $outline-offset-inset );
}
/* IE does not support outline-offset */
@include ie-only {
border: $outline;
}
}

13
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/template/default/index.scss Normal file
View File

@@ -0,0 +1,13 @@
@use 'foundation/colors';
$spinner-size: 20px !default;
$spinner-border: 2px solid colors.$sub02 !default;
@use '../../core/object/objects' with (
$spinner-size: $spinner-size,
$spinner-border: $spinner-border,
);
@forward '../../core';
@forward 'object/objects';
@forward 'object/modifiers';

3
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/template/default/object/modifiers/index.scss Normal file
View File

@@ -0,0 +1,3 @@
@forward 'nav' as nav-*;
@forward 'rtl' as rtl-*;
@forward 'ttb' as ttb-*;

37
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/template/default/object/modifiers/nav.scss Normal file
View File

@@ -0,0 +1,37 @@
@use '../../foundation/colors';
@use '../../foundation/mixins';
$border: 3px solid transparent !default;
$border-active: 3px solid colors.$main !default;
$border-radius: false !default;
$opacity: false !default;
$opacity-active: false !default;
.splide {
$root: &;
&__track--nav {
> #{ $root }__list {
> #{ $root }__slide {
border: $border;
cursor: pointer;
@if $opacity {
opacity: $opacity;
}
@if $border-radius {
border-radius: $border-radius;
}
&.is-active {
border: $border-active;
@if $opacity {
opacity: $opacity-active;
}
}
}
}
}
}

28
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/template/default/object/modifiers/rtl.scss Normal file
View File

@@ -0,0 +1,28 @@
$arrow-right: 1em !default;
$arrow-left: 1em !default;
.splide {
$root: &;
&__arrows--rtl {
#{ $root }__arrow {
&--prev {
left: auto;
right: $arrow-right;
svg {
transform: scaleX( 1 );
}
}
&--next {
left: $arrow-left;
right: auto;
svg {
transform: scaleX( -1 );
}
}
}
}
}

54
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/template/default/object/modifiers/ttb.scss Normal file
View File

@@ -0,0 +1,54 @@
$arrow-top: 1em !default;
$arrow-bottom: 1em !default;
$pagination-left: auto !default;
$pagination-right: .5em !default;
$pagination-dot-width: false !default;
$pagination-dot-height: false !default;
.splide {
$root: &;
&__arrows--ttb {
#{ $root }__arrow {
left: 50%;
transform: translate( -50%, 0 );
&--prev {
top: $arrow-top;
svg {
transform: rotateZ( -90deg );
}
}
&--next {
bottom: $arrow-bottom;
top: auto;
svg {
transform: rotateZ( 90deg );
}
}
}
}
&__pagination--ttb {
bottom: 0;
display: flex;
flex-direction: column;
left: $pagination-left;
padding: 1em 0;
right: $pagination-right;
top: 0;
#{ $root }__pagination__page {
@if $pagination-dot-width {
width: $pagination-dot-width;
}
@if $pagination-dot-height {
height: $pagination-dot-height;
}
}
}
}

105
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/template/default/object/objects/arrow.scss Normal file
View File

@@ -0,0 +1,105 @@
@use '../../foundation/colors';
@use '../../foundation/mixins';
$size: 1.2em !default;
$fill: colors.$main !default;
$fill-hover: false !default;
$transition: false !default;
$button-size: 2em !default;
$button-background: colors.$background !default;
$button-background-hover: false !default;
$button-border: 0 !default;
$button-padding: 0 !default;
$button-border-radius: 50% !default;
$button-transition: false !default;
$opacity: .7 !default;
$opacity-hover: .9 !default;
$opacity-disabled: .3 !default;
$left: 1em !default;
$right: 1em !default;
.splide {
$root: &;
&__arrow {
background: $button-background;
border: $button-border;
cursor: pointer;
padding: $button-padding;
position: absolute;
top: 50%;
transform: translateY( -50% );
z-index: 1;
@if $opacity {
opacity: $opacity;
}
@if $button-size {
align-items: center;
border-radius: $button-border-radius;
display: flex;
justify-content: center;
height: $button-size;
width: $button-size;
}
@if $button-transition {
transition: $button-transition;
}
svg {
fill: $fill;
height: $size;
width: $size;
@if $transition {
transition: $transition;
}
}
&:hover:not(:disabled) {
@if $opacity-hover {
opacity: $opacity-hover;
}
@if $button-background-hover {
background: $button-background-hover;
}
@if $fill-hover {
svg {
fill: $fill-hover;
}
}
}
&:disabled {
@if $opacity-disabled {
opacity: $opacity-disabled;
}
}
&:focus-visible {
@include mixins.focus-outline;
}
&--prev {
left: $left;
svg {
transform: scaleX( -1 );
}
}
&--next {
right: $right;
}
}
&.is-focus-in {
#{ $root }__arrow:focus {
@include mixins.focus-outline;
}
}
}

5
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/template/default/object/objects/index.scss Normal file
View File

@@ -0,0 +1,5 @@
@forward 'arrow' as arrow-*;
@forward 'pagination' as pagination-*;
@forward 'progress' as progress-*;
@forward 'slide' as slide-*;
@forward 'toggle' as toggle-*;

80
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/template/default/object/objects/pagination.scss Normal file
View File

@@ -0,0 +1,80 @@
@use '../../foundation/colors';
@use '../../foundation/mixins';
$bottom: .5em !default;
$dot-width: 8px !default;
$dot-height: 8px !default;
$dot-background: colors.$background !default;
$dot-background-hover: false !default;
$dot-background-active: colors.$background-active !default;
$dot-border: 0 !default;
$dot-border-radius: 50% !default;
$dot-margin: 3px !default;
$dot-padding: 0 !default;
$dot-opacity: .7 !default;
$dot-opacity-hover: .9 !default;
$dot-transition: transform .2s linear !default;
$dot-transform-active: scale( 1.4 ) !default;
.splide {
$root: &;
&__pagination {
bottom: $bottom;
left: 0;
padding: 0 1em;
position: absolute;
right: 0;
z-index: 1;
&__page {
background: $dot-background;
border: $dot-border;
border-radius: $dot-border-radius;
display: inline-block;
height: $dot-height;
margin: $dot-margin;
padding: $dot-padding;
position: relative;
transition: $dot-transition;
width: $dot-width;
@if $dot-opacity {
opacity: $dot-opacity;
}
&.is-active {
background: $dot-background-active;
z-index: 1;
@if $dot-transform-active {
transform: $dot-transform-active;
}
}
&:hover {
cursor: pointer;
@if $dot-opacity-hover {
opacity: $dot-opacity-hover;
}
@if $dot-background-hover {
background: $dot-background-hover;
}
}
&:focus-visible {
@include mixins.focus-outline;
}
}
}
&.is-focus-in {
#{ $root }__pagination {
&__page:focus {
@include mixins.focus-outline;
}
}
}
}

13
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/template/default/object/objects/progress.scss Normal file
View File

@@ -0,0 +1,13 @@
@use '../../foundation/colors';
$height: 3px !default;
$background: colors.$background;
.splide {
&__progress {
&__bar {
background: $background;
height: $height;
}
}
}

42
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/template/default/object/objects/slide.scss Normal file
View File

@@ -0,0 +1,42 @@
@use '../../foundation/colors';
@use '../../foundation/mixins';
$border-radius: false !default;
$outline-offset: -2px !default;
.splide {
$root: &;
&__slide {
-webkit-tap-highlight-color: transparent;
@if $border-radius {
border-radius: $border-radius;
}
// Gets rid of a focus ring in IE and Safari
&:focus {
outline: 0;
}
&:focus-visible {
@include mixins.focus-outline-inset;
}
}
&.is-focus-in {
#{ $root }__slide:focus {
@include mixins.focus-outline-inset;
}
#{ $root }__track {
> #{ $root }__list {
> #{ $root }__slide:focus {
@include mixins.ie-only {
border-color: colors.$focus;
}
}
}
}
}
}

19
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/template/default/object/objects/toggle.scss Normal file
View File

@@ -0,0 +1,19 @@
@use '../../foundation/mixins';
.splide {
$root: &;
&__toggle {
cursor: pointer;
&:focus-visible {
@include mixins.focus-outline;
}
}
&.is-focus-in {
#{ $root }__toggle:focus {
@include mixins.focus-outline;
}
}
}

1
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/themes/default/index.scss Normal file
View File

@@ -0,0 +1 @@
@forward '../../template/default';

52
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/themes/sea-green/index.scss Normal file
View File

@@ -0,0 +1,52 @@
$main: #20b2aa !default;
$main-light: lighten( $main, 20% ) !default;
@use '../../template/default/foundation/colors' with (
$main: $main,
$sub01: $main,
$sub02: $main,
$background: #ccc,
$background-active: $main,
$focus: $main,
);
@use '../../template/default/object/modifiers/nav' with (
$border-radius: 4px,
$opacity: .7,
$opacity-active: 1,
);
@use '../../template/default/object/modifiers/ttb' with (
$pagination-dot-width: 5px,
$pagination-dot-height: 20px,
$pagination-right: 1em,
);
@use '../../template/default/object/objects/arrow' with (
$size: 2.5em,
$opacity: false,
$opacity-hover: false,
$fill-hover: $main-light,
$transition: fill .2s linear,
$button-size: 2.5em,
$button-border-radius: 0,
$button-background: transparent,
);
@use '../../template/default/object/objects/pagination' with (
$bottom: 1em,
$dot-width: 20px,
$dot-height: 5px,
$dot-border-radius: 2.5px,
$dot-opacity: false,
$dot-transition: background-color .2s linear,
$dot-background-hover: $main-light,
$dot-transform-active: false,
);
@use '../../template/default/object/objects/slide' with (
$border-radius: 4px,
);
@forward '../../template/default';
@forward 'object/objects';

17
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/themes/sea-green/object/objects/arrow.scss Normal file
View File

@@ -0,0 +1,17 @@
.splide {
$root: &;
&__slider {
> #{ $root }__arrows {
#{ $root }__arrow {
&--prev {
left: -2.5em;
}
&--next {
right: -2.5em;
}
}
}
}
}

3
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/themes/sea-green/object/objects/index.scss Normal file
View File

@@ -0,0 +1,3 @@
@forward 'arrow';
@forward 'root';

3
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/themes/sea-green/object/objects/root.scss Normal file
View File

@@ -0,0 +1,3 @@
.splide {
padding: 3em;
}

37
webseite-ts/frontend/dev/scss/04_plugins/splide-4.1.4/themes/skyblue/index.scss Normal file
View File

@@ -0,0 +1,37 @@
$main: #00bfff !default;
$main-light: lighten( $main, 20% ) !default;
@use '../../template/default/foundation/colors' with (
$main: $main,
$sub01: $main,
$sub02: $main,
$background: #ccc,
$background-active: $main,
$focus: $main,
);
@use '../../template/default/object/modifiers/nav' with (
$opacity: .7,
$opacity-active: 1,
);
@use '../../template/default/object/objects/arrow' with (
$size: 2.5em,
$opacity: false,
$opacity-hover: false,
$fill-hover: $main-light,
$transition: fill .2s linear,
$button-size: 2.5em,
$button-border-radius: 0,
$button-background: transparent,
);
@use '../../template/default/object/objects/pagination' with (
$dot-width: 10px,
$dot-height: 10px,
$dot-opacity: false,
$dot-transition: ( background-color .2s linear, transform .2s linear ),
$dot-background-hover: $main-light,
);
@forward '../../template/default';

88
webseite-ts/frontend/dev/scss/04_plugins/toastify-1.12/_toastify.scss Normal file
View File

@@ -0,0 +1,88 @@
/*!
* Toastify js 1.12.0
* https://github.com/apvarun/toastify-js
* @license MIT licensed
*
* Copyright (C) 2018 Varun A P
*/
.toastify {
padding: 12px 20px;
color: #ffffff;
display: inline-block;
box-shadow:
0 3px 6px -1px rgba(0, 0, 0, 0.12),
0 10px 36px -4px rgba(77, 96, 232, 0.3);
background: -webkit-linear-gradient(315deg, #73a5ff, #5477f5);
background: linear-gradient(135deg, #73a5ff, #5477f5);
position: fixed;
opacity: 0;
transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
border-radius: 2px;
cursor: pointer;
text-decoration: none;
max-width: calc(50% - 20px);
z-index: 2147483647;
}
.toastify.on {
opacity: 1;
}
.toast-close {
background: transparent;
border: 0;
color: white;
cursor: pointer;
font-family: inherit;
font-size: 1em;
opacity: 0.4;
padding: 0 5px;
}
.toastify-right {
right: 15px;
}
.toastify-left {
left: 15px;
}
.toastify-top {
top: -150px;
}
.toastify-bottom {
bottom: -150px;
}
.toastify-rounded {
border-radius: 25px;
}
.toastify-avatar {
width: 1.5em;
height: 1.5em;
margin: -7px 5px;
border-radius: 2px;
}
.toastify-center {
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
max-width: fit-content;
max-width: -moz-fit-content;
}
@media only screen and (max-width: 360px) {
.toastify-right,
.toastify-left {
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
max-width: fit-content;
}
}