diff --git a/.editorconfig b/.editorconfig new file mode 100644 index 0000000..548ecef --- /dev/null +++ b/.editorconfig @@ -0,0 +1,25 @@ +# EditorConfig helps developers define and maintain consistent +# coding styles between different editors and IDEs +# http://editorconfig.org +root = true + +[*] +indent_style = space +indent_size = 2 +end_of_line = lf +charset = utf-8 +trim_trailing_whitespace = true +insert_final_newline = true + +[*.md] +indent_size = 4 +trim_trailing_whitespace = false +max_line_length = 80 + +[*.{css,js,cjs}] +indent_size = 4 +max_line_length = 80 + +[*.{xml,html,phtml,php}] +indent_size = 4 +max_line_length = 120 diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..0b87087 --- /dev/null +++ b/.gitignore @@ -0,0 +1,4 @@ +# Development +/node_modules +.idea +.vscode diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..fbc6bbe --- /dev/null +++ b/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2023 Siteation + +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. diff --git a/README.md b/README.md new file mode 100644 index 0000000..d803c41 --- /dev/null +++ b/README.md @@ -0,0 +1,27 @@ +# Siteation magento 2 module Viewtransition + +## Spec Explainer + +- Intro to view transitions: https://developer.chrome.com/docs/web-platform/view-transitions/ +- Explainer for cross doc: https://github.com/WICG/view-transitions/blob/main/cross-doc-explainer.md +- Issue for cross doc support: https://github.com/w3c/csswg-drafts/issues/8804 +- CSSWG doc: https://drafts.csswg.org/css-view-transitions-2/ + +## Try your self + +![preview](./assets/magento-view-transition.gif) + + + +```xml + + + + + + +``` + + + diff --git a/assets/magento-view-transition.gif b/assets/magento-view-transition.gif new file mode 100644 index 0000000..d101d25 Binary files /dev/null and b/assets/magento-view-transition.gif differ diff --git a/assets/magento-view-transition.mp4 b/assets/magento-view-transition.mp4 new file mode 100644 index 0000000..2477a74 Binary files /dev/null and b/assets/magento-view-transition.mp4 differ