first commit
This commit is contained in:
4
public/app.js
Normal file
4
public/app.js
Normal file
@@ -0,0 +1,4 @@
|
||||
import { createSSRApp } from "vue";
|
||||
import App from "@/App.tsx";
|
||||
|
||||
createSSRApp(App).mount('#app-root');
|
||||
BIN
public/icon.webp
Normal file
BIN
public/icon.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
public/image.jpeg
Normal file
BIN
public/image.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.7 KiB |
27
public/index.html
Normal file
27
public/index.html
Normal file
@@ -0,0 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>G'day</title>
|
||||
<link rel="icon" href="icon.webp" />
|
||||
<link rel="stylesheet" href="styles.css" />
|
||||
<script type="importmap">
|
||||
{
|
||||
"imports": {
|
||||
"vue": "/deps/vue/dist/vue.esm-browser.js",
|
||||
"vue/jsx-runtime": "/deps/vue/jsx-runtime/index.mjs",
|
||||
"@/": "/app/"
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<script type="module" src="app.js"></script>
|
||||
<!-- SSR HEAD OUTLET -->
|
||||
</head>
|
||||
<body>
|
||||
<main class="container">
|
||||
<h1>G'day, mate!</h1>
|
||||
<h2>Willkommen auf Daniels Spielwiese</h2>
|
||||
<img src="image.jpeg" alt="KANGAROO" />
|
||||
<div id="app-root"><!-- SSR OUTLET --></div>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
22
public/styles.css
Normal file
22
public/styles.css
Normal file
@@ -0,0 +1,22 @@
|
||||
.container {
|
||||
margin: auto;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
background-color: #fffafa;
|
||||
box-shadow: #000000;
|
||||
padding-top: 10px;
|
||||
min-height: calc(100vh - 10px);
|
||||
box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
|
||||
|
||||
@media (min-width: 992px) {
|
||||
width: 900px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
Reference in New Issue
Block a user