scratch – Diff between revs 65 and 70
?pathlinks?
Rev 65 | Rev 70 | |||
---|---|---|---|---|
Line 18... | Line 18... | |||
18 | |
18 | |
|
19 | <!-- DropZone --> |
19 | <!-- DropZone --> |
|
20 | <link href="bower_components/dropzone/dist/min/dropzone.min.css" rel="stylesheet"> |
20 | <link href="bower_components/dropzone/dist/min/dropzone.min.css" rel="stylesheet"> |
|
21 | <!-- Local style --> |
21 | <!-- Local style --> |
|
- | 22 | <link href="css/files/style.css" rel="stylesheet"> |
||
- | 23 | <!-- Site-wide style CCS --> |
||
22 | <link href="css/files/style.css" rel="stylesheet"> |
24 | <link href="css/style.css" rel="stylesheet"> |
|
Line 23... | Line 25... | |||
23 | </head> |
25 | </head> |
|
Line 24... | Line 26... | |||
24 | |
26 | |
|
Line 25... | Line 27... | |||
25 | <body> |
27 | <body> |
|
- | 28 | |
||
26 | |
29 | <div class="container"> |
|
27 | <div class="container"> |
30 | |
|
28 | |
31 | <!-- Main component for a primary marketing message or call to action --> |
|
29 | <!-- Main component for a primary marketing message or call to action --> |
32 | <div class="paralax-background"></div> |
|
Line 30... | Line 33... | |||
30 | <div class="jumbotron"> |
33 | <div class="jumbotron"> |
|
31 | <h1>Scratch</h1> |
34 | <h1>Scratch</h1> |
|
32 | <p>Asset sharing platform.</p> |
35 | <p class="lead">Asset sharing platform</p> |
|
Line 236... | Line 239... | |||
236 | document.querySelector("#actions .cancel").onclick = () => { |
239 | document.querySelector("#actions .cancel").onclick = () => { |
|
237 | myDropzone.removeAllFiles(true); |
240 | myDropzone.removeAllFiles(true); |
|
238 | }; |
241 | }; |
|
239 | }); |
242 | }); |
|
240 | </script> |
243 | </script> |
|
- | 244 | <script> |
||
- | 245 | var jumboHeight = $('.jumbotron').outerHeight(); |
||
- | 246 | function parallax(){ |
||
- | 247 | var scrolled = $(window).scrollTop(); |
||
- | 248 | $('.paralax-background').css('height', (jumboHeight-scrolled) + 'px'); |
||
- | 249 | } |
||
- | 250 | |
||
- | 251 | $(window).scroll(function(e){ |
||
- | 252 | parallax(); |
||
- | 253 | }); |
||
- | 254 | </script> |
||
241 | </body> |
255 | </body> |
|
242 | </html> |
256 | </html> |