Skip to content

Instantly share code, notes, and snippets.

@djg

djg/a2w.html

Created May 4, 2020 07:52
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • 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
Raw
a2w.html
<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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment