lance/myweather
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add proper About page

Browse source
This commit is contained in:
Lance Edgar 2024-06-08 21:30:24 -05:00
parent 8109c6d3f6
commit e446084d62
4 changed files with 107 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

74
src/views/AboutView.vue
View file

@ -1,15 +1,67 @@
<script setup>
import appsettings from '../appsettings'
</script>
<script>
export default {
data() {
return {
appsettings,
}
},
}
</script>
<template>
<div class="about">
<h1>This is an about page</h1>
<h4 class="is-size-4">{{ appsettings.appTitle }} {{ appsettings.appVersion }}</h4>
<br />
<p class="block">
This app was built in rather a hurry, to replace my personal
usage of the original
<a href="https://mobile.weather.gov" target="_blank">
<span class="icon-text">
<o-icon icon="external-link" />
<span>mobile.weather.gov</span>
</span>
</a>
site which was being decommissioned.&nbsp;
(See also
<a href="https://www.weather.gov/media/notification/pdf_2023_24/scn24-51_mobile_decommissioning.pdf" target="_blank">
<span class="icon-text">
<o-icon icon="external-link" />
<span>this statement</span>
</span>
</a>.)
</p>
<p class="block">
Source code is not currently browseable online but you can get it with:
</p>
<p class="block is-family-monospace"
style="padding-left: 4rem;">
git clone https://git.edbob.org/readonly/myweather.git
</p>
<p class="block">
This app is primarily for personal use, but if you also find it useful and
have suggestions, email me at <a href="mailto:lance@edbob.org">lance@edbob.org</a>
</p>
<br />
<o-field label="Dependencies">
<ul>
<li v-for="(ver, pkg, i) in appsettings.appDependencies"
:key="pkg">
{{ pkg }} {{ ver }}
</li>
</ul>
</o-field>
</div>
</template>
<style>
@media (min-width: 1024px) {
.about {
min-height: 100vh;
display: flex;
align-items: center;
}
}
</style>