PK 㚖Rјw ew ma-parallax-holdall.cccomp PK R W R component.jsonR{"UUID":"7ca8fe48-725e-4ba9-b07a-92d4a31c676a","additional_states":{"Container":{"accordion-opened":{"character":".","name":"Open Accordion","value":"accordion-opened"},"accordion-toggle-btn-active":{"character":".","name":"Accordion Button Active","value":"accordion-toggle-btn-active"},"nth-child()":{"character":":","name":"Nth Child","value":"nth-child()"},"opened":{"character":".","name":"Opened Colap Header","value":"opened"},"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Heading 3":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Paragraph":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Picture":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3470","appId":"RSD","appVersion":3470,"buildNumber":5930,"component_resources":{"classes":10,"file_sizes_values":[547139,0,0],"file_type_values":[2,0,0],"html_elements":0,"ids":0,"links_external":0,"links_internal":0,"local_files":"2 (local size 534,32 kB)","styled_breakpoints":"336px / 601px / 993px / 1201px / 1400px"},"description":"Your component description","element_name":"Container","framework":"materialize","html":"
Parallax
The parallax images, when displayed, have a default height of 500px. You can override this by adding an extra class to the container .parallax-container, something like e.g. 'parallax-700' or -'400'. Then you can set the height differently, more or less than 500px.
Important is, however, that the image files must have more height than what you choose to let show. If not, you will hardly see any 'parallax movement' at all. Here the aspect ratio is 1:0.8.
The size limitation on the container .parallax-holdall can be changed to less, or also to full width.
The parallax effect will display better if there is something below the images too. If you want to have an image right at the bottom of a page, it will be better not to have it inside any parallax container.
","htmlembed":{},"mobile_first":true,"name":"ma-parallax-holdall","resources":{"./img/dec-23.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"},"./img/rowing.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"}},"stylesheet":".container-grid {\n position:relative;\n}\n\n.container-grid.parallax-holdall {\n margin-right:auto;\n margin-left:auto;\n margin-top:50px;\n max-width:1000px;\n}\n\n.container-grid.parallax-container {\n z-index:-1;\n}\n\ndiv.responsive-picture {\n max-width:none;\n}\n\n.container-grid.white {\n padding-bottom:15px;\n}\n\n.container-grid.comments-1 {\n max-width:1200px;\n padding-top:0px;\n padding-right:20px;\n padding-left:20px;\n margin-top:50px;\n display:flex;\n flex-wrap:wrap;\n justify-content:center;\n}\n\n.container-grid.info-1 {\n width:100%;\n}\n\nh3.wide-para-heading {\n font-size:24px;\n line-height:28px;\n font-weight:600;\n text-align:center;\n color:rgba(195, 105, 110, 0.87);\n}\n\np.paragraph {\n font-family:'Roboto', sans-serif;\n max-width:660px;\n margin-bottom:0px;\n letter-spacing:1px;\n margin-top:12px;\n font-size:17px;\n color:rgba(0, 0, 0, 0.65);\n}\n\np.paragraph.explanation {\n padding-right:10px;\n padding-left:10px;\n margin-top:7px;\n}\n\nh3.comments-heading {\n font-size:24px;\n line-height:28px;\n font-weight:600;\n text-align:center;\n}\n\np.paragraph.wide-para {\n max-width:1000px;\n padding-left:10px;\n}\n\np.paragraph span.paragraph-text-3 {\n font-family:'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;\n}\n\n@supports (display: grid) {\n .container-grid {\n position:relative;\n }\n}\n\n@media screen and (min-width: 21rem) {\n .container-grid.comments-1 {\n padding-top:0px;\n }\n\n p.paragraph.explanation {\n max-width:900px;\n margin-right:auto;\n margin-left:auto;\n }\n\n @supports (display: grid) {\n p.paragraph.explanation {\n padding-bottom:10px;\n }\n }\n}\n\n@media screen and (min-width: 37.5625rem) {\n .container-grid.info-1 {\n width:100%;\n }\n\n p.paragraph {\n font-size:17px;\n }\n\n p.paragraph span.paragraph-text-1 {\n font-family:'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;\n }\n}\n\n@media screen and (min-width: 62.0625rem) {\n p.paragraph {\n font-size:18px;\n }\n\n @supports (display: grid) {\n p.paragraph.explanation {\n padding-bottom:10px;\n }\n }\n}\n\n@media screen and (min-width: 75.0625rem) {\n .container-grid.parallax-holdall {\n max-width:1200px;\n }\n\n .container-grid.white {\n padding-right:16px;\n padding-left:16px;\n width:90%;\n margin-right:auto;\n margin-left:auto;\n }\n\n .container-grid.comments-1 {\n margin-top:50px;\n }\n\n h3.wide-para-heading {\n font-size:32px;\n color:rgba(195, 105, 110, 1);\n font-weight:600;\n }\n}\n\n@media screen and (min-width: 87.5rem) {\n h3.wide-para-heading {\n color:rgba(195, 105, 110, 1);\n }\n\n p.paragraph.explanation {\n max-width:900px;\n margin-right:auto;\n margin-left:auto;\n }\n\n p.paragraph span.paragraph-text-2 {\n font-family:'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;\n }\n}","timestamp":1619112067862,"type":"Container","units":"rem"}
PK R6xwa ` resources/img/dec-23.jpg ,Exif II* ( 1 2 ;
- 7 i L Canon Canon EOS 1300D
'
' Adobe Photoshop 22.3 (Windows) 2021:04:21 10:43:26 Inger Eik inger.eik@gmail.com " ' 0 2 0230
"
* 00 00 2 : 1
B 2 P 4 p 5 2018:12:23 13:35:13 2018:12:23 13:35:13 @B d 2 O 4 S 153072125457 2 2 EF50mm f/1.8 II 0000000000 ( ( H H Adobe_CM Adobe d
"
?
3 !1AQa"q2B#$Rb34rC%Scs5&DTdE£t6UeuF'Vfv7GWgw 5 !1AQaq"2B#R3$brCScs4%&5DTdEU6teuFVfv'7GWgw ? Ujow֬{iּ+:h>֬NuC.ب8mKG|x=Z=O~MA#`u.A14fN^é0eK&thvIS
|(\t4x)
׀O~N?+7 ^&-K*}F G[c>p*iyop)ѐ#pxNtljkI[ۯ'gp
e?e#eV6#.4 *:ǰF8Yk33f8TA#m#XRq6ɏ
eĨ^Ah8L"5~ TopNHiK%5kx*@Npv4̸Bgcuuٻk,cuNMn-l+q}WL$:F#C>h'D=ødG2I|NIKwPcFی|I!aăOPDH܁пО{1كTzn