~martijnbraam/struct

09f797970ba32140d24b1c0401bbc1424d95762d — Martijn Braam 11 months ago 6f1f271
Add header with a logo
2 files changed, 35 insertions(+), 1 deletions(-)

M index.html
A logo.svg
M index.html => index.html +13 -1
@@ 60,9 60,10 @@
            .container {
                display: grid;
                grid-template-columns: 1fr 1fr;
                grid-template-rows: 100px 1fr;
                grid-template-rows: 48px 100px 1fr;
                gap: 8px 8px;
                grid-template-areas:
    "header header"
    "entry data"
    "format detail";
                height: 100%;


@@ 90,6 91,10 @@
                grid-area: data;
            }

            header {
                grid-area: header;
            }

            #hexdump .group {
                margin-right: 10px;
                font-family: monospace;


@@ 99,11 104,18 @@
                padding-left: 3px;
                padding-right: 3px;
            }

            #logo {
                height: 48px;
            }
        </style>
    </head>
    <body>

        <div class="container">
            <header>
                <img src="logo.svg" id="logo">
            </header>
            <div class="entry">
                <textarea id="struct" placeholder="struct.pack('')"></textarea>
            </div>

A logo.svg => logo.svg +22 -0
@@ 0,0 1,22 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg width="96.295mm" height="26.402mm" version="1.1" viewBox="0 0 96.295 26.402" xmlns="http://www.w3.org/2000/svg">
 <g transform="translate(-42.477 -117.6)" stroke-width=".26458">
  <circle cx="100.08" cy="135.42" r="1.0184" fill="#fff"/>
  <rect x="42.477" y="117.6" width="57.583" height="26.402" ry=".95916" fill="#1f78d3"/>
  <g fill="#fff" aria-label="struct">
   <path d="m51.741 132.94q0 0.75241-0.339 1.2237t-0.87643 0.76068q-0.52917 0.28938-1.1906 0.39687-0.65319 0.11575-1.2816 0.11575-1.0501 0-2.0919-0.30592t-1.8025-0.80202l0.71107-1.4056q0.9095 0.52916 1.6619 0.75241 0.76068 0.21497 1.5214 0.21497 1.0335 0 1.5048-0.21497 0.47129-0.22325 0.47129-0.61185 0-0.19017-0.13229-0.31419-0.13229-0.12403-0.43822-0.22325-0.30592-0.10748-0.81028-0.2067-0.49609-0.10749-1.2402-0.22324-0.59531-0.0992-1.1327-0.23978-0.52917-0.14883-0.93431-0.41341-0.40514-0.26459-0.65319-0.66973-0.23978-0.40514-0.23978-1.017 0-0.62011 0.31419-1.0749 0.32246-0.46302 0.83509-0.76067 0.5209-0.29766 1.1658-0.42995 0.64492-0.13229 1.2898-0.13229 0.9095 0 1.7611 0.23978 0.85989 0.23151 1.5048 0.66972l-0.67799 1.3229q-0.64492-0.40514-1.2568-0.5457-0.60358-0.14883-1.3312-0.14883-0.30592 0-0.63665 0.0331-0.33073 0.0331-0.61185 0.13229-0.28112 0.0909-0.47129 0.25632-0.1819 0.15709-0.1819 0.3886 0 0.30593 0.53743 0.50436 0.5457 0.19017 1.8521 0.38034 0.71107 0.0992 1.2981 0.25632 0.58704 0.14882 1.0087 0.41341 0.42168 0.25631 0.65319 0.66972 0.23978 0.40514 0.23978 1.0087z"/>
   <path d="m61.274 132.79q-0.13229 1.2154-0.95911 1.9348-0.81855 0.71106-2.0505 0.71106-0.67799 0-1.2402-0.22324t-0.95911-0.62011q-0.39687-0.39688-0.62012-0.95085-0.21497-0.56224-0.21497-1.2237v-3.3321h-1.7446v-1.5462h1.7446v-3.084h1.7115v3.084h3.2329v1.5462h-3.2329v3.3321q0 0.74414 0.3638 1.1079 0.3638 0.3638 0.95911 0.3638 0.7276 0 1.0831-0.42168t0.42168-1.017z"/>
   <path d="m70.245 129.37q-0.30592-0.14883-0.62838-0.22325-0.31419-0.0827-0.7276-0.0827-0.57051 0-1.0749 0.17363-0.49609 0.16537-0.85989 0.50437-0.3638 0.33899-0.57051 0.85162-0.19844 0.50436-0.19844 1.1989v1.9182h1.7281v1.5379h-5.1842v-1.5379h1.7446v-4.6219h-1.7446v-1.5462h3.4561v1.9348q0.42168-1.1576 1.2402-1.6371 0.82682-0.47956 1.9596-0.47956 0.35553 0 0.74414 0.0744t0.76068 0.26459z"/>
   <path d="m72.378 127.54h1.7115v4.7625q0 0.89297 0.339 1.2402 0.339 0.34727 0.98392 0.34727 0.94258 0 1.5462-0.76894 0.60358-0.76895 0.60358-2.1249v-3.4561h1.7115v7.706h-1.7115v-1.9265q-0.25632 0.99219-0.95084 1.5544-0.69453 0.56223-1.7115 0.56223-1.1824 0-1.8521-0.76894-0.66972-0.77721-0.66972-2.3647z"/>
   <path d="m88.633 134.15q-0.74414 0.74414-1.571 1.017-0.81855 0.27285-1.7777 0.27285-0.96738 0-1.7611-0.28938-0.78548-0.28939-1.3395-0.81029-0.5457-0.52916-0.84336-1.2733-0.28939-0.74414-0.28939-1.6619 0-0.87643 0.28939-1.6206 0.29766-0.75241 0.79375-1.2816 0.50436-0.53743 1.1824-0.83509 0.67799-0.30592 1.4387-0.30592 0.79375 0 1.3808 0.33073t0.85163 0.96738v-1.1162h1.5296v3.5884h-1.5296q0-1.017-0.56224-1.6206-0.55397-0.61185-1.4469-0.61185-0.35553 0-0.75241 0.14883-0.38861 0.14056-0.71934 0.44648-0.32246 0.30592-0.53743 0.77721-0.21497 0.47129-0.21497 1.1328 0 0.64492 0.2067 1.1162 0.20671 0.46302 0.53743 0.76894 0.339 0.29765 0.79375 0.45475 0.46302 0.14883 0.95084 0.14883 0.83509 0 1.4469-0.25632 0.62012-0.26458 1.0666-0.69453z"/>
   <path d="m98.249 132.79q-0.13229 1.2154-0.95911 1.9348-0.81855 0.71106-2.0505 0.71106-0.67799 0-1.2402-0.22324-0.56224-0.22324-0.95911-0.62011-0.39687-0.39688-0.62012-0.95085-0.21497-0.56224-0.21497-1.2237v-3.3321h-1.7446v-1.5462h1.7446v-3.084h1.7115v3.084h3.2329v1.5462h-3.2329v3.3321q0 0.74414 0.3638 1.1079 0.3638 0.3638 0.95911 0.3638 0.7276 0 1.0831-0.42168 0.35553-0.42168 0.42168-1.017z"/>
  </g>
  <g fill="#fff" aria-label="pack">
   <path d="m103.76 126.95h1.7115v0.69453q0.48783-0.43821 0.98392-0.65318 0.50436-0.22325 1.1493-0.22325 0.74414 0 1.3808 0.30593 0.63666 0.29765 1.0914 0.83509 0.45475 0.52916 0.71933 1.2816 0.26458 0.74414 0.26458 1.6206 0 0.8847-0.26458 1.6288t-0.71933 1.2816q-0.45475 0.52917-1.0914 0.82682-0.63665 0.29766-1.3808 0.29766-0.64492 0-1.1493-0.23151-0.49609-0.23151-0.98392-0.66973v3.7951h-1.7115zm1.7115 5.6389q0.30593 0.33899 0.77721 0.52916 0.47956 0.1819 0.91778 0.1819 0.96738 0 1.571-0.68626 0.61184-0.68626 0.61184-1.8025t-0.61184-1.8107q-0.60358-0.69453-1.571-0.69453-0.43822 0-0.91778 0.1819-0.47128 0.17363-0.77721 0.51263z"/>
   <path d="m112.56 132.44q0-0.678 0.3638-1.1824 0.3638-0.51263 0.95085-0.85162 0.59531-0.339 1.356-0.50436 0.76895-0.17364 1.5627-0.17364 0.43822 0 0.75241 0.0165t0.63665 0.0496v-0.30592q0-0.60358-0.47128-0.90124-0.46302-0.29765-1.2237-0.29765-0.69453 0-1.4139 0.19843-0.71934 0.19017-1.3643 0.56224l-0.69453-1.3394q0.76068-0.43822 1.6288-0.68626 0.87643-0.25632 1.8438-0.25632 0.62838 0 1.232 0.14056 0.61185 0.14056 1.0914 0.46302 0.48782 0.32246 0.77721 0.84336 0.28939 0.51263 0.28939 1.2733v5.1676h-1.695v-1.1328q-0.40514 0.62839-1.1989 0.97565-0.78548 0.34727-1.695 0.34727-0.56224 0-1.0666-0.1571-0.49609-0.14883-0.85989-0.45475-0.36381-0.30592-0.58705-0.75241-0.21497-0.45475-0.21497-1.0418zm3.1667 0.87643q0.50436 0 0.94257-0.12402 0.44648-0.1323 0.78548-0.35554 0.339-0.23151 0.52917-0.55397 0.19843-0.32246 0.19843-0.71106v-0.28939q-0.40514-0.0661-0.76067-0.0744-0.35553-8e-3 -0.62839-8e-3 -1.2568 0-1.9017 0.33072-0.63666 0.33073-0.63666 0.81856 0 0.96738 1.4718 0.96738z"/>
   <path d="m129.26 133.56q-0.74414 0.74414-1.571 1.017-0.81855 0.27285-1.7777 0.27285-0.96739 0-1.7611-0.28939-0.78548-0.28939-1.3394-0.81028-0.54571-0.52917-0.84336-1.2733-0.28939-0.74414-0.28939-1.6619 0-0.87643 0.28939-1.6206 0.29765-0.75241 0.79375-1.2816 0.50436-0.53744 1.1824-0.83509 0.67799-0.30593 1.4387-0.30593 0.79375 0 1.3808 0.33073t0.85163 0.96738v-1.1162h1.5296v3.5884h-1.5296q0-1.017-0.56224-1.6206-0.55397-0.61185-1.4469-0.61185-0.35553 0-0.75241 0.14883-0.3886 0.14056-0.71933 0.44648-0.32246 0.30593-0.53743 0.77721-0.21498 0.47129-0.21498 1.1328 0 0.64492 0.20671 1.1162 0.2067 0.46302 0.53743 0.76894 0.339 0.29766 0.79375 0.45475 0.46302 0.14883 0.95084 0.14883 0.83509 0 1.4469-0.25631 0.62012-0.26459 1.0666-0.69453z"/>
   <path d="m138.77 134.66h-2.2159l-2.5797-3.1171-0.77721 0.79375v2.3234h-1.7115v-10.79h1.7115v6.35l3.084-3.266h2.3482l-3.5553 3.5388z"/>
  </g>
 </g>
</svg>