Compare commits
2 Commits
8992f7bbc3
...
0334d18e23
Author | SHA1 | Date | |
---|---|---|---|
0334d18e23 | |||
4c2f096a18 |
@@ -1,17 +1,13 @@
|
|||||||
// @ts-check
|
// @ts-check
|
||||||
import { defineConfig } from 'astro/config';
|
import {defineConfig} from 'astro/config';
|
||||||
|
|
||||||
import tailwindcss from '@tailwindcss/vite';
|
import tailwindcss from '@tailwindcss/vite';
|
||||||
|
|
||||||
import vue from '@astrojs/vue';
|
import vue from '@astrojs/vue';
|
||||||
|
|
||||||
// https://astro.build/config
|
// https://astro.build/config
|
||||||
export default defineConfig({
|
export default defineConfig({
|
||||||
site: "https://svitan.dev",
|
site: "https://svitan.dev",
|
||||||
|
vite: {
|
||||||
vite: {
|
plugins: [tailwindcss()]
|
||||||
plugins: [tailwindcss()]
|
},
|
||||||
},
|
integrations: [vue()]
|
||||||
|
});
|
||||||
integrations: [vue()]
|
|
||||||
});
|
|
||||||
|
@@ -1,104 +0,0 @@
|
|||||||
<template>
|
|
||||||
<p v-html="text" class="p-4"/>
|
|
||||||
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
p {
|
|
||||||
color: #ffffff;
|
|
||||||
line-height: normal;
|
|
||||||
font-size: 1.15rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.s-white {
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.s-green {
|
|
||||||
color: #2ec27e;
|
|
||||||
}
|
|
||||||
|
|
||||||
.s-blue {
|
|
||||||
color: #1e78e4;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<script lang="ts" setup>
|
|
||||||
import {onMounted, ref} from "vue";
|
|
||||||
|
|
||||||
const text = ref("")
|
|
||||||
|
|
||||||
interface Part {
|
|
||||||
pre?: string;
|
|
||||||
content: string;
|
|
||||||
post?: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
const prompt: Part[] = [
|
|
||||||
{
|
|
||||||
pre: `<span class="s-white">`,
|
|
||||||
content: `╭─`,
|
|
||||||
post: `</span>`
|
|
||||||
},
|
|
||||||
{
|
|
||||||
pre: `<span class="s-green font-bold">`,
|
|
||||||
content: `guest@svitan.dev`,
|
|
||||||
post: `</span>`
|
|
||||||
},
|
|
||||||
{
|
|
||||||
content: ` `
|
|
||||||
},
|
|
||||||
{
|
|
||||||
pre: `<span class="s-blue">`,
|
|
||||||
content: `~`,
|
|
||||||
post: `</span><br>`
|
|
||||||
},
|
|
||||||
{
|
|
||||||
pre: `<span class="s-white">`,
|
|
||||||
content: `╰─$ `,
|
|
||||||
post: `</span>`
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
const target: Part[] = [
|
|
||||||
...prompt,
|
|
||||||
{
|
|
||||||
content: "./portfolio",
|
|
||||||
post: `<br>`
|
|
||||||
},
|
|
||||||
{
|
|
||||||
content: `
|
|
||||||
____ _ _ ____ _ _ \\\\//
|
|
||||||
| _ \\ __ _ _ __ (_) ___| | / ___|_ _(_) |_ __ _ _\\/_
|
|
||||||
| | | |/ _\` | '_ \\| |/ _ \\ | \\___ \\ \\ / / | __/ _\` | '_ \\
|
|
||||||
| |_| | (_| | | | | | __/ | ___) \\ V /| | || (_| | | | |
|
|
||||||
|____/ \\__,_|_| |_|_|\\___|_| |____/ \\_/ |_|\\__\\__,_|_| |_|
|
|
||||||
`
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
onMounted(() => {
|
|
||||||
let i = 0;
|
|
||||||
let j = 0;
|
|
||||||
const id = setInterval(() => {
|
|
||||||
if (i === target[j].content.length) {
|
|
||||||
text.value += target[j].post ?? "";
|
|
||||||
i = 0;
|
|
||||||
j++;
|
|
||||||
text.value += target[j].pre ?? "";
|
|
||||||
}
|
|
||||||
if (i === 0 && j === 0) {
|
|
||||||
text.value += target[j].pre ?? "";
|
|
||||||
}
|
|
||||||
|
|
||||||
text.value += target[j].content[i]
|
|
||||||
.replaceAll("\n", "<br>")
|
|
||||||
.replaceAll(" ", " ");
|
|
||||||
if (j === target.length - 1 && i === target[j].content.length - 1) {
|
|
||||||
text.value += target[j].post ?? "";
|
|
||||||
clearTimeout(id);
|
|
||||||
}
|
|
||||||
i++;
|
|
||||||
}, 5)
|
|
||||||
})
|
|
||||||
</script>
|
|
@@ -68,7 +68,8 @@ let a = years === 18 ? "an " : "a ";
|
|||||||
<a href="https://github.com/Streamer272" target="_blank" class="underline">GitHub</a><br/>
|
<a href="https://github.com/Streamer272" target="_blank" class="underline">GitHub</a><br/>
|
||||||
<a href="https://gitea.svitan.dev/Streamer272" target="_blank" class="underline">Gitea</a><br/>
|
<a href="https://gitea.svitan.dev/Streamer272" target="_blank" class="underline">Gitea</a><br/>
|
||||||
<span>Signal</span><br/>
|
<span>Signal</span><br/>
|
||||||
<a href="https://mastodon.social/@selfsigned_ash" rel="me" target="_blank" class="underline">Mastodon</a>
|
<a href="https://mastodon.social/@selfsigned_ash" rel="me" target="_blank"
|
||||||
|
class="underline">Mastodon</a>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div class="h-6"/>
|
<div class="h-6"/>
|
||||||
|
@@ -1,10 +0,0 @@
|
|||||||
---
|
|
||||||
import Layout from "../layouts/Layout.astro"
|
|
||||||
import Terminal from "../components/Terminal.vue"
|
|
||||||
---
|
|
||||||
|
|
||||||
<Layout>
|
|
||||||
<div class="w-screen h-full flex items-start justify-start flex-col overflow-x-scroll bg-[#1c1c1f]">
|
|
||||||
<Terminal client:only />
|
|
||||||
</div>
|
|
||||||
</Layout>
|
|
Reference in New Issue
Block a user