added PageTop component, markdown styles, white background on logo svg, and documentation comments

This commit is contained in:
2024-09-26 23:59:47 +09:00
parent a55bd18ebc
commit e1cac6ff05
34 changed files with 3345 additions and 2113 deletions

29
components/PageTop.vue Normal file
View File

@@ -0,0 +1,29 @@
<script setup lang="ts">
import type { PageTopProperty } from "~/utils/pageTop";
const property = defineProps<PageTopProperty>();
</script>
<template>
<div :style="{ backgroundImage: `url(${property.imagePath})` }">
{{ property.text }}
</div>
</template>
<style scoped>
div {
display: flex;
width: 100vw;
height: 25vh;
margin: 0;
background-repeat: no-repeat;
background-position: center;
background-attachment: local;
background-size: cover;
align-items: center;
justify-content: center;
color: var(--starlight1);
font-size: 36pt;
font-weight: bold;
}
</style>