Update computers page design

This commit is contained in:
floppydiskette 2023-08-26 01:20:28 +01:00
parent b833a402d2
commit 99701deacd
No known key found for this signature in database
2 changed files with 338 additions and 317 deletions

View file

@ -342,3 +342,32 @@ .me p {
a:hover { a:hover {
text-decoration: underline; text-decoration: underline;
} }
.computer {
width: 100%;
}
.computer td {
border: none;
}
.computer h1,
.computer hr {
margin: 0;
}
.computer .computer-image {
width: 256px;
}
.spec {
padding-left: 20px;
}
.spec-title {
font-weight: bold;
}
.computer-specs {
margin-top: 5px;
}

View file

@ -2,321 +2,313 @@
@section('title', 'Computers') @section('title', 'Computers')
@section('description', 'Computers I own or have owned.') @section('description', 'Computers I own or have owned.')
@section('content') @section('content')
<table class="computers" border="0"> <table class="computer">
<tr> <tr>
<!-- Custom Build --> <td colspan="2"><h1>Custom Build</h1><hr></td>
<td class="computer"> </tr>
<h1>Custom Build</h1> <tr>
<h2>Specifications</h2> <td>
<table class="skami"> <table class="computer-specs">
<tr> <tr>
<td><b>OS</b></td> <td class="spec-title">OS:</td>
<td>NixOS 22.11 / Windows 10 Pro</td> <td class="spec">NixOS 22.11 / Windows 10 Pro</td>
</tr> </tr>
<tr> <tr>
<td><b>Monitor</b></td> <td class="spec-title">CPU:</td>
<td>Dell P2018H (1600x900)</td> <td class="spec">Intel i7-6700K (8-core) @ 4.0GHz</td>
</tr> </tr>
<tr> <tr>
<td><b>CPU</b></td> <td class="spec-title">GPU:</td>
<td>Intel i7-6700K (8) @ 4.0GHz</td> <td class="spec">NVidia GTX 1060 (3GB)</td>
</tr> </tr>
<tr> <tr>
<td><b>GPU</b></td> <td class="spec-title">Memory:</td>
<td>NVidia GTX 1060 (3GB)</td> <td class="spec">64GB</td>
</tr> </tr>
<tr> <tr>
<td><b>Memory</b></td> <td class="spec-title">DISK0:</td>
<td>64GB</td> <td class="spec">SanDisk SSD Plus (120GB, Win10)</td>
</tr> </tr>
<tr> <tr>
<td><b>HDD0</b></td> <td class="spec-title">DISK1:</td>
<td>SanDisk SSD Plus (120GB, Windows 10)</td> <td class="spec">Crucial CT500MX500SSD1 (500GB, NixOS)</td>
</tr> </tr>
<tr> <tr>
<td><b>HDD1</b></td> <td class="spec-title">DISK2:</td>
<td>Crucial CT500MX500SSD1 (500GB, NixOS)</td> <td class="spec">WDC WD20EZEAZ-00GGJB0 (2TB, Data)</td>
</tr> </tr>
<tr> </table>
<td><b>HDD2</b></td> </td>
<td>WDC WD20EZEAZ-00GGJB0 (2TB, Data)</td> </tr>
</tr> </table>
</table> <table class="computer">
</td> <tr>
<!-- Macbook Pro (2018) --> <td colspan="2"><h1>MacBook Pro (2018)</h1><hr></td>
<td class="computer"> </tr>
<h1>Macbook Pro (2018)</h1> <tr>
<h2>Specifications</h2> <td>
<table class="skami"> <table class="computer-specs">
<tr> <tr>
<td><b>OS</b></td> <td class="spec-title">OS:</td>
<td>macOS 12.5.1</td> <td class="spec">macOS 12.5.1</td>
</tr> </tr>
<tr> <tr>
<td><b>LCD Resolution</b></td> <td class="spec-title">Display:</td>
<td>2560x1600 (Retina)</td> <td class="spec">2560x1600 (Retina)</td>
</tr> </tr>
<tr> <tr>
<td><b>CPU</b></td> <td class="spec-title">CPU:</td>
<td>Intel i5-8259U (8 cores) @ 2.3GHz</td> <td class="spec">Intel i5-8259U (8-core) @ 2.3GHz</td>
</tr> </tr>
<tr> <tr>
<td><b>GPU</b></td> <td class="spec-title">GPU:</td>
<td>Intel Iris Plus Graphics 655</td> <td class="spec">Intel Iris Plus Graphics 655</td>
</tr> </tr>
<tr> <tr>
<td><b>Memory</b></td> <td class="spec-title">Memory:</td>
<td>8GB</td> <td class="spec">8GB</td>
</tr> </tr>
<tr> <tr>
<td><b>HDD</b></td> <td class="spec-title">DISK:</td>
<td>Apple SSD AP0256M (250GB)</td> <td class="spec">Apple SSD AP0256M (250GB)</td>
</tr> </tr>
</table> </table>
</td> </td>
</tr> </tr>
<tr> </table>
<!-- Lenovo ThinkPad T430 --> <table class="computer">
<td class="computer"> <tr>
<h1>Lenovo ThinkPad T430 (2012)</h1> <td colspan="2"><h1>Lenovo ThinkPad T430 (2012)</h1><hr></td>
<h2>Specifications</h2> </tr>
<table class="skami"> <tr>
<tr> <td>
<td><b>OS</b></td> <table class="computer-specs">
<td>Arch Linux x86_64 / Windows 7 Pro</td> <tr>
</tr> <td class="spec-title">OS:</td>
<tr> <td class="spec">NixOS 22.11 / Windows 7 Ultimate</td>
<td><b>LCD Resolution</b></td> </tr>
<td>1600x900</td> <tr>
</tr> <td class="spec-title">CPU:</td>
<tr> <td class="spec">Intel i7-3520M (4-core) @ 3.6GHz</td>
<td><b>CPU</b></td> </tr>
<td>Intel i7-3520M (4 cores) @ 3.6GHz</td> <tr>
</tr> <td class="spec-title">GPU:</td>
<tr> <td class="spec">Intel 3rd Gen Core processor Graphics Controllertd>
<td><b>GPU</b></td> </tr>
<td>Intel 3rd Gen Core processor Graphics Controller</td> <tr>
</tr> <td class="spec-title">Memory:</td>
<tr> <td class="spec">16GB</td>
<td><b>Memory</b></td> </tr>
<td>16GB</td> <tr>
</tr> <td class="spec-title">DISK0:</td>
<tr> <td class="spec">Crucial CT500MX500SSD1 (500GB, NixOS)</td>
<td><b>HDD0</b></td> </tr>
<td>Crucial CT500MX500SSD1 (500GB, Linux)</td> <tr>
</tr> <td class="spec-title">DISK1:</td>
<tr> <td class="spec">Crucial CT250MX500SSD1 (250GB, Win7)</td>
<td><b>HDD1</b></td> </tr>
<td>Crucial CT250MX500SSD1 (250GB, Windows)</td> </table>
</tr> </td>
</table> </tr>
</td> </table>
<!-- IBM ThinkPad X41 (2005) --> <table class="computer">
<td class="computer"> <tr>
<h1>IBM ThinkPad X41 (2005)</h1> <td colspan="2"><h1>IBM ThinkPad X41 (2005)</h1><hr></td>
<h2>Specifications</h2> </tr>
<table class="skami"> <tr>
<tr> <td>
<td><b>OS</b></td> <table class="computer-specs">
<td>Windows XP Tablet PC Edition (2005, SP3)</td> <tr>
</tr> <td class="spec-title">OS:</td>
<tr> <td class="spec">Windows XP Tablet PC Edition (2005, SP3)</td>
<td><b>LCD Resolution</b></td> </tr>
<td>1024x768 (TFT)</td> <tr>
</tr> <td class="spec-title">CPU:</td>
<tr> <td class="spec">Intel Pentium M (single-core) @ 1.6GHz</td>
<td><b>CPU</b></td> </tr>
<td>Intel Pentium M (single core) @ 1.6GHz</td> <tr>
</tr> <td class="spec-title">GPU:</td>
<tr> <td class="spec">Mobile Intel 915GM/GMS 910GML Express Chipset Family (128MB)</td>
<td><b>GPU</b></td> </tr>
<td>Mobile Intel 915GM/GMS 910GML Express Chipset Family (128MB)</td> <tr>
</tr> <td class="spec-title">Memory:</td>
<tr> <td class="spec">1.5GB</td>
<td><b>Memory</b></td> </tr>
<td>1.5GB (DDR SDRAM)</td> <tr>
</tr> <td class="spec-title">DISK:</td>
<tr> <td class="spec">Hitachi HTC426040G9AT00 (40GB)</td>
<td><b>HDD</b></td> </tr>
<td>Hitachi HTC426040G9AT00 (40GB)</td> </table>
</tr> </td>
</table> </tr>
</td> </table>
</tr> <table class="computer">
<tr> <tr>
<!-- Dell OptiPlex GX1 (400L+, 1999) --> <td colspan="2"><h1>Dell OptiPlex GX1 (400L+, 1999)</h1><hr></td>
<td class="computer"> </tr>
<h1>Dell OptiPlex GX1 (400L+, 1999)</h1> <tr>
<h2>Specifications</h2> <td>
<table class="skami"> <table class="computer-specs">
<tr> <tr>
<td><b>OS</b></td> <td class="spec-title">OS:</td>
<td>Windows NT 4.0 (SP6)</td> <td class="spec">Windows 3.10 for Workgroups (DOS 6.22)</td>
</tr> </tr>
<tr> <tr>
<td><b>CPU</b></td> <td class="spec-title">CPU:</td>
<td>Intel Pentium II (Deschutes) @ 400 MHz</td> <td class="spec">Intel Pentium II (Deschutes) @ 400MHz</td>
</tr> </tr>
<tr> <tr>
<td><b>GPU</b></td> <td class="spec-title">GPU:</td>
<td>ATI 3D Rage Pro (4MB)</td> <td class="spec">ATI 3D Rage Pro (4MB)</td>
</tr> </tr>
<tr> <tr>
<td><b>Memory</b></td> <td class="spec-title">Memory:</td>
<td>639MB (SDR SDRAM)</td> <td class="spec">639MB</td>
</tr> </tr>
<tr> <tr>
<td><b>HDD</b></td> <td class="spec-title">DISK:</td>
<td>Maxtor 2F020J0 (20GB)</td> <td class="spec">Unknown</td>
</tr> </tr>
</table> </table>
</td> </td>
<!-- Dell Inspiron 1525 (2008) --> </tr>
<td class="computer"> </table>
<h1>Dell Inspiron 1525 (2008)</h1> <table class="computer">
<h2>Specifications</h2> <tr>
<p>TBD</p> <td colspan="2"><h1>IBM ThinkPad T40 (2003)</h1><hr></td>
</td> </tr>
</tr> <tr>
<tr> <td>
<!-- Dell OptiPlex 745 (USFF, 2007, x3) --> <table class="computer-specs">
<td class="computer"> <tr>
<h1>Dell OptiPlex 745 (USFF, 2007, x3)</h1> <td class="spec-title">OS:</td>
<h2>Specifications</h2> <td class="spec">Windows XP Pro</td>
<table class="skami"> </tr>
<tr> <tr>
<td><b>OS</b></td> <td class="spec-title">CPU:</td>
<td>Various</td> <td class="spec">Intel Pentium M (single-core) @ 1.3GHz</td>
</tr> </tr>
<tr> <tr>
<td><b>CPU</b></td> <td class="spec-title">GPU:</td>
<td>Intel Pentium Dual Core</td> <td class="spec">ATI Mobility Radeon 7500 (32MB)</td>
</tr> </tr>
<tr> <tr>
<td><b>Memory</b></td> <td class="spec-title">Memory:</td>
<td>4GB</td> <td class="spec">1GB</td>
</tr> </tr>
</table> <tr>
</td> <td class="spec-title">DISK:</td>
<!-- IBM ThinkPad T40 (2003) --> <td class="spec">Fujitsu MHS2030AT (30GB)</td>
<td class="computer"> </tr>
<h1>IBM ThinkPad T40 (2003)</h1> </table>
<h2>Specifications</h2> </td>
<table class="skami"> </tr>
<tr> </table>
<td><b>OS</b></td> <table class="computer">
<td>Windows XP Pro / Windows 2000 Pro (Extended)</td> <tr>
</tr> <td colspan="2"><h1>HP Compaq Elite 8100 CMT</h1><hr></td>
<tr> </tr>
<td><b>LCD Resolution</b></td> <tr>
<td>1024x768</td> <td>
</tr> <table class="computer-specs">
<tr> <tr>
<td><b>CPU</b></td> <td class="spec-title">OS:</td>
<td>Intel Pentium M (single core) @ 1.3GHz</td> <td class="spec">Windows Vista 64-bit</td>
</tr> </tr>
<tr> <tr>
<td><b>GPU</b></td> <td class="spec-title">CPU:</td>
<td>ATI Mobility Radeon 7500 (32MB)</td> <td class="spec">Intel Core i7</td>
</tr> </tr>
<tr> <tr>
<td><b>Memory</b></td> <td class="spec-title">GPU:</td>
<td>1GB (DDR SDRAM)</td> <td class="spec"></td>
</tr> </tr>
<tr> <tr>
<td><b>HDD</b></td> <td class="spec-title">Memory:</td>
<td>Fujitsu MHS2030AT (30GB)</td> <td class="spec">16GB</td>
</tr> </tr>
</table> <tr>
</td> <td class="spec-title">DISK0:</td>
</tr> <td class="spec">SanDisk SSD Plus (120GB, Win10)</td>
<tr> </tr>
<!-- Random Whitebox (???) --> <tr>
<td class="computer"> <td class="spec-title">DISK1:</td>
<h1>Random Whitebox (???)</h1> <td class="spec">Crucial CT500MX500SSD1 (500GB, NixOS)</td>
<h2>Specifications</h2> </tr>
<table class="skami"> </table>
<tr> </td>
<td><b>OS</b></td> </tr>
<td>Windows XP Pro (SP3)</td> </table>
</tr> <table class="computer">
<tr> <tr>
<td><b>CPU</b></td> <td colspan="2"><h1>Mac mini (2014)</h1><hr></td>
<td>AMD Athon-PECM (Thunderbird, 4 cores, 1.2GHz)</td> </tr>
</tr> <tr>
<tr> <td>
<td><b>GPU</b></td> <table class="computer-specs">
<td>Hercules 3D Propher 9000 PCI (ATI Radeon 9000, 64MB)</td> <tr>
</tr> <td class="spec-title">OS:</td>
<tr> <td class="spec">VMware ESXi 6.7.0u3</td>
<td><b>Memory</b></td> </tr>
<td>500MB</td> <tr>
</tr> <td class="spec-title">CPU:</td>
<tr> <td class="spec">Intel i5-4278U (4-core) @ 2.6GHz</td>
<td><b>HDD</b></td> </tr>
<td>Seagate ST3160215ACE (150GB)</td> <tr>
</tr> <td class="spec-title">GPU:</td>
</table> <td class="spec">Intel Iris Graphics</td>
</td> </tr>
<!-- Mac mini (2014) --> <tr>
<td class="computer"> <td class="spec-title">Memory:</td>
<h1>Mac mini (2014)</h1> <td class="spec">8GB</td>
<h2>Specifications</h2> </tr>
<table class="skami"> <tr>
<tr> <td class="spec-title">DISK:</td>
<td><b>OS</b></td> <td class="spec">Apple HDD HTS541 (1TB)</td>
<td>VMware ESXi 6.7.0u3</td> </tr>
</tr> </table>
<tr> </td>
<td><b>CPU</b></td> </tr>
<td>Intel i5-4278U (4 cores) @ 2.6GHz</td> </table>
</tr> <table class="computer">
<tr> <tr>
<td><b>GPU</b></td> <td colspan="2"><h1>Fujitsu Milan (1996)</h1><hr></td>
<td>Intel Iris Graphics</td> </tr>
</tr> <tr>
<tr> <td>
<td><b>Memory</b></td> <table class="computer-specs">
<td>8GB</td> <tr>
</tr> <td class="spec-title">OS:</td>
<tr> <td class="spec">Windows 98 SE</td>
<td><b>HDD</b></td> </tr>
<td>Apple HDD HTS541 (1TB)</td> <tr>
</tr> <td class="spec-title">CPU:</td>
</table> <td class="spec">Intel Pentium</td>
</td> </tr>
</tr> <tr>
<tr> <td class="spec-title">Memory:</td>
<!-- Fujitsu Milan (1996) --> <td class="spec">32MB</td>
<td class="computer"> </tr>
<h1>Fujitsu Milan (1996)</h1> <tr>
<h2>Specifications</h2> <td class="spec-title">DISK:</td>
<table class="skami"> <td class="spec">IBM DPRA-21215 (1215MB)</td>
<tr> </tr>
<td><b>OS</b></td> </table>
<td>Windows 98 SE</td> </td>
</tr> </tr>
<tr> </table>
<td><b>CPU</b></td> <!--<table class="computer">
<td>Intel Pentium</td> <tr>
</tr> <td colspan="2"><h1>Compaq Armada M300</h1><hr></td>
<tr> </tr>
<td><b>Memory</b></td> <tr>
<td>32MB</td> <td>
</tr> <table class="computer-specs">
<tr> <tr>
<td><b>HDD</b></td> <td class="spec">TBD</td>
<td>IBM DPRA-21215 (1215MB)</td> </tr>
</tr> </table>
</table> </td>
</td> </tr>
</table>-->
<!-- Compaq Armada M300 (2000) -->
<td class="computer">
<h1>Compaq Armada M300 (2000)</h1>
<h2>Specifications</h2>
<p>TBD</p>
</td>
</tr>
</table>
@stop @stop