scratch – Diff between revs 70 and 71
?pathlinks?
Rev 70 | Rev 71 | |||
---|---|---|---|---|
Line 16... | Line 16... | |||
16 | <!-- Font Awesome --> |
16 | <!-- Font Awesome --> |
|
17 | <link href="bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet"> |
17 | <link href="bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet"> |
|
Line 18... | Line 18... | |||
18 | |
18 | |
|
19 | <!-- DropZone --> |
19 | <!-- DropZone --> |
|
20 | <link href="bower_components/dropzone/dist/min/dropzone.min.css" rel="stylesheet"> |
- | ||
21 | <!-- Local style --> |
- | ||
- | 20 | <link href="bower_components/dropzone/dist/min/dropzone.min.css" rel="stylesheet"> |
||
22 | <link href="css/files/style.css" rel="stylesheet"> |
21 | |
|
23 | <!-- Site-wide style CCS --> |
22 | <!-- Site-wide style CCS --> |
|
- | 23 | <link href="css/style.css" rel="stylesheet"> |
||
- | 24 | |
||
- | 25 | <!-- Local style --> |
||
24 | <link href="css/style.css" rel="stylesheet"> |
26 | <link href="css/files/style.css" rel="stylesheet"> |
|
Line 25... | Line 27... | |||
25 | </head> |
27 | </head> |
|
Line -... | Line 28... | |||
- | 28 | |
||
- | 29 | <body> |
||
26 | |
30 | |
|
- | 31 | <!-- Main component for a primary marketing message or call to action --> |
||
- | 32 | <div class="paralax-background"></div> |
||
- | 33 | <div class="jumbotron"> |
||
Line 27... | Line -... | |||
27 | <body> |
- | ||
28 | |
- | ||
29 | <div class="container"> |
34 | <h1>scratch copy</h1> |
|
30 | |
- | ||
31 | <!-- Main component for a primary marketing message or call to action --> |
- | ||
32 | <div class="paralax-background"></div> |
- | ||
Line 33... | Line 35... | |||
33 | <div class="jumbotron"> |
35 | <p class="quote">the asset sharer</p> |
|
34 | <h1>Scratch</h1> |
36 | </div> |
|
35 | <p class="lead">Asset sharing platform</p> |
37 | |
|
36 | </div> |
38 | <div class="container"> |
|
Line 120... | Line 122... | |||
120 | |
122 | |
|
Line 121... | Line 123... | |||
121 | </div> <!-- /container --> |
123 | </div> <!-- /container --> |
|
122 | |
124 | |
|
123 | <div id="footer"> |
125 | <div id="footer"> |
|
124 | <div class="container"> |
126 | <div class="container"> |
|
125 | <p class="text-muted credit">Copyright <i class="glyphicon glyphicon-copyright-mark"></i> 2017 <a href="http://grimore.org">Wizardry and Steamworks</a>.</p> |
127 | <p class="text-muted credit text-center">Copyright <i class="glyphicon glyphicon-copyright-mark"></i> 2017 <a href="http://grimore.org">Wizardry and Steamworks</a>.</p> |
|
Line 126... | Line 128... | |||
126 | </div> |
128 | </div> |
|
127 | </div> |
129 | </div> |
|
Line 239... | Line 241... | |||
239 | document.querySelector("#actions .cancel").onclick = () => { |
241 | document.querySelector("#actions .cancel").onclick = () => { |
|
240 | myDropzone.removeAllFiles(true); |
242 | myDropzone.removeAllFiles(true); |
|
241 | }; |
243 | }; |
|
242 | }); |
244 | }); |
|
243 | </script> |
245 | </script> |
|
- | 246 | <!-- Jumbotron parallax effect --> |
||
244 | <script> |
247 | <script> |
|
245 | var jumboHeight = $('.jumbotron').outerHeight(); |
248 | const jumboHeight = $('.jumbotron').outerHeight(); |
|
246 | function parallax(){ |
249 | function parallax(){ |
|
247 | var scrolled = $(window).scrollTop(); |
250 | var scrolled = $(window).scrollTop(); |
|
248 | $('.paralax-background').css('height', (jumboHeight-scrolled) + 'px'); |
251 | $('.paralax-background').css('height', (jumboHeight-scrolled) + 'px'); |
|
249 | } |
252 | } |