hackmi.ch/start.hackmi.ch
1
0
Fork 0
generated from Phil/vue3template
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

Made the project further v0.1 pre-release

Browse source
This commit is contained in:
Phil 2024-10-21 18:01:06 +02:00
parent 3bd7b1b9ca
commit ecea9bd13b
Signed by: Phil
GPG key ID: 350C8B7C4EF5DED4
3 changed files with 16 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
README.md
View file

@ -1,26 +1,6 @@
# hTemplate # start.hackmi.ch
This is my personal Template for Vue 3 ## Dead simple startpage for new page or new tab for hackmi.ch project
With: ### Made with:
- Vue 3 - hTemplate (VueJS, Axios, ...)
- Vue-Router
- Vite
- TailwindCSS
- DaisyUI (plugin for TailwindCSS)
Navbar / Footer / Style / Router included.
```bash
git clone https://git.hackmi.ch/Phil/Vue3Template.git
cd Vue3Template
npm install
npm run dev
```
glhf!
Best Editor:
- vscode with Vue extensions.
Preview:
<img src="https://s3.hackmi.ch/public-share/git-htemplate/2023-09-07%2020_55_02-hTemplate.png" />

2
index.html
View file

@ -4,7 +4,7 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="icon" href="/favicon.ico"> <link rel="icon" href="/favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>hTemplate</title> <title>start.hackmi.ch</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

13
src/views/HomeView.vue
View file

@ -9,11 +9,18 @@ import axios from 'axios'
placeholder="Search google"> placeholder="Search google">
<input class="btn ml-6" type="submit" name="Submit"> <input class="btn ml-6" type="submit" name="Submit">
</form> </form>
<br> <br><br>
<hr> <hr>
<br> <br><br>
<div class="grid grid-flow-row-dense md:grid-flow-row grid-cols-3 gap-4">
<div> <div>
{{info}} Online on teamspeak: <br>
<pre>{{info}}</pre>
</div>
<div>
Visit <a href="https://services.hackmi.ch">hackmi.ch Services</a>
</div>
<div>Visit <a href="https://status.hackmi.ch">hackmi.ch Status</a></div>
</div> </div>
</div> </div>
</center> </center>