From 5ed8fdc83e3a720c7ef5592a48a18de4b17e623e Mon Sep 17 00:00:00 2001 From: Frankie B Date: Fri, 12 Jul 2024 23:48:06 +0100 Subject: [PATCH] Improve computers page, change page width to 975px to compensate for scrollbars --- public/css/master.css | 12 +- resources/views/computers.blade.php | 376 +++++++++++++++++----------- 2 files changed, 229 insertions(+), 159 deletions(-) diff --git a/public/css/master.css b/public/css/master.css index 190d2a5..3fbd078 100644 --- a/public/css/master.css +++ b/public/css/master.css @@ -109,7 +109,7 @@ button:hover { div.page { /*min-width: 1000px;*/ /*max-width: 1100px;*/ - width: 1000px; + width: 975px; padding-left: 0.5em; padding-right: 0.5em; margin: auto; @@ -252,14 +252,10 @@ .header { /* ── Computers ───────────────────────────────────────────────────────────────────── */ table.computers { + table-layout: auto; width: 100%; } -table.computers td:first-child { - width: 350px; - text-align: center; - font-weight: bold; -} table.computers td ul { margin: 0; padding-left: 20px; @@ -280,6 +276,10 @@ table.computers th { background-color: var(--background-secondary); } +table.computers td:first-child { + white-space: nowrap; +} + table.computers td, table.computers th { border: var(--foreground) solid 1px; diff --git a/resources/views/computers.blade.php b/resources/views/computers.blade.php index 09c48c6..e188ba3 100644 --- a/resources/views/computers.blade.php +++ b/resources/views/computers.blade.php @@ -2,181 +2,251 @@ Computers - - + + + + + + - - + + + + + + - - + + + + + - - + + + + + + - - + + + + + + - - + + + + + + - - + + + + + + - - + + + + + + - - + + + + + + - - + + + + + + - - + + + + + + - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
PICTURESSPECS & DESCRIPTIONMODELCPUGPUSTORAGERAMOS
Random Whitebox - Quick Specs -
    -
  • 486DX2 (50MHz)
    • -
  • 16MB RAM
    • -
  • 280MB HDD
    • -
  • Windows NT 3.51
    • -
-

- Had been monitoring the ventilation system in a school since the late 1990s, - only stopped because the power supply internally exploded. Replaced the PSU with - a standard ATX PSU and an ATX to AT adaptor and it sprung back to life. - Motherboard is a Gigabyte GA486IM with 4 PCI slots, 4 ISA slots and 2 VLB slots. - Has two identical ISA serial/parallel/game-port cards with one acting as the - HDD/FDD controller. Also has a Realtek NIC with both RJ45 and BNC. GPU is a - Cirrus Logic card and is astoundingly shit. -

- 		Random Whitebox
(???)		486DX2280MB HDD16MBMS-DOS 6.22 & Windows for Workgroups 3.11
2023 MacBook Pro 14" - Quick Specs -
    -
  • Apple M3 Pro
    • -
  • 18GB RAM
    • -
  • 500GB SSD
    • -
  • macOS Sonoma
    • -
- 		MacBook Pro 14"
(2023)		M3 Pro500GB SSD18GBmacOS Sonoma
2018 MacBook Pro 13" - Quick Specs -
    -
  • Intel i5-8259U @ 2.3GHz
    • -
  • Intel Iris Plus Graphics 655
    • -
  • 8GB RAM
    • -
  • 250GB SSD
    • -
  • macOS Sonoma
    • -
-

- Old main computer. Really like the touch bar, absolutely hate the butterfly - keyboard. -

- 		MacBook Pro 13"
(2018)		Intel i5-8592U (2.3GHz)Intel Iris Plus 655250GB SSD8GBmacOS Mojave
2012 Lenovo ThinkPad T430 - Quick Specs -
    -
  • Intel Core i7
    • -
  • 16GB RAM
    • -
  • Windows 7 Professional / NixOS
    • -
-

- One of my main computers. Has been modified to use a classic keyboard instead of - the stock Lenovo keyboard. -

- 		Lenovo ThinkPad T430
(2012)		Intel Core i7 (idk what it is)16GBWindows 7 Pro / NixOS
2005 IBM ThinkPad X41T - Quick Specs -
    -
  • Intel Pentium M @ 1.6GHz
    • -
  • Mobile Intel Express Chipset Family (128MB)
    • -
  • 1.5GB RAM
    • -
  • 40GB HDD
    • -
  • Windows XP Tablet PC Edition
    • -
- 		IBM ThinkPad X41T
(2005)		Intel Pentium M (1.6GHz)Mobile Intel Express Chipset (128MB)40GB HDD1.5GBWindows XP Tablet PC Edition
1999 Dell OptiPlex GX1 - Quick Specs -
    -
  • Intel Pentium II (Deschutes) @ 400MHz
    • -
  • ATI 3D Rage Pro (4MB)
    • -
  • 639MB
    • -
  • 40GB HDD
    • -
  • MS-DOS 6.22 & WFW 3.10
    • -
-

- Cool computer that uses Slot 1 CPUs. After a lot of trial and error I managed to - max out the memory. Has a riser that sports 2 PCI and 2 ISA slots (one PCI and - ISA share the same slot). -

- 		Dell OptiPlex GX1
(1999)		Intel Pentium II (Deschutes, 400MHz)ATI 3D Rage Pro (4MB)40GB HDD639MBWindows 2000
2003 IBM ThinkPad T40 - Quick Specs -
    -
  • Intel Pentium M @ 1.3GHz
    • -
  • ATI Mobility Radeon 7500 (32MB)
    • -
  • 1GB RAM
    • -
  • 30GB HDD
    • -
  • Windows 2000 Professional
    • -
-

- Useful laptop thanks to its parallel port. Has the ubiquitous GPU solder issues - which I """"fixed"""" by jamming a CF card - between the GPU chip and the keyboard. -

- 		IBM ThinkPad T40
(2003)		Intel Pentium M (1.3GHz)ATI Mobility Radeon 7500 (32MB)N/AN/AN/A
2010 HP Compaq Elite 8100 - Quick Specs -
    -
  • Intel Core i7
    • -
  • 16GB RAM
    • -
  • some SSD and an HDD
    • -
  • Windows Vista Ultimate (64-bit)
    • -
- 		HP Compaq Elite 8100
(2010)		Intel Core i7 (something or other)16GBWindows Vista Ultimate (64-bit)
2014 Mac mini - Quick Specs -
    -
  • Intel Core i5-4278U @ 2.6GHz
    • -
  • Intel Iris Graphics
    • -
  • 8GB RAM
    • -
  • 1TB HDD
    • -
  • VMware ESXi 6.7.0u3
    • -
-

- Was used as my VM host for a few years. Has now been superseded by an - actual 1U rack-mount server. -

- 		Mac mini
(2014)		Intel Core i5-4278U (2.6GHz)Intel Iris Graphics1TB HDD8GBProxmox VE 8.2
1996 Fujitsu Milan - Quick Specs -
    -
  • Intel Pentium
    • -
  • 32MB RAM
    • -
  • 1215MB HDD
    • -
  • Windows 98 SE
    • -
-

- Was originally a family members' laptop. Unfortunately the HDD side of the - HDD/FDD cable ripped while I was removing the drive to clean the computer. - Still scouring eBay for a replacement cable (or more likely, an entire - parts machine). -

- 		Fujitsu Milan
(1996)		Intel Pentium1215MB HDD32MBWindows 98 SE
1999 Compaq Armada M300 - Quick Specs -
    -
  • Intel Pentium III
    • -
-

- Nice little laptop. Mysteriously dead. -

- 		Compaq Armada M300
(1999)		Intel Pentium III
SuperMicro X9SCMIntel Pentium G850 (2.9GHz)Matrox MGA G6200eW2TB HDD / 80GB HDD16GBProxmox VE 8.2
Main PCIntel Core i7-6700K (4GHz)NVidia GTX 1060 (3GB)(multiple)64GBWindows 10 Pro / NixOS
Toshiba Qosmio F20
(2005)		N/AN/A
MacBook Pro 13"
(2009)		N/AN/A
Packard-Bell EasyNote MIT-LYN01
(???)		Windows XP Home
Sony VAIO PCG-3B1M
(???)		Windows Vista
Dell OptiPlex 745 USFF
(2006)		Intel Pentium Dual CoreIntel Integrated(multiple)4GB(multiple)
Dell Inspiron 1525
(2008)		N/AN/A
Random Whitebox 2AMD Phenom II X6-1055T8GBN/A
Dell Latitude D531
(2007)		Windows XP Professional
IBM ThinkPad R40
(2003)		Windows 2000
Dell Latitude CPi
(2001)		Windows 2000
Dell Latitude CPx
(1999)		Windows 98 SE
Dell Latitude 4898T
(???)		N/AN/A
Time 8375
(???)		N/AN/A
Toshiba Satellite 200CDS
(1996)
HP Compaq NC6000
(2004)		N/AN/A
IBM Personal Computer 330
(1997)		Intel PentiumN/AN/A
Shuttle XPC SN21G5
(2006)		AMD Athlon 64 X2N/AN/A