nisse/niisse-net-js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updated breakpoints; removed placeholder blog entries on homepage

Browse Source
This commit is contained in:
Nisse Lommerde 2023-07-03 17:29:18 +02:00
parent 2b86182bbb
commit 6f5d749d20
4 changed files with 70 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
next.config.js
View File

@ -1,4 +1,14 @@
/** @type {import('next').NextConfig} */ /** @type {import('next').NextConfig} */
const nextConfig = {} const nextConfig = {
async redirects() {
return [
{
source: '/mail-redirect',
destination: 'mailto:niisse@protonmail.com',
permanent: true,
},
]
},
}
module.exports = nextConfig module.exports = nextConfig

25
src/components/home/Blogs.tsx
View File

@ -12,18 +12,19 @@ export default function Blogs() {
<hr /> <hr />
</div> </div>
<div> <div>
<ul className="list-disc list-inside mr-7 marker:font-ibm marker:text-lime-400 "> Please check back later!
<li><NewsItem date={"'23-06-30"} title={"Test Title"} color={"text-white"} {/* <ul className="list-disc list-inside mr-7 marker:font-ibm marker:text-lime-400 "> */}
link={["", "link"]} mostRecent /></li> {/* <li><NewsItem date={"'23-06-30"} title={"Test Title"} color={"text-white"} */}
<li><NewsItem date={"'23-06-27"} title={"Test Title Something"} color={"text-lime-300"} {/* link={["", "link"]} mostRecent /></li> */}
link={["", "link"]} /></li> {/* <li><NewsItem date={"'23-06-27"} title={"Test Title Something"} color={"text-lime-300"} */}
<li><NewsItem date={"'23-06-25"} title={"Test Title Lorum"} color={"text-lime-400"} {/* link={["", "link"]} /></li> */}
link={["", "link"]} /></li> {/* <li><NewsItem date={"'23-06-25"} title={"Test Title Lorum"} color={"text-lime-400"} */}
<li><NewsItem date={"'23-06-23"} title={"Test Title Ipsum"} color={"text-lime-500"} {/* link={["", "link"]} /></li> */}
link={["", "link"]} /></li> {/* <li><NewsItem date={"'23-06-23"} title={"Test Title Ipsum"} color={"text-lime-500"} */}
<li><NewsItem date={"'23-06-21"} title={"Test Title Weird, really"} color={"text-lime-600"} {/* link={["", "link"]} /></li> */}
link={["", "link"]} /></li> {/* <li><NewsItem date={"'23-06-21"} title={"Test Title Weird, really"} color={"text-lime-600"} */}
</ul> {/* link={["", "link"]} /></li> */}
{/* </ul> */}
</div> </div>
<div> <div>

2
src/components/home/Contact.tsx
View File

@ -9,7 +9,7 @@ export default function Contact() {
<p> <p>
If you&lsquo;d like to <b>get in touch with me</b>, consider sending me an <a href="">e-mail</a>, find If you&lsquo;d like to <b>get in touch with me</b>, consider sending me an <a href="/mail-redirect">e-mail</a>, find
me on <a rel="me" href="https://mastodon.world/@niisse">Mastodon</a>, or connect on <a me on <a rel="me" href="https://mastodon.world/@niisse">Mastodon</a>, or connect on <a
href="https://www.linkedin.com/in/nisse-lommerde-9042b6215/">LinkedIn</a>. I also occasionally show off href="https://www.linkedin.com/in/nisse-lommerde-9042b6215/">LinkedIn</a>. I also occasionally show off
projects I&lsquo;m working on over at my <a href="https://www.youtube.com/@Niiisse">YouTube Channel</a>. projects I&lsquo;m working on over at my <a href="https://www.youtube.com/@Niiisse">YouTube Channel</a>.

85
tailwind.config.js
View File

@ -1,45 +1,50 @@
/** @type {import('tailwindcss').Config} */ /** @type {import('tailwindcss').Config} */
const plugin = require('tailwindcss/plugin') const plugin = require('tailwindcss/plugin')
module.exports = { module.exports = {
content: [ content: [
'./src/pages/**/*.{js,ts,jsx,tsx,mdx}', './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
'./src/components/**/*.{js,ts,jsx,tsx,mdx}', './src/components/**/*.{js,ts,jsx,tsx,mdx}',
'./src/app/**/*.{js,ts,jsx,tsx,mdx}', './src/app/**/*.{js,ts,jsx,tsx,mdx}',
], ],
theme: { theme: {
extend: { screens: {
boxShadow: { 'sm': '640px',
'pixel-sm': '2px 2px black', 'md': '768px',
'pixel-sm-hover': '2px 4px black', 'lg': '1280px'
'pixel-md': '4px 4px black',
'pixel-inset': 'inset 3px 3px var(--tw-shadow-color), inset -3px -3px var(--tw-shadow-color)'
},
dropShadow: {
'pixel-sm': '2px 2px var(--tw-shadow-color)',
'pixel-sm-hover': '2px 4px var(--tw-shadow-color)',
'card': '4px 4px var(--tw-shadow-color)',
'pixel-md': '2px 4px var(--tw-shadow-color)',
'pixel-lg': '2px 5px var(--tw-shadow-color)',
},
textShadow: {
sm: '2px 2px var(--tw-shadow-color)',
DEFAULT: '0px 2px var(--tw-shadow-color)',
md: '2px 5px var(--tw-shadow-color)',
lg: '0px 5px var(--tw-shadow-color)',
h1: '3px 3px var(--tw-shadow-color)',
},
},
}, },
plugins: [ extend: {
plugin(function ({matchUtilities, theme}) { boxShadow: {
matchUtilities( 'pixel-sm': '2px 2px black',
{ 'pixel-sm-hover': '2px 4px black',
'text-shadow': (value) => ({ 'pixel-md': '4px 4px black',
textShadow: value, 'pixel-inset': 'inset 3px 3px var(--tw-shadow-color), inset -3px -3px var(--tw-shadow-color)'
}), },
}, dropShadow: {
{values: theme('textShadow')} 'pixel-sm': '2px 2px var(--tw-shadow-color)',
) 'pixel-sm-hover': '2px 4px var(--tw-shadow-color)',
}), 'card': '4px 4px var(--tw-shadow-color)',
], 'pixel-md': '2px 4px var(--tw-shadow-color)',
'pixel-lg': '2px 5px var(--tw-shadow-color)',
},
textShadow: {
sm: '2px 2px var(--tw-shadow-color)',
DEFAULT: '0px 2px var(--tw-shadow-color)',
md: '2px 5px var(--tw-shadow-color)',
lg: '0px 5px var(--tw-shadow-color)',
h1: '3px 3px var(--tw-shadow-color)',
},
},
},
plugins: [
plugin(function({ matchUtilities, theme }) {
matchUtilities(
{
'text-shadow': (value) => ({
textShadow: value,
}),
},
{ values: theme('textShadow') }
)
}),
],
} }