Skip to content

Instantly share code, notes, and snippets.

@djg

djg/a2w.html

Created May 4, 2020 07:52
Show Gist options
  • Save djg/5a7ed44bb205cac1cac4b0eca4adc7d2 to your computer and use it in GitHub Desktop.
Save djg/5a7ed44bb205cac1cac4b0eca4adc7d2 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. djg created this gist May 4, 2020.
    139 changes: 139 additions & 0 deletions a2w.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,139 @@
    <html>
    <head>
    <style>
    table {
    display: inline-grid;
    grid: auto / repeat(32, 1fr);
    width: 100%;
    border-collapse: collapse;
    font-family: "Arial";
    font-style: normal;
    font-weight: normal;
    font-variant: small-caps;
    }

    thead, tbody, tr { display: contents; }

    th {
    text-align: center;
    font-size: 50%;
    }

    tbody tr {
    border: 1px solid black;
    }

    td {
    text-align: center;
    align-self: center;
    font-size: 50%;
    border: 1px solid black;
    height: 3em;
    }

    .invalid {
    background-color: grey;
    }

    .grid-span-2 {
    grid-column-end: span 2;
    }

    .grid-span-3 {
    grid-column-end: span 3;
    }

    .grid-span-4 {
    grid-column-end: span 4;
    }

    .grid-span-5 {
    grid-column-end: span 5;
    }

    .grid-span-6 {
    grid-column-end: span 6;
    }

    .grid-span-7 {
    grid-column-end: span 7;
    }

    .grid-span-8 {
    grid-column-end: span 8;
    }

    .grid-span-9 {
    grid-column-end: span 9;
    }

    .grid-span-10 {
    grid-column-end: span 10;
    }

    .grid-span-11 { grid-column-end: span 11; }
    .grid-span-12 { grid-column-end: span 12; }
    .grid-span-13 { grid-column-end: span 13; }
    .grid-span-14 { grid-column-end: span 14; }
    .grid-span-15 { grid-column-end: span 15; }
    .grid-span-16 { grid-column-end: span 16; }
    .grid-span-17 { grid-column-end: span 17; }
    .grid-span-18 { grid-column-end: span 18; }
    .grid-span-19 { grid-column-end: span 19; }
    .grid-span-20 { grid-column-end: span 20; }
    .grid-span-21 { grid-column-end: span 21; }
    .grid-span-22 { grid-column-end: span 22; }
    .grid-span-23 { grid-column-end: span 23; }
    .grid-span-24 { grid-column-end: span 24; }
    .grid-span-25 { grid-column-end: span 25; }
    .grid-span-26 { grid-column-end: span 26; }
    .grid-span-27 { grid-column-end: span 27; }
    .grid-span-28 { grid-column-end: span 28; }
    .grid-span-29 { grid-column-end: span 29; }
    .grid-span-30 { grid-column-end: span 30; }
    .grid-span-31 { grid-column-end: span 31; }

    .narrow { display: none; }
    .wide { display: table-cell; }

    .split-left { border-right: 0; }
    .split-right { border-left: 0;}

    @media (max-width: 800px) {
    table { grid: auto / repeat(16, 1fr); }
    .split, .split ~ *, .split-right ~ * { order: 1; }
    .split-right { order: 1; border-left: 0; }

    .narrow { display: table-cell; }
    .wide { display: none; }
    }
    </style>
    </head>
    <body>
    <h3>
    L2_CONT_OFF
    </h3>
    <table>
    <thead>
    <th>31</th><th>30</th><th>29</th><th>28</th><th>27</th><th>26</th><th>25</th><th>24</th><th>23</th><th>22</th><th>21</th><th>20</th><th>19</th><th>18</th><th>17</th><th>16</th>
    <th class="split">15</th><th>14</th><th>13</th><th>12</th><th>11</th><th>10</th><th>9</th><th>8</th><th>7</th><th>6</th><th>5</th><th>4</th><th>3</th><th>2</th><th>1</th><th>0</th>
    </thead>
    <tbody>
    <tr>
    <td class="grid-span-8 invalid"></td>
    <td class="grid-span-4">L2 flush core limit</td>
    <td class="grid-span-4">L2 flush limit</td>
    <td class="grid-span-4 invalid split"></td>
    <td class="grid-span-2">L2 standby</td>
    <td class="grid-span-4 invalid"></td>
    <td>L2 enable stats</td>
    <td class="grid-span-2">L2 flush mode</td>
    <td>L2 flush</td>
    <td>No WR alloc</td>
    <td>L2 DIS</td>
    </tr>
    </tbody>

    </table>
    </body>
    </html>