annotating the internet

archivebay

Latest

Text

GARLAND TOOLS

FFXIV tools & resources

GARLAND DATA

everything database

crafting lists

equipment calculators

GARLAND BELL

gathering timers

collectable resources

hunt windows

FFXIV FISHER

daily fishing windows

bait paths

catch checklist

Written by Clorifex Ezalor of Zalera

.

Join our Discord!

Source

<html><head>
    <title>Garland Tools</title>

a {
        color: inherit;
        text-decoration: none;
    }

#logo {
        width: 452px;
        height: 468px;
        float: left;
        position: relative;
        z-index: 2;
    }

h1 {
        font-weight: normal;
        text-align: center;
        font-size: 38px;
        margin-bottom: 6px;
        color: #D11F3F;
    }

#header {
        text-align: center;
    }

#header .subtitle {
        margin-top: -9px;
        margin-bottom: 20px;
    }

h2 {
        font-weight: normal;
        margin: 0;
        font-size: 24px;
        color: #eee;
        display: inline-block;
    }

a h2 {
        text-decoration: underline;
    }

#main {
        max-width: 850px;
        margin: 0 auto;
    }

#menu {
        position: relative;
        z-index: 1;
        max-width: 550px;
        margin: 0 auto;
    }

#menu .subtitle {
        color: #ccc;
    }

#menu .info {
        background: linear-gradient(to left, rgba(50, 50, 50, .5) 0%, rgba(0, 0, 0, 0) 100%);
        padding: 10px;
        border-radius: 8px;
        min-height: 90px;
        margin-bottom: 30px;
        position: relative;
    }

#menu .info-wrapper {
        float: right;
    }

#credit {
        clear: right;
        margin-top: 30px;
        margin-bottom: 10px;
    }

a.external-link {
        color: #6495ED;
    }

.spacer {
        height: 1px;
    }

#discord-link img {
        width: 40px;
        height: 40px;
    }

@media (max-width: 800px) {
        body {
            margin: 5px;
        }

#logo {
            float: none;
            margin: 0 auto;
            display: block;
            height: auto;
            width: 100%;
            max-width: 452px;
            max-height: 468px;
        }

#menu .info-wrapper {
            float: none;
            display: inline-block;
        }
    }
    </style>
</head>
<body>
    <div id="main">
        <div id="header">
            <h1 title="It'll knock you down!">Garland Tools</h1>
            <div class="subtitle">FFXIV tools &amp; resources</div>
        </div>

<div id="menu">
            <div class="info">
                <a href="db/" class="info-wrapper">
                    <h2>Garland Data</h2>
                    <div class="spacer"></div>
                    <div class="subtitle">everything database</div>
                    <div class="subtitle">crafting lists</div>
                    <div class="subtitle">equipment calculators</div>
                </a>
            </div>

<div class="info">
                    <a href="bell/" class="info-wrapper">
                        <h2>Garland Bell</h2>
                        <div class="subtitle">gathering timers</div>
                        <div class="subtitle">collectable resources</div>
                        <div class="subtitle">hunt windows</div>
                    </a>
            </div>

<div class="info">
                <a href="ffxivfisher/" class="info-wrapper"><h2>FFXIV Fisher</h2>
                    <div class="subtitle">daily fishing windows</div>
                    <div class="subtitle">bait paths</div>
                    <div class="subtitle">catch checklist</div>
                </a>
            </div>
        </div>

<div id="credit">Written by <a class="external-link" href="http://na.finalfantasyxiv.com/lodestone/character/8330449/">Clorifex Ezalor of Zalera</a>.</div>
        <div><a class="external-link" href="https://discord.gg/hfzmApj">Join our Discord!</a></div>
    </div>
</body></html>