Lazy Home: Lazy load latest blog posts and assets and group by week and
project. Javascript tutti.js and timeline.js is needed, and then the following to init the timeline: $('.timeline') .timeline({ url: '/api/timeline' }); # Javascript Notes: ## ES6 transpile: * Files in src/scripts/js/es6/common will be transpiled from modern es6 js to old es5 js, and then added to tutti.js * Files in src/scripts/js/es6/individual will be transpiled from modern es6 js to old es5 js to individual module files ## JS Testing * Added the Jest test framework to write javascript tests. * `npm test` will run all the javascript tests Thanks to Sybren for reviewing
This commit is contained in:
24
src/styles/components/_timeline.sass
Normal file
24
src/styles/components/_timeline.sass
Normal file
@@ -0,0 +1,24 @@
|
||||
.timeline
|
||||
.jumbotron
|
||||
padding-top: 6em
|
||||
padding-bottom: 6em
|
||||
|
||||
*
|
||||
font-size: $h1-font-size
|
||||
|
||||
.lead
|
||||
font-size: $font-size-base
|
||||
.h5
|
||||
text-align: right
|
||||
background: $body-bg
|
||||
opacity: 0.8
|
||||
margin-right: -15px
|
||||
margin-left: -15px
|
||||
padding-right: 15px
|
||||
.sticky-top
|
||||
top: 2.5rem
|
||||
|
||||
body.is-mobile
|
||||
.timeline
|
||||
.js-asset-list
|
||||
@extend .card-deck-vertical
|
@@ -57,6 +57,7 @@
|
||||
@import "components/shortcode"
|
||||
@import "components/statusbar"
|
||||
@import "components/search"
|
||||
@import "components/timeline"
|
||||
|
||||
@import "components/flyout"
|
||||
@import "components/forms"
|
||||
|
Reference in New Issue
Block a user