From 01a0efef6e9c275263c8c3285782b0c5c512510b Mon Sep 17 00:00:00 2001 From: "janwit.si" Date: Wed, 17 Jan 2024 15:29:37 +0700 Subject: [PATCH] change ui --- components/Card.js | 2 +- components/LayoutWrapper.js | 13 ++++-- components/NewsletterForm.js | 8 ++-- components/Tag.js | 2 +- components/TypingEffect.js | 15 +++++++ css/prism.css | 2 +- css/tailwind.css | 2 - data/jane.png | Bin 0 -> 44971 bytes layouts/ListBlogLayout.js | 2 +- layouts/ListNoteLayout.js | 2 +- layouts/PostLayout.js | 8 ++-- layouts/PostSimple.js | 4 +- package-lock.json | 37 ++++++++++++++++-- package.json | 2 + pages/_app.js | 4 +- pages/index.js | 15 ++++--- .../favicons/android-chrome-192x192.png | Bin 9885 -> 37203 bytes .../favicons/android-chrome-512x512.png | Bin 27355 -> 179464 bytes public/static/favicons/apple-touch-icon.png | Bin 9030 -> 33525 bytes public/static/favicons/favicon-16x16.png | Bin 582 -> 738 bytes public/static/favicons/favicon-32x32.png | Bin 1220 -> 2027 bytes public/static/favicons/favicon.ico | Bin 15406 -> 15406 bytes tailwind.config.js | 35 ++++++++++++++--- 23 files changed, 115 insertions(+), 38 deletions(-) create mode 100644 components/TypingEffect.js create mode 100644 data/jane.png diff --git a/components/Card.js b/components/Card.js index 143681e..f07409d 100644 --- a/components/Card.js +++ b/components/Card.js @@ -42,7 +42,7 @@ const Card = ({ title, description, imgSrc, href }) => ( {href && ( Learn more → diff --git a/components/LayoutWrapper.js b/components/LayoutWrapper.js index ca3a49b..332f2b9 100644 --- a/components/LayoutWrapper.js +++ b/components/LayoutWrapper.js @@ -1,7 +1,10 @@ import siteMetadata from '@/data/siteMetadata' import headerNavLinks from '@/data/headerNavLinks' -import Logo from '@/data/logo.svg' +import Logo from '@/data/jane.png' +import Image from 'next/image' + import Link from './Link' +import TypingEffect from './TypingEffect' import SectionContainer from './SectionContainer' import Footer from './Footer' import MobileNav from './MobileNav' @@ -10,18 +13,20 @@ import WebringSwitch from './WebringSwitch' const LayoutWrapper = ({ children }) => { return ( + +
- + Picture of the author
{typeof siteMetadata.headerTitle === 'string' ? ( -
- {siteMetadata.headerTitle} +
+
) : ( siteMetadata.headerTitle diff --git a/components/NewsletterForm.js b/components/NewsletterForm.js index 9c99f30..ff1c81d 100644 --- a/components/NewsletterForm.js +++ b/components/NewsletterForm.js @@ -44,7 +44,7 @@ const NewsletterForm = ({ title = 'Subscribe to the newsletter' }) => { {