tabby/vue-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

improvements

Browse source
This commit is contained in:
Tabby 2025-04-02 21:52:11 +11:00
parent 9a94c08e6c
commit f7f199f9da
1 changed files with 10 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

14
pages/index.vue
View file

@ -91,7 +91,7 @@ var { data } = await useAsyncData('home', () => queryContent('blog').sort({id:-1
<hr/> <hr/>
<!-- featured projects, link to all? --> <!-- featured projects, link to all? -->
<h1>Featured Projects</h1> <h1>Featured Projects</h1>
<div class="container"> <div class="featured-container">
<ProjectCard <ProjectCard
src="https://img.itch.zone/aW1nLzE2Mjg0ODg2LnBuZw==/315x250%23c/6FRKz0.png" src="https://img.itch.zone/aW1nLzE2Mjg0ODg2LnBuZw==/315x250%23c/6FRKz0.png"
href="https://teamstingray.dev/arcane-raiders" href="https://teamstingray.dev/arcane-raiders"
@ -122,7 +122,7 @@ var { data } = await useAsyncData('home', () => queryContent('blog').sort({id:-1
<a class="no-margins" href="/blog-index">View All</a> <a class="no-margins" href="/blog-index">View All</a>
<!-- <p>Coming Soon!</p> --> <!-- <p>Coming Soon!</p> -->
<div class="container"> <div class="featured-container">
<TextCard v-for="post in data" <TextCard v-for="post in data"
:key="post.id" :key="post.id"
@ -146,9 +146,15 @@ var { data } = await useAsyncData('home', () => queryContent('blog').sort({id:-1
<style scoped> <style scoped>
.container { .container {
display: flex; display: flex;
width: 100%
} }
.featured-container{
display: flex;
width: 80%;
}
.featured-container{ .featured-container{
display: flex; display: flex;
margin-left: 20%; margin-left: 20%;
@ -199,13 +205,13 @@ var { data } = await useAsyncData('home', () => queryContent('blog').sort({id:-1
margin-right: 0%; margin-right: 0%;
} }
.aboutme{ .aboutme{
visibility: collapse; display: none;
} }
} }
.pfp { .pfp {
width: auto; width: 100%;
aspect-ratio: 1/1; aspect-ratio: 1/1;
border-radius: 100%; border-radius: 100%;
box-shadow: box-shadow: