insert/rubberguppe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

support & faq links in header, try adding masto verification links in static html

Browse source
This commit is contained in:
Will Murphy 2022-12-05 10:07:08 -06:00
parent 02cec3da3c
commit b3224abd4e
2 changed files with 18 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
web/public/index.html
View file

@ -21,5 +21,10 @@
</noscript> </noscript>
<div id="app"></div> <div id="app"></div>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->
<div class="w3-hide">
<!-- mastodon verification in static HTML -->
<a rel="me" href="https://social.coop/@datatitian">Datatitian</a>
<a rel="me" href="https://widerweb.org/@SyndicWill">Syndic Will</a>
</div>
</body> </body>
</html> </html>

12
web/src/App.vue
View file

@ -2,7 +2,11 @@
<div id="app"> <div id="app">
<div class="w3-bar w3-black w3-card"> <div class="w3-bar w3-black w3-card">
<div class="w3-section flex"> <div class="w3-section flex">
<nav id="main-nav">
<router-link to="/"><i class="fas fa-home" title="home"></i></router-link> <router-link to="/"><i class="fas fa-home" title="home"></i></router-link>
<a href="https://github.com/immers-space/guppe/wiki/Guppe-Groups-FAQ"><i class="fas fa-question-circle" title="FAQ"></i>FAQ</a>
<a href="https://opencollective.com/guppe-groups"><i class="fas fa-dollar-sign" title="support"></i>Support</a>
</nav>
<div v-if="stats" class="flex"> <div v-if="stats" class="flex">
<div>Uptime: {{ uptime }}</div> <div>Uptime: {{ uptime }}</div>
<div>Backlog: {{ queueSize }}</div> <div>Backlog: {{ queueSize }}</div>
@ -70,4 +74,12 @@ export default {
padding-left: 16px; padding-left: 16px;
padding-right: 16px; padding-right: 16px;
} }
#main-nav {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
#main-nav a i {
padding-right: 3px;
}
</style> </style>