Hello World

Hello, World do meu Portfolio!

E aí, pessoal! 👋

Bem-vindos ao meu blog! Este é oficialmente o meu primeiro post aqui, e o que seria de um blog de tecnologia sem o clássico “Hello World!” para dar o pontapé inicial?

<script>
    let greeting = "Hello World!";
    let count = 0;

    function increment() {
        count += 1;
    }
</script>

<main>
    <h1>{greeting}</h1>
    <p>Este é o meu primeiro post no blog!</p>
    <button on:click={increment}>Cliques: {count}</button>
</main>

<style>
    main {
        text-align: center;
        padding: 1em;
        max-width: 240px;
        margin: 0 auto;
    }
    h1 {
        color: #ff3e00;
        text-transform: uppercase;
        font-size: 2em;
        font-weight: 100;
    }
    button {
        background-color: #ff3e00;
        color: white;
        border: none;
        padding: 10px 20px;
        border-radius: 5px;
        cursor: pointer;
        font-size: 1em;
    }
    button:hover {
        background-color: #e03200;
    }
</style>