Minor fixes, re-add calculators page

1 files changed, 34 insertions, 30 deletions

diff --git a/resources/views/calculators.blade.php b/resources/views/calculators.blade.php
index 5a2ccf4..7f3603b 100644
--- a/resources/views/calculators.blade.php
+++ b/resources/views/calculators.blade.php
@@ -1,20 +1,19 @@
-@extends('layouts.default')
-@section('title', 'Calculators')
-@section('description', 'C a l c u l a t o r s.')
-@section('content')
+<x-layout>
+    <x-slot:title>Calculators</x-slot:title>
         <h1>CASIO fx-CG50</h1>
         <p>TBD</p>
         <h2>Pictures</h2>
-        <p>Click images to view full size</p>
-        <a href="/images/calculators/casio-fx-cg50/1s.jpeg"><img src="/images/calculators/casio-fx-cg50/1s.jpeg" width="15%"></a>
-        <a href="/images/calculators/casio-fx-cg50/2s.jpeg"><img src="/images/calculators/casio-fx-cg50/2s.jpeg" width="15%"></a>
-        <a href="/images/calculators/casio-fx-cg50/3s.jpeg"><img src="/images/calculators/casio-fx-cg50/3s.jpeg" width="15%"></a>
-        <a href="/images/calculators/casio-fx-cg50/4s.jpeg"><img src="/images/calculators/casio-fx-cg50/4s.jpeg" width="15%"></a>
+        <img src="{{ asset('images/calculators/casio-fx-cg50/1s.jpeg') }}" width="15%" alt="Casio fx-CG50 Front view">
+        <img src="{{ asset('images/calculators/casio-fx-cg50/2s.jpeg') }}" width="15%" alt="Casio fx-CG50 Rear view (battery cover removed)">
+        <img src="{{ asset('images/calculators/casio-fx-cg50/3s.jpeg') }}" width="15%" alt="Casio fx-CG50 Front view (top half)">
+        <img src="{{ asset('images/calculators/casio-fx-cg50/4s.jpeg') }}" width="15%" alt="Casio fx-CG50 Front view (bottom half)">
+
+        <hr>
 
         <h1>CASIO fx-120 (1977-78)</h1>
         <p>TBD</p>
         <h2>Specifications</h2>
-        <table class="skami">
+        <table class="calculator-spec-table">
             <tr>
                 <td><b>Size</b></td>
                 <td>8.4cm x 16.2cm x 2.4cm</td>
@@ -46,36 +45,41 @@
         </table>
         <h2>Pictures</h2>
         <p>Click images to view full size</p>
-        <a href="/images/calculators/casio-fx-120/1s.jpeg"><img src="/images/calculators/casio-fx-120/1s.jpeg" width="15%"></a>
-        <a href="/images/calculators/casio-fx-120/2s.jpeg"><img src="/images/calculators/casio-fx-120/2s.jpeg" width="15%"></a>
-        <a href="/images/calculators/casio-fx-120/3s.jpeg"><img src="/images/calculators/casio-fx-120/3s.jpeg" width="15%"></a>
-        <a href="/images/calculators/casio-fx-120/4s.jpeg"><img src="/images/calculators/casio-fx-120/4s.jpeg" width="15%"></a>
+        <img src="{{ asset('images/calculators/casio-fx-120/1s.jpeg') }}" width="15%" alt="Casio fx-120 Front view">
+        <img src="{{ asset('images/calculators/casio-fx-120/2s.jpeg') }}" width="15%" alt="Casio fx-120 Front view (top half)">
+        <img src="{{ asset('images/calculators/casio-fx-120/3s.jpeg') }}" width="15%" alt="Casio fx-120 Front view (bottom half)">
+        <img src="{{ asset('images/calculators/casio-fx-120/4s.jpeg') }}" width="15%" alt="Casio fx-120 Rear view (battery and expansion covers removed">
+
+        <hr>
 
         <h1>CASIO fx-82 (1982-85)</h1>
         <p>TBD</p>
         <h2>Pictures</h2>
         <p>Click images to view full size</p>
-        <a href="/images/calculators/casio-fx-82/1s.jpeg"><img src="/images/calculators/casio-fx-82/1s.jpeg" width="15%"></a>
-        <a href="/images/calculators/casio-fx-82/2s.jpeg"><img src="/images/calculators/casio-fx-82/2s.jpeg" width="15%"></a>
-        <a href="/images/calculators/casio-fx-82/3s.jpeg"><img src="/images/calculators/casio-fx-82/3s.jpeg" width="15%"></a>
-        <a href="/images/calculators/casio-fx-82/4s.jpeg"><img src="/images/calculators/casio-fx-82/4s.jpeg" width="15%"></a>
+        <img src="{{ asset('images/calculators/casio-fx-82/1s.jpeg') }}" width="15%" alt="Casio fx-82 Front view">
+        <img src="{{ asset('images/calculators/casio-fx-82/2s.jpeg') }}" width="15%" alt="Casio fx-82 Rear view (battery cover removed)">
+        <img src="{{ asset('images/calculators/casio-fx-82/3s.jpeg') }}" width="15%" alt="Casio fx-82 Front view (top half)">
+        <img src="{{ asset('images/calculators/casio-fx-82/4s.jpeg') }}" width="15%" alt="Casio fx-82 Front view (bottom half)">
+
+        <hr>
 
         <h1>Texas Instruments TI-30 (1976-90)</h1>
         <p>TBD</p>
         <h2>Pictures</h2>
         <p>Click images to view full size</p>
-        <a href="/images/calculators/ti-30/1s.jpeg"><img src="/images/calculators/ti-30/1s.jpeg" width="15%"></a>
-        <a href="/images/calculators/ti-30/2s.jpeg"><img src="/images/calculators/ti-30/2s.jpeg" width="15%"></a>
-        <a href="/images/calculators/ti-30/3s.jpeg"><img src="/images/calculators/ti-30/3s.jpeg" width="15%"></a>
-        <a href="/images/calculators/ti-30/4s.jpeg"><img src="/images/calculators/ti-30/4s.jpeg" width="15%"></a>
+        <img src="{{ asset('images/calculators/ti-30/1s.jpeg') }}" width="15%" alt="Texas Instruments TI-30 Front view (with manual)">
+        <img src="{{ asset('images/calculators/ti-30/2s.jpeg') }}" width="15%" alt="Texas Instruments TI-30 Rear view (battery cover removed)">
+        <img src="{{ asset('images/calculators/ti-30/3s.jpeg') }}" width="15%" alt="Texas Instruments TI-30 Front view (top half)">
+        <img src="{{ asset('images/calculators/ti-30/4s.jpeg') }}" width="15%" alt="Texas Instruments TI-30 Front view (bottom half)">
 
-        <h1>Texet 880 Executive (1977-78)</h1>
+        <hr>
 
+        <h1>Texet 880 Executive (1977-78)</h1>
         <p>The calculator measures 74.2mm x 135mm x 22.2mm. It weighs 86g without the battery installed, which is a 9v PP3-type battery. Rather than the usual press-stud type holder, the housing has two metal slide clips. There is also what I assume to be a sponge at one end which is supposed to aid in holding the battery in, however it appears to have gone completely hard and I will most likely replace it in the future. There's small adaptor hole at the top, of which the input isn't specified (though it's generally agreed that it's 4.5v centre-positive).</p>
         <p>The case is black &amp; silvery colored with a thin brushed metallic front panel. The eight-digit bubble display has an absolutely <i>terrible</i> viewing angle, which means you either have to be holding it under your coat or against your face to read it!</p>
-        The keypad is particularly strange in the way that it has 3 cancel buttons, <pre>[CE]</pre>, <pre>[C]</pre> and <pre>[CA]</pre>, while the <pre>[CS]</pre> button is a Clear Sign button, <i>not</i> another cancel! The keys themselves are particularly stiff and you really have to push them to get them to register. Many 880s suffered something referred to as the "pseudo fixed decimal bug" where, if you typed in <pre>1 + 1.00 = </pre>, it would display <pre>2.00</pre> instead of the expected <pre>2</pre>
+        The keypad is particularly strange in the way that it has 3 cancel buttons, <pre>[CE]</pre>, <pre>[C]</pre> and <pre>[CA]</pre>, while the <pre>[CS]</pre> button is a Clear Sign button, <i>not</i> another cancel! The keys themselves are particularly stiff, and you really have to push them to get them to register. Many 880s suffered something referred to as the "pseudo fixed decimal bug" where, if you typed in <pre>1 + 1.00 = </pre>, it would display <pre>2.00</pre> instead of the expected <pre>2</pre>
         <h2>Specifications</h2>
-        <table class="skami">
+        <table class="calculator-spec-table">
             <tr>
                 <td><b>Size</b></td>
                 <td>7.4cm x 13.5cm x 2.2cm</td>
@@ -103,8 +107,8 @@
         </table>
         <h2>Pictures</h2>
         <p>Click images to view full size</p>
-        <a href="/images/calculators/texet-880/1s.jpeg"><img src="/images/calculators/texet-880/1s.jpeg" width="15%"></a>
-        <a href="/images/calculators/texet-880/2s.jpeg"><img src="/images/calculators/texet-880/2s.jpeg" width="15%"></a>
-        <a href="/images/calculators/texet-880/3s.jpeg"><img src="/images/calculators/texet-880/3s.jpeg" width="15%"></a>
-        <a href="/images/calculators/texet-880/4s.jpeg"><img src="/images/calculators/texet-880/4s.jpeg" width="15%"></a>
-@stop
+        <img src="{{ asset('images/calculators/texet-880/1s.jpeg') }}" width="15%" alt="Texet 880 Executive Front view">
+        <img src="{{ asset('images/calculators/texet-880/2s.jpeg') }}" width="15%" alt="Texet 880 Executive Rear view (battery cover removed)">
+        <img src="{{ asset('images/calculators/texet-880/3s.jpeg') }}" width="15%" alt="Texet 880 Executive Front view (top half)">
+        <img src="{{ asset('images/calculators/texet-880/4s.jpeg') }}" width="15%" alt="Texet 880 Executive Front view (bottom half)">
+</x-layout>