hopefully cool text outline thingie

This commit is contained in:
Richard Mikloš 2024-01-24 15:36:23 +01:00
parent 5c0cc0d43e
commit a3bd52b6ae
2 changed files with 7 additions and 1 deletions

@ -1,7 +1,7 @@
<!--PAGENAME=Hello, <template name="username">--> <!--PAGENAME=Hello, <template name="username">-->
<header> <header>
<div class="user-index-header-text"> <div class="user-index-header-text">
<h1 class="user-index-h1">Hello, <template name="username">.</h1> <h1 class="user-index-h1">Hello, <span class="outlined-text"><template name="username"></template></span>.</h1>
<h2 class="user-index-h2">What would you like to watch?</h2> <h2 class="user-index-h2">What would you like to watch?</h2>
</div> </div>
</header> </header>

@ -41,4 +41,10 @@ a {
.user-index-h2 { .user-index-h2 {
font-size: 3.3rem; font-size: 3.3rem;
text-align: left; text-align: left;
}
.outlined-text {
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px #8c00ff;
} }