3 |
4 |
404 Page Not Found
5 |
6 |
7 | {{> footer }}
--------------------------------------------------------------------------------
/public/less/bootstrap/mixins/center-block.less:
--------------------------------------------------------------------------------
1 | // Center-align a block level element
2 |
3 | .center-block() {
4 | display: block;
5 | margin-left: auto;
6 | margin-right: auto;
7 | }
8 |
--------------------------------------------------------------------------------
/public/less/bootstrap/mixins/size.less:
--------------------------------------------------------------------------------
1 | // Sizing shortcuts
2 |
3 | .size(@width; @height) {
4 | width: @width;
5 | height: @height;
6 | }
7 |
8 | .square(@size) {
9 | .size(@size; @size);
10 | }
11 |
--------------------------------------------------------------------------------
/public/less/bootstrap/mixins/opacity.less:
--------------------------------------------------------------------------------
1 | // Opacity
2 |
3 | .opacity(@opacity) {
4 | opacity: @opacity;
5 | // IE8 filter
6 | @opacity-ie: (@opacity * 100);
7 | filter: ~"alpha(opacity=@{opacity-ie})";
8 | }
9 |
--------------------------------------------------------------------------------
/public/less/bootstrap/mixins/text-emphasis.less:
--------------------------------------------------------------------------------
1 | // Typography
2 |
3 | .text-emphasis-variant(@color) {
4 | color: @color;
5 | a&:hover,
6 | a&:focus {
7 | color: darken(@color, 10%);
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/public/less/bootstrap/mixins/text-overflow.less:
--------------------------------------------------------------------------------
1 | // Text overflow
2 | // Requires inline-block or block for proper styling
3 |
4 | .text-overflow() {
5 | overflow: hidden;
6 | text-overflow: ellipsis;
7 | white-space: nowrap;
8 | }
9 |
--------------------------------------------------------------------------------
/public/less/bootstrap/mixins/tab-focus.less:
--------------------------------------------------------------------------------
1 | // WebKit-style focus
2 |
3 | .tab-focus() {
4 | // Default
5 | outline: thin dotted;
6 | // WebKit
7 | outline: 5px auto -webkit-focus-ring-color;
8 | outline-offset: -2px;
9 | }
10 |
--------------------------------------------------------------------------------
/public/less/bootstrap/mixins/background-variant.less:
--------------------------------------------------------------------------------
1 | // Contextual backgrounds
2 |
3 | .bg-variant(@color) {
4 | background-color: @color;
5 | a&:hover,
6 | a&:focus {
7 | background-color: darken(@color, 10%);
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/config/production.js:
--------------------------------------------------------------------------------
1 | // config.js
2 | export default {
3 | COSMIC_BUCKET: process.env.COSMIC_BUCKET,
4 | COSMIC_WRITE_KEY: process.env.COSMIC_WRITE_KEY,
5 | MAILGUN_DOMAIN: process.env.MAILGUN_DOMAIN,
6 | MAILGUN_KEY: process.env.MAILGUN_KEY
7 | }
--------------------------------------------------------------------------------
/public/less/bootstrap/mixins/labels.less:
--------------------------------------------------------------------------------
1 | // Labels
2 |
3 | .label-variant(@color) {
4 | background-color: @color;
5 |
6 | &[href] {
7 | &:hover,
8 | &:focus {
9 | background-color: darken(@color, 10%);
10 | }
11 | }
12 | }
13 |
--------------------------------------------------------------------------------
/public/less/bootstrap/mixins/resize.less:
--------------------------------------------------------------------------------
1 | // Resize anything
2 |
3 | .resizable(@direction) {
4 | resize: @direction; // Options: horizontal, vertical, both
5 | overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
6 | }
7 |
--------------------------------------------------------------------------------
/public/less/bootstrap/mixins/progress-bar.less:
--------------------------------------------------------------------------------
1 | // Progress bars
2 |
3 | .progress-bar-variant(@color) {
4 | background-color: @color;
5 |
6 | // Deprecated parent class requirement as of v3.2.0
7 | .progress-striped & {
8 | #gradient > .striped();
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/public/less/bootstrap/mixins/nav-divider.less:
--------------------------------------------------------------------------------
1 | // Horizontal dividers
2 | //
3 | // Dividers (basically an hr) within dropdowns and nav lists
4 |
5 | .nav-divider(@color: #e5e5e5) {
6 | height: 1px;
7 | margin: ((@line-height-computed / 2) - 1) 0;
8 | overflow: hidden;
9 | background-color: @color;
10 | }
11 |
--------------------------------------------------------------------------------
/public/less/bootstrap/mixins/reset-filter.less:
--------------------------------------------------------------------------------
1 | // Reset filters for IE
2 | //
3 | // When you need to remove a gradient background, do not forget to use this to reset
4 | // the IE filter for IE9 and below.
5 |
6 | .reset-filter() {
7 | filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
8 | }
9 |
--------------------------------------------------------------------------------
/routes/404.js:
--------------------------------------------------------------------------------
1 | // 404
2 | import Cosmic from 'cosmicjs'
3 | module.exports = (app, config, partials) => {
4 | // 404
5 | app.get('/:slug', (req, res) => {
6 | Cosmic.getObjects({ bucket: { slug: config.COSMIC_BUCKET } }, (err, response) => {
7 | res.locals.cosmic = response
8 | res.error('404.html')
9 | })
10 | })
11 | }
--------------------------------------------------------------------------------
/public/less/bootstrap/mixins/alerts.less:
--------------------------------------------------------------------------------
1 | // Alerts
2 |
3 | .alert-variant(@background; @border; @text-color) {
4 | background-color: @background;
5 | border-color: @border;
6 | color: @text-color;
7 |
8 | hr {
9 | border-top-color: darken(@border, 5%);
10 | }
11 | .alert-link {
12 | color: darken(@text-color, 10%);
13 | }
14 | }
15 |
--------------------------------------------------------------------------------
/routes/index.js:
--------------------------------------------------------------------------------
1 | // Config
2 | module.exports = (app, config, partials) => {
3 | require('./home')(app, config, partials)
4 | require('./contact')(app, config, partials)
5 | require('./search')(app, config, partials)
6 | require('./work')(app, config, partials)
7 | require('./page')(app, config, partials)
8 | require('./404')(app, config, partials)
9 | }
--------------------------------------------------------------------------------
/public/less/components/footer.less:
--------------------------------------------------------------------------------
1 | // footer.less
2 | #footer {
3 | border-top: 1px solid #666;
4 | background-color: #1f1f1f;
5 | color: #fff;
6 | a {
7 | color: #ccc;
8 | &:hover {
9 | color: #fff;
10 | }
11 | }
12 | }
13 | .footer {
14 | &.sticky {
15 | position: absolute;
16 | bottom: 0;
17 | width: 100%;
18 | }
19 | }
--------------------------------------------------------------------------------
/public/less/bootstrap/mixins/nav-vertical-align.less:
--------------------------------------------------------------------------------
1 | // Navbar vertical align
2 | //
3 | // Vertically center elements in the navbar.
4 | // Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
5 |
6 | .navbar-vertical-align(@element-height) {
7 | margin-top: ((@navbar-height - @element-height) / 2);
8 | margin-bottom: ((@navbar-height - @element-height) / 2);
9 | }
10 |
--------------------------------------------------------------------------------
/public/less/bootstrap/mixins/responsive-visibility.less:
--------------------------------------------------------------------------------
1 | // Responsive utilities
2 |
3 | //
4 | // More easily include all the states for responsive-utilities.less.
5 | .responsive-visibility() {
6 | display: block !important;
7 | table& { display: table !important; }
8 | tr& { display: table-row !important; }
9 | th&,
10 | td& { display: table-cell !important; }
11 | }
12 |
13 | .responsive-invisibility() {
14 | display: none !important;
15 | }
16 |
--------------------------------------------------------------------------------
/public/less/components/nav.less:
--------------------------------------------------------------------------------
1 | // nav.less
2 | .navbar {
3 | margin-bottom: 0;
4 | .navbar-nav {
5 | display: inline-block;
6 | float: none;
7 | vertical-align: top;
8 | }
9 | .navbar-collapse {
10 | text-align: center;
11 | }
12 | }
13 | .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
14 | background-color: transparent;
15 | }
16 | .navbar-brand {
17 | padding: 10px 0 0 10px;
18 | }
--------------------------------------------------------------------------------
/public/less/bootstrap/.csslintrc:
--------------------------------------------------------------------------------
1 | {
2 | "adjoining-classes": false,
3 | "box-sizing": false,
4 | "box-model": false,
5 | "compatible-vendor-prefixes": false,
6 | "floats": false,
7 | "font-sizes": false,
8 | "gradients": false,
9 | "important": false,
10 | "known-properties": false,
11 | "outline-none": false,
12 | "qualified-headings": false,
13 | "regex-selectors": false,
14 | "shorthand": false,
15 | "text-indent": false,
16 | "unique-headings": false,
17 | "universal-selector": false,
18 | "unqualified-attributes": false
19 | }
20 |
--------------------------------------------------------------------------------
/public/less/components/global.less:
--------------------------------------------------------------------------------
1 | // global.less
2 | html {
3 | height: 100%;
4 | }
5 | body {
6 | margin-top: 0;
7 | position: relative;
8 | min-height: 100%;
9 | }
10 | a {
11 | text-decoration: none !important;
12 | }
13 | h1,
14 | h2,
15 | h3,
16 | .navbar {
17 | font-family: 'Oswald', sans-serif;
18 | }
19 | #hero {
20 | width: 100%;
21 | height: 570px;
22 | background-size: cover;
23 | background-position: center;
24 | background-color: #1f1f1f;
25 | color: #fff;
26 | }
27 | #content {
28 | background-color: #fff;
29 | color: #666;
30 | }
--------------------------------------------------------------------------------
/public/less/bootstrap/mixins/border-radius.less:
--------------------------------------------------------------------------------
1 | // Single side border-radius
2 |
3 | .border-top-radius(@radius) {
4 | border-top-right-radius: @radius;
5 | border-top-left-radius: @radius;
6 | }
7 | .border-right-radius(@radius) {
8 | border-bottom-right-radius: @radius;
9 | border-top-right-radius: @radius;
10 | }
11 | .border-bottom-radius(@radius) {
12 | border-bottom-right-radius: @radius;
13 | border-bottom-left-radius: @radius;
14 | }
15 | .border-left-radius(@radius) {
16 | border-bottom-left-radius: @radius;
17 | border-top-left-radius: @radius;
18 | }
19 |
--------------------------------------------------------------------------------
/public/less/bootstrap/mixins/reset-text.less:
--------------------------------------------------------------------------------
1 | .reset-text() {
2 | font-family: @font-family-base;
3 | // We deliberately do NOT reset font-size.
4 | font-style: normal;
5 | font-weight: normal;
6 | letter-spacing: normal;
7 | line-break: auto;
8 | line-height: @line-height-base;
9 | text-align: left; // Fallback for where `start` is not supported
10 | text-align: start;
11 | text-decoration: none;
12 | text-shadow: none;
13 | text-transform: none;
14 | white-space: normal;
15 | word-break: normal;
16 | word-spacing: normal;
17 | word-wrap: normal;
18 | }
19 |
--------------------------------------------------------------------------------
/public/less/bootstrap/mixins/pagination.less:
--------------------------------------------------------------------------------
1 | // Pagination
2 |
3 | .pagination-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
4 | > li {
5 | > a,
6 | > span {
7 | padding: @padding-vertical @padding-horizontal;
8 | font-size: @font-size;
9 | line-height: @line-height;
10 | }
11 | &:first-child {
12 | > a,
13 | > span {
14 | .border-left-radius(@border-radius);
15 | }
16 | }
17 | &:last-child {
18 | > a,
19 | > span {
20 | .border-right-radius(@border-radius);
21 | }
22 | }
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/routes/work.js:
--------------------------------------------------------------------------------
1 | // home.js
2 | import Cosmic from 'cosmicjs'
3 | module.exports = (app, config, partials) => {
4 | app.get('/work', (req, res) => {
5 | Cosmic.getObjects({ bucket: { slug: config.COSMIC_BUCKET } }, (err, response) => {
6 | res.locals.cosmic = response
7 | res.locals.page = response.object.work
8 | res.locals.works = response.objects.type.works
9 | response.object.nav.metafields.forEach(nav_item => {
10 | if (nav_item.value.replace('/','') === 'work')
11 | nav_item.active = true
12 | })
13 | return res.render('work.html', {
14 | partials
15 | })
16 | })
17 | })
18 | }
19 |
--------------------------------------------------------------------------------
/public/less/bootstrap/mixins/panels.less:
--------------------------------------------------------------------------------
1 | // Panels
2 |
3 | .panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) {
4 | border-color: @border;
5 |
6 | & > .panel-heading {
7 | color: @heading-text-color;
8 | background-color: @heading-bg-color;
9 | border-color: @heading-border;
10 |
11 | + .panel-collapse > .panel-body {
12 | border-top-color: @border;
13 | }
14 | .badge {
15 | color: @heading-bg-color;
16 | background-color: @heading-text-color;
17 | }
18 | }
19 | & > .panel-footer {
20 | + .panel-collapse > .panel-body {
21 | border-bottom-color: @border;
22 | }
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/public/less/bootstrap/wells.less:
--------------------------------------------------------------------------------
1 | //
2 | // Wells
3 | // --------------------------------------------------
4 |
5 |
6 | // Base class
7 | .well {
8 | min-height: 20px;
9 | padding: 19px;
10 | margin-bottom: 20px;
11 | background-color: @well-bg;
12 | border: 1px solid @well-border;
13 | border-radius: @border-radius-base;
14 | .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
15 | blockquote {
16 | border-color: #ddd;
17 | border-color: rgba(0,0,0,.15);
18 | }
19 | }
20 |
21 | // Sizes
22 | .well-lg {
23 | padding: 24px;
24 | border-radius: @border-radius-large;
25 | }
26 | .well-sm {
27 | padding: 9px;
28 | border-radius: @border-radius-small;
29 | }
30 |
--------------------------------------------------------------------------------
/public/less/bootstrap/mixins/hide-text.less:
--------------------------------------------------------------------------------
1 | // CSS image replacement
2 | //
3 | // Heads up! v3 launched with only `.hide-text()`, but per our pattern for
4 | // mixins being reused as classes with the same name, this doesn't hold up. As
5 | // of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.
6 | //
7 | // Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
8 |
9 | // Deprecated as of v3.0.1 (has been removed in v4)
10 | .hide-text() {
11 | font: ~"0/0" a;
12 | color: transparent;
13 | text-shadow: none;
14 | background-color: transparent;
15 | border: 0;
16 | }
17 |
18 | // New mixin to use as of v3.0.1
19 | .text-hide() {
20 | .hide-text();
21 | }
22 |
--------------------------------------------------------------------------------
/public/less/bootstrap/mixins/list-group.less:
--------------------------------------------------------------------------------
1 | // List Groups
2 |
3 | .list-group-item-variant(@state; @background; @color) {
4 | .list-group-item-@{state} {
5 | color: @color;
6 | background-color: @background;
7 |
8 | a&,
9 | button& {
10 | color: @color;
11 |
12 | .list-group-item-heading {
13 | color: inherit;
14 | }
15 |
16 | &:hover,
17 | &:focus {
18 | color: @color;
19 | background-color: darken(@background, 5%);
20 | }
21 | &.active,
22 | &.active:hover,
23 | &.active:focus {
24 | color: #fff;
25 | background-color: @color;
26 | border-color: @color;
27 | }
28 | }
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/public/less/bootstrap/mixins/clearfix.less:
--------------------------------------------------------------------------------
1 | // Clearfix
2 | //
3 | // For modern browsers
4 | // 1. The space content is one way to avoid an Opera bug when the
5 | // contenteditable attribute is included anywhere else in the document.
6 | // Otherwise it causes space to appear at the top and bottom of elements
7 | // that are clearfixed.
8 | // 2. The use of `table` rather than `block` is only necessary if using
9 | // `:before` to contain the top-margins of child elements.
10 | //
11 | // Source: http://nicolasgallagher.com/micro-clearfix-hack/
12 |
13 | .clearfix() {
14 | &:before,
15 | &:after {
16 | content: " "; // 1
17 | display: table; // 2
18 | }
19 | &:after {
20 | clear: both;
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/public/less/bootstrap/breadcrumbs.less:
--------------------------------------------------------------------------------
1 | //
2 | // Breadcrumbs
3 | // --------------------------------------------------
4 |
5 |
6 | .breadcrumb {
7 | padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal;
8 | margin-bottom: @line-height-computed;
9 | list-style: none;
10 | background-color: @breadcrumb-bg;
11 | border-radius: @border-radius-base;
12 |
13 | > li {
14 | display: inline-block;
15 |
16 | + li:before {
17 | content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
18 | padding: 0 5px;
19 | color: @breadcrumb-color;
20 | }
21 | }
22 |
23 | > .active {
24 | color: @breadcrumb-active-color;
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/public/less/bootstrap/responsive-embed.less:
--------------------------------------------------------------------------------
1 | // Embeds responsive
2 | //
3 | // Credit: Nicolas Gallagher and SUIT CSS.
4 |
5 | .embed-responsive {
6 | position: relative;
7 | display: block;
8 | height: 0;
9 | padding: 0;
10 | overflow: hidden;
11 |
12 | .embed-responsive-item,
13 | iframe,
14 | embed,
15 | object,
16 | video {
17 | position: absolute;
18 | top: 0;
19 | left: 0;
20 | bottom: 0;
21 | height: 100%;
22 | width: 100%;
23 | border: 0;
24 | }
25 | }
26 |
27 | // Modifier class for 16:9 aspect ratio
28 | .embed-responsive-16by9 {
29 | padding-bottom: 56.25%;
30 | }
31 |
32 | // Modifier class for 4:3 aspect ratio
33 | .embed-responsive-4by3 {
34 | padding-bottom: 75%;
35 | }
36 |
--------------------------------------------------------------------------------
/routes/home.js:
--------------------------------------------------------------------------------
1 | // home.js
2 | import Cosmic from 'cosmicjs'
3 | module.exports = (app, config, partials) => {
4 | app.get('/', (req, res) => {
5 | Cosmic.getObjects({ bucket: { slug: config.COSMIC_BUCKET } }, (err, response) => {
6 | res.locals.cosmic = response
7 | const blurb_items = res.locals.cosmic.object.home.metafield.blurbs.children
8 | blurb_items.forEach((item, i) => {
9 | item.children.forEach((item_child, i) => {
10 | if (item_child.type === 'file') {
11 | item_child.imgix_url = 'https://cosmicjs.imgix.net/' + item_child.value
12 | }
13 | })
14 | })
15 | res.locals.page = response.object.home
16 | return res.render('index.html', {
17 | partials
18 | })
19 | })
20 | })
21 | }
22 |
--------------------------------------------------------------------------------
/public/less/bootstrap/component-animations.less:
--------------------------------------------------------------------------------
1 | //
2 | // Component animations
3 | // --------------------------------------------------
4 |
5 | // Heads up!
6 | //
7 | // We don't use the `.opacity()` mixin here since it causes a bug with text
8 | // fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552.
9 |
10 | .fade {
11 | opacity: 0;
12 | .transition(opacity .15s linear);
13 | &.in {
14 | opacity: 1;
15 | }
16 | }
17 |
18 | .collapse {
19 | display: none;
20 |
21 | &.in { display: block; }
22 | tr&.in { display: table-row; }
23 | tbody&.in { display: table-row-group; }
24 | }
25 |
26 | .collapsing {
27 | position: relative;
28 | height: 0;
29 | overflow: hidden;
30 | .transition-property(~"height, visibility");
31 | .transition-duration(.35s);
32 | .transition-timing-function(ease);
33 | }
34 |
--------------------------------------------------------------------------------
/public/less/bootstrap/mixins/table-row.less:
--------------------------------------------------------------------------------
1 | // Tables
2 |
3 | .table-row-variant(@state; @background) {
4 | // Exact selectors below required to override `.table-striped` and prevent
5 | // inheritance to nested tables.
6 | .table > thead > tr,
7 | .table > tbody > tr,
8 | .table > tfoot > tr {
9 | > td.@{state},
10 | > th.@{state},
11 | &.@{state} > td,
12 | &.@{state} > th {
13 | background-color: @background;
14 | }
15 | }
16 |
17 | // Hover states for `.table-hover`
18 | // Note: this is not available for cells or rows within `thead` or `tfoot`.
19 | .table-hover > tbody > tr {
20 | > td.@{state}:hover,
21 | > th.@{state}:hover,
22 | &.@{state}:hover > td,
23 | &:hover > .@{state},
24 | &.@{state}:hover > th {
25 | background-color: darken(@background, 5%);
26 | }
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/routes/page.js:
--------------------------------------------------------------------------------
1 | // page.js
2 | import Cosmic from 'cosmicjs'
3 | module.exports = (app, config, partials) => {
4 | app.get('/:slug', (req, res) => {
5 | const slug = req.params.slug
6 | Cosmic.getObjects({ bucket: { slug: config.COSMIC_BUCKET } }, (err, response) => {
7 | res.locals.cosmic = response
8 | const pages = response.objects.type.pages
9 | pages.forEach(page => {
10 | if (page.slug === slug)
11 | res.locals.page = page
12 | })
13 | if (!res.locals.page) {
14 | return res.status(404).render('404.html', {
15 | partials
16 | })
17 | }
18 | response.object.nav.metafields.forEach(nav_item => {
19 | if (nav_item.value.replace('/','') === slug)
20 | nav_item.active = true
21 | })
22 | return res.render('page.html', {
23 | partials
24 | })
25 | })
26 | })
27 | }
28 |
--------------------------------------------------------------------------------
/views/page.html:
--------------------------------------------------------------------------------
1 | {{> header }}
2 |
3 | {{# page.metafield.hero.value }}
4 |
5 |
6 |
7 |
8 | {{ page.metafield.headline.value }}
9 |
10 |
11 | {{ page.metafield.subheadline.value }}
12 |
13 |
14 |
15 | {{/ page.metafield.hero.value }}
16 |
17 |
18 |
{{ page.title }}
19 | {{{ page.content }}}
20 |
21 |
22 |
23 | {{> footer }}
--------------------------------------------------------------------------------
/public/less/bootstrap/close.less:
--------------------------------------------------------------------------------
1 | //
2 | // Close icons
3 | // --------------------------------------------------
4 |
5 |
6 | .close {
7 | float: right;
8 | font-size: (@font-size-base * 1.5);
9 | font-weight: @close-font-weight;
10 | line-height: 1;
11 | color: @close-color;
12 | text-shadow: @close-text-shadow;
13 | .opacity(.2);
14 |
15 | &:hover,
16 | &:focus {
17 | color: @close-color;
18 | text-decoration: none;
19 | cursor: pointer;
20 | .opacity(.5);
21 | }
22 |
23 | // Additional properties for button version
24 | // iOS requires the button element instead of an anchor tag.
25 | // If you want the anchor version, it requires `href="#"`.
26 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
27 | button& {
28 | padding: 0;
29 | cursor: pointer;
30 | background: transparent;
31 | border: 0;
32 | -webkit-appearance: none;
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/public/less/bootstrap/thumbnails.less:
--------------------------------------------------------------------------------
1 | //
2 | // Thumbnails
3 | // --------------------------------------------------
4 |
5 |
6 | // Mixin and adjust the regular image class
7 | .thumbnail {
8 | display: block;
9 | padding: @thumbnail-padding;
10 | margin-bottom: @line-height-computed;
11 | line-height: @line-height-base;
12 | background-color: @thumbnail-bg;
13 | border: 1px solid @thumbnail-border;
14 | border-radius: @thumbnail-border-radius;
15 | .transition(border .2s ease-in-out);
16 |
17 | > img,
18 | a > img {
19 | &:extend(.img-responsive);
20 | margin-left: auto;
21 | margin-right: auto;
22 | }
23 |
24 | // Add a hover state for linked versions only
25 | a&:hover,
26 | a&:focus,
27 | a&.active {
28 | border-color: @link-color;
29 | }
30 |
31 | // Image captions
32 | .caption {
33 | padding: @thumbnail-caption-padding;
34 | color: @thumbnail-caption-color;
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/public/less/bootstrap/utilities.less:
--------------------------------------------------------------------------------
1 | //
2 | // Utility classes
3 | // --------------------------------------------------
4 |
5 |
6 | // Floats
7 | // -------------------------
8 |
9 | .clearfix {
10 | .clearfix();
11 | }
12 | .center-block {
13 | .center-block();
14 | }
15 | .pull-right {
16 | float: right !important;
17 | }
18 | .pull-left {
19 | float: left !important;
20 | }
21 |
22 |
23 | // Toggling content
24 | // -------------------------
25 |
26 | // Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
27 | .hide {
28 | display: none !important;
29 | }
30 | .show {
31 | display: block !important;
32 | }
33 | .invisible {
34 | visibility: hidden;
35 | }
36 | .text-hide {
37 | .text-hide();
38 | }
39 |
40 |
41 | // Hide from screenreaders and browsers
42 | //
43 | // Credit: HTML5 Boilerplate
44 |
45 | .hidden {
46 | display: none !important;
47 | }
48 |
49 |
50 | // For Affix plugin
51 | // -------------------------
52 |
53 | .affix {
54 | position: fixed;
55 | }
56 |
--------------------------------------------------------------------------------
/app-server.js:
--------------------------------------------------------------------------------
1 | // app-server.js
2 | import express from 'express'
3 | import hogan from 'hogan-express'
4 | import http_module from 'http'
5 | import bodyParser from 'body-parser'
6 | import compression from 'compression'
7 | import config from './config'
8 | const app = express()
9 | app.use(bodyParser.json())
10 | app.use(compression())
11 | app.engine('html', hogan)
12 | app.set('views', __dirname + '/views')
13 | app.set('port', process.env.PORT || 3000)
14 | app.use(express.static(__dirname + '/public'))
15 | app.use((req, res, next) => {
16 | if (req.url === '/favicon.ico')
17 | return res.end()
18 | // Set global variables
19 | res.locals.year = new Date().getFullYear()
20 | // Set dev
21 | if (process.env.NODE_ENV === 'development')
22 | res.locals.is_dev = true
23 | next()
24 | })
25 | const partials = {
26 | header: 'partials/header',
27 | footer: 'partials/footer'
28 | }
29 | require('./routes')(app, config, partials)
30 | const http = http_module.Server(app)
31 | http.listen(app.get('port'), () => {
32 | console.info('==> 🌎 Go to http://localhost:%s', app.get('port'));
33 | })
--------------------------------------------------------------------------------
/public/less/bootstrap/pager.less:
--------------------------------------------------------------------------------
1 | //
2 | // Pager pagination
3 | // --------------------------------------------------
4 |
5 |
6 | .pager {
7 | padding-left: 0;
8 | margin: @line-height-computed 0;
9 | list-style: none;
10 | text-align: center;
11 | &:extend(.clearfix all);
12 | li {
13 | display: inline;
14 | > a,
15 | > span {
16 | display: inline-block;
17 | padding: 5px 14px;
18 | background-color: @pager-bg;
19 | border: 1px solid @pager-border;
20 | border-radius: @pager-border-radius;
21 | }
22 |
23 | > a:hover,
24 | > a:focus {
25 | text-decoration: none;
26 | background-color: @pager-hover-bg;
27 | }
28 | }
29 |
30 | .next {
31 | > a,
32 | > span {
33 | float: right;
34 | }
35 | }
36 |
37 | .previous {
38 | > a,
39 | > span {
40 | float: left;
41 | }
42 | }
43 |
44 | .disabled {
45 | > a,
46 | > a:hover,
47 | > a:focus,
48 | > span {
49 | color: @pager-disabled-color;
50 | background-color: @pager-bg;
51 | cursor: @cursor-disabled;
52 | }
53 | }
54 | }
55 |
--------------------------------------------------------------------------------
/views/search.html:
--------------------------------------------------------------------------------
1 | {{> header }}
2 |
3 |
4 |
{{ page.title }}
5 |
6 |
10 |
11 | {{# q }}
12 |
Search results for {{ q }}
13 | {{/ q }}
14 | {{{ page.content }}}
15 |
16 | {{# search_results }}
17 |
18 |
23 |
24 | {{ teaser }}...
25 |
26 |
31 |
32 | {{/ search_results }}
33 |
34 |
6 |
7 | {{ page.metafield.headline.value }}
8 |
9 |
10 | {{ page.metafield.subheadline.value }}
11 |
12 |
13 |
14 |
15 |
16 | {{# page.metafield.blurbs.children }}
17 |
18 |
{{ value }}
19 |
22 |
{{ children.1.value }}
23 |
{{ children.2.value }}
24 |
25 | {{/ page.metafield.blurbs.children }}
26 |
7 |
8 | {{ page.metafield.headline.value }}
9 |
10 |
11 | {{ page.metafield.subheadline.value }}
12 |
13 |
14 |
15 | {{/ page.metafield.hero.value }}
16 |
17 |
18 |
19 |
{{ page.title }}
20 | {{{ page.content }}}
21 |
22 |
23 | {{# works }}
24 |
25 |
{{ title }}
26 |
27 |
28 | {{/ works }}
29 |
30 |
7 |
8 | {{ page.metafield.headline.value }}
9 |
10 |
11 | {{ page.metafield.subheadline.value }}
12 |
13 |
14 |
15 | {{/ page.metafield.hero.value }}
16 |
17 |
18 |
19 |
20 |
{{ page.title }}
21 |
22 | {{{ page.content }}}
23 |
24 |
53 |
54 |