Fabienmcll/mes-liens
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
Fabienmcl
2024-04-26 16:34:18 +02:00
commit 1590b3f36a
119 changed files with 6787 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
README.md Normal file
View File

@ -0,0 +1,5 @@
# Projet Web de Mes Liens Personnels
Bienvenue dans mon projet web de liens personnels ! Ce projet consiste en une page web simple qui regroupe ma présence en ligne et permet un accès rapide à différents profils sur les réseaux sociaux ainsi qu'à d'autres comptes en ligne. Cette page offre une manière simple de naviguer à travers mes différentes plateformes.

93
css/discord.css Normal file
View File

@ -0,0 +1,93 @@
@import url('https://fonts.googleapis.com/css2?family=Karla:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body{
background: url(../img/bg.jpg);
background-size: cover;
background-repeat: no-repeat;
font-size: 16px;
line-height: 1.4;
background-position: center;
color: #fff;
}
.container{
width: 100%;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.profil{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border: 2px solid rgba(255, 255, 255, .2);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
border-radius: 25px;
width: 90%;
padding: 10px;
}
.profil h1{
font-family: 'Karla', sans-serif;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
text-align: center;
}
.profil p{
font-family: 'Roboto', sans-serif;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
padding: 10px;
text-align: center;
}
@media only screen and (min-width: 400px) {
.container{
height: 100vh;
}
}
@media only screen and (min-width: 600px) {
.profil{
width: 70%;
}
}
@media only screen and (min-width: 850px) {
.profil{
width: 50%;
}
}
@media only screen and (min-width: 1000px) {
.profil{
width: 40%;
}
}
@media only screen and (min-width: 1300px) {
.profil{
width: 30%;
}
}

240
css/style.css Normal file
View File

@ -0,0 +1,240 @@
/* FONT */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Karla:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap');
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body{
background: url(../img/bg.jpg);
background-size: cover;
background-repeat: no-repeat;
font-size: 16px;
line-height: 1.4;
background-position: center;
background-attachment: fixed;
}
.container{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin: 10px 0;
}
.card{
border: 2px solid rgba(255, 255, 255, .2);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
border-radius: 25px;
width: 90%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.card img{
border-radius: 60px;
margin-top: 20px;
}
.card h1{
color: #fff;
font-family: 'Karla', sans-serif;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.card p{
/* border: red solid 2px; */
font-family: 'Inter', sans-serif;
text-align: center;
padding: 10px;
color: #fff;
text-align: center;
}
.card .link{
/* border: solid 1px purple; */
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.card .link a{
background-color: #fff;
width: 70%;
font-family: 'Montserrat', sans-serif;
margin-top: 40px;
border-radius: 40px;
text-align: center;
text-decoration: none;
padding: 10px;
color: #fff;
font-weight: 700;
cursor: pointer;
box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1),
6px 0px 6px rgba(0, 0, 0, 0.1),
0px 6px 6px rgba(0, 0, 0, 0.1),
-6px 0px 6px rgba(0, 0, 0, 0.1);
}
.card .icons{
/* border: solid 1px orange; */
width: 100%;
padding: 0 15px;
margin-bottom: 20px;
text-align: center;
font-size: 25px;
cursor: pointer;
display: flex;
justify-content: space-around;
}
.icons i{
padding-right: 10px;
}
.card .link .github{
background-color: #181717;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.card .github:hover{
background-color: #383636;
}
.card .link .gitea{
margin-top: 30px;
background-color: #528520;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.card .gitea:hover{
background-color: #3d6318;
}
.card .link .linkedin{
margin-top: 30px;
background-color: #0A66C2;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.card .linkedin:hover{
background-color: #0c5196;
}
.card .link .spotify{
margin-top: 30px;
margin-bottom: 30px;
background-color: #1DB954;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.card .link .spotify:hover{
background-color: #179141;
}
.card .link .discord{
margin-top: 30px;
background-color: #5865F2;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.card .link .discord:hover{
background-color: #4a54c4;
}
.card .link .email{
margin-top: 30px;
background-color: #FF0000;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.card .link .email:hover{
background-color: #c50606;
}
footer p{
font-size: 12px;
}
@media only screen and (min-height: 770px) {
.container {
height: auto;
}
}
@media only screen and (min-width: 400px) {
.container {
height: 100vh;
}
.card p{
padding: 8px;
}
}
@media only screen and (min-width: 600px) {
.card {
width: 70%;
}
.container {
margin: 0;
}
.card .icons{
display: inline-block;
}
}
@media only screen and (min-width: 850px) {
.card {
width: 50%;
}
}
@media only screen and (min-width: 1000px) {
.card {
width: 40%;
}
}
@media only screen and (min-width: 1300px) {
.card {
width: 30%;
}
}
@media only screen and (max-width: 599px) {
.card.animate__animated.animate__backInUp {
animation: none !important; /* Désactive l'animation pour les écrans mobiles */
}
}

20
discord.html Normal file
View File

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/discord.css">
<link rel="shortcut icon" href="img/ico.ico" type="image/x-icon">
<title>Mon profile discord</title>
</head>
<body>
<div class="container">
<div class="profil">
<h1>Mon profil Discord</h1>
<p>Nom d'utilisateur: Fabienmcll </p>
</div>
</div>
</body>
</html>

BIN
img/bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 426 KiB

BIN
img/ico.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

BIN
img/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

BIN
img/user.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 116 KiB

56
index.html Normal file
View File

@ -0,0 +1,56 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-74Y08WLXZQ"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-74Y08WLXZQ');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<link rel="shortcut icon" href="img/ico.ico" type="image/x-icon" >
<link
rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<title>Mes liens</title>
</head>
<body>
<div class="container">
<div class="card animate__animated animate__backInUp">
<img src="img/logo.png" alt="" height="130px" width="130px">
<h1>Fabien Michel</h1>
<p>Salut, je suis Fabien, un passionné de tout ce qui touche au numérique et plus particulièrement au développement. Actuellement en BTS SIO à Saint-Étienne, je me lance dans le monde du développement. Suivez mes projets et découvertes ici !</p>
<div class="link">
<a class="github" href="https://github.com/Fabienmcll" target="_blank">Github </a>
<a class="gitea" href="https://gitea.fabienmcl.fr/Fabienmcl" target="_blank">Gitea </a>
<a class="linkedin" href="https://www.linkedin.com/in/fabien-michel-272a5327b/" target="_blank">Linkedin</a>
<a class="email" href="mailto:fabienmclll@gmail.com" target="_blank">Email</a>
<a class="discord" href="discord.html" target="_blank">Discord</a>
<a class="spotify" href="https://open.spotify.com/user/rddh0kh4tgvp6iwtbhlctpfvp" target="_blank">Spotify</a>
</div>
<div class="icons">
<a href="https://github.com/Fabienmcll" target="_blank"> <i class='bx bxl-github' style='color:#ffffff;'></i></a>
<a href="https://gitea.fabienmcl.fr/Fabienmcl" target="_blank"> <i class='bx bxl-git' style="color: #ffffff;" ></i></a>
<a href="https://www.linkedin.com/in/fabien-michel-272a5327b/" target="_blank"> <i class='bx bxl-linkedin-square' style="color: #ffffff;"></i></a>
<a href="mailto:fabienmclll@gmail.com" target="_blank"> <i class='bx bxl-gmail' style='color:#ffffff;' ></i></a>
<a href="discord.html" target="_blank"> <i class='bx bxl-discord-alt' style='color:#ffffff' ></i></a>
<a href="https://open.spotify.com/user/rddh0kh4tgvp6iwtbhlctpfvp" target="_blank"><i class='bx bxl-spotify' style='color:#ffffff' ></i></a>
</div>
<footer>
<p>Developed by Fabien Michel &copy; 2024</p>
</footer>
</div>
</div>
</body>
</html>

12
node_modules/.package-lock.json generated vendored Normal file
View File

@ -0,0 +1,12 @@
{
"name": "Mes-liens",
"lockfileVersion": 3,
"requires": true,
"packages": {
"node_modules/animate.css": {
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/animate.css/-/animate.css-4.1.1.tgz",
"integrity": "sha512-+mRmCTv6SbCmtYJCN4faJMNFVNN5EuCTTprDTAo7YzIGji2KADmakjVA3+8mVDkZ2Bf09vayB35lSQIex2+QaQ=="
}
}
}

21
node_modules/animate.css/LICENSE generated vendored Normal file
View File

@ -0,0 +1,21 @@
The MIT License (MIT)
Copyright (c) 2020 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.

48
node_modules/animate.css/README.md generated vendored Normal file
View File

@ -0,0 +1,48 @@
# Animate.css
[![GitHub Version](https://img.shields.io/github/release/daneden/animate.css.svg?style=for-the-badge)](https://github.com/daneden/animate.css) [![Github Star](https://img.shields.io/github/stars/daneden/animate.css.svg?style=for-the-badge)](https://github.com/daneden/animate.css) [![Github Fork](https://img.shields.io/github/forks/daneden/animate.css.svg?style=for-the-badge)](https://github.com/daneden/animate.css) [![License](https://img.shields.io/github/license/daneden/animate.css.svg?style=for-the-badge)](https://github.com/daneden/animate.css)
> If you need the old docs - v3.x.x and under - you can find it [here](https://github.com/animate-css/animate.css/tree/a8d92e585b1b302f7749809c3308d5e381f9cb17).
## _Just-add-water CSS animation_
## Installation
Install with npm:
```shell
npm install animate.css --save
```
Install with yarn:
```shell
yarn add animate.css
```
## Getting started
You can find the Animate.css documentation on the [website](https://animate.style/).
## Accessibility
Animate.css supports the [`prefers-reduced-motion` media query](https://webkit.org/blog/7551/responsive-design-for-motion/) so that users with motion sensitivity can opt out of animations. On supported platforms (currently all the majors browsers and OS), users can select "reduce motion" on their operating system preferences and it will turn off CSS transitions for them without any further work required.
## Core team
| ![](https://avatars2.githubusercontent.com/u/439365?s=460&u=512b4cc5324938ae40bbb8f3b7769d335953cd3a&v=4) | ![](https://avatars2.githubusercontent.com/u/5007208?s=460&u=418401ee605824272e5dcb955fd64ea24546a857&v=4) | ![](https://avatars1.githubusercontent.com/u/15052701?s=460&u=9e58364978379536d3f26c4ce5cae1a2a449a0e4&v=4) |
| --- | --- | --- |
| [Daniel Eden](https://github.com/daneden) | [Elton Mesquita](https://github.com/eltonmesquita) | [Waren Gonzaga](https://github.com/WarenGonzaga) |
| Animate.css creator | Maintainer | Core contributor |
## License
Animate.css is licensed under the MIT license. <https://opensource.org/licenses/MIT>
## Code of Conduct
This project and everyone participating in it is governed by the [Contributor Covenant Code of Conduct](CODE_OF_CONDUCT.md). By participating, you are expected to uphold this code. Please report unacceptable behavior to [callmeelton@gmail.com](mailto:callmeelton@gmail.com).
## Contributing
Pull requests are the way to go here. We only have two rules for submitting a pull request: match the naming convention (camelCase, categorised [fades, bounces, etc]) and let us see a demo of submitted animations in a [pen](https://codepen.io). That **last one is important**.

7
node_modules/animate.css/animate.compat.css generated vendored Normal file
View File

File diff suppressed because one or more lines are too long

4072
node_modules/animate.css/animate.css generated vendored Normal file
View File

File diff suppressed because it is too large Load Diff

7
node_modules/animate.css/animate.min.css generated vendored Normal file
View File

File diff suppressed because one or more lines are too long

75
node_modules/animate.css/package.json generated vendored Normal file
View File

@ -0,0 +1,75 @@
{
"name": "animate.css",
"version": "4.1.1",
"main": "animate.css",
"repository": {
"type": "git",
"url": "https://github.com/animate-css/animate.css.git"
},
"author": {
"name": "Animate.css"
},
"homepage": "https://animate.style/",
"license": "MIT",
"animateConfig": {
"prefix": "animate__"
},
"scripts": {
"start": "npm-run-all raw prod compat",
"compat": "npx postcss source/animate.css -o animate.compat.css --no-map --env compat",
"dev": "npx postcss source/animate.css -o animate.css --no-map --env development -w",
"raw": "npx postcss source/animate.css -o animate.css --no-map --env development",
"prod": "npx postcss source/animate.css -o animate.min.css --no-map --env production",
"format": "prettier --write \"**/*.{js,json,md,css}\"",
"precommit": "lint-staged",
"docs:library": "npx postcss source/animate.css -o ./docs/animate.min.css --no-map --env production",
"docs:pages": "node ./docsSource/index.js",
"docs": "npm-run-all docs:library docs:pages",
"version": "npm-run-all start docs && git add -A docs animate.css animate.min.css animate.compat.css",
"postversion": "git push && git push --tags"
},
"browserslist": [
"> 3%",
"last 2 versions"
],
"style": "./animate.css",
"jspm": {
"main": "animate.css!",
"format": "global",
"directories": {
"lib": "./"
}
},
"devDependencies": {
"autoprefixer": "^9.7.6",
"cssnano": "^4.1.10",
"eslint": "^7.8.1",
"husky": "^4.2.5",
"lint-staged": "^10.3.0",
"markdown-it": "^11.0.0",
"npm-run-all": "^4.1.5",
"postcss": "^7.0.27",
"postcss-cli": "^7.1.2",
"postcss-header": "^2.0.0",
"postcss-import": "^12.0.1",
"postcss-prefixer": "^2.1.2",
"postcss-preset-env": "^6.7.0",
"prettier": "^2.1.1"
},
"lint-staged": {
"*.{js,json,md,css}": [
"prettier --write"
]
},
"husky": {
"hooks": {
"pre-commit": "npm-run-all start precommit"
}
},
"files": [
"animate.compat.css",
"animate.min.css",
"animate.css",
"source/**/*.css"
]
}

68
node_modules/animate.css/source/_base.css generated vendored Normal file
View File

@ -0,0 +1,68 @@
.animated {
animation-duration: var(--animate-duration);
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.repeat-1 {
animation-iteration-count: var(--animate-repeat);
}
.animated.repeat-2 {
animation-iteration-count: calc(var(--animate-repeat) * 2);
}
.animated.repeat-3 {
animation-iteration-count: calc(var(--animate-repeat) * 3);
}
.animated.delay-1s {
animation-delay: var(--animate-delay);
}
.animated.delay-2s {
animation-delay: calc(var(--animate-delay) * 2);
}
.animated.delay-3s {
animation-delay: calc(var(--animate-delay) * 3);
}
.animated.delay-4s {
animation-delay: calc(var(--animate-delay) * 4);
}
.animated.delay-5s {
animation-delay: calc(var(--animate-delay) * 5);
}
.animated.faster {
animation-duration: calc(var(--animate-duration) / 2);
}
.animated.fast {
animation-duration: calc(var(--animate-duration) * 0.8);
}
.animated.slow {
animation-duration: calc(var(--animate-duration) * 2);
}
.animated.slower {
animation-duration: calc(var(--animate-duration) * 3);
}
@media print, (prefers-reduced-motion: reduce) {
.animated {
animation-duration: 1ms !important;
transition-duration: 1ms !important;
animation-iteration-count: 1 !important;
}
.animated[class*='Out'] {
opacity: 0;
}
}

5
node_modules/animate.css/source/_vars.css generated vendored Normal file
View File

@ -0,0 +1,5 @@
:root {
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1;
}

131
node_modules/animate.css/source/animate.css generated vendored Normal file
View File

@ -0,0 +1,131 @@
@import '_vars.css';
@import '_base.css';
/* Attention seekers */
@import 'attention_seekers/bounce.css';
@import 'attention_seekers/flash.css';
@import 'attention_seekers/pulse.css';
@import 'attention_seekers/rubberBand.css';
@import 'attention_seekers/shakeX.css';
@import 'attention_seekers/shakeY.css';
@import 'attention_seekers/headShake.css';
@import 'attention_seekers/swing.css';
@import 'attention_seekers/tada.css';
@import 'attention_seekers/wobble.css';
@import 'attention_seekers/jello.css';
@import 'attention_seekers/heartBeat.css';
/* Back entrances */
@import 'back_entrances/backInDown.css';
@import 'back_entrances/backInLeft.css';
@import 'back_entrances/backInRight.css';
@import 'back_entrances/backInUp.css';
/* Back exits */
@import 'back_exits/backOutDown.css';
@import 'back_exits/backOutLeft.css';
@import 'back_exits/backOutRight.css';
@import 'back_exits/backOutUp.css';
/* Bouncing entrances */
@import 'bouncing_entrances/bounceIn.css';
@import 'bouncing_entrances/bounceInDown.css';
@import 'bouncing_entrances/bounceInLeft.css';
@import 'bouncing_entrances/bounceInRight.css';
@import 'bouncing_entrances/bounceInUp.css';
/* Bouncing exits */
@import 'bouncing_exits/bounceOut.css';
@import 'bouncing_exits/bounceOutDown.css';
@import 'bouncing_exits/bounceOutLeft.css';
@import 'bouncing_exits/bounceOutRight.css';
@import 'bouncing_exits/bounceOutUp.css';
/* Fading entrances */
@import 'fading_entrances/fadeIn.css';
@import 'fading_entrances/fadeInDown.css';
@import 'fading_entrances/fadeInDownBig.css';
@import 'fading_entrances/fadeInLeft.css';
@import 'fading_entrances/fadeInLeftBig.css';
@import 'fading_entrances/fadeInRight.css';
@import 'fading_entrances/fadeInRightBig.css';
@import 'fading_entrances/fadeInUp.css';
@import 'fading_entrances/fadeInUpBig.css';
@import 'fading_entrances/fadeInTopLeft.css';
@import 'fading_entrances/fadeInTopRight.css';
@import 'fading_entrances/fadeInBottomLeft.css';
@import 'fading_entrances/fadeInBottomRight.css';
/* Fading exits */
@import 'fading_exits/fadeOut.css';
@import 'fading_exits/fadeOutDown.css';
@import 'fading_exits/fadeOutDownBig.css';
@import 'fading_exits/fadeOutLeft.css';
@import 'fading_exits/fadeOutLeftBig.css';
@import 'fading_exits/fadeOutRight.css';
@import 'fading_exits/fadeOutRightBig.css';
@import 'fading_exits/fadeOutUp.css';
@import 'fading_exits/fadeOutUpBig.css';
@import 'fading_exits/fadeOutTopLeft.css';
@import 'fading_exits/fadeOutTopRight.css';
@import 'fading_exits/fadeOutBottomRight.css';
@import 'fading_exits/fadeOutBottomLeft.css';
/* Flippers */
@import 'flippers/flip.css';
@import 'flippers/flipInX.css';
@import 'flippers/flipInY.css';
@import 'flippers/flipOutX.css';
@import 'flippers/flipOutY.css';
/* Lightspeed */
@import 'lightspeed/lightSpeedInRight.css';
@import 'lightspeed/lightSpeedInLeft.css';
@import 'lightspeed/lightSpeedOutRight.css';
@import 'lightspeed/lightSpeedOutLeft.css';
/* Rotating entrances */
@import 'rotating_entrances/rotateIn.css';
@import 'rotating_entrances/rotateInDownLeft.css';
@import 'rotating_entrances/rotateInDownRight.css';
@import 'rotating_entrances/rotateInUpLeft.css';
@import 'rotating_entrances/rotateInUpRight.css';
/* Rotating exits */
@import 'rotating_exits/rotateOut.css';
@import 'rotating_exits/rotateOutDownLeft.css';
@import 'rotating_exits/rotateOutDownRight.css';
@import 'rotating_exits/rotateOutUpLeft.css';
@import 'rotating_exits/rotateOutUpRight.css';
/* Specials */
@import 'specials/hinge.css';
@import 'specials/jackInTheBox.css';
@import 'specials/rollIn.css';
@import 'specials/rollOut.css';
/* Zooming entrances */
@import 'zooming_entrances/zoomIn.css';
@import 'zooming_entrances/zoomInDown.css';
@import 'zooming_entrances/zoomInLeft.css';
@import 'zooming_entrances/zoomInRight.css';
@import 'zooming_entrances/zoomInUp.css';
/* Zooming exits */
@import 'zooming_exits/zoomOut.css';
@import 'zooming_exits/zoomOutDown.css';
@import 'zooming_exits/zoomOutLeft.css';
@import 'zooming_exits/zoomOutRight.css';
@import 'zooming_exits/zoomOutUp.css';
/* Sliding entrances */
@import 'sliding_entrances/slideInDown.css';
@import 'sliding_entrances/slideInLeft.css';
@import 'sliding_entrances/slideInRight.css';
@import 'sliding_entrances/slideInUp.css';
/* Sliding exits */
@import 'sliding_exits/slideOutDown.css';
@import 'sliding_exits/slideOutLeft.css';
@import 'sliding_exits/slideOutRight.css';
@import 'sliding_exits/slideOutUp.css';

34
node_modules/animate.css/source/attention_seekers/bounce.css generated vendored Normal file
View File

@ -0,0 +1,34 @@
@keyframes bounce {
from,
20%,
53%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0);
}
40%,
43% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -30px, 0) scaleY(1.1);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transform: translate3d(0, -15px, 0) scaleY(1.05);
}
80% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, 0, 0) scaleY(0.95);
}
90% {
transform: translate3d(0, -4px, 0) scaleY(1.02);
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
}

16
node_modules/animate.css/source/attention_seekers/flash.css generated vendored Normal file
View File

@ -0,0 +1,16 @@
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
animation-name: flash;
}

30
node_modules/animate.css/source/attention_seekers/headShake.css generated vendored Normal file
View File

@ -0,0 +1,30 @@
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake;
}

27
node_modules/animate.css/source/attention_seekers/heartBeat.css generated vendored Normal file
View File

@ -0,0 +1,27 @@
@keyframes heartBeat {
0% {
transform: scale(1);
}
14% {
transform: scale(1.3);
}
28% {
transform: scale(1);
}
42% {
transform: scale(1.3);
}
70% {
transform: scale(1);
}
}
.heartBeat {
animation-name: heartBeat;
animation-duration: calc(var(--animate-duration) * 1.3);
animation-timing-function: ease-in-out;
}

40
node_modules/animate.css/source/attention_seekers/jello.css generated vendored Normal file
View File

@ -0,0 +1,40 @@
@keyframes jello {
from,
11.1%,
to {
transform: translate3d(0, 0, 0);
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name: jello;
transform-origin: center;
}

20
node_modules/animate.css/source/attention_seekers/pulse.css generated vendored Normal file
View File

@ -0,0 +1,20 @@
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scale3d(1, 1, 1);
}
}
.pulse {
animation-name: pulse;
animation-timing-function: ease-in-out;
}

33
node_modules/animate.css/source/attention_seekers/rubberBand.css generated vendored Normal file
View File

@ -0,0 +1,33 @@
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(0.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, 0.95, 1);
}
to {
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
animation-name: rubberBand;
}

25
node_modules/animate.css/source/attention_seekers/shake.css generated vendored Normal file
View File

@ -0,0 +1,25 @@
@keyframes shake {
from,
to {
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
transform: translate3d(10px, 0, 0);
}
}
.shake {
animation-name: shake;
}

25
node_modules/animate.css/source/attention_seekers/shakeX.css generated vendored Normal file
View File

@ -0,0 +1,25 @@
@keyframes shakeX {
from,
to {
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
transform: translate3d(10px, 0, 0);
}
}
.shakeX {
animation-name: shakeX;
}

25
node_modules/animate.css/source/attention_seekers/shakeY.css generated vendored Normal file
View File

@ -0,0 +1,25 @@
@keyframes shakeY {
from,
to {
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
transform: translate3d(0, -10px, 0);
}
20%,
40%,
60%,
80% {
transform: translate3d(0, 10px, 0);
}
}
.shakeY {
animation-name: shakeY;
}

26
node_modules/animate.css/source/attention_seekers/swing.css generated vendored Normal file
View File

@ -0,0 +1,26 @@
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
transform-origin: top center;
animation-name: swing;
}

31
node_modules/animate.css/source/attention_seekers/tada.css generated vendored Normal file
View File

@ -0,0 +1,31 @@
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%,
20% {
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.tada {
animation-name: tada;
}

35
node_modules/animate.css/source/attention_seekers/wobble.css generated vendored Normal file
View File

@ -0,0 +1,35 @@
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
from {
transform: translate3d(0, 0, 0);
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: translate3d(0, 0, 0);
}
}
.wobble {
animation-name: wobble;
}

20
node_modules/animate.css/source/back_entrances/backInDown.css generated vendored Normal file
View File

@ -0,0 +1,20 @@
@keyframes backInDown {
0% {
transform: translateY(-1200px) scale(0.7);
opacity: 0.7;
}
80% {
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.backInDown {
animation-name: backInDown;
}

20
node_modules/animate.css/source/back_entrances/backInLeft.css generated vendored Normal file
View File

@ -0,0 +1,20 @@
@keyframes backInLeft {
0% {
transform: translateX(-2000px) scale(0.7);
opacity: 0.7;
}
80% {
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.backInLeft {
animation-name: backInLeft;
}

20
node_modules/animate.css/source/back_entrances/backInRight.css generated vendored Normal file
View File

@ -0,0 +1,20 @@
@keyframes backInRight {
0% {
transform: translateX(2000px) scale(0.7);
opacity: 0.7;
}
80% {
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.backInRight {
animation-name: backInRight;
}

20
node_modules/animate.css/source/back_entrances/backInUp.css generated vendored Normal file
View File

@ -0,0 +1,20 @@
@keyframes backInUp {
0% {
transform: translateY(1200px) scale(0.7);
opacity: 0.7;
}
80% {
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.backInUp {
animation-name: backInUp;
}

20
node_modules/animate.css/source/back_exits/backOutDown.css generated vendored Normal file
View File

@ -0,0 +1,20 @@
@keyframes backOutDown {
0% {
transform: scale(1);
opacity: 1;
}
20% {
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
transform: translateY(700px) scale(0.7);
opacity: 0.7;
}
}
.backOutDown {
animation-name: backOutDown;
}

20
node_modules/animate.css/source/back_exits/backOutLeft.css generated vendored Normal file
View File

@ -0,0 +1,20 @@
@keyframes backOutLeft {
0% {
transform: scale(1);
opacity: 1;
}
20% {
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
transform: translateX(-2000px) scale(0.7);
opacity: 0.7;
}
}
.backOutLeft {
animation-name: backOutLeft;
}

20
node_modules/animate.css/source/back_exits/backOutRight.css generated vendored Normal file
View File

@ -0,0 +1,20 @@
@keyframes backOutRight {
0% {
transform: scale(1);
opacity: 1;
}
20% {
transform: translateX(0px) scale(0.7);
opacity: 0.7;
}
100% {
transform: translateX(2000px) scale(0.7);
opacity: 0.7;
}
}
.backOutRight {
animation-name: backOutRight;
}

20
node_modules/animate.css/source/back_exits/backOutUp.css generated vendored Normal file
View File

@ -0,0 +1,20 @@
@keyframes backOutUp {
0% {
transform: scale(1);
opacity: 1;
}
20% {
transform: translateY(0px) scale(0.7);
opacity: 0.7;
}
100% {
transform: translateY(-700px) scale(0.7);
opacity: 0.7;
}
}
.backOutUp {
animation-name: backOutUp;
}

42
node_modules/animate.css/source/bouncing_entrances/bounceIn.css generated vendored Normal file
View File

@ -0,0 +1,42 @@
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
animation-duration: calc(var(--animate-duration) * 0.75);
animation-name: bounceIn;
}

35
node_modules/animate.css/source/bouncing_entrances/bounceInDown.css generated vendored Normal file
View File

@ -0,0 +1,35 @@
@keyframes bounceInDown {
from,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0) scaleY(3);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0) scaleY(0.9);
}
75% {
transform: translate3d(0, -10px, 0) scaleY(0.95);
}
90% {
transform: translate3d(0, 5px, 0) scaleY(0.985);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInDown {
animation-name: bounceInDown;
}

35
node_modules/animate.css/source/bouncing_entrances/bounceInLeft.css generated vendored Normal file
View File

@ -0,0 +1,35 @@
@keyframes bounceInLeft {
from,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0) scaleX(1);
}
75% {
transform: translate3d(-10px, 0, 0) scaleX(0.98);
}
90% {
transform: translate3d(5px, 0, 0) scaleX(0.995);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}

35
node_modules/animate.css/source/bouncing_entrances/bounceInRight.css generated vendored Normal file
View File

@ -0,0 +1,35 @@
@keyframes bounceInRight {
from,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0) scaleX(3);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0) scaleX(1);
}
75% {
transform: translate3d(10px, 0, 0) scaleX(0.98);
}
90% {
transform: translate3d(-5px, 0, 0) scaleX(0.995);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInRight {
animation-name: bounceInRight;
}

35
node_modules/animate.css/source/bouncing_entrances/bounceInUp.css generated vendored Normal file
View File

@ -0,0 +1,35 @@
@keyframes bounceInUp {
from,
60%,
75%,
90%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0) scaleY(5);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
75% {
transform: translate3d(0, 10px, 0) scaleY(0.95);
}
90% {
transform: translate3d(0, -5px, 0) scaleY(0.985);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
animation-name: bounceInUp;
}

21
node_modules/animate.css/source/bouncing_exits/bounceOut.css generated vendored Normal file
View File

@ -0,0 +1,21 @@
@keyframes bounceOut {
20% {
transform: scale3d(0.9, 0.9, 0.9);
}
50%,
55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
animation-duration: calc(var(--animate-duration) * 0.75);
animation-name: bounceOut;
}

20
node_modules/animate.css/source/bouncing_exits/bounceOutDown.css generated vendored Normal file
View File

@ -0,0 +1,20 @@
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0) scaleY(0.985);
}
40%,
45% {
opacity: 1;
transform: translate3d(0, -20px, 0) scaleY(0.9);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0) scaleY(3);
}
}
.bounceOutDown {
animation-name: bounceOutDown;
}

15
node_modules/animate.css/source/bouncing_exits/bounceOutLeft.css generated vendored Normal file
View File

@ -0,0 +1,15 @@
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0) scaleX(2);
}
}
.bounceOutLeft {
animation-name: bounceOutLeft;
}

15
node_modules/animate.css/source/bouncing_exits/bounceOutRight.css generated vendored Normal file
View File

@ -0,0 +1,15 @@
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0) scaleX(0.9);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0) scaleX(2);
}
}
.bounceOutRight {
animation-name: bounceOutRight;
}

20
node_modules/animate.css/source/bouncing_exits/bounceOutUp.css generated vendored Normal file
View File

@ -0,0 +1,20 @@
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0) scaleY(0.985);
}
40%,
45% {
opacity: 1;
transform: translate3d(0, 20px, 0) scaleY(0.9);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0) scaleY(3);
}
}
.bounceOutUp {
animation-name: bounceOutUp;
}

13
node_modules/animate.css/source/fading_entrances/fadeIn.css generated vendored Normal file
View File

@ -0,0 +1,13 @@
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}

14
node_modules/animate.css/source/fading_entrances/fadeInBottomLeft.css generated vendored Normal file
View File

@ -0,0 +1,14 @@
@keyframes fadeInBottomLeft {
from {
opacity: 0;
transform: translate3d(-100%, 100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInBottomLeft {
animation-name: fadeInBottomLeft;
}

14
node_modules/animate.css/source/fading_entrances/fadeInBottomRight.css generated vendored Normal file
View File

@ -0,0 +1,14 @@
@keyframes fadeInBottomRight {
from {
opacity: 0;
transform: translate3d(100%, 100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInBottomRight {
animation-name: fadeInBottomRight;
}

15
node_modules/animate.css/source/fading_entrances/fadeInDown.css generated vendored Normal file
View File

@ -0,0 +1,15 @@
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInDown {
animation-name: fadeInDown;
}

15
node_modules/animate.css/source/fading_entrances/fadeInDownBig.css generated vendored Normal file
View File

@ -0,0 +1,15 @@
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInDownBig {
animation-name: fadeInDownBig;
}

15
node_modules/animate.css/source/fading_entrances/fadeInLeft.css generated vendored Normal file
View File

@ -0,0 +1,15 @@
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}

15
node_modules/animate.css/source/fading_entrances/fadeInLeftBig.css generated vendored Normal file
View File

@ -0,0 +1,15 @@
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig;
}

15
node_modules/animate.css/source/fading_entrances/fadeInRight.css generated vendored Normal file
View File

@ -0,0 +1,15 @@
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInRight {
animation-name: fadeInRight;
}

15
node_modules/animate.css/source/fading_entrances/fadeInRightBig.css generated vendored Normal file
View File

@ -0,0 +1,15 @@
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInRightBig {
animation-name: fadeInRightBig;
}

14
node_modules/animate.css/source/fading_entrances/fadeInTopLeft.css generated vendored Normal file
View File

@ -0,0 +1,14 @@
@keyframes fadeInTopLeft {
from {
opacity: 0;
transform: translate3d(-100%, -100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInTopLeft {
animation-name: fadeInTopLeft;
}

14
node_modules/animate.css/source/fading_entrances/fadeInTopRight.css generated vendored Normal file
View File

@ -0,0 +1,14 @@
@keyframes fadeInTopRight {
from {
opacity: 0;
transform: translate3d(100%, -100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInTopRight {
animation-name: fadeInTopRight;
}

15
node_modules/animate.css/source/fading_entrances/fadeInUp.css generated vendored Normal file
View File

@ -0,0 +1,15 @@
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
animation-name: fadeInUp;
}

15
node_modules/animate.css/source/fading_entrances/fadeInUpBig.css generated vendored Normal file
View File

@ -0,0 +1,15 @@
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.fadeInUpBig {
animation-name: fadeInUpBig;
}

13
node_modules/animate.css/source/fading_exits/fadeOut.css generated vendored Normal file
View File

@ -0,0 +1,13 @@
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}

14
node_modules/animate.css/source/fading_exits/fadeOutBottomLeft.css generated vendored Normal file
View File

@ -0,0 +1,14 @@
@keyframes fadeOutBottomLeft {
from {
opacity: 1;
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-100%, 100%, 0);
}
}
.fadeOutBottomLeft {
animation-name: fadeOutBottomLeft;
}

14
node_modules/animate.css/source/fading_exits/fadeOutBottomRight.css generated vendored Normal file
View File

@ -0,0 +1,14 @@
@keyframes fadeOutBottomRight {
from {
opacity: 1;
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
transform: translate3d(100%, 100%, 0);
}
}
.fadeOutBottomRight {
animation-name: fadeOutBottomRight;
}

14
node_modules/animate.css/source/fading_exits/fadeOutDown.css generated vendored Normal file
View File

@ -0,0 +1,14 @@
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
animation-name: fadeOutDown;
}

14
node_modules/animate.css/source/fading_exits/fadeOutDownBig.css generated vendored Normal file
View File

@ -0,0 +1,14 @@
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig;
}

14
node_modules/animate.css/source/fading_exits/fadeOutLeft.css generated vendored Normal file
View File

@ -0,0 +1,14 @@
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}

14
node_modules/animate.css/source/fading_exits/fadeOutLeftBig.css generated vendored Normal file
View File

@ -0,0 +1,14 @@
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}

14
node_modules/animate.css/source/fading_exits/fadeOutRight.css generated vendored Normal file
View File

@ -0,0 +1,14 @@
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
animation-name: fadeOutRight;
}

14
node_modules/animate.css/source/fading_exits/fadeOutRightBig.css generated vendored Normal file
View File

@ -0,0 +1,14 @@
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig;
}

14
node_modules/animate.css/source/fading_exits/fadeOutTopLeft.css generated vendored Normal file
View File

@ -0,0 +1,14 @@
@keyframes fadeOutTopLeft {
from {
opacity: 1;
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-100%, -100%, 0);
}
}
.fadeOutTopLeft {
animation-name: fadeOutTopLeft;
}

14
node_modules/animate.css/source/fading_exits/fadeOutTopRight.css generated vendored Normal file
View File

@ -0,0 +1,14 @@
@keyframes fadeOutTopRight {
from {
opacity: 1;
transform: translate3d(0, 0, 0);
}
to {
opacity: 0;
transform: translate3d(100%, -100%, 0);
}
}
.fadeOutTopRight {
animation-name: fadeOutTopRight;
}

14
node_modules/animate.css/source/fading_exits/fadeOutUp.css generated vendored Normal file
View File

@ -0,0 +1,14 @@
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}

14
node_modules/animate.css/source/fading_exits/fadeOutUpBig.css generated vendored Normal file
View File

@ -0,0 +1,14 @@
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig;
}

34
node_modules/animate.css/source/flippers/flip.css generated vendored Normal file
View File

@ -0,0 +1,34 @@
@keyframes flip {
from {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
rotate3d(0, 1, 0, 0deg);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
animation-timing-function: ease-in;
}
}
.animated.flip {
backface-visibility: visible;
animation-name: flip;
}

30
node_modules/animate.css/source/flippers/flipInX.css generated vendored Normal file
View File

@ -0,0 +1,30 @@
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
backface-visibility: visible !important;
animation-name: flipInX;
}

30
node_modules/animate.css/source/flippers/flipInY.css generated vendored Normal file
View File

@ -0,0 +1,30 @@
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
backface-visibility: visible !important;
animation-name: flipInY;
}

21
node_modules/animate.css/source/flippers/flipOutX.css generated vendored Normal file
View File

@ -0,0 +1,21 @@
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
animation-duration: calc(var(--animate-duration) * 0.75);
animation-name: flipOutX;
backface-visibility: visible !important;
}

21
node_modules/animate.css/source/flippers/flipOutY.css generated vendored Normal file
View File

@ -0,0 +1,21 @@
@keyframes flipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
animation-duration: calc(var(--animate-duration) * 0.75);
backface-visibility: visible !important;
animation-name: flipOutY;
}

24
node_modules/animate.css/source/lightspeed/lightSpeedInLeft.css generated vendored Normal file
View File

@ -0,0 +1,24 @@
@keyframes lightSpeedInLeft {
from {
transform: translate3d(-100%, 0, 0) skewX(30deg);
opacity: 0;
}
60% {
transform: skewX(-20deg);
opacity: 1;
}
80% {
transform: skewX(5deg);
}
to {
transform: translate3d(0, 0, 0);
}
}
.lightSpeedInLeft {
animation-name: lightSpeedInLeft;
animation-timing-function: ease-out;
}

24
node_modules/animate.css/source/lightspeed/lightSpeedInRight.css generated vendored Normal file
View File

@ -0,0 +1,24 @@
@keyframes lightSpeedInRight {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
}
to {
transform: translate3d(0, 0, 0);
}
}
.lightSpeedInRight {
animation-name: lightSpeedInRight;
animation-timing-function: ease-out;
}

15
node_modules/animate.css/source/lightspeed/lightSpeedOutLeft.css generated vendored Normal file
View File

@ -0,0 +1,15 @@
@keyframes lightSpeedOutLeft {
from {
opacity: 1;
}
to {
transform: translate3d(-100%, 0, 0) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOutLeft {
animation-name: lightSpeedOutLeft;
animation-timing-function: ease-in;
}

15
node_modules/animate.css/source/lightspeed/lightSpeedOutRight.css generated vendored Normal file
View File

@ -0,0 +1,15 @@
@keyframes lightSpeedOutRight {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOutRight {
animation-name: lightSpeedOutRight;
animation-timing-function: ease-in;
}

16
node_modules/animate.css/source/rotating_entrances/rotateIn.css generated vendored Normal file
View File

@ -0,0 +1,16 @@
@keyframes rotateIn {
from {
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateIn {
animation-name: rotateIn;
transform-origin: center;
}

16
node_modules/animate.css/source/rotating_entrances/rotateInDownLeft.css generated vendored Normal file
View File

@ -0,0 +1,16 @@
@keyframes rotateInDownLeft {
from {
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
transform-origin: left bottom;
}

16
node_modules/animate.css/source/rotating_entrances/rotateInDownRight.css generated vendored Normal file
View File

@ -0,0 +1,16 @@
@keyframes rotateInDownRight {
from {
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInDownRight {
animation-name: rotateInDownRight;
transform-origin: right bottom;
}

16
node_modules/animate.css/source/rotating_entrances/rotateInUpLeft.css generated vendored Normal file
View File

@ -0,0 +1,16 @@
@keyframes rotateInUpLeft {
from {
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft;
transform-origin: left bottom;
}

16
node_modules/animate.css/source/rotating_entrances/rotateInUpRight.css generated vendored Normal file
View File

@ -0,0 +1,16 @@
@keyframes rotateInUpRight {
from {
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.rotateInUpRight {
animation-name: rotateInUpRight;
transform-origin: right bottom;
}

15
node_modules/animate.css/source/rotating_exits/rotateOut.css generated vendored Normal file
View File

@ -0,0 +1,15 @@
@keyframes rotateOut {
from {
opacity: 1;
}
to {
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
animation-name: rotateOut;
transform-origin: center;
}

15
node_modules/animate.css/source/rotating_exits/rotateOutDownLeft.css generated vendored Normal file
View File

@ -0,0 +1,15 @@
@keyframes rotateOutDownLeft {
from {
opacity: 1;
}
to {
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
transform-origin: left bottom;
}

15
node_modules/animate.css/source/rotating_exits/rotateOutDownRight.css generated vendored Normal file
View File

@ -0,0 +1,15 @@
@keyframes rotateOutDownRight {
from {
opacity: 1;
}
to {
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight;
transform-origin: right bottom;
}

15
node_modules/animate.css/source/rotating_exits/rotateOutUpLeft.css generated vendored Normal file
View File

@ -0,0 +1,15 @@
@keyframes rotateOutUpLeft {
from {
opacity: 1;
}
to {
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
transform-origin: left bottom;
}

15
node_modules/animate.css/source/rotating_exits/rotateOutUpRight.css generated vendored Normal file
View File

@ -0,0 +1,15 @@
@keyframes rotateOutUpRight {
from {
opacity: 1;
}
to {
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight;
transform-origin: right bottom;
}

14
node_modules/animate.css/source/sliding_entrances/slideInDown.css generated vendored Normal file
View File

@ -0,0 +1,14 @@
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}

14
node_modules/animate.css/source/sliding_entrances/slideInLeft.css generated vendored Normal file
View File

@ -0,0 +1,14 @@
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}

14
node_modules/animate.css/source/sliding_entrances/slideInRight.css generated vendored Normal file
View File

@ -0,0 +1,14 @@
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-name: slideInRight;
}

14
node_modules/animate.css/source/sliding_entrances/slideInUp.css generated vendored Normal file
View File

@ -0,0 +1,14 @@
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
animation-name: slideInUp;
}

14
node_modules/animate.css/source/sliding_exits/slideOutDown.css generated vendored Normal file
View File

@ -0,0 +1,14 @@
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}

Some files were not shown because too many files have changed in this diff Show More