Yeti
/
gym
1
0
Fork 0
Code Issues Pull Requests 2 Packages Projects Releases Wiki Activity

resolved build error and added tilebar at the top

main
roberts 2023-04-30 00:53:02 +02:00
parent d56afadaee
commit d55a2126b4
31 changed files with 152 additions and 183 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
dist/assets/BackView-921f047f.js vendored
View File

@ -1 +0,0 @@
import{_ as a,o as s,c as n,a as c}from"./index-e86da208.js";const o={},r={class:"back"},t=[c("h1",null,"Back",-1)];const e=a(o,[["render",function(a,c){return s(),n("div",r,t)}]]);export{e as default};

1
dist/assets/BicepsView-a2c7da3f.js vendored
View File

@ -1 +0,0 @@
import{_ as s,o as a,c as e,a as n}from"./index-e86da208.js";const c={},o={class:"biceps"},r=[n("h1",null,"Biceps",-1)];const t=s(c,[["render",function(s,n){return a(),e("div",o,r)}]]);export{t as default};

1
dist/assets/ChestView-96753719.js vendored
View File

@ -1 +0,0 @@
import{_ as s,o as t,c as a,a as e}from"./index-e86da208.js";const n={},o={class:"chest"},r=[e("h1",null,"Chest",-1)];const c=s(n,[["render",function(s,e){return t(),a("div",o,r)}]]);export{c as default};

1
dist/assets/LegsView-eb6b3b70.js vendored
View File

@ -1 +0,0 @@
import{_ as s,o as a,c as e,a as n}from"./index-e86da208.js";const o={},r={class:"legs"},t=[n("h1",null,"Legs",-1)];const c=s(o,[["render",function(s,n){return a(),e("div",r,t)}]]);export{c as default};

1
dist/assets/ShoulderView-3ea87429.js vendored
View File

@ -1 +0,0 @@
import{_ as s,o,c as r,a}from"./index-e86da208.js";const e={},n={class:"shoulder"},t=[a("h1",null,"Shoulder",-1)];const d=s(e,[["render",function(s,a){return o(),r("div",n,t)}]]);export{d as default};

1
dist/assets/TricepsView-ef10a0d1.js vendored
View File

@ -1 +0,0 @@
import{_ as s,o as n,c as t,a as r}from"./index-e86da208.js";const a={},e={class:"triceps"},o=[r("h1",null,[r("button",null,"Triceps")],-1)];const c=s(a,[["render",function(s,r){return n(),t("div",e,o)}]]);export{c as default};

2
dist/assets/index-e86da208.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/assets/index-ede68436.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
dist/index.html vendored
View File

@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="UTF-8"><link rel="icon" href="./favicon.ico"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Hello_World_Vue 01</title><script type="module" crossorigin src="./assets/index-e86da208.js"></script></head><body><div id="app"></div></body></html> <!doctype html><html lang="en"><head><meta charset="UTF-8"><link rel="icon" href="./favicon.ico"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Hello_World_Vue 01</title><script type="module" crossorigin src="./assets/index-ede68436.js"></script></head><body><div id="app"></div></body></html>

2
package.json
View File

@ -29,7 +29,7 @@
"eslint-plugin-vue": "^9.9.0", "eslint-plugin-vue": "^9.9.0",
"jsdom": "^21.1.0", "jsdom": "^21.1.0",
"prettier": "^2.8.4", "prettier": "^2.8.4",
"sass": "^1.62.0", "sass": "^1.62.1",
"vite": "^4.1.4", "vite": "^4.1.4",
"vitest": "^0.29.1" "vitest": "^0.29.1"
} }

63
src/App.vue
View File

@ -1,13 +1,12 @@
<script setup> <script setup>
import { NavigationModel, Nav } from '@/components'; import { NavigationModel } from "./components/Index.js";
</script> </script>
<template> <template>
<div class="app-container"> <div class="app-container">
<NavigationModel /> <NavigationModel />
<!-- <Nav /> --> <div class="container">
<div class="container pt-4 pb-4">
<router-view /> <router-view />
</div> </div>
</div> </div>
@ -16,56 +15,16 @@ import { NavigationModel, Nav } from '@/components';
<style scoped lang="scss"> <style scoped lang="scss">
@import '/css/head.scss'; @import '/css/head.scss';
header { .app-container
line-height: 1.5; {
max-height: 100vh;
}
nav {
width: 100%; width: 100%;
font-size: 12px; }
text-align: center;
margin-top: 2rem;
}
nav a.router-link-exact-active { .container
color: var(--color-text); {
} max-width: 1024px;
margin: 1rem auto;
nav a.router-link-exact-active:hover { padding: 0.5rem 1rem;
background-color: transparent; background: grey;
}
nav a {
display: inline-block;
padding: 0 1rem;
border-left: 1px solid var(--color-border);
}
nav a:first-of-type {
border: 0;
}
@media (min-width: 1024px) {
header {
display: flex;
place-items: top;
padding-right: calc(var(--section-gap));
} }
header .wrapper {
display: flex;
place-items: flex-start;
flex-wrap: wrap;
}
nav {
text-align: center;
margin-left: 2rem;
font-size: 1rem;
padding: 1rem 0;
margin-top: 1rem;
}
}
</style> </style>

1
src/assets/head.css.map
View File

@ -1 +0,0 @@
{"version":3,"sourceRoot":"","sources":["head.scss"],"names":[],"mappings":"AAAA;AACA;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;;;AAGF;EACE;IACE;IACA;IACA;IAEA;IACA;IAEA;IACA;;;AAIJ;AAAA;AAAA;EAGE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA","file":"head.css"}

35
src/assets/main.css
View File

@ -1,35 +0,0 @@
@import './base.css';
#app {
max-width: 1280px;
margin: 0 auto;
padding: 2rem;
font-weight: normal;
}
a,
.green {
text-decoration: none;
color: hsla(160, 100%, 37%, 1);
transition: 0.4s;
}
@media (hover: hover) {
a:hover {
background-color: hsla(160, 100%, 37%, 0.2);
}
}
@media (min-width: 1024px) {
body {
display: flex;
place-items: center;
}
#app {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 0 2rem;
}
}

35
src/assets/main.scss
View File

@ -1,35 +0,0 @@
@import './base.scss';
#app {
max-width: 1280px;
margin: 0 auto;
padding: 2rem;
font-weight: normal;
}
a,
.green {
text-decoration: none;
color: hsla(160, 100%, 37%, 1);
transition: 0.4s;
}
@media (hover: hover) {
a:hover {
background-color: hsla(160, 100%, 37%, 0.2);
}
}
@media (min-width: 1024px) {
body {
display: flex;
place-items: center;
}
#app {
display: grid;
grid-template-columns: 1fr 1fr;
padding: 0 2rem;
}
}

52
src/components/NavigationModel.vue
View File

@ -1,17 +1,47 @@
<script setup>
</script>
<template> <template>
<nav v-show="true" class="navbar navbar-expand navbar-dark bg-dark"> <nav v-show="true" class="navbar navbar-expand navbar-dark bg-dark">
<div class="logo">
LOGO IS HERE
</div>
<div class="navbar-nav"> <div class="navbar-nav">
<router-link to="/" class="nav-item nav-link">HomeView</router-link> <router-link to="/" class="nav-item nav-link">HomeView</router-link>
<router-link to="/Muscles" class="nav-item nav-link">Legs</router-link> <router-link to="/muscles/legs" class="nav-item nav-link">Legs</router-link>
<router-link to="/Muscles" class="nav-item nav-link">Back</router-link> <router-link to="/muscles/back" class="nav-item nav-link">Back</router-link>
<router-link to="/Muscles" class="nav-item nav-link">Chest</router-link> <router-link to="/muscles/chest" class="nav-item nav-link">Chest</router-link>
<router-link to="/Muscles" class="nav-item nav-link">Shoulder</router-link> <router-link to="/muscles/shoulder" class="nav-item nav-link">Shoulder</router-link>
<router-link to="/Muscles" class="nav-item nav-link">Triceps</router-link> <router-link to="/muscles/triceps" class="nav-item nav-link">Triceps</router-link>
<router-link to="/Muscles" class="nav-item nav-link">Bicepts</router-link> <router-link to="/muscles/biceps" class="nav-item nav-link">Biceps</router-link>
</div> </div>
</nav> </nav>
</template> </template>
<script setup>
</script>
<style lang="scss" scoped>
.navbar{
display: flex;
width: 100%;
height: 4rem;
justify-content: start;
background: grey;
}
.navbar-nav{
display: flex;
width: 100%;
justify-content: start;
align-items: center;
}
.nav-item{
margin-left: 1rem;
margin-right: 1rem;
color: white;
text-decoration: none;
}
.nav-item:hover{
color: blue;
}
.logo{
width: 20%;
}
</style>

0
src/assets/head.css → src/css/base.css
View File

65
src/css/base.scss Normal file
View File

@ -0,0 +1,65 @@
/* color palette from <https://github.com/vuejs/theme> */
:root {
--vt-c-white: #ffffff;
--vt-c-white-soft: #f8f8f8;
--vt-c-white-mute: #f2f2f2;
--vt-c-black: #181818;
--vt-c-black-soft: #222222;
--vt-c-black-mute: #282828;
--vt-c-indigo: #2c3e50;
--vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
--vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
--vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
--vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
--vt-c-text-light-1: var(--vt-c-indigo);
--vt-c-text-light-2: rgba(60, 60, 60, 0.66);
--vt-c-text-dark-1: var(--vt-c-white);
--vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
}
/* semantic color variables for this project */
:root {
--color-background: var(--vt-c-white);
--color-background-soft: var(--vt-c-white-soft);
--color-background-mute: var(--vt-c-white-mute);
--color-border: var(--vt-c-divider-light-2);
--color-border-hover: var(--vt-c-divider-light-1);
--color-heading: var(--vt-c-text-light-1);
--color-text: var(--vt-c-text-light-1);
--section-gap: 160px;
}
@media (prefers-color-scheme: dark) {
:root {
--color-background: var(--vt-c-black);
--color-background-soft: var(--vt-c-black-soft);
--color-background-mute: var(--vt-c-black-mute);
--color-border: var(--vt-c-divider-dark-2);
--color-border-hover: var(--vt-c-divider-dark-1);
--color-heading: var(--vt-c-text-dark-1);
--color-text: var(--vt-c-text-dark-2);
}
}
*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
position: relative;
font-weight: normal;
}
body {
min-height: 100vh;
color: var(--color-text);
background: var(--color-background);
transition: color 0.5s, background-color 0.5s;
line-height: 1.6;
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 15px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*# sourceMappingURL=head.css.map */

13
src/css/head.css
View File

@ -49,17 +49,4 @@
font-weight: normal; font-weight: normal;
} }
body {
min-height: 100vh;
color: var(--color-text);
background: var(--color-background);
transition: color 0.5s, background-color 0.5s;
line-height: 1.6;
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
font-size: 15px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*# sourceMappingURL=head.css.map */ /*# sourceMappingURL=head.css.map */

2
src/css/head.css.map
View File

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["head.scss"],"names":[],"mappings":"AAAA;AACA;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;;;AAGF;EACE;IACE;IACA;IACA;IAEA;IACA;IAEA;IACA;;;AAIJ;AAAA;AAAA;EAGE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA","file":"head.css"} {"version":3,"sourceRoot":"","sources":["head.scss"],"names":[],"mappings":"AAAA;AACA;EACE;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;;;AAGF;EACE;IACE;IACA;IACA;IAEA;IACA;IAEA;IACA;;;AAIJ;AAAA;AAAA;EAGE;EACA;EACA;EACA","file":"head.css"}

14
src/css/head.scss
View File

@ -58,17 +58,3 @@
position: relative; position: relative;
font-weight: normal; font-weight: normal;
} }
body {
min-height: 100vh;
color: var(--color-text);
background: var(--color-background);
transition: color 0.5s, background-color 0.5s;
line-height: 1.6;
font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-size: 15px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

1
src/css/main.scss Normal file
View File

@ -0,0 +1 @@
@import 'base.scss';

2
src/main.js
View File

@ -4,7 +4,7 @@ import { createPinia } from 'pinia'
import App from './App.vue' import App from './App.vue'
import router from './router' import router from './router'
import './assets/main.css' import './css/main.scss'
const app = createApp(App) const app = createApp(App)
app.use(createPinia()) app.use(createPinia())

2
src/router/index.js
View File

@ -1,6 +1,6 @@
import { createRouter, createWebHistory } from 'vue-router' import { createRouter, createWebHistory } from 'vue-router'
import HomeView from '../views/Home.vue' import HomeView from '../views/Home.vue'
import MusclesRouter from './muscles.router.js'; import MusclesRouter from './muscle.js';
const router = createRouter({ const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL), history: createWebHistory(import.meta.env.BASE_URL),

6
src/router/muscle.router.js → src/router/muscle.js
View File

@ -1,15 +1,13 @@
import { Legs, Back, Chest, Shoulder, Triceps, Biceps } from '@/views/muscles'; import {Back, Biceps, Chest, Legs, Shoulder, Triceps } from "../views/muscles/Index.js";
import Tilebar from '@/views/layouts';
export default { export default {
path: '/muscles', path: '/muscles',
component: Tilebar,
children: [ children: [
{ path: 'legs', component: Legs }, { path: 'legs', component: Legs },
{ path: 'back', component: Back }, { path: 'back', component: Back },
{ path: 'chest', component: Chest }, { path: 'chest', component: Chest },
{ path: 'shoulder', component: Shoulder }, { path: 'shoulder', component: Shoulder },
{ path: 'triceps', component: Triceps }, { path: 'triceps', component: Triceps },
{ path: 'bicepts', component: Biceps }, { path: 'biceps', component: Biceps },
] ]
}; };

2
src/views/Home.vue
View File

@ -4,6 +4,6 @@
<template> <template>
<main> <main>
<h1 HomeView h1/> <h1>HomeView</h1>
</main> </main>
</template> </template>

4
src/views/muscles/Back.vue
View File

@ -4,6 +4,10 @@
</div> </div>
</template> </template>
<script setup>
</script>
<style> <style>
@media (min-width: 1024px) { @media (min-width: 1024px) {
.about { .about {

4
src/views/muscles/Biceps.vue
View File

@ -4,6 +4,10 @@
</div> </div>
</template> </template>
<script setup>
</script>
<style> <style>
@media (min-width: 1024px) { @media (min-width: 1024px) {
.about { .about {

8
src/views/muscles/Chest.vue
View File

@ -1,13 +1,13 @@
<script setup>
</script>
<template> <template>
<div class="chest"> <div class="chest">
<h1>Chest</h1> <h1>Chest</h1>
</div> </div>
</template> </template>
<script setup>
</script>
<style> <style>
@media (min-width: 1024px) { @media (min-width: 1024px) {
.about { .about {

4
src/views/muscles/Legs.vue
View File

@ -3,6 +3,10 @@
<h1>Legs</h1> <h1>Legs</h1>
</div> </div>
</template> </template>
<script setup>
</script>
<style> <style>
@media (min-width: 1024px) { @media (min-width: 1024px) {

4
src/views/muscles/Shoulder.vue
View File

@ -3,6 +3,10 @@
<h1>Shoulder</h1> <h1>Shoulder</h1>
</div> </div>
</template> </template>
<script setup>
</script>
<style> <style>
@media (min-width: 1024px) { @media (min-width: 1024px) {

4
src/views/muscles/Triceps.vue
View File

@ -3,6 +3,10 @@
<h1><button>Triceps</button></h1> <h1><button>Triceps</button></h1>
</div> </div>
</template> </template>
<script setup>
</script>
<style> <style>
@media (min-width: 1024px) { @media (min-width: 1024px) {