Add static asset invalidation.

This commit is contained in:
Jonathan Cremin 2017-05-07 00:02:20 +01:00
parent 2f3732a938
commit 2fdf364947
9 changed files with 92 additions and 285 deletions

View file

@ -1,3 +1,4 @@
import { style } from 'bulma/css/bulma.css';
import { sync } from 'vuex-router-sync';
import { app, store, router } from './app';

View file

@ -1,177 +0,0 @@
/* app.vue */
body {
color: #445470;
background: #fff;
}
.header {
background: #FE4365;
}
h1 {
padding: 25px 0;
}
h1 a {
color: #fff;
}
h1 a:hover {
color: #ffacc5;
}
.share {
margin-bottom: 40px;
}
.share h1 {
text-align: left;
font-size: 1.5em;
line-height: 36px;
padding: 5px 0;
}
.title a:hover {
border-bottom: none;
}
h1 .lighter {
color: #ffacc5;
}
.footer {
margin-top: 50px;
padding-bottom: 40px;
}
/* index.vue */
.blurb {
margin-bottom: 50px;
}
.recently-shared {
margin-bottom: 50px;
}
.faq {
margin-bottom: 50px;
}
.faq p {
margin-bottom: 30px;
}
.home {
max-width: 600px;
margin-top: 40px;
}
p {
margin-bottom: 10px;
}
.recent .artwork {
margin-bottom: 30px;
}
.artwork {
position: relative;
width: 100%;
height: 0;
padding-bottom: 100%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px;
}
/* search.vue */
.button.is-primary {
background-color: #FE4365;
}
.button.is-primary:hover {
background-color: #E52A4C;
}
.button.is-primary:focus {
background-color: #E52A4C;
}
.input:active {
border-color: #FE4365;
}
.input:focus {
border-color: #FE4365;
}
.search {
margin-bottom: 25vh;
}
form {
margin-top: 25vh;
margin-bottom: 20px;
}
/* share.vue */
.share-heading {
margin-bottom: 50px
}
.share-heading .title {
color: #8396b0;
}
.share-heading .title strong {
color: #445470;
font-weight: 700;
}
.artwork {
position: relative;
width: 100%;
height: 0;
padding-bottom: 100%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px;
}
.artwork-youtube {
background-position: 50% 0%;
}
.service {
position: relative;
margin-bottom: 10px;
}
.service-link img {
margin-top: 20px;
margin-bottom: 20px;
height: 40px;
}
img {
vertical-align: middle;
}
.not-found {
opacity: 0.2;
}
.match {
position: relative;
}
.no-match {
position: absolute;
top: 10px;
right: 10px;
background: #fff;
color: #FE4365;
padding: 3px 6px;
border-radius: 3px;
opacity: 0.7;
font-weight: bold;
}
.loading-wrap {
position: absolute;
top: 0;left: 0;
background: #fff;
height: 100%;
width: 100%;
opacity: 0.8;
}
.loading {
position: absolute;
top: 35%;
left: 40%;
width: 20%;
}
/* social.vue */
.social {
text-align: center;
font-weight: 300;
float: right;
}
.social li {
display: inline;
list-style-type: none;
padding-right: 10px;
float: left;
}