n/rpg-cards-ng
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

some extras for the live preview

Browse source
This commit is contained in:
koehr 2020-04-03 14:07:46 +02:00 committed by Norman
parent d079c8ae7a
commit a2b0a1774d
10 changed files with 22 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/favicon-128.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
public/favicon-152.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
public/favicon-180.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
public/favicon-192.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
public/favicon-196.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
public/favicon-32.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
public/favicon.ico
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

7
public/index.html
View file

@ -5,6 +5,13 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0"> <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.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> <title><%= htmlWebpackPlugin.options.title %></title>
</head> </head>
<body> <body>

8
src/assets/app.css
View file

@ -46,7 +46,6 @@ html,body {
header { header {
display: block; display: block;
height: 10rem;
font-size: 2rem; font-size: 2rem;
line-height: 2rem; line-height: 2rem;
padding: 4rem 0; padding: 4rem 0;
@ -55,6 +54,13 @@ header {
header > p { header > p {
opacity: .6; opacity: .6;
} }
section[name=notifications] {
display: block;
max-width: 70rem;
margin: 0 auto 1em;
padding: 1rem 3rem;
border: .5em solid red;
}
#popup { #popup {
position: fixed; position: fixed;

8
src/views/Home.vue
View file

@ -1,6 +1,14 @@
<template> <template>
<main name="home" :class="{ popup }"> <main name="home" :class="{ popup }">
<header>RPG Cards for y'all</header> <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 }"> <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"> <router-link :to="{ name: 'Deck', params: { id: deck.id } }" :key="deck.id" v-for="deck in savedDecks">
<deck-cover :deck="deck" /> <deck-cover :deck="deck" />