mirror of
https://github.com/haselkern/Minecraft-ArmorStand.git
synced 2025-05-17 15:05:33 +00:00
Design beginnings
This commit is contained in:
parent
5c5f34dc36
commit
f2bf164431
10 changed files with 71 additions and 4 deletions
10
package-lock.json
generated
10
package-lock.json
generated
|
|
@ -1034,6 +1034,11 @@
|
|||
"to-fast-properties": "^2.0.0"
|
||||
}
|
||||
},
|
||||
"@fortawesome/fontawesome-free": {
|
||||
"version": "5.15.1",
|
||||
"resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-5.15.1.tgz",
|
||||
"integrity": "sha512-OEdH7SyC1suTdhBGW91/zBfR6qaIhThbcN8PUXtXilY4GYnSBbVqOntdHbC1vXwsDnX0Qix2m2+DSU1J51ybOQ=="
|
||||
},
|
||||
"@fullhuman/postcss-purgecss": {
|
||||
"version": "3.0.0",
|
||||
"resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-3.0.0.tgz",
|
||||
|
|
@ -12069,6 +12074,11 @@
|
|||
"neo-async": "^2.6.0"
|
||||
}
|
||||
},
|
||||
"three": {
|
||||
"version": "0.123.0",
|
||||
"resolved": "https://registry.npmjs.org/three/-/three-0.123.0.tgz",
|
||||
"integrity": "sha512-KNnx/IbilvoHRkxOtL0ouozoDoElyuvAXhFB21RK7F5IPWSmqyFelICK6x3hJerLNSlAdHxR0hkuvMMhH9pqXg=="
|
||||
},
|
||||
"through": {
|
||||
"version": "2.3.8",
|
||||
"resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
|
||||
|
|
|
|||
|
|
@ -8,10 +8,12 @@
|
|||
"lint": "vue-cli-service lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"@fortawesome/fontawesome-free": "^5.15.1",
|
||||
"autoprefixer": "^9.8.6",
|
||||
"core-js": "^3.6.5",
|
||||
"postcss": "^7.0.35",
|
||||
"tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.0.1",
|
||||
"three": "^0.123.0",
|
||||
"vue": "^3.0.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
BIN
public/favicon.png
Normal file
BIN
public/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 360 B |
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
||||
<link rel="icon" type="image/png" href="<%= BASE_URL %>favicon.png">
|
||||
<title>Minecraft Armorstand</title>
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
45
src/App.vue
45
src/App.vue
|
|
@ -1,9 +1,50 @@
|
|||
<template>
|
||||
<h1>Hello Vue!</h1>
|
||||
<div class="grid grid-cols-5 min-h-screen bg-gray-200">
|
||||
<div class="col-span-3"></div>
|
||||
<div class="col-span-2">
|
||||
<card class="text-center">
|
||||
<h1 class="text-2xl font-bold">Minecraft Armorstand</h1>
|
||||
<a
|
||||
title="Source Code"
|
||||
href="https://github.com/haselkern/Minecraft-ArmorStand"
|
||||
class="inline-flex items-center justify-center w-8 h-8 m-2 text-white bg-gray-700 rounded-lg">
|
||||
<i class="fas fa-code"></i>
|
||||
</a>
|
||||
<a
|
||||
title="Help"
|
||||
href="https://haselkern.com/armorstand/"
|
||||
class="inline-flex items-center justify-center w-8 h-8 m-2 text-white bg-gray-700 rounded-lg">
|
||||
<i class="fas fa-question"></i>
|
||||
</a>
|
||||
</card>
|
||||
<card>
|
||||
<h1 class="text-xl">Pose</h1>
|
||||
<table class="w-full">
|
||||
<tr>
|
||||
<td>Rotation</td>
|
||||
<td colspan="3"><input v-model="rotation" class="w-full" type="range" min="0" max="360"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Head</td>
|
||||
<td><input class="w-full" type="range" min="0" max="360"></td>
|
||||
<td><input class="w-full" type="range" min="0" max="360"></td>
|
||||
<td><input class="w-full" type="range" min="0" max="360"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</card>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
import Card from "./components/Card";
|
||||
|
||||
export default {
|
||||
components: {Card},
|
||||
data() {
|
||||
return {
|
||||
rotation: 0,
|
||||
};
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
5
src/components/Card.vue
Normal file
5
src/components/Card.vue
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
<template>
|
||||
<div class="bg-white rounded-lg m-2 p-2 shadow">
|
||||
<slot/>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -1,5 +1,6 @@
|
|||
import { createApp } from "vue";
|
||||
import App from "./App.vue";
|
||||
import "./assets/tailwind.css";
|
||||
import "../node_modules/@fortawesome/fontawesome-free/css/all.css";
|
||||
|
||||
createApp(App).mount("#app");
|
||||
|
|
|
|||
8
tailwind.config.js
Normal file
8
tailwind.config.js
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
module.exports = {
|
||||
purge: [
|
||||
"./src/**/*.vue",
|
||||
],
|
||||
theme: {},
|
||||
variants: {},
|
||||
plugins: [],
|
||||
}
|
||||
|
|
@ -1,5 +1,5 @@
|
|||
module.exports = {
|
||||
publicPath: process.env.NODE_ENV === 'production'
|
||||
? '/test/'
|
||||
? '/Minecraft-ArmorStand/'
|
||||
: '/'
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue