-
Notifications
You must be signed in to change notification settings - Fork 33
Expand file tree
/
Copy pathtemplate-scroll-out-splitting-2022-01-25.json
More file actions
1 lines (1 loc) · 4.02 KB
/
Copy pathtemplate-scroll-out-splitting-2022-01-25.json
File metadata and controls
1 lines (1 loc) · 4.02 KB
1
{"id":867,"name":"scroll-out-splitting","title":"Scroll Out + Splitting","date":"2022-01-25 07:29:54","date_formatted":"January 25, 2022","author":{"name":"user","avatar":"http:\/\/0.gravatar.com\/avatar\/c2b06ae950033b392998ada50767b50e?s=60&d=mm&r=g","url":"http:\/\/landify.local"},"permalink":"http:\/\/landify.local\/template\/scroll-out-splitting\/","thumbnail":false,"bundles":[],"tags":[],"type":"section","content":[{"id":"ghebvs","name":"container","settings":{"_direction":"row","_background":{"image":{"id":793,"filename":"slider-bg-03.jpg","size":"large","full":"http:\/\/landify.local\/wp-content\/uploads\/2022\/01\/slider-bg-03.jpg","url":"http:\/\/landify.local\/wp-content\/uploads\/2022\/01\/slider-bg-03-1024x576.jpg"},"position":"top center","repeat":"no-repeat"},"_alignItems":"center","_padding":{"top":40,"bottom":40},"_alignSelf":"stretch","_columnGap":"20px"},"children":["tbympb","dgccjy"],"parent":0},{"id":"oxevpe","name":"image","settings":{"image":{"id":791,"filename":"food-img-03.png","size":"full","full":"http:\/\/landify.local\/wp-content\/uploads\/2022\/01\/food-img-03.png","url":"http:\/\/landify.local\/wp-content\/uploads\/2022\/01\/food-img-03.png"}},"children":[],"parent":"tbympb"},{"id":"dgccjy","name":"container","settings":{"_justifyContent":"space-evenly"},"children":["qyqqfh","wmfaka","yqkktu","zppwly","orsgzf"],"parent":"ghebvs"},{"id":"qyqqfh","name":"text-basic","settings":{"text":"Eat Sleep And","tag":"span","_typography":{"font-family":"Shadows Into Light","font-weight":"400","font-size":"32px","color":{"hex":"#ff8e28","id":"xvzffo"}}},"children":[],"parent":"dgccjy"},{"id":"wmfaka","name":"heading","settings":{"text":"Fried Masasa in town","tag":"h1","_typography":{"font-family":"Rubik","font-weight":"600","font-size":"70px","color":{"hex":"#f1d6c5","id":"mgwtgz"},"line-height":"68px"},"_margin":{"bottom":15},"_attributes":[{"id":"bhwkwp","name":"data-splitting"},{"id":"mtdznk","name":"data-scroll"}],"_cssGlobalClasses":["ibdedf"]},"children":[],"parent":"dgccjy"},{"id":"yqkktu","name":"text-basic","settings":{"text":"Food is any substance consumed to provide nutritional<br>support for an organism.","_typography":{"color":{"hex":"#f1d6c5","id":"mgwtgz"},"font-family":"Roboto","font-weight":"400","font-size":"18px","line-height":"28px"},"_margin":{"bottom":25},"_cssGlobalClasses":["rnswvh"],"_attributes":[{"id":"khlzai","name":"data-scroll"}]},"children":[],"parent":"dgccjy"},{"id":"zppwly","name":"button","settings":{"text":"Book A Table","style":"primary","_typography":{"color":{"hex":"#ffffff","id":"pnubub"},"font-family":"Rubik","font-weight":"500","font-size":"14px"},"_background":{"color":{"hex":"#ff8e28","id":"xvzffo"}},"_padding":{"right":30,"left":30}},"children":[],"parent":"dgccjy"},{"id":"tbympb","name":"container","settings":{"_alignSelf":"flex-end","_alignItems":"flex-end"},"children":["oxevpe"],"parent":"ghebvs"},{"id":"orsgzf","name":"code","settings":{"code":"<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/splitting\/dist\/splitting.css\" \/>\n<link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/splitting\/dist\/splitting-cells.css\" \/>\n<script src=\"https:\/\/unpkg.com\/splitting\/dist\/splitting.min.js\"><\/script>\n<script src=\"https:\/\/unpkg.com\/scroll-out\/dist\/scroll-out.min.js\"><\/script>\n\n\n<script> Splitting(); <\/script>\n<script>ScrollOut({\n});\n<\/script>\n<style>\n .text--enter h1[data-scroll=out] .char {\n opacity: 0;\n transform: translate(0, -150%);}\n.text--enter .char {\n opacity: 1;\n transform: translate(0, 0);\n}\n .char {\n display: inline-block;\n -webkit-animation-delay: calc(0.1s + var(--char-index) * 0.1s);\n animation-delay: calc(0.1s + var(--char-index) * 0.1s);\n transition: all 0.25s calc(0.1s + var(--char-index) * 0.1s);\n}\n .text--slide {\n opacity: 1;\n transition: opacity 1s ease-in-out;\n -moz-transition: opacity 1s ease-in-out;\n -webkit-transition: opacity 1s ease-in-out;\n}\n.text--slide[data-scroll=out] {\n opacity: 0;\n}\n<\/style>","executeCode":true},"children":[],"parent":"dgccjy"}],"templateType":"section"}