-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* prettier * prettier * vscode prettier
- Loading branch information
Showing
91 changed files
with
21,100 additions
and
19,622 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -2,4 +2,3 @@ node_modules/ | |
| api.key | ||
| .history | ||
| .idea/ | ||
| .vscode | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,4 @@ | ||
| { | ||
| "singleQuote": true, | ||
| "bracketSpacing": true | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,3 @@ | ||
| { | ||
| "recommendations": ["esbenp.prettier-vscode"] | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,4 @@ | ||
| { | ||
| "editor.formatOnSave": true, | ||
| "editor.defaultFormatter": "esbenp.prettier-vscode" | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,2 +1,3 @@ | ||
| # wow-demos | ||
|
|
||
| Playground and demos of wow!Team |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,66 +1,76 @@ | ||
| <!DOCTYPE html> | ||
| <!doctype html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <link rel="stylesheet" href="style.css" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <title>Document</title> | ||
| </head> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <link rel="stylesheet" href="style.css"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Document</title> | ||
| </head> | ||
| <body> | ||
| <div class="animation-playground"> | ||
| <div class="animation-selection" id="animation-selection"> | ||
| <h1>Animation Settings | <span class="animation-viewmode-name" id="animation-viewmode-name"></span></h1> | ||
| <h2>GSAP 2.1.3 [<a href="./index3.html">Reload with 3.2.6</a>]</h2> | ||
| <form class="animation-selection-form" id="animation-selection-form"> | ||
| <span class="animation-settings"> | ||
| <div class="animation-out"> | ||
| <label for="animation-name-out">Out Animation:</label> | ||
| <select name="animation-name-out" id="animation-name-out"></select> | ||
| <span class="animation-params" id="animation-params-out"></span> | ||
| </div> | ||
| <div class="animation-in"> | ||
| <label for="animation-name-in">In Animation:</label> | ||
| <select name="animation-name-in" id="animation-name-in"></select> | ||
| <span class="animation-params" id="animation-params-in"></span> | ||
| </div> | ||
| </span> | ||
|
|
||
| <body> | ||
| <div class="animation-playground"> | ||
| <div class="animation-selection" id="animation-selection"> | ||
| <h1>Animation Settings | <span class="animation-viewmode-name" id="animation-viewmode-name"></span></h1> | ||
| <h2>GSAP 2.1.3 [<a href="./index3.html">Reload with 3.2.6</a>]</h2> | ||
| <form class="animation-selection-form" id="animation-selection-form"> | ||
| <span class="animation-settings"> | ||
| <div class="animation-out"> | ||
| <label for="animation-name-out">Out Animation:</label> | ||
| <select name="animation-name-out" id="animation-name-out"></select> | ||
| <span class="animation-params" id="animation-params-out"></span> | ||
| </div> | ||
| <div class="animation-in"> | ||
| <label for="animation-name-in">In Animation:</label> | ||
| <select name="animation-name-in" id="animation-name-in"></select> | ||
| <span class="animation-params" id="animation-params-in"></span> | ||
| </div> | ||
| </span> | ||
| <span class="animation-execute"> | ||
| <button type="button" id="animation-execute">Play</button> | ||
| </span> | ||
| </form> | ||
|
|
||
| <span class="animation-execute"> | ||
| <button type="button" id="animation-execute">Play</button> | ||
| <span class="animation-info"> | ||
| <strong>Out Info</strong> | ||
| <pre id="animation-info-out"></pre> | ||
| <strong>In Info</strong> | ||
| <pre id="animation-info-in"></pre> | ||
| </span> | ||
| </form> | ||
|
|
||
| <span class="animation-info"> | ||
| <strong>Out Info</strong> | ||
| <pre id="animation-info-out"></pre> | ||
| <strong>In Info</strong> | ||
| <pre id="animation-info-in"></pre> | ||
| </span> | ||
|
|
||
| </div> | ||
| <div class="animation-stage"> | ||
| <div class="comp" id="comp-1"> | ||
| <svg style="stroke-width:0;fill-opacity:1;stroke:rgba(0, 0, 0, 1);stroke-opacity:1;fill:#393939" | ||
| preserveAspectRatio="none" data-bbox="0 0 298.185 352.082" xmlns="http://www.w3.org/2000/svg" | ||
| viewBox="0 0 298.185 352.082" role="img"> | ||
| <g> | ||
| <path d="M298.185 264.061l-149.093 88.021L0 264.061V88.021L149.092 0l149.093 88.021v176.04z"> | ||
| </path> | ||
| </g> | ||
| </svg> | ||
| </div> | ||
| <div class="comp" id="comp-2"> | ||
| <span style="font-size:24px; font-weight: bold; font-family: sans-serif"><span | ||
| style="color:#292929;">ALL CAPS TITLE</span></span> | ||
| <div class="animation-stage"> | ||
| <div class="comp" id="comp-1"> | ||
| <svg | ||
| style=" | ||
| stroke-width: 0; | ||
| fill-opacity: 1; | ||
| stroke: rgba(0, 0, 0, 1); | ||
| stroke-opacity: 1; | ||
| fill: #393939; | ||
| " | ||
| preserveAspectRatio="none" | ||
| data-bbox="0 0 298.185 352.082" | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| viewBox="0 0 298.185 352.082" | ||
| role="img" | ||
| > | ||
| <g> | ||
| <path | ||
| d="M298.185 264.061l-149.093 88.021L0 264.061V88.021L149.092 0l149.093 88.021v176.04z" | ||
| ></path> | ||
| </g> | ||
| </svg> | ||
| </div> | ||
| <div class="comp" id="comp-2"> | ||
| <span style="font-size: 24px; font-weight: bold; font-family: sans-serif" | ||
| ><span style="color: #292929">ALL CAPS TITLE</span></span | ||
| > | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script> | ||
| <script src="https://static.parastorage.com/unpkg/@wix/[email protected]/dist/tweenEngine2.js"></script> | ||
| <script src="https://static.parastorage.com/unpkg/@wix/[email protected]/dist/santa-animations.js"></script> | ||
| <script src="./playground.js"></script> | ||
| </body> | ||
|
|
||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script> | ||
| <script src="https://static.parastorage.com/unpkg/@wix/[email protected]/dist/tweenEngine2.js"></script> | ||
| <script src="https://static.parastorage.com/unpkg/@wix/[email protected]/dist/santa-animations.js"></script> | ||
| <script src="./playground.js"></script> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,66 +1,76 @@ | ||
| <!DOCTYPE html> | ||
| <!doctype html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <link rel="stylesheet" href="style.css" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <title>Document</title> | ||
| </head> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <link rel="stylesheet" href="style.css"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Document</title> | ||
| </head> | ||
| <body> | ||
| <div class="animation-playground"> | ||
| <div class="animation-selection" id="animation-selection"> | ||
| <h1>Animation Settings | <span class="animation-viewmode-name" id="animation-viewmode-name"></span></h1> | ||
| <h2>GSAP 3.2.6 [<a href="./index.html">Reload with 2.1.3</a>]</h2> | ||
| <form class="animation-selection-form" id="animation-selection-form"> | ||
| <span class="animation-settings"> | ||
| <div class="animation-out"> | ||
| <label for="animation-name-out">Out Animation:</label> | ||
| <select name="animation-name-out" id="animation-name-out"></select> | ||
| <span class="animation-params" id="animation-params-out"></span> | ||
| </div> | ||
| <div class="animation-in"> | ||
| <label for="animation-name-in">In Animation:</label> | ||
| <select name="animation-name-in" id="animation-name-in"></select> | ||
| <span class="animation-params" id="animation-params-in"></span> | ||
| </div> | ||
| </span> | ||
|
|
||
| <body> | ||
| <div class="animation-playground"> | ||
| <div class="animation-selection" id="animation-selection"> | ||
| <h1>Animation Settings | <span class="animation-viewmode-name" id="animation-viewmode-name"></span></h1> | ||
| <h2>GSAP 3.2.6 [<a href="./index.html">Reload with 2.1.3</a>]</h2> | ||
| <form class="animation-selection-form" id="animation-selection-form"> | ||
| <span class="animation-settings"> | ||
| <div class="animation-out"> | ||
| <label for="animation-name-out">Out Animation:</label> | ||
| <select name="animation-name-out" id="animation-name-out"></select> | ||
| <span class="animation-params" id="animation-params-out"></span> | ||
| </div> | ||
| <div class="animation-in"> | ||
| <label for="animation-name-in">In Animation:</label> | ||
| <select name="animation-name-in" id="animation-name-in"></select> | ||
| <span class="animation-params" id="animation-params-in"></span> | ||
| </div> | ||
| </span> | ||
| <span class="animation-execute"> | ||
| <button type="button" id="animation-execute">Play</button> | ||
| </span> | ||
| </form> | ||
|
|
||
| <span class="animation-execute"> | ||
| <button type="button" id="animation-execute">Play</button> | ||
| <span class="animation-info"> | ||
| <strong>Out Info</strong> | ||
| <pre id="animation-info-out"></pre> | ||
| <strong>In Info</strong> | ||
| <pre id="animation-info-in"></pre> | ||
| </span> | ||
| </form> | ||
|
|
||
| <span class="animation-info"> | ||
| <strong>Out Info</strong> | ||
| <pre id="animation-info-out"></pre> | ||
| <strong>In Info</strong> | ||
| <pre id="animation-info-in"></pre> | ||
| </span> | ||
|
|
||
| </div> | ||
| <div class="animation-stage"> | ||
| <div class="comp" id="comp-1"> | ||
| <svg style="stroke-width:0;fill-opacity:1;stroke:rgba(0, 0, 0, 1);stroke-opacity:1;fill:#393939" | ||
| preserveAspectRatio="none" data-bbox="0 0 298.185 352.082" xmlns="http://www.w3.org/2000/svg" | ||
| viewBox="0 0 298.185 352.082" role="img"> | ||
| <g> | ||
| <path d="M298.185 264.061l-149.093 88.021L0 264.061V88.021L149.092 0l149.093 88.021v176.04z"> | ||
| </path> | ||
| </g> | ||
| </svg> | ||
| </div> | ||
| <div class="comp" id="comp-2"> | ||
| <span style="font-size:24px; font-weight: bold; font-family: sans-serif"><span | ||
| style="color:#292929;">ALL CAPS TITLE</span></span> | ||
| <div class="animation-stage"> | ||
| <div class="comp" id="comp-1"> | ||
| <svg | ||
| style=" | ||
| stroke-width: 0; | ||
| fill-opacity: 1; | ||
| stroke: rgba(0, 0, 0, 1); | ||
| stroke-opacity: 1; | ||
| fill: #393939; | ||
| " | ||
| preserveAspectRatio="none" | ||
| data-bbox="0 0 298.185 352.082" | ||
| xmlns="http://www.w3.org/2000/svg" | ||
| viewBox="0 0 298.185 352.082" | ||
| role="img" | ||
| > | ||
| <g> | ||
| <path | ||
| d="M298.185 264.061l-149.093 88.021L0 264.061V88.021L149.092 0l149.093 88.021v176.04z" | ||
| ></path> | ||
| </g> | ||
| </svg> | ||
| </div> | ||
| <div class="comp" id="comp-2"> | ||
| <span style="font-size: 24px; font-weight: bold; font-family: sans-serif" | ||
| ><span style="color: #292929">ALL CAPS TITLE</span></span | ||
| > | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.2.6/gsap.min.js"></script> | ||
| <script src="https://static.parastorage.com/unpkg/@wix/[email protected]/dist/tweenEngine3.js"></script> | ||
| <script src="https://static.parastorage.com/unpkg/@wix/[email protected]/dist/santa-animations.js"></script> | ||
| <script src="playground.js"></script> | ||
| </body> | ||
|
|
||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.2.6/gsap.min.js"></script> | ||
| <script src="https://static.parastorage.com/unpkg/@wix/[email protected]/dist/tweenEngine3.js"></script> | ||
| <script src="https://static.parastorage.com/unpkg/@wix/[email protected]/dist/santa-animations.js"></script> | ||
| <script src="playground.js"></script> | ||
| </body> | ||
| </html> |
Oops, something went wrong.