scratch – Diff between revs 65 and 70
?pathlinks?
Rev 65 | Rev 70 | |||
---|---|---|---|---|
Line 20... | Line 20... | |||
20 | <link href="bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet"> |
20 | <link href="bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet"> |
|
21 | <!-- Trumbowyg --> |
21 | <!-- Trumbowyg --> |
|
22 | <link href="bower_components/trumbowyg/dist/ui/trumbowyg.min.css" rel="stylesheet"> |
22 | <link href="bower_components/trumbowyg/dist/ui/trumbowyg.min.css" rel="stylesheet"> |
|
23 | <!-- Local style --> |
23 | <!-- Local style --> |
|
24 | <link href="css/text/style.css" rel="stylesheet"> |
24 | <link href="css/text/style.css" rel="stylesheet"> |
|
- | 25 | <!-- Site-wide style CCS --> |
||
- | 26 | <link href="css/style.css" rel="stylesheet"> |
||
25 | </head> |
27 | </head> |
|
Line 26... | Line 28... | |||
26 | |
28 | |
|
Line 27... | Line 29... | |||
27 | <body> |
29 | <body> |
|
Line 28... | Line 30... | |||
28 | |
30 | |
|
- | 31 | <div class="container"> |
||
29 | <div class="container"> |
32 | |
|
30 | |
33 | <!-- Main component for a primary marketing message or call to action --> |
|
31 | <!-- Main component for a primary marketing message or call to action --> |
34 | <div class="paralax-background"></div> |
|
32 | <div class="jumbotron"> |
35 | <div class="jumbotron"> |
|
Line 33... | Line 36... | |||
33 | <h1>Scratch</h1> |
36 | <h1>Scratch</h1> |
|
34 | <p>Asset sharing platform.</p> |
37 | <p class="lead">Asset sharing platform</p> |
|
35 | </div> |
38 | </div> |
|
Line 354... | Line 357... | |||
354 | }); |
357 | }); |
|
355 | }); |
358 | }); |
|
356 | }); |
359 | }); |
|
357 | }); |
360 | }); |
|
358 | </script> |
361 | </script> |
|
- | 362 | <script> |
||
- | 363 | var jumboHeight = $('.jumbotron').outerHeight(); |
||
- | 364 | function parallax(){ |
||
- | 365 | var scrolled = $(window).scrollTop(); |
||
- | 366 | $('.paralax-background').css('height', (jumboHeight-scrolled) + 'px'); |
||
- | 367 | } |
||
- | 368 | |
||
- | 369 | $(window).scroll(function(e){ |
||
- | 370 | parallax(); |
||
- | 371 | }); |
||
- | 372 | </script> |
||
359 | </body> |
373 | </body> |
|
360 | </html> |
374 | </html> |