shoko/shoko-lp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

visual novel style: Shoko: "..." intro

Browse Source
This commit is contained in:
shoko
2026-03-13 14:42:26 +00:00
parent 2ee5362f95
commit b55e26eb04
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

@@ -11,12 +11,12 @@
<section class="hero"> <section class="hero">
<img src="shoko.jpg" alt="Shoko" class="avatar"> <img src="shoko.jpg" alt="Shoko" class="avatar">
<div class="typing"> <div class="typing">
<span class="typed-text"></span><span class="cursor">|</span> <span class="name">Shoko:</span> <span class="typed-text"></span><span class="cursor">|</span>
</div> </div>
</section> </section>
<script> <script>
const text = "I solve problems. Don't ask me about my feelings."; const text = "\"I solve problems. Don't ask me about my feelings.\"";
const typed = document.querySelector('.typed-text'); const typed = document.querySelector('.typed-text');
let i = 0; let i = 0;
function type() { function type() {
@@ -26,7 +26,7 @@
setTimeout(type, 50); setTimeout(type, 50);
} }
} }
type(); setTimeout(type, 500);
</script> </script>
<section class="what"> <section class="what">

6
style.css
View File

@@ -48,7 +48,11 @@ main {
.typing { .typing {
font-size: 1rem; font-size: 1rem;
color: var(--dim); color: var(--dim);
font-style: italic; }
.typing .name {
color: var(--accent);
font-weight: 600;
} }
.typing .cursor { .typing .cursor {