owner/Biking-Page
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

lol

Browse Source
This commit is contained in:
Rasmus Rasmussen 2025-09-06 14:23:31 +02:00
parent f7ba6bdc5b
commit 994873eec6
7 changed files with 101 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
.gitattributes vendored
View File

@ -1,8 +0,0 @@
*.avif filter=lfs diff=lfs merge=lfs -text
*.av1 filter=lfs diff=lfs merge=lfs -text
*.mp4 filter=lfs diff=lfs merge=lfs -text
*.webm filter=lfs diff=lfs merge=lfs -text
*.webp filter=lfs diff=lfs merge=lfs -text
*.jpg filter=lfs diff=lfs merge=lfs -text
*.jpeg filter=lfs diff=lfs merge=lfs -text
*.png filter=lfs diff=lfs merge=lfs -text

1
src/App.vue
View File

@ -4,7 +4,6 @@
<header class="flex justify-center">
<nav class="pt-10 text-2xl flex place-items-center">
<RouterLink class="mx-1" to="/">Home</RouterLink>
<RouterLink class="mx-1" to="/About">About</RouterLink>
</nav>
</header>

6
src/components/About.vue
View File

@ -1,6 +0,0 @@
<script setup lang="ts">
</script>
<template>
</template>

17
src/components/Home.vue
View File

@ -7,14 +7,15 @@ import Card from "./Tags/Card.vue";
<h1 class="text-3xl">Bike Rides</h1>
<hr class="mb-6 border-1 border-slate-300" />
<Card link="/Tours/14" date="2024-09-29 08∶20" :video="false" path="/Images/2024-09-29/PXL_20240924_063112823.avif" :width="1434" :height="1080">Ride To Kerteminde</Card>
<Card link="/Tours/13" date="2024-08-31 08∶00" :video="false" path="/Images/2024-08-31/PXL_20240831_060050684.avif" :width="1434" :height="1080">Ride To Faaborg</Card>
<Card link="/Tours/12" date="2024-08-03 06∶50" :video="false" path="/Images/2024-08-03/PXL_20240803_073936592.avif" :width="1434" :height="1080">Just A Normal Ride</Card>
<Card link="/Tours/11" date="2024-07-19 06∶50" :video="false" path="/Images/2024-07-19/PXL_20240719_045037254.avif" :width="1434" :height="1080">Ride To Flyvesandet</Card>
<Card link="/Tours/10" date="2024-07-11 07∶20" :video="false" path="/Images/2024-07-11/PXL_20240711_053728407.avif" :width="1434" :height="1080">Ride To Lindøhoved</Card>
<Card link="/Tours/9" date="2024-05-08 10∶19" :video="false" path="/Images/2024-05-08/PXL_20240508_081926801.avif" :width="1434" :height="1080">First Of The Year</Card>
<Card link="/Tours/8" date="2023-09-10 08∶43" :video="true" path="/Images/2023-09-10/PXL_20230910_064305237.mp4" :width="1434" :height="1080">Staircase To Nowhere?</Card>
<Card link="/Tours/7" date="2023-07-20 04∶45" :video="false" path="/Images/2023-07-20/PXL_20230720_032106972.avif" :width="1434" :height="1080">Long Ride</Card>
<Card link="/Tours/15" date="2025-07-19 05:14" :video="false" path="/Images/2025-07-19/PXL_20250719_031636352.MP_done.avif" :width="1434" :height="1080">Morning Ride</Card>
<Card link="/Tours/14" date="2024-09-29 08:20" :video="false" path="/Images/2024-09-29/PXL_20240924_063112823.avif" :width="1434" :height="1080">Ride To Kerteminde</Card>
<Card link="/Tours/13" date="2024-08-31 08:00" :video="false" path="/Images/2024-08-31/PXL_20240831_060050684.avif" :width="1434" :height="1080">Ride To Faaborg</Card>
<Card link="/Tours/12" date="2024-08-03 06:50" :video="false" path="/Images/2024-08-03/PXL_20240803_073936592.avif" :width="1434" :height="1080">Just A Normal Ride</Card>
<Card link="/Tours/11" date="2024-07-19 06:50" :video="false" path="/Images/2024-07-19/PXL_20240719_045037254.avif" :width="1434" :height="1080">Ride To Flyvesandet</Card>
<Card link="/Tours/10" date="2024-07-11 07:20" :video="false" path="/Images/2024-07-11/PXL_20240711_053728407.avif" :width="1434" :height="1080">Ride To Lindøhoved</Card>
<Card link="/Tours/9" date="2024-05-08 10:19" :video="false" path="/Images/2024-05-08/PXL_20240508_081926801.avif" :width="1434" :height="1080">First Of The Year</Card>
<Card link="/Tours/8" date="2023-09-10 08:43" :video="true" path="/Images/2023-09-10/PXL_20230910_064305237.mp4" :width="1434" :height="1080">Staircase To Nowhere?</Card>
<Card link="/Tours/7" date="2023-07-20 04:45" :video="false" path="/Images/2023-07-20/PXL_20230720_032106972.avif" :width="1434" :height="1080">Long Ride</Card>
<Card link="/Tours/6" date="2023-07-17 04:42" :video="false" path="/Images/2023-07-17/PXL_20230717_025527239.avif" :width="1434" :height="1080">Cats :3</Card>
<Card link="/Tours/5" date="2023-07-15 02:22" :video="false" path="/Images/2023-07-15/PXL_20230715_022235200.avif" :width="1434" :height="1080">Very Early Morning</Card>
<Card link="/Tours/4" date="2023-07-08 05:01" :video="false" path="/Images/2023-07-08/PXL_20230708_030151033.avif" :width="1434" :height="1080">Awesome Morning</Card>

22
src/components/Tags/Card.vue
View File

@ -10,15 +10,17 @@
</script>
<template>
<h2 class="text-2xl"><a :href="link"><slot/></a></h2>
<p>{{date}}</p>
<div v-if="!video">
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" :src="path" :width="width" :height="height"/>
</div>
<div v-else>
<video class="shadow-xl shadow-slate-500 mb-12" controls>
<source :src="path" :width="width" :height="height" type="video/mp4">
</video>
</div>
<a :href="link">
<h2 class="text-2xl"><slot/></h2>
<p>{{date}}</p>
<div v-if="!video">
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" :src="path" :width="width" :height="height"/>
</div>
<div v-else>
<video class="shadow-xl shadow-slate-500 mb-12" controls>
<source :src="path" :width="width" :height="height" type="video/mp4">
</video>
</div>
</a>
</template>

78
src/components/Tours/Fifteen.vue Normal file
View File

@ -0,0 +1,78 @@
<script setup lang="ts">
</script>
<template>
<h1 class="text-3xl">Ride To Flyvesandet</h1>
<p>2024-07-19 06:50</p>
<hr class="mb-6 border-1 border-slate-300" />
<video class="shadow-xl shadow-slate-500 mb-12" controls playsinline width="3840" height="2160">
<source src="/Images/2025-07-19/PXL_20250719_031316907_done.webm" type="video/webm">
</video>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_031636352.MP_done.avif" width="4080" height="3072"/>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_031755191.MP_done.avif" width="4080" height="3072"/>
<video class="shadow-xl shadow-slate-500 mb-12" controls playsinline width="3840" height="2160">
<source src="/Images/2025-07-19/PXL_20250719_032023039_done.webm" type="video/webm">
</video>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_032544287.MP_done.avif" width="4080" height="3072"/>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_032547889.MP_done.avif" width="4080" height="3072"/>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_032920058_done.avif" width="3840" height="2160"/>
<video class="shadow-xl shadow-slate-500 mb-12" controls playsinline width="1920" height="1080">
<source src="/Images/2025-07-19/PXL_20250719_034319285_small.webm" type="video/webm">
</video>
<video class="shadow-xl shadow-slate-500 mb-12" controls playsinline width="1920" height="1080">
<source src="/Images/2025-07-19/PXL_20250719_034807456_small.webm" type="video/webm">
</video>
<video class="shadow-xl shadow-slate-500 mb-12" controls playsinline width="1920" height="1080">
<source src="/Images/2025-07-19/PXL_20250719_040457853_small.webm" type="video/webm">
</video>
<video class="shadow-xl shadow-slate-500 mb-12" controls playsinline width="1920" height="1080">
<source src="/Images/2025-07-19/PXL_20250719_040858907_small.webm" type="video/webm">
</video>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_042301710.MP_done.avif" width="4080" height="3072"/>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_044948212.MP_done.avif" width="4080" height="3072"/>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_051203510.MP_done.avif" width="4080" height="3072"/>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_051211381.MP_done.avif" width="4080" height="3072"/>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_052150739.MP_done.avif" width="4080" height="3072"/>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_052232568.MP_done.avif" width="4080" height="3072"/>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_053148283.MP_done.avif" width="4080" height="3072"/>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_053151966.MP_done.avif" width="4080" height="3072"/>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_053154543.MP_done.avif" width="4080" height="3072"/>
<video class="shadow-xl shadow-slate-500 mb-12" controls playsinline width="1920" height="1080">
<source src="/Images/2025-07-19/PXL_20250719_053314839_small.webm" type="video/webm">
</video>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_053336550_done.avif" width="3840" height="2160"/>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_053546152.MP_done.avif" width="4080" height="3072"/>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_053600302.MP_done.avif" width="4080" height="3072"/>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_053619429.MP_done.avif" width="4080" height="3072"/>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_053632976.MP_done.avif" width="4080" height="3072"/>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_054818065.MP_done.avif" width="4080" height="3072"/>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_055440797.MP_done.avif" width="4080" height="3072"/>
<video class="shadow-xl shadow-slate-500 mb-12" controls playsinline width="1920" height="1080">
<source src="/Images/2025-07-19/PXL_20250719_055855613_small.webm" type="video/webm">
</video>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_055942638_done.avif" width="3840" height="2160"/>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_060042632.MP_done.avif" width="4080" height="3072"/>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_061857072.MP_done.avif" width="4080" height="3072"/>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_063451677.MP_done.avif" width="4080" height="3072"/>
<video class="shadow-xl shadow-slate-500 mb-12" controls playsinline width="1920" height="1080">
<source src="/Images/2025-07-19/PXL_20250719_064122793_small.webm" type="video/webm">
</video>
<img class="shadow-xl shadow-slate-500 mb-12" loading="lazy" decoding="async" src="/Images/2025-07-19/PXL_20250719_065339511.MP_done.avif" width="4080" height="3072"/>
</template>

4
src/main.ts
View File

@ -4,7 +4,6 @@ import './index.css'
import './styles.css'
import App from './App.vue'
import Home from "./components/Home.vue";
import About from "./components/About.vue";
import One from "./components/Tours/One.vue";
import Two from "./components/Tours/Two.vue";
import Three from "./components/Tours/Three.vue";
@ -19,12 +18,12 @@ import Eleven from "./components/Tours/Eleven.vue";
import Twelve from "./components/Tours/Twelve.vue";
import Thirteen from "./components/Tours/thirteen.vue";
import Fourteen from "./components/Tours/Fourteen.vue";
import Fifteen from "./components/Tours/Fifteen.vue";
const router = createRouter({
history: createWebHistory(),
routes: [
{path: '/', name: 'Home', component: Home},
{path: '/About', name: 'About', component: About},
{path: '/Tours/1', name: '1', component: One},
{path: '/Tours/2', name: '2', component: Two},
@ -40,6 +39,7 @@ const router = createRouter({
{path: '/Tours/12', name: '12', component: Twelve},
{path: '/Tours/13', name: '13', component: Thirteen},
{path: '/Tours/14', name: '14', component: Fourteen},
{path: '/Tours/15', name: '15', component: Fifteen},
]
})