rummy-timer/app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

It's a PWA

Browse Source
This commit is contained in:
Jeroen De Meerleer 2021-04-22 16:57:20 +02:00
parent ffa82cb58e
commit c668ec8a56
6 changed files with 29 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

BIN
public/icon-192.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

8
public/index.html
View File

@ -4,9 +4,13 @@
<meta charset="utf-8"> <meta charset="utf-8">
<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">
<meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="Rummy Timer">
<meta name="application-name" content="Rummy Timer">
<link rel="icon" href="<%= BASE_URL %>favicon.png">
<link rel="manifest" href="<%= BASE_URL %>rummy-timer.webmanifest">
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title> <title><%= htmlWebpackPlugin.options.title %></title>
</head> </head>
<body> <body>

15
public/rummy-timer.webmanifest Normal file
View File

@ -0,0 +1,15 @@
{
"background_color": "#000088",
"description": "Simple timer for rummykub",
"display": "fullscreen",
"icons": [
{
"src": "/rummy-timer/icon-192.png",
"sizes": "192x192",
"type": "image/png"
}
],
"name": "Rummy timer",
"short_name": "Rummy timer",
"start_url": "/rummy-timer/index.html"
}

9
src/components/Settings.vue
View File

@ -1,6 +1,7 @@
<template> <template>
<div class="settings"> <div class="settings">
<div class="time"> <div class="time">
<p>Kies het aantal seconden:</p>
<span class="time-choice" v-on:click="setTime(15)">15</span> <span class="time-choice" v-on:click="setTime(15)">15</span>
<span class="time-choice" v-on:click="setTime(30)">30</span> <span class="time-choice" v-on:click="setTime(30)">30</span>
<span class="time-choice" v-on:click="setTime(45)">45</span> <span class="time-choice" v-on:click="setTime(45)">45</span>
@ -28,6 +29,10 @@ export default {
} }
</script> </script>
<style scoped> <style lang="scss">
.time-choice {
font-size: 32px;
display: inline-block;
padding: 25px;
}
</style> </style>

1
vue.config.js
View File

@ -1,5 +1,6 @@
// vue.config.js // vue.config.js
module.exports = { module.exports = {
publicPath: process.env.NODE_ENV === 'production' ? '/rummy-timer/' : '/',
css: { css: {
loaderOptions: { loaderOptions: {
// by default the `sass` option will apply to both syntaxes // by default the `sass` option will apply to both syntaxes