resources.html

<!DOCTYPE html>
<html>
<head>
    <title>
        tools and resources
    </title>
    <style>
        body{
            background-color: rgb(12, 12, 12);
            color: lightgray;
        }
        #main{
            left: 50px;
            top: 50px;
            padding: 10px;
            position: absolute;
            border: 1px solid rgba(165, 165, 165, 0.486);
            background-color: rgb(24, 24, 24);
            width: 800px;
        }
        a{
            color: rgb(111, 199, 133);
        }
    </style>
</head>
<body>
    <div id="main">
        <a style="font-size: small" href="/">[return]</a><br><br>
        This is a quick list of cool resources I've gathered around the web.<br>
        <br>

        <div>
            <b>Tools / Generators:</b> <br>
            
            <a href="https://www.base64encoder.io/image-to-base64-converter/">Image to base64</a><br>
            
            <a href="https://barcode-maker.com/en/Code128">Barcode generator</a><br>
            
            <br>
        </div>
        
        <div>
            <b>Search:</b><br>
            <a href="https://www.aha-music.com/identify-songs-music-recognition-online">Reverse music search</a>
        </div><br>
        
        <div>
            <b>CSS stuff:<br></b>
            <a href="https://codepen.io/sosuke/pen/Pjoqqp">CSS filter generator to convert to target hex color</a><br>
            <br>
            <b>CSS Examples:</b><br>
            <a href="https://codepen.io/adamruf/pen/GZwdrY">Blurred, Invisible Ink, and Redacted text (CSS only)</a><br>
            <a href="https://codepen.io/thomasbormans/pen/EjMBqO">CSS only marquee</a><br>
            <br>
        </div>
    </div>
</body>

</html> 