some extras for the live preview

5 years ago · a2b0a1774d
parent d079c8ae7a
commit a2b0a1774d
10 changed files with 22 additions and 1 deletions
--- a/public/favicon-128.png
+++ b/public/favicon-128.png
--- a/public/favicon-152.png
+++ b/public/favicon-152.png
--- a/public/favicon-180.png
+++ b/public/favicon-180.png
--- a/public/favicon-192.png
+++ b/public/favicon-192.png
--- a/public/favicon-196.png
+++ b/public/favicon-196.png
--- a/public/favicon-32.png
+++ b/public/favicon-32.png
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/index.html
+++ b/public/index.html
@ -5,6 +5,13 @@
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <link rel="icon" href="<%= BASE_URL %>favicon-32.png" sizes="32x32">
    <link rel="icon" href="<%= BASE_URL %>favicon-128.png" sizes="128x128">
    <link rel="icon" href="<%= BASE_URL %>favicon-192.png" sizes="192x192">
    <link rel="shortcut icon" href="<%= BASE_URL %>favicon-196.png" sizes="196x196">
    <link rel="apple-touch-icon" href="<%= BASE_URL %>favicon-152.png" sizes="152x152">
    <link rel="apple-touch-icon" href="<%= BASE_URL %>favicon-180.png" sizes="180x180">
    <title><%= htmlWebpackPlugin.options.title %></title>
  </head>
  <body>
--- a/src/assets/app.css
+++ b/src/assets/app.css
@ -46,7 +46,6 @@ html,body {
 header {
  display: block;
  height: 10rem;
  font-size: 2rem;
  line-height: 2rem;
  padding: 4rem 0;
@ -55,6 +54,13 @@ header {
 header > p {
  opacity: .6;
 }
 section[name=notifications] {
  display: block;
  max-width: 70rem;
  margin: 0 auto 1em;
  padding: 1rem 3rem;
  border: .5em solid red;
 }
 #popup {
  position: fixed;
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@ -1,6 +1,14 @@
 <template>
  <main name="home" :class="{ popup }">
    <header>RPG Cards for y'all</header>
    <section name="notifications">
      <p class="warning">
        <strong>This is a pre-alpha version.</strong>
        Many features are still unstable or completely missing.
        <br />
        Check out <a href="https://github.com/nkoehring/rpg-cards-ng/">the code repository</a> for more information.
      </p>
    </section>
    <section name="deck-covers" class="cards" :class="{ centered: !savedDecks.length }">
      <router-link :to="{ name: 'Deck', params: { id: deck.id } }" :key="deck.id" v-for="deck in savedDecks">
        <deck-cover :deck="deck" />