header.html

<div class="mui-appbar">
    <table width="97%" align="center">
        <tr style="vertical-align: middle;">

            <td class="mui--appbar-height" style="
            text-align: center;
            font-size: smaller;
            letter-spacing: -1px;
            color: rgba(0, 0, 0, 0.5);
            filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.5));
            " width="110px">
                <a href="https://deltaryz.com">
                    <img src="../deltaryzlogo.png" style="height: 30px; padding-top: 2px; " />
                </a>
            </td>

            <td class="mui--appbar-height" align="right"
                style="padding-top: 9px; filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));">
                <div class="mui-textfield mui-textfield--float-label">

                    <a href="https://blog.deltaryz.com">
                        <img src="../svg/blog.svg" alt="Blog"
                            style="filter: invert(1); height:25px; padding-right: 25px;" />
                    </a>

                    <a href="https://github.com/deltaryz/blog" target="_blank">
                        <img src="../svg/github.svg" alt="GitHub"
                            style="filter: invert(1); height:25px; padding-right: 25px;" />
                    </a>

                    <a href="https://deltaryz.com" target="_blank">
                        <img src="../svg/music-circle.svg" alt="Music" style="filter: invert(1); height:25px;" />
                    </a>

                </div>
            </td>

        </tr>
    </table>
</div>