Accessibility stuff
This commit is contained in:
		
					parent
					
						
							
								5472d7c7c7
							
						
					
				
			
			
				commit
				
					
						bb3f6afc81
					
				
			
		
					 3 changed files with 34 additions and 34 deletions
				
			
		|  | @ -146,7 +146,7 @@ .sidebar { | |||
|     flex-grow: 1; | ||||
| } | ||||
| 
 | ||||
| .main { | ||||
| main { | ||||
|     flex-basis: 0; | ||||
|     flex-grow: 999; | ||||
|     min-inline-size: 50%; | ||||
|  | @ -154,18 +154,18 @@ .main { | |||
| 
 | ||||
| .navbar, | ||||
| .content, | ||||
| .header, | ||||
| .footer { | ||||
| header, | ||||
| footer { | ||||
|     margin: 10px 10px 0 0; | ||||
| } | ||||
| 
 | ||||
| .header, | ||||
| .footer, | ||||
| header, | ||||
| footer, | ||||
| .navbar { | ||||
|     padding: 5px; | ||||
| } | ||||
| 
 | ||||
| .footer { | ||||
| footer { | ||||
|     display: grid; | ||||
|     grid-template-columns: repeat(2, 1fr); | ||||
|     grid-template-rows: 1fr; | ||||
|  | @ -173,7 +173,7 @@ .footer { | |||
|     grid-row-gap: 0; | ||||
| } | ||||
| 
 | ||||
| .footer div:last-child { | ||||
| footer div:last-child { | ||||
|     text-align: right; | ||||
| } | ||||
| 
 | ||||
|  | @ -209,12 +209,12 @@ a.button:hover img { | |||
|     opacity: 80%; | ||||
| } | ||||
| 
 | ||||
| .main > .section, | ||||
| main > .section, | ||||
| .sidebar > .section { | ||||
|     margin-bottom: 10px; | ||||
| } | ||||
| 
 | ||||
| .main > .section:last-child, | ||||
| main > .section:last-child, | ||||
| .sidebar > .section:last-child { | ||||
|     margin-bottom: 0; | ||||
| } | ||||
|  |  | |||
|  | @ -25,9 +25,9 @@ | |||
| <body onload="setSchemeSelector()"> | ||||
| <div class="container"> | ||||
|     <div class="page"> | ||||
|         <div class="header"> | ||||
|         <header> | ||||
|             <h1>{{ str_replace("www.", "", Request::getHost()) }}</h1> | ||||
|         </div> | ||||
|         </header> | ||||
|         <div class="navbar"> | ||||
|             <p> | ||||
|                 <strong>Current Path:</strong> | ||||
|  | @ -39,17 +39,17 @@ | |||
|             </p> | ||||
|         </div> | ||||
|         <div class="content"> | ||||
|             <div class="main"> | ||||
|             <main> | ||||
|                 {{ $slot }} | ||||
|             </div> | ||||
|             </main> | ||||
|             <div class="sidebar"> | ||||
|                 <div class="section"><x-navigation/></div> | ||||
|                 <div class="section"><nav><x-navigation/></nav></div> | ||||
|                 <div class="section"><x-settings/></div> | ||||
|                 <div class="section centerbox"><x-discord-status/></div> | ||||
|                 <div class="section"><x-weather/></div> | ||||
|             </div> | ||||
|         </div> | ||||
|         <div class="footer"> | ||||
|         <footer> | ||||
|             <div> | ||||
|                 (c) floppydisk 2021-{{ date('Y') }}<br> | ||||
|                 v{{ config('app.version') }}, <a href="https://git.frzn.dev/fwoppydwisk/diskfloppy.me/releases/latest">Source</a><br> | ||||
|  | @ -81,7 +81,7 @@ class="pixel" alt="Valid CSS!"> | |||
|                          class="pixel" alt="Wiby - Search Engine for the Classic Web"> | ||||
|                 </a> | ||||
|             </div> | ||||
|         </div> | ||||
|         </footer> | ||||
|     </div> | ||||
| </div> | ||||
| </body> | ||||
|  |  | |||
|  | @ -1,30 +1,30 @@ | |||
| <p><strong>Navigation:</strong></p> | ||||
| <div class="navlinks"> | ||||
| <a href="/" title="Home"> | ||||
|     <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/home2.png') }}" alt="Home" width="16" height="16">Home | ||||
| <a href="/"> | ||||
|     <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/home2.png') }}" width="16" height="16">Home | ||||
| </a><br> | ||||
| <a href="//git.diskfloppy.me/" title="cgit"> | ||||
|     <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/repo.png') }}" alt="cgit" width="16" height="16">Git | ||||
| <a href="//git.diskfloppy.me/"> | ||||
|     <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/repo.png') }}" width="16" height="16">Git | ||||
| </a><br> | ||||
| <a href="/pub/" title="Public Files"> | ||||
| 	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/pubfiles.png') }}" alt="Public Files" width="16" height="16">Public Files | ||||
| <a href="/pub/"> | ||||
| 	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/pubfiles.png') }}" width="16" height="16">Public Files | ||||
| </a><br> | ||||
| <a href="/computers/" title="Computers"> | ||||
| 	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/computers.png') }}" alt="Computers" width="16" height="16">Computers | ||||
| <a href="/computers/"> | ||||
| 	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/computers.png') }}" width="16" height="16">Computers | ||||
| </a><br> | ||||
| <a href="/calculators/" title="Calculators"> | ||||
| 	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/calculators.png') }}" alt="Calculators" width="16" height="16">Calculators | ||||
| <a href="/calculators/"> | ||||
| 	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/calculators.png') }}" width="16" height="16">Calculators | ||||
| </a><br> | ||||
| <a href="/bookmarks/" title="Bookmarks"> | ||||
| 	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/bookmarks.png') }}" alt="Bookmarks" width="16" height="16">Bookmarks | ||||
| <a href="/bookmarks/"> | ||||
| 	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/bookmarks.png') }}" width="16" height="16">Bookmarks | ||||
| </a><br> | ||||
| <a href="/guestbook/" title="Guestbook"> | ||||
| 	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/guestbook.png') }}" alt="Guestbook" width="16" height="16">Guestbook | ||||
| <a href="/guestbook/"> | ||||
| 	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/guestbook.png') }}" width="16" height="16">Guestbook | ||||
| </a><br> | ||||
| <a href="//weather.diskfloppy.me/" title="Weather"> | ||||
| 	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/weather.png') }}" alt="Weather" width="16" height="16">Weather | ||||
| <a href="//weather.diskfloppy.me/"> | ||||
| 	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/weather.png') }}" width="16" height="16">Weather | ||||
| </a><br> | ||||
| <a href="/music/" title="Music"> | ||||
| 	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/music.png') }}" alt="Music" width="16" height="16">Music | ||||
| <a href="/music/"> | ||||
| 	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/music.png') }}" width="16" height="16">Music | ||||
| </a><br> | ||||
| </div> | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue
	
	 floppydiskette
				floppydiskette