<template>
    <main>
        <div class="container">
            <i><a href="http://tabbycat.dev/"> hop to tabbycat.dev</a></i>
            <p>Dont forget to take your estrogen and cypro! 🏳️‍⚧️</p>

            <h1>Tabbybox</h1>
            <a href="http://tabbybox:8096/">Jellyfin</a> • 
            <a href="http://tabbybox:1880/">Node Red</a> • 
            <a href="http://tabbybox:1880/ui/">Node Red Dashboard</a>

            <h1>Links</h1>
            <a href="https://mail.google.com/mail/u/0/#inbox">E-mail</a> • 
            <a href="https://calendar.google.com">Calendar</a> 
            
            <h2>Chats</h2>
            <a href="https://web.whatsapp.com/">Whatsapp</a> • 
            <a href="https://web.telegram.org/a/">Telegram</a>
            
            <h2>Instagram Feeds</h2>
            <a href="https://www.instagram.com/crap.uts/">CRAP</a> • 
            <a href="https://www.instagram.com/usydcatsoc/">Catsoc</a> • 
            <a href="https://www.instagram.com/usyd_dbsoc/">Baking Soc</a> • 
            <a href="https://www.instagram.com/twenty10nsw/">Twenty10</a> 
        </div>
    </main>
    

</template>

<style scoped>
    .container{
        padding-left: 1cm;
    }
</style>