Fix accessibility issues
Add html lang attribute and order text properly
This commit is contained in:
parent
97983279b6
commit
b9ed40b2b9
3 changed files with 24 additions and 7 deletions
|
|
@ -4,13 +4,13 @@ export default function Footer() {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<footer className="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col">
|
<footer className="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col">
|
||||||
<h4 className="text-xl">
|
<p className="text-xl">
|
||||||
© MMXXI
|
© MMXXI
|
||||||
{" "}
|
{" "}
|
||||||
<Link href="/">
|
<Link href="/">
|
||||||
<a>Robert S.</a>
|
<a>Robert S.</a>
|
||||||
</Link>
|
</Link>
|
||||||
</h4>
|
</p>
|
||||||
<span className="inline-flex sm:ml-auto sm:mt-0 mt-4 justify-center sm:justify-start gap-2.5">
|
<span className="inline-flex sm:ml-auto sm:mt-0 mt-4 justify-center sm:justify-start gap-2.5">
|
||||||
<a href="mailto:admin@robert-s.dev" className="text-gray-400">
|
<a href="mailto:admin@robert-s.dev" className="text-gray-400">
|
||||||
<svg fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="w-5 h-5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
<svg fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" className="w-5 h-5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
|
|
||||||
22
pages/_document.js
Normal file
22
pages/_document.js
Normal file
|
|
@ -0,0 +1,22 @@
|
||||||
|
import Document, { Html, Head, Main, NextScript } from 'next/document'
|
||||||
|
|
||||||
|
class MyDocument extends Document {
|
||||||
|
static async getInitialProps(ctx) {
|
||||||
|
const initialProps = await Document.getInitialProps(ctx)
|
||||||
|
return { ...initialProps }
|
||||||
|
}
|
||||||
|
|
||||||
|
render() {
|
||||||
|
return (
|
||||||
|
<Html lang="en">
|
||||||
|
<Head />
|
||||||
|
<body className="bg-gray-900 text-white">
|
||||||
|
<Main />
|
||||||
|
<NextScript />
|
||||||
|
</body>
|
||||||
|
</Html>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default MyDocument
|
||||||
|
|
@ -4,11 +4,6 @@
|
||||||
@tailwind components;
|
@tailwind components;
|
||||||
@tailwind utilities;
|
@tailwind utilities;
|
||||||
|
|
||||||
/* Body */
|
|
||||||
body {
|
|
||||||
@apply bg-gray-900 text-white;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Scrollbar */
|
/* Scrollbar */
|
||||||
html, body {
|
html, body {
|
||||||
scrollbar-color: #F43F5E #18181B;
|
scrollbar-color: #F43F5E #18181B;
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue