commit 4302029ad22da94bdaf8886a9009dd51ac9385bd
parent 4038b394f69c4b09b23f2bafee968b0e4a221aba
Author: ashermorgan <59518073+ashermorgan@users.noreply.github.com>
Date: Sat, 14 Aug 2021 13:29:31 -0700
Add app description
Diffstat:
4 files changed, 31 insertions(+), 17 deletions(-)
diff --git a/README.md b/README.md
@@ -1,24 +1,27 @@
# running-calculator
+An all-around tool for runners that calculates units, paces, splits, and more
-## Project setup
+Try it out [here](https://ashermorgan.github.io/running-calculator/)
+
+
+
+## Setup
+Install dependencies
```
npm install
```
-### Compiles and hot-reloads for development
+Run development server
```
npm run serve
```
-### Compiles and minifies for production
+Run unit tests
```
-npm run build
+npm run test:unit
```
-### Run your unit tests
+Build for production
```
-npm run test:unit
+npm run build
```
-
-### Customize configuration
-See [Configuration Reference](https://cli.vuejs.org/config/).
diff --git a/public/index.html b/public/index.html
@@ -3,8 +3,8 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="description" content="An all-around tool for runners that calculates units, paces, splits, and more">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
- <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title><%= htmlWebpackPlugin.options.title %></title>
</head>
<body>
diff --git a/src/views/Home.vue b/src/views/Home.vue
@@ -1,24 +1,34 @@
<template>
<div class="home">
- <router-link :to="{ name: 'calculate-paces' }">
- Pace Calculator
- </router-link>
- <router-link :to="{ name: 'calculate-units' }">
- Unit Calculator
- </router-link>
+ <p class="description">
+ An all-around tool for runners that calculates units, paces, splits, and more
+ </p>
+ <p>
+ <router-link :to="{ name: 'calculate-paces' }">
+ Pace Calculator
+ </router-link>
+ <router-link :to="{ name: 'calculate-units' }">
+ Unit Calculator
+ </router-link>
+ </p>
</div>
</template>
<script>
export default {
name: 'Home',
- components: { },
}
</script>
<style scoped>
.home {
text-align: center;
+ max-width: 500px;
+ margin: auto;
+}
+.description {
+ font-size: 1.5em;
+ margin-bottom: 10px;
}
a {
margin: 0px 10px;
diff --git a/src/views/PaceCalculator.vue b/src/views/PaceCalculator.vue
@@ -203,6 +203,7 @@ th, td {
@media only screen and (max-width: 400px) {
table {
width: 100%;
+ min-width: 0px;
}
}
</style>
