diff options
Diffstat (limited to '_site')
| -rw-r--r-- | _site/assets/css/main.css | 16 | ||||
| -rw-r--r-- | _site/projects/index.html | 85 |
2 files changed, 69 insertions, 32 deletions
diff --git a/_site/assets/css/main.css b/_site/assets/css/main.css index 0a787f2..fca50c0 100644 --- a/_site/assets/css/main.css +++ b/_site/assets/css/main.css @@ -29,14 +29,28 @@ a { } img { + width: 100%; mix-blend-mode: multiply; } table { - border: none; width: 100%; } +table, tr, td { + border: none; +} + +td { + background-color: transparent; +} + +.project-item { + width: 50%; + border: none; + vertical-align: top; +} + #navlist > .active > a { color: #000; font-weight: 600; diff --git a/_site/projects/index.html b/_site/projects/index.html index a1ebd40..af602a6 100644 --- a/_site/projects/index.html +++ b/_site/projects/index.html @@ -24,37 +24,60 @@ </ul> </div> - <main class="container" id="main"><table style="border: none; width: 100%"> - <tr style="border: none;"> - <td style="border: none; width: 50%; vertical-align: top; background-color: transparent;"> - <img src="e-reader/thumb.png" alt="E-reader" style="width: 100%"> - <h5><a href="e-reader">Prototype e-reader</a></h5> - </td> - <td style="border: none; width: 50%; vertical-align: top; background-color: transparent;"> - <img src="matrix-digital-rain/thumb.png" alt="The Matrix" style="width: 100%"> - <h5><a href="matrix-digital-rain">The Matrix digital rain</a></h5> - </td> - </tr> - <tr style="border: none;"> - <td style="border: none; width: 50%; vertical-align: top; background-color: transparent;"> - <img src="etlas/dash.jpg" alt="Etlas" style="width: 100%"> - <h5><a href="etlas">Etlas: e-paper display for news, stocks, and the weather</a></h5> - </td> - <td style="border: none; width: 50%; vertical-align: top; background-color: transparent;"> - <img src="bumblebee/thumb.png" alt="Bumblebee" style="width: 100%"> - <h5><a href="bumblebee">Bumblebee: turn browser sessions to code</a></h5> - </td> - </tr> - <tr style="border: none;"> - <td style="border: none; width: 50%; vertical-align: top; background-color: transparent;"> - <img src="fpm-door-lock/pcb.jpg" alt="FPM door lock" style="width: 100%"> - <h5><a href="fpm-door-lock">Prototype fingerprint door lock</a></h5> - </td> - <td style="border: none; width: 50%; vertical-align: top; background-color: transparent;"> - <img src="desktop-unix/linux.png" alt="Unix desktop" style="width: 100%"> - <h5><a href="desktop-unix">Unix for the desktop</a></h5> - </td> - </tr> + <main class="container" id="main"><table> + + + <tr> + + + <td class="project-item"> + + <img src="e-reader/thumb.png" alt="Prototype e-reader"> + <h5><a href="e-reader">Prototype e-reader</a></h5> + </td> + + <td class="project-item"> + + <img src="matrix-digital-rain/thumb.png" alt="The Matrix digital rain for Unix terminals"> + <h5><a href="matrix-digital-rain">The Matrix digital rain for Unix terminals</a></h5> + </td> + + </tr> + + <tr> + + + <td class="project-item"> + + <img src="etlas/dash.jpg" alt="Etlas: e-paper display for news, stocks, and the weather"> + <h5><a href="etlas">Etlas: e-paper display for news, stocks, and the weather</a></h5> + </td> + + <td class="project-item"> + + <img src="bumblebee/thumb.png" alt="Bumblebee: turn browser sessions to code"> + <h5><a href="bumblebee">Bumblebee: turn browser sessions to code</a></h5> + </td> + + </tr> + + <tr> + + + <td class="project-item"> + + <img src="desktop-unix/linux.png" alt="Unix for the desktop"> + <h5><a href="desktop-unix">Unix for the desktop</a></h5> + </td> + + <td class="project-item"> + + <img src="fpm-door-lock/pcb.jpg" alt="Prototype fingerprint door lock"> + <h5><a href="fpm-door-lock">Prototype fingerprint door lock</a></h5> + </td> + + </tr> + </table> </main> |