diff --git a/src/components/AppData.vue b/src/components/AppData.vue index 7ddaff6..6706955 100644 --- a/src/components/AppData.vue +++ b/src/components/AppData.vue @@ -196,7 +196,23 @@ const APPS = [ narrative: `DJS Consulting still hosts Futility Closet, ensuring that the underlying server receives performance and security upgrades, monitoring site performance, and maintaining regular backups.` } - ] + ], + quotes: { + name: 'Greg Ross', + from: 'Futility Closet', + full: `DJS Consulting has been an absolute godsend for Futility Closet. We have been with them since 2010, + initially setting up and maintaining the site on a Rackspace VPS, and then hosting it completely. + Daniel’s never failed in being friendly, knowledgeable, thoughtful, and farsighted. I’ve + literally lost count of the number of times he’s saved us from one emergency or another, always with + diligence and good humor, or recommended an improvement or a protection that saved us later. We would be + out of business many times over if it weren’t for his reliability, expertise, and good judgment. And + he’s a joy to work with.`, + pull: [ + `Daniel’s never failed in being friendly, knowledgeable, thoughtful, and farsighted…`, + `We would be out of business many times over if it weren’t for his reliability, expertise, and good + judgment…` + ] + } }, { id: 'hard-corps-wife', diff --git a/src/components/Application.vue b/src/components/Application.vue index 1b9663e..541f7d9 100644 --- a/src/components/Application.vue +++ b/src/components/Application.vue @@ -14,6 +14,13 @@ strong {{ act.heading }} |  –  span(v-html="act.narrative") + template(v-if='application.quotes') + hr + strong What They Say + blockquote + p.quote(v-html="application.quotes.full") + p.source. + — #[strong {{ application.quotes.name }}], {{ application.quotes.from }} p(v-for="(p, idx) in application.footnotes" v-bind:key="idx" v-html="p") p br @@ -62,4 +69,16 @@ aside img { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } +blockquote { + border-left: solid 1px #3A1D00; + margin-left: 25px; + padding-left: 15px; +} +.quote { + font-style: italic; +} +.source { + text-align: right; + padding-right: 60px; +}