personal-website/web/templates/index.templ

/*
Main page of website that shows on root.
Contains useful information and links to other pages
*/
package templates

import "github.com/dixxe/personal-website/web/static/styling"

templ IndexPage() {
    @BasicPageBlock()
    
    <div class={ styling.HelloContainer() }>
        <p style="font-family: Disket-Mono; ">
            <span>Greetings! I'm </span>
            <br>
            <span style="font-size: 60px;" class={ styling.Header() }>nullmax17</span>
            <br>
            <span>and this is my </span>
            <br>
            <span style="font-size: 40px;">personal</span>
            <span style="font-size: 40px;"> website</span>
        </p>
    </div>

    <div class={ styling.Textcontainer(), styling.CenterContainer() } style="font-size: 20px;">

        <h2 class={ styling.Header() } style="font-family: Disket-Mono;">
            About me
        </h2>

        <p>
            <span>I'm </span>
            <span class={ styling.HighlightText() }> 16 </span>
            <span>years old junior software engineer.</span>
            <br>
            <span>Born & live in Russia 🇷🇺 </span>
            <br>
            <span>U budućnosti želim da se preselim u Srbiju! 🇷🇸 </span>
            <br>
            <span> I speak native Russian and English(B2)</span>
            <br>
            <span> Currently I'm changing my username</span>
            <br>
            <span>but you can know me as d1xxe</span>
        </p>

        <p>
            <span> I have skills in </span>
            <span class={ styling.HighlightText() }>Go, Java, Rust, C#</span>
            <span>and</span>
            <span class={ styling.HighlightText() }>Linux</span>
        </p>

        <p>
            <span>I have a passion to learn new, complex things.</span>
            <br>
            <span>Currently I'm learning C#, ASP.NET, Avalonia</span>
        </p>
        </div>

        <hr>

        <div class={ styling.CenterContainer(), styling.Textcontainer() } style="font-size: 20px;">
        <h2 class={ styling.Header() } style="font-family: Disket-Mono;"> My projects </h2>
        <p>Vanilla minecraft launcher</p>
        <p>Minecraft mods</p>
        <p class={ styling.HighlightText() }>Heavy WIP</p>
        </div>

        <hr>

    <div class={ styling.CenterContainer(), styling.Textcontainer() }>
        <h1 class={ styling.Header() } style="font-family: Disket-Mono;">More stuff from me</h1>

        <div class={styling.BubbleContainer()}>
            <a href="/blog">Personal Blog</a>
        </div>

        <div class={styling.BubbleContainer()}>
            <a href="https://gitea.dixxe.top:170/nullmax17">Self-hosted public gitea instance</a>
        </div>

    </div>
    
    @UsefulLinks()
}