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