takerofnotes/takerofnotes-website
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

barebones setup

Browse Source
This commit is contained in:
nicwands
2026-03-18 15:53:54 -04:00
parent d71274609d
commit cc641be16f
20 changed files with 47 additions and 355 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
components/Content.vue
View File

@@ -1,25 +0,0 @@
<template>
<div id="page-container">
<div
id="page-content"
style="padding: 20px; padding-bottom: 50px; min-height: 100vh"
>
<slot />
</div>
</div>
</template>
<style>
/* Page Transition Animation */
body.page-transition #page-content {
opacity: 0;
}
</style>
<style scoped>
/* Page Transition Animation */
#page-content {
opacity: 1;
transition: opacity 0.3s ease-in-out;
}
</style>

11
components/Counter.vue
View File

@@ -1,11 +0,0 @@
<template>
<button type="button" @click="state.count++">
Counter {{ state.count }}
</button>
</template>
<script setup lang="ts">
import { reactive } from 'vue'
const state = reactive({ count: 0 })
</script>

27
components/Link.vue
View File

@@ -1,27 +0,0 @@
<template>
<a :class="{ active: isActive }">
<slot />
</a>
</template>
<script lang="ts" setup>
import { usePageContext } from 'vike-vue/usePageContext'
import { computed, useAttrs } from 'vue'
const pageContext = usePageContext()
const { href } = useAttrs()
const isActive = computed(() => {
const { urlPathname } = pageContext
return href === '/' ? urlPathname === href : urlPathname.startsWith(href)
})
</script>
<style scoped>
a {
padding: 2px 10px;
margin-left: -10px;
}
a.active {
background-color: #eee;
}
</style>

7
components/Logo.vue
View File

@@ -1,7 +0,0 @@
<template>
<div style="margin-top: 20px; margin-bottom: 10px">
<a href="/">
<img src="../assets/logo.svg" height="64" width="64" />
</a>
</div>
</template>

15
components/Sidebar.vue
View File

@@ -1,15 +0,0 @@
<template>
<div
id="sidebar"
style="
padding: 20px;
flex-shrink: 0;
display: flex;
flex-direction: column;
line-height: 1.8em;
border-right: 2px solid #eee;
"
>
<slot />
</div>
</template>

15
components/svg/Wordmark.vue Normal file
View File

File diff suppressed because one or more lines are too long