Update pages to be ADA-compliant
This commit is contained in:
parent
25296e79b6
commit
3bf78f4054
10 changed files with 37 additions and 38 deletions
|
@ -1,5 +1,5 @@
|
||||||
<hr>
|
<hr>
|
||||||
<div class="footer">
|
<div class="footer" role="contentinfo">
|
||||||
<a href="https://www.w3schools.com/html/">
|
<a href="https://www.w3schools.com/html/">
|
||||||
<img src="{{ URL::asset('images/buttons/html_learn_it_today.gif') }}"
|
<img src="{{ URL::asset('images/buttons/html_learn_it_today.gif') }}"
|
||||||
width="88" height="31" alt="Learn HTML today!">
|
width="88" height="31" alt="Learn HTML today!">
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
</div> <!-- header -->
|
</div> <!-- header -->
|
||||||
|
|
||||||
<div id="pagebody">
|
<div id="pagebody">
|
||||||
<div id="content">
|
<div id="content" role="main">
|
||||||
@yield('content')
|
@yield('content')
|
||||||
</div> <!-- content -->
|
</div> <!-- content -->
|
||||||
<div id="footer" class="pagefooter">
|
<div id="footer" class="pagefooter">
|
||||||
|
|
|
@ -11,7 +11,7 @@
|
||||||
</div> <!-- header -->
|
</div> <!-- header -->
|
||||||
|
|
||||||
<div id="pagebody">
|
<div id="pagebody">
|
||||||
<div id="content">
|
<div id="content" role="main">
|
||||||
@yield('content')
|
@yield('content')
|
||||||
</div> <!-- content -->
|
</div> <!-- content -->
|
||||||
<div id="footer" class="pagefooter">
|
<div id="footer" class="pagefooter">
|
||||||
|
|
|
@ -22,10 +22,10 @@
|
||||||
@endphp
|
@endphp
|
||||||
|
|
||||||
@foreach ($categories as $category)
|
@foreach ($categories as $category)
|
||||||
<table class="info-table">
|
<table class="info-table" role="presentation">
|
||||||
|
|
||||||
<caption>
|
<caption>
|
||||||
<h1>{{ $category->name }}</h1>
|
<h2>{{ $category->name }}</h2>
|
||||||
<hr>
|
<hr>
|
||||||
</caption>
|
</caption>
|
||||||
|
|
||||||
|
|
|
@ -2,9 +2,9 @@
|
||||||
@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="computer">
|
<table class="computer" role="presentation">
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="2"><h1>Custom Build</h1><hr></td>
|
<td colspan="2"><h2>Custom Build</h2><hr></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
|
@ -41,9 +41,9 @@
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
<table class="computer">
|
<table class="computer" role="presentation">
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="2"><h1>MacBook Pro (2018)</h1><hr></td>
|
<td colspan="2"><h2>MacBook Pro (2018)</h2><hr></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
|
@ -76,9 +76,9 @@
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
<table class="computer">
|
<table class="computer" role="presentation">
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="2"><h1>Lenovo ThinkPad T430 (2012)</h1><hr></td>
|
<td colspan="2"><h2>Lenovo ThinkPad T430 (2012)</h2><hr></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
|
@ -111,9 +111,9 @@
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
<table class="computer">
|
<table class="computer" role="presentation">
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="2"><h1>IBM ThinkPad X41 (2005)</h1><hr></td>
|
<td colspan="2"><h2>IBM ThinkPad X41 (2005)</h2><hr></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
|
@ -142,9 +142,9 @@
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
<table class="computer">
|
<table class="computer" role="presentation">
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="2"><h1>Dell OptiPlex GX1 (400L+, 1999)</h1><hr></td>
|
<td colspan="2"><h2>Dell OptiPlex GX1 (400L+, 1999)</h2><hr></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
|
@ -173,9 +173,9 @@
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
<table class="computer">
|
<table class="computer" role="presentation">
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="2"><h1>IBM ThinkPad T40 (2003)</h1><hr></td>
|
<td colspan="2"><h2>IBM ThinkPad T40 (2003)</h2><hr></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
|
@ -204,9 +204,9 @@
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
<table class="computer">
|
<table class="computer" role="presentation">
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="2"><h1>HP Compaq Elite 8100 CMT</h1><hr></td>
|
<td colspan="2"><h2>HP Compaq Elite 8100 CMT</h2><hr></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
|
@ -239,9 +239,9 @@
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
<table class="computer">
|
<table class="computer" role="presentation">
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="2"><h1>Mac mini (2014)</h1><hr></td>
|
<td colspan="2"><h2>Mac mini (2014)</h2><hr></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
|
@ -270,9 +270,9 @@
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
<table class="computer">
|
<table class="computer" role="presentation">
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="2"><h1>Fujitsu Milan (1996)</h1><hr></td>
|
<td colspan="2"><h2>Fujitsu Milan (1996)</h2><hr></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
|
@ -297,9 +297,9 @@
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
<!--<table class="computer">
|
<!--<table class="computer" role="presentation">
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="2"><h1>Compaq Armada M300</h1><hr></td>
|
<td colspan="2"><h2>Compaq Armada M300</h2><hr></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
|
|
|
@ -13,13 +13,13 @@
|
||||||
@include('components.errors.db-error')
|
@include('components.errors.db-error')
|
||||||
@else
|
@else
|
||||||
<br>
|
<br>
|
||||||
<table class="gb-entry-form-container">
|
<table class="gb-entry-form-container" role="presentation">
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
<form method="POST" action="/guestbook">
|
<form method="POST" action="/guestbook">
|
||||||
@csrf
|
@csrf
|
||||||
<x-honeypot/>
|
<x-honeypot/>
|
||||||
<table class="gb-entry-form">
|
<table class="gb-entry-form" role="presentation">
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
<label for="name"><strong>Name:</strong></label>
|
<label for="name"><strong>Name:</strong></label>
|
||||||
|
@ -71,9 +71,9 @@
|
||||||
ORDER BY id DESC
|
ORDER BY id DESC
|
||||||
');
|
');
|
||||||
@endphp
|
@endphp
|
||||||
<h1>Entries <small>({{ count($entries) }} total)</small></h1>
|
<h2>Entries <small>({{ count($entries) }} total)</small></h2>
|
||||||
@foreach ($entries as $entry)
|
@foreach ($entries as $entry)
|
||||||
<table class="gb-entry">
|
<table class="gb-entry" role="presentation">
|
||||||
<tr>
|
<tr>
|
||||||
<td>
|
<td>
|
||||||
Submitted by <strong>{{ $entry->name }}</strong>
|
Submitted by <strong>{{ $entry->name }}</strong>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
@section('content')
|
@section('content')
|
||||||
<p>Hi! This my personal homepage on the <strong>W</strong>orld <strong>W</strong>ide <strong>W</strong>eb.
|
<p>Hi! This my personal homepage on the <strong>W</strong>orld <strong>W</strong>ide <strong>W</strong>eb.
|
||||||
|
|
||||||
<table class="info-table">
|
<table class="info-table" role="presentation">
|
||||||
<caption>
|
<caption>
|
||||||
<h2>Fun Facts</h2>
|
<h2>Fun Facts</h2>
|
||||||
<hr>
|
<hr>
|
||||||
|
@ -27,7 +27,7 @@
|
||||||
</table>
|
</table>
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
<table class="info-table">
|
<table class="info-table" role="presentation">
|
||||||
<caption>
|
<caption>
|
||||||
<h2>Interests</h2>
|
<h2>Interests</h2>
|
||||||
<hr>
|
<hr>
|
||||||
|
@ -47,7 +47,7 @@
|
||||||
</table>
|
</table>
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
<table class="info-table">
|
<table class="info-table" role="presentation">
|
||||||
<caption>
|
<caption>
|
||||||
<h2>Contact & social</h2>
|
<h2>Contact & social</h2>
|
||||||
<hr>
|
<hr>
|
||||||
|
@ -71,7 +71,7 @@
|
||||||
</table>
|
</table>
|
||||||
<br>
|
<br>
|
||||||
|
|
||||||
<table class="info-table">
|
<table class="info-table" role="presentation">
|
||||||
<caption>
|
<caption>
|
||||||
<h2>niko</h2>
|
<h2>niko</h2>
|
||||||
<hr>
|
<hr>
|
||||||
|
@ -84,5 +84,4 @@
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
@stop
|
@stop
|
||||||
|
|
|
@ -24,7 +24,7 @@
|
||||||
$top_tracks = json_decode(file_get_contents($api_root . '/lastfm/top'));
|
$top_tracks = json_decode(file_get_contents($api_root . '/lastfm/top'));
|
||||||
$count = 0;
|
$count = 0;
|
||||||
@endphp
|
@endphp
|
||||||
<table class="info-table">
|
<table class="info-table" role="presentation">
|
||||||
<tr>
|
<tr>
|
||||||
<td colspan="4">
|
<td colspan="4">
|
||||||
<h2>Last/Current Track:</h2>
|
<h2>Last/Current Track:</h2>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
@section('description', 'My projects')
|
@section('description', 'My projects')
|
||||||
@section('content')
|
@section('content')
|
||||||
@foreach ($categories as $category)
|
@foreach ($categories as $category)
|
||||||
<h1>{{ $category['name']}}</h1>
|
<h2>{{ $category['name']}}</h2>
|
||||||
@foreach ($category['projects'] as $project)
|
@foreach ($category['projects'] as $project)
|
||||||
<div>
|
<div>
|
||||||
<a href="{{ $project['url'] }}">{{ $project['name'] }}</a> - {{ $project['description'] }}<br>
|
<a href="{{ $project['url'] }}">{{ $project['name'] }}</a> - {{ $project['description'] }}<br>
|
||||||
|
|
|
@ -29,9 +29,9 @@ function degreesToCompassDirection($degrees) {
|
||||||
$updated = gmdate('H:i Y-m-d', $data->updated);
|
$updated = gmdate('H:i Y-m-d', $data->updated);
|
||||||
$data = $data->current;
|
$data = $data->current;
|
||||||
@endphp
|
@endphp
|
||||||
<table class="info-table">
|
<table class="info-table" role="presentation">
|
||||||
<caption>
|
<caption>
|
||||||
<h1>Local Weather</h1>
|
<h2>Local Weather</h2>
|
||||||
<hr>
|
<hr>
|
||||||
</caption>
|
</caption>
|
||||||
<tr>
|
<tr>
|
||||||
|
|
Loading…
Reference in a new issue