54 lines
2.1 KiB
HTML
54 lines
2.1 KiB
HTML
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="caddy test" />
|
|
<meta name="author" content="andy bunce." />
|
|
<title>Orlop domain</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 rel="stylesheet" href="//cdn.jsdelivr.net/npm/@mdi/font@4.x/css/materialdesignicons.min.css" >
|
|
<link href="https://cdn.jsdelivr.net/npm/vuetify@2.6.x/dist/vuetify.min.css" rel="stylesheet">
|
|
<link href="app.css" rel="stylesheet">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<v-app>
|
|
<v-app-bar app>
|
|
<div>
|
|
<span>Loaded at: {{ loaded }}</span>
|
|
<v-icon :title="loaded">mdi-clock</v-icon>
|
|
<span> {{ message }}</span>
|
|
<v-btn v-on:click="load">hits {{ hits }}</v-btn>
|
|
</div>
|
|
</v-app-bar>
|
|
<v-main>
|
|
|
|
<v-container>
|
|
<v-row align-content="start" no-gutters>
|
|
<!-- item={href,port,text} -->
|
|
<v-col v-for="item in links" :key="item.href" class="ma-2" >
|
|
<v-card width="10em">
|
|
<v-card-title class="text-caption">
|
|
<a :href="item.href" :target="target">{{ item.text }}</a>
|
|
</v-card-title>
|
|
<v-card-actions>
|
|
<v-btn>?</v-btn>
|
|
<v-btn>{{ item.port }}</v-btn>
|
|
</v-card-actions>
|
|
</v-card>
|
|
</v-col>
|
|
<v-col>
|
|
<img name="srv" src="icon.png" width="100%"/>
|
|
</v-col>
|
|
</v-row>
|
|
</v-container>
|
|
|
|
</v-main>
|
|
</v-app>
|
|
</div>
|
|
<script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/vuetify@2.6.x/dist/vuetify.js"></script>
|
|
<script src="index.js"></script>
|
|
</body>
|
|
</html> |