3 Commits
3 changed files with 27 additions and 26 deletions

No files matched your search

+2 -4
View File
@@ -1,14 +1,12 @@
# `Nocturne: personal website & CMS` # `Nocturne: personal website & CMS`
> This is the last working version
This is the code repo of my personal website, and [here](https://github.com/Lumither/blog-posts/) is the link of the This is the code repo of my personal website, and [here](https://github.com/Lumither/blog-posts/) is the link of the
content repo. content repo.
Powered by Next.js and Rust, built with passion and love Powered by Next.js and Rust, built with passion and love
<p align="center">
<img src="https://avatars.githubusercontent.com/u/46409277?v=4" alt="GitHub Avatar"/>
</p>
*will add more here in the future *will add more here in the future
## Nav: ## Nav:
+11 -9
View File
@@ -17,7 +17,7 @@ const Footer = (props: Props) => {
const author = post['meta']['author'] ?? 'Tao'; const author = post['meta']['author'] ?? 'Tao';
const author_link = post['meta']['author_link'] ?? '/about'; const author_link = post['meta']['author_link'] ?? '/about';
const post_date = new Date(post['first_update']); const post_date = new Date(post['first_update']);
const update_date = new Date(post['last_update']); const update_date: Date | undefined = post['last_update'] ? new Date(post['last_update']) : undefined;
const cc = post['meta']['cc'] ?? 'by-nc-sa'; const cc = post['meta']['cc'] ?? 'by-nc-sa';
@@ -55,14 +55,16 @@ const Footer = (props: Props) => {
year: `numeric` year: `numeric`
}) }</p> }) }</p>
</div> </div>
<div> { update_date &&
<p className={ 'text-lg font-bold' }>Updated on</p> <div>
<p>{ update_date.toLocaleString('default', { <p className={ 'text-lg font-bold' }>Updated on</p>
month: `long`, <p>{ update_date.toLocaleString('default', {
day: `numeric`, month: `long`,
year: `numeric` day: `numeric`,
}) }</p> year: `numeric`
</div> }) }</p>
</div>
}
<div> <div>
<p className={ 'text-lg font-bold' }>Published under</p> <p className={ 'text-lg font-bold' }>Published under</p>
<Link href={ `https://creativecommons.org/licenses/${ cc }/4.0/` }> <Link href={ `https://creativecommons.org/licenses/${ cc }/4.0/` }>
+14 -13
View File
@@ -3,7 +3,16 @@
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { Button } from '@nextui-org/react'; import { Button } from '@nextui-org/react';
import Image from 'next/image'; import Image from 'next/image';
import { IoHome, IoInformationCircle, IoLink, IoLogoGithub, IoMail, IoPencil, IoSearch } from 'react-icons/io5'; import {
IoFlask,
IoHome,
IoInformationCircle,
IoLink,
IoLogoGithub,
IoMail,
IoPencil,
IoSearch
} from 'react-icons/io5';
import Link from 'next/link'; import Link from 'next/link';
import ThemeSwitcher from '@/components/ThemeSwitcher'; import ThemeSwitcher from '@/components/ThemeSwitcher';
import { usePathname } from 'next/navigation'; import { usePathname } from 'next/navigation';
@@ -34,6 +43,10 @@ const entries: { display_name: string; href: string; icon: React.ReactNode }[] =
icon: <IoSearch size={ `20px` }></IoSearch>, icon: <IoSearch size={ `20px` }></IoSearch>,
display_name: 'Search', display_name: 'Search',
href: '/search' href: '/search'
}, {
icon: <IoFlask size={ '20px' } />,
display_name: 'Lab',
href: 'https://lab.lmt.moe'
} }
]; ];
@@ -51,18 +64,6 @@ const connections: { label: string, href: string, icon: React.ReactNode }[] = [
]; ];
function Navbar() { function Navbar() {
// const [ scrolled, setScrolled ] = useState(false);
// useEffect(() => {
// const handleScroll = () => {
// const isScrolled = window.scrollY > 0;
// setScrolled(isScrolled);
// };
// window.addEventListener('scroll', handleScroll);
// return () => {
// window.removeEventListener('scroll', handleScroll);
// };
// }, []);
const path = usePathname(); const path = usePathname();
const [ shownPath, setShownPath ] = useState(path); const [ shownPath, setShownPath ] = useState(path);