apb/thedocks
1
0
Fork 0
Code Issues 4 Pull requests Projects Releases 1 Wiki Activity

Compare commits

base: apb:f73523c327ad45fd99bb46d2369ac30686020d1a
Branches Tags
apb:master
apb:v0.1.0
...
compare: apb:00e654dc2d300b0b552e7ff8c8f7e36aca965381
Branches Tags
apb:master
apb:v0.1.0

3 commits
f73523c327 ... 00e654dc2d

Author SHA1 Message Date
apb
00e654dc2d [mod] 2022-01-07 21:15:08 +00:00
apb
57ad9dfc66 [fix] css 2022-01-07 20:55:01 +00:00
apb
d6b4e97c4f [add] vuetify 2022-01-07 20:48:31 +00:00
2 changed files with 17 additions and 7 deletions
Show stats Expand all files Collapse all files

20
caddy/site/links/index.html
View file

@ -1,13 +1,19 @@
<html>
<head>
<meta charset="utf-8" />
<title>Caddy test</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="caddy test" />
<meta name="author" content="andy bunce." />
<title>Caddy test</title>
<link rel="shortcut icon" href="icon.png"/>
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/@mdi/font@6.x/css/materialdesignicons.min.css" rel="stylesheet">
<link href="//unpkg.com/vuetify@2.6.2/dist/vuetify.min.css" rel="stylesheet" type="text/css"/>
</head>
<body>
This is a test
<span>Page loaded at: {{now | date "Mon Jan 2 15:04:05 MST 2006"}}</span>
<div id="app">
<span>Loaded at: {{ loaded }}</span>
<ul>
<li v-for="item in json"><a :href="item.href">{{ item.text }}</a></li>
</ul>
@ -15,7 +21,9 @@
<button v-on:click="load">hits {{ hits }}</button>
<div> {{ message }}</div>
<pre>{{ json }}</pre>
</div>
<script src="index.js"></script>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js" crossorigin="anonymous"></script>
<script src="//unpkg.com/vuetify@2.6.2/dist/vuetify.min.js" crossorigin="anonymous"></script>
<script src="index.js"></script>
</body>
</html>

4
caddy/site/links/index.js
View file

@ -4,7 +4,8 @@ var app = new Vue({
data: {
message: 'Hello Vue!',
json: null,
hits:0
hits:0,
loaded: null
},
filters: {
pretty: function(value) {
@ -13,6 +14,7 @@ var app = new Vue({
},
methods:{
load() {
this.loaded = new Date()
this.hits += 1
fetch("links.json")
.then(response => response.json())