JoshS/Portfolio-v3
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix accessibility issues

Browse source 
Add html lang attribute and order text properly
This commit is contained in:
Robert S 2021-11-08 16:23:26 +01:00
parent 97983279b6
commit b9ed40b2b9
No known key found for this signature in database
GPG key ID: DD534ED7DF3857A5
3 changed files with 24 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
components/Footer.js
View file

@ -4,13 +4,13 @@ export default function Footer() {
return (
<>
<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
{" "}
<Link href="/">
<a>Robert S.</a>
</Link>
</h4>
</p>
<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">
<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
View 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

5
styles/globals.css
View file

@ -4,11 +4,6 @@
@tailwind components;
@tailwind utilities;
/* Body */
body {
@apply bg-gray-900 text-white;
}
/* Scrollbar */
html, body {
scrollbar-color: #F43F5E #18181B;