Fix accessibility & best practice issues

This commit is contained in:
Robbie Antenesse 2019-06-10 11:28:30 -06:00 committed by Robbie Antenesse
parent a012baeec2
commit d57a4a2a48
6 changed files with 37 additions and 37 deletions

View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -11,12 +11,12 @@
<meta property="og:title" content="Advertising on Lexiconga"> <meta property="og:title" content="Advertising on Lexiconga">
<meta property="og:description" content="Buy advertisement space on Lexiconga"> <meta property="og:description" content="Buy advertisement space on Lexiconga">
<!--meta property="og:image" content="http://lexicon.ga/images/logo.svg" /--> <!--meta property="og:image" content="http://lexicon.ga/images/logo.svg" /-->
<link rel="icon" href="src/images/favicon.png" type="image/x-icon"> <link rel="icon" href="processedImages/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="src/main.scss"> <link rel="stylesheet" href="src/main.scss">
</head> </head>
<body id="defaultTheme"> <body id="defaultTheme">
<header id="top"> <header id="top">
<a href="./"><svg id="title" viewBox="0 0 249.78 55.087"> <a href="/" title="Lexiconga"><svg id="title" alt="Lexiconga Logo" viewBox="0 0 249.78 55.087">
<g transform="translate(-107.53 -155.84)"> <g transform="translate(-107.53 -155.84)">
<g id="lexi"> <g id="lexi">
<path d="m144.03 159.39-11.339 22.409h-21.62l11.339-22.409z" /> <path d="m144.03 159.39-11.339 22.409h-21.62l11.339-22.409z" />
@ -112,11 +112,11 @@
</section> </section>
</main> </main>
<footer id="bottom"> <footer id="bottom">
<a href="https://liberapay.com/robbieantenesse" target="_blank" class="small button">Support Lexiconga</a> <a href="https://liberapay.com/robbieantenesse" target="_blank" rel="noopener" class="small button">Support Lexiconga</a>
<a href="https://blog.lexicon.ga" target="_blank" class="small button">Blog</a> <a href="https://blog.lexicon.ga" target="_blank" rel="noopener" class="small button">Blog</a>
<a href="." target="_blank" class="small button">Advertise</a> <a href="." target="_blank" class="small button">Advertise</a>
<a href="https://github.com/Alamantus/Lexiconga/issues" target="_blank" class="small button">Issues</a> <a href="https://github.com/Alamantus/Lexiconga/issues" target="_blank" rel="noopener" class="small button">Issues</a>
<a href="https://github.com/Alamantus/Lexiconga/releases" target="_blank" class="small button">Updates</a> <a href="https://github.com/Alamantus/Lexiconga/releases" target="_blank" rel="noopener" class="small button">Updates</a>
<span class="separator">|</span> <span class="separator">|</span>
<a class="button" id="helpInfoButton">Help</a> <a class="button" id="helpInfoButton">Help</a>
<a class="button" id="termsInfoButton">Terms</a> <a class="button" id="termsInfoButton">Terms</a>

View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -13,20 +13,20 @@
<link rel="icon" href="processedImages/favicon.png" type="image/x-icon"> <link rel="icon" href="processedImages/favicon.png" type="image/x-icon">
<link rel="manifest" href="src/manifest.webmanifest"> <link rel="manifest" href="manifest.webmanifest">
<meta name="theme-color" content="#000000"> <meta name="theme-color" content="#000000">
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="Lexiconga"> <meta name="apple-mobile-web-app-title" content="Lexiconga">
<link rel="apple-touch-icon" href="processedImages/icon-152.png"> <link rel="apple-touch-icon" href="processedImages/icon-152.png">
<link rel="stylesheet" href="src/main.scss" /> <link rel="stylesheet" href="src/main.scss" />
<script>window.isOffline = true;</script> <script>window.isOffline = true;</script>
<script src="src/index.js"></script> <script src="src/index.js"></script>
</head> </head>
<body id="defaultTheme"> <body id="defaultTheme">
<header id="top"> <header id="top">
<a href="/"><svg id="title" viewBox="0 0 249.78 55.087"> <a href="/" title="Lexiconga"><svg id="title" alt="Lexiconga Logo"viewBox="0 0 249.78 55.087">
<g transform="translate(-107.53 -155.84)"> <g transform="translate(-107.53 -155.84)">
<g id="lexi"> <g id="lexi">
<path d="m144.03 159.39-11.339 22.409h-21.62l11.339-22.409z" /> <path d="m144.03 159.39-11.339 22.409h-21.62l11.339-22.409z" />
@ -45,7 +45,7 @@
</g> </g>
</svg></a> <strong>You are OFFLINE</strong> </svg></a> <strong>You are OFFLINE</strong>
<input id="openSearchModal" placeholder="🔍&#xFE0E; Search"> <span id="searchResults"></span> <input id="openSearchModal" title="Open Search Panel" placeholder="🔍&#xFE0E; Search"> <span id="searchResults"></span>
<section id="searchModal" class="modal" style="display:none;"> <section id="searchModal" class="modal" style="display:none;">
<div class="modal-background" onclick="this.parentElement.style.display='none';"></div> <div class="modal-background" onclick="this.parentElement.style.display='none';"></div>
<div class="modal-content"> <div class="modal-content">
@ -166,11 +166,11 @@
</main> </main>
<footer id="bottom"> <footer id="bottom">
<a href="https://liberapay.com/robbieantenesse" target="_blank" class="small button">Support Lexiconga</a> <a href="https://liberapay.com/robbieantenesse" target="_blank" rel="noopener" class="small button">Support Lexiconga</a>
<a href="https://blog.lexicon.ga" target="_blank" class="small button">Blog</a> <a href="https://blog.lexicon.ga" target="_blank" rel="noopener" class="small button">Blog</a>
<a href="./advertising.html" target="_blank" class="small button">Advertise</a> <a href="./advertising.html" target="_blank" class="small button">Advertise</a>
<a href="https://github.com/Alamantus/Lexiconga/issues" target="_blank" class="small button">Issues</a> <a href="https://github.com/Alamantus/Lexiconga/issues" target="_blank" rel="noopener" class="small button">Issues</a>
<a href="https://github.com/Alamantus/Lexiconga/releases" target="_blank" class="small button">Updates</a> <a href="https://github.com/Alamantus/Lexiconga/releases" target="_blank" rel="noopener" class="small button">Updates</a>
<span class="separator">|</span> <span class="separator">|</span>
<a class="button" id="helpInfoButton">Help</a> <a class="button" id="helpInfoButton">Help</a>
<a class="button" id="termsInfoButton">Terms</a> <a class="button" id="termsInfoButton">Terms</a>

View File

@ -1,7 +1,7 @@
[ [
{ {
"header": "Welcome to Lexiconga 2.0!", "header": "Welcome to Lexiconga 2.0!",
"body": "<p>Lexiconga has been rewritten from the ground up!</p><p>Check the <a href=\"https://github.com/Alamantus/Lexiconga/releases\" target=\"_blank\">Updates page</a> for all the new features, or click Help to get a refresher on how to use Lexiconga!</p>", "body": "<p>Lexiconga has been rewritten from the ground up!</p><p>Check the <a href=\"https://github.com/Alamantus/Lexiconga/releases\" target=\"_blank\" rel=\"noopener\">Updates page</a> for all the new features, or click Help to get a refresher on how to use Lexiconga!</p>",
"expire": "January 1, 2020", "expire": "January 1, 2020",
"dismissId": "welcome" "dismissId": "welcome"
} }

View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -26,7 +26,7 @@
</head> </head>
<body id="defaultTheme"> <body id="defaultTheme">
<header id="top"> <header id="top">
<a href="./"><svg id="title" viewBox="0 0 249.78 55.087"> <a href="/" title="Lexiconga"><svg id="title" alt="Lexiconga Logo" viewBox="0 0 249.78 55.087">
<g transform="translate(-107.53 -155.84)"> <g transform="translate(-107.53 -155.84)">
<g id="lexi"> <g id="lexi">
<path d="m144.03 159.39-11.339 22.409h-21.62l11.339-22.409z" /> <path d="m144.03 159.39-11.339 22.409h-21.62l11.339-22.409z" />
@ -45,7 +45,7 @@
</g> </g>
</svg></a> </svg></a>
<input id="openSearchModal" placeholder="🔍&#xFE0E; Search"> <span id="searchResults"></span> <input id="openSearchModal" title="Open Search Panel" placeholder="🔍&#xFE0E; Search"> <span id="searchResults"></span>
<section id="searchModal" class="modal" style="display:none;"> <section id="searchModal" class="modal" style="display:none;">
<div class="modal-background" onclick="this.parentElement.style.display='none';"></div> <div class="modal-background" onclick="this.parentElement.style.display='none';"></div>
<div class="modal-content"> <div class="modal-content">
@ -167,11 +167,11 @@
</main> </main>
<footer id="bottom"> <footer id="bottom">
<a href="https://liberapay.com/robbieantenesse" target="_blank" class="small button">Support Lexiconga</a> <a href="https://liberapay.com/robbieantenesse" target="_blank" rel="noopener" class="small button">Support Lexiconga</a>
<a href="https://blog.lexicon.ga" target="_blank" class="small button">Blog</a> <a href="https://blog.lexicon.ga" target="_blank" rel="noopener" class="small button">Blog</a>
<a href="./advertising.html" target="_blank" class="small button">Advertise</a> <a href="./advertising.html" target="_blank" class="small button">Advertise</a>
<a href="https://github.com/Alamantus/Lexiconga/issues" target="_blank" class="small button">Issues</a> <a href="https://github.com/Alamantus/Lexiconga/issues" target="_blank" rel="noopener" class="small button">Issues</a>
<a href="https://github.com/Alamantus/Lexiconga/releases" target="_blank" class="small button">Updates</a> <a href="https://github.com/Alamantus/Lexiconga/releases" target="_blank" rel="noopener" class="small button">Updates</a>
<span class="separator">|</span> <span class="separator">|</span>
<a class="button" id="helpInfoButton">Help</a> <a class="button" id="helpInfoButton">Help</a>
<a class="button" id="termsInfoButton">Terms</a> <a class="button" id="termsInfoButton">Terms</a>

View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -11,7 +11,7 @@
</head> </head>
<body id="defaultTheme"> <body id="defaultTheme">
<header id="top"> <header id="top">
<a href="./"><svg id="title" viewBox="0 0 249.78 55.087"> <a href="/" title="Lexiconga"><svg id="title" alt="Lexiconga Logo" viewBox="0 0 249.78 55.087">
<g transform="translate(-107.53 -155.84)"> <g transform="translate(-107.53 -155.84)">
<g id="lexi"> <g id="lexi">
<path d="m144.03 159.39-11.339 22.409h-21.62l11.339-22.409z" /> <path d="m144.03 159.39-11.339 22.409h-21.62l11.339-22.409z" />
@ -41,11 +41,11 @@
</section> </section>
</main> </main>
<footer id="bottom"> <footer id="bottom">
<a href="https://liberapay.com/robbieantenesse" target="_blank" class="small button">Support Lexiconga</a> <a href="https://liberapay.com/robbieantenesse" target="_blank" rel="noopener" class="small button">Support Lexiconga</a>
<a href="https://blog.lexicon.ga" target="_blank" class="small button">Blog</a> <a href="https://blog.lexicon.ga" target="_blank" rel="noopener" class="small button">Blog</a>
<a href="./" target="_blank" class="small button">Advertise</a> <a href="./" target="_blank" class="small button">Advertise</a>
<a href="https://github.com/Alamantus/Lexiconga/issues" target="_blank" class="small button">Issues</a> <a href="https://github.com/Alamantus/Lexiconga/issues" target="_blank" rel="noopener" class="small button">Issues</a>
<a href="https://github.com/Alamantus/Lexiconga/releases" target="_blank" class="small button">Updates</a> <a href="https://github.com/Alamantus/Lexiconga/releases" target="_blank" rel="noopener" class="small button">Updates</a>
<span class="separator">|</span> <span class="separator">|</span>
<a class="button" id="helpInfoButton">Help</a> <a class="button" id="helpInfoButton">Help</a>
<a class="button" id="termsInfoButton">Terms</a> <a class="button" id="termsInfoButton">Terms</a>

View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
@ -17,7 +17,7 @@
</head> </head>
<body id="defaultTheme"> <body id="defaultTheme">
<header id="top"> <header id="top">
<a href="./"><svg id="title" viewBox="0 0 249.78 55.087"> <a href="/" title="Lexiconga"><svg id="title" alt="Lexiconga Logo" viewBox="0 0 249.78 55.087">
<g transform="translate(-107.53 -155.84)"> <g transform="translate(-107.53 -155.84)">
<g id="lexi"> <g id="lexi">
<path d="m144.03 159.39-11.339 22.409h-21.62l11.339-22.409z" /> <path d="m144.03 159.39-11.339 22.409h-21.62l11.339-22.409z" />
@ -43,7 +43,7 @@
</g> </g>
</svg></a> </svg></a>
<input id="openSearchModal" placeholder="🔍&#xFE0E; Search"> <span id="searchResults"></span> <input id="openSearchModal" title="Open Search Panel" placeholder="🔍&#xFE0E; Search"> <span id="searchResults"></span>
<section id="searchModal" class="modal" style="display:none;"> <section id="searchModal" class="modal" style="display:none;">
<div class="modal-background" onclick="this.parentElement.style.display='none';"></div> <div class="modal-background" onclick="this.parentElement.style.display='none';"></div>
<div class="modal-content"> <div class="modal-content">
@ -138,11 +138,11 @@
</main> </main>
<footer id="bottom"> <footer id="bottom">
<a href="https://liberapay.com/robbieantenesse" target="_blank" class="small button">Support Lexiconga</a> <a href="https://liberapay.com/robbieantenesse" target="_blank" rel="noopener" class="small button">Support Lexiconga</a>
<a href="https://blog.lexicon.ga" target="_blank" class="small button">Blog</a> <a href="https://blog.lexicon.ga" target="_blank" rel="noopener" class="small button">Blog</a>
<a href="./advertising.html" target="_blank" class="small button">Advertise</a> <a href="./advertising.html" target="_blank" class="small button">Advertise</a>
<a href="https://github.com/Alamantus/Lexiconga/issues" target="_blank" class="small button">Issues</a> <a href="https://github.com/Alamantus/Lexiconga/issues" target="_blank" rel="noopener" class="small button">Issues</a>
<a href="https://github.com/Alamantus/Lexiconga/releases" target="_blank" class="small button">Updates</a> <a href="https://github.com/Alamantus/Lexiconga/releases" target="_blank" rel="noopener" class="small button">Updates</a>
<span class="separator">|</span> <span class="separator">|</span>
<a class="button" id="helpInfoButton">Help</a> <a class="button" id="helpInfoButton">Help</a>
<a class="button" id="termsInfoButton">Terms</a> <a class="button" id="termsInfoButton">Terms</a>