Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

v1.1 #28

Merged
merged 53 commits into from
May 18, 2024
Merged

v1.1 #28

Changes from 1 commit
Commits
Show all changes
53 commits
Select commit Hold shift + click to select a range
1da3b9c
feat: pnpm -> bun
fiveoutofnine Jan 11, 2024
61235c6
chore: add walletconnect project id
fiveoutofnine Mar 24, 2024
fcae71b
chore: update
fiveoutofnine Mar 24, 2024
d1e9126
feat: update deps and delete everything
fiveoutofnine Mar 24, 2024
1571215
feat: update all deps
fiveoutofnine Apr 6, 2024
2343a68
feat: ini nav bar
fiveoutofnine Apr 6, 2024
b1adb3d
feat: add connect button
fiveoutofnine Apr 6, 2024
a1ad234
feat: add header
fiveoutofnine Apr 6, 2024
27e525d
feat: `<ChessFeature />`
fiveoutofnine Apr 6, 2024
16becf9
fix: `font-weight: 300` -> `400`
fiveoutofnine Apr 6, 2024
0c3462d
chore: `FC` -> `React.FC`
fiveoutofnine Apr 6, 2024
76cbbe7
feat: add link features
fiveoutofnine Apr 6, 2024
7df25f0
chore: delete unused code
fiveoutofnine Apr 6, 2024
6b9453c
fix: make nav-bar highlight selected page
fiveoutofnine Apr 15, 2024
e1c5903
refactor: naming
fiveoutofnine Apr 15, 2024
72612a6
feat: error pages
fiveoutofnine Apr 15, 2024
f41b61e
fix: add @fiveoutofnine tweet ID
fiveoutofnine Apr 15, 2024
c04625c
feat: add `<TxDotCoolFeature />` w/o functionality
fiveoutofnine Apr 26, 2024
9789eb5
feat: add `<TypingFeature />` w/o functionality
fiveoutofnine Apr 26, 2024
4a05ed1
perf: move randomization to server-side
fiveoutofnine Apr 26, 2024
6c524e7
fix: add `pino-pretty` as external webpack config
fiveoutofnine Apr 26, 2024
16e2ac0
chore: register base
fiveoutofnine May 7, 2024
59b5b12
feat: add `<ColormapRegistry />`
fiveoutofnine May 7, 2024
f536a48
chore: ini `<RunningFeature />`
fiveoutofnine May 7, 2024
dbc4264
v1.1 UI updates (#29)
fiveoutofnine May 8, 2024
f25f730
Merge branch 'v1.1' of https://github.com/fiveoutofnine/www into v1.1
fiveoutofnine May 8, 2024
787a0ba
chore: bump deps
fiveoutofnine May 8, 2024
f582148
fix: remove unnecessary tooltip
fiveoutofnine May 9, 2024
918c3ec
feat: add multichain sending functionality to tx.cool feature
fiveoutofnine May 10, 2024
c6fb578
chore: update
fiveoutofnine May 10, 2024
3df8acd
chore: update
fiveoutofnine May 10, 2024
b80a079
chore: update
fiveoutofnine May 10, 2024
72703f4
feat: add colormap definitino viewer
fiveoutofnine May 11, 2024
c179e7d
feat: add colormap ID copy
fiveoutofnine May 11, 2024
5f51dcd
feat: ini `<RunningFeature />`
fiveoutofnine May 11, 2024
a453995
feat: add supabase type gen (#30)
fiveoutofnine May 12, 2024
bb8cfad
feat: impl running bar chart
fiveoutofnine May 12, 2024
6a46c7a
fix: hydration
fiveoutofnine May 12, 2024
5fdf63b
fix: display time only to last-updated data
fiveoutofnine May 12, 2024
6269bf4
chore: delete unused file
fiveoutofnine May 12, 2024
a05286f
feat: ini running heatmap
fiveoutofnine May 13, 2024
9c218e9
v1.1 `/design` (#31)
fiveoutofnine May 17, 2024
8a24829
Merge branch 'v1.1' of https://github.com/fiveoutofnine/www into v1.1
fiveoutofnine May 17, 2024
079c315
chore: add blog page
fiveoutofnine May 17, 2024
cb0cdcd
fix: running bar chart tabs
fiveoutofnine May 17, 2024
92e2e0f
feat: add running heatmap
fiveoutofnine May 17, 2024
6f4ad2c
chore: twitter -> X
fiveoutofnine May 17, 2024
6cb4d9e
chore: update bio
fiveoutofnine May 17, 2024
2f491dd
fix: scroll padding
fiveoutofnine May 17, 2024
fd35c96
chore: update
fiveoutofnine May 17, 2024
6725640
fix: close navbar drawer on navigation
fiveoutofnine May 17, 2024
c6a4f92
fix: `ariaLabel` -> `aria-label`
fiveoutofnine May 17, 2024
13002fc
v1.1 `/design` docs (#32)
fiveoutofnine May 18, 2024
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
feat: add header
fiveoutofnine committed Apr 6, 2024
commit a1ad2347616654766767ee1cf489d36979790f6d
81 changes: 81 additions & 0 deletions app/(components)/header.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,81 @@
import { Github, Twitter } from 'lucide-react';

import FiveoutofnineAvatar from '@/components/common/fiveoutofnine-avatar';
import LinkPreview from '@/components/templates/link-preview';
import { Button } from '@/components/ui';

const FiveoutofnineHeader: React.FC = () => {
return (
<div className="flex flex-col items-center rounded-xl border border-gray-6 bg-gray-2 p-3 md:flex-row md:justify-between md:rounded-2xl md:p-6">
<div className="flex w-full items-center">
{/* Avatar (desktop) */}
<FiveoutofnineAvatar className="mr-4 hidden md:block" size={56} />
{/* Avatar (mobile) */}
<FiveoutofnineAvatar className="mr-2 md:hidden" size={40} />
<div>
<div className="text-base font-semibold md:text-2xl">5/9</div>
<span className="mt-0.5 text-sm text-gray-11 md:mt-1 md:text-base">
Working on{' '}
<LinkPreview
className="font-medium text-gray-12 hover:underline"
href="https://waterfall.market"
src="/static/waterfall-market-preview.webp"
target="_blank"
rel="noreferrer noopener"
>
Waterfall
</LinkPreview>{' '}
and{' '}
<LinkPreview
className="font-medium text-gray-12 hover:underline"
href="https://curta.wtf"
src="/static/curta-wtf-preview.webp"
target="_blank"
rel="noreferrer noopener"
>
Curta
</LinkPreview>
.
</span>
</div>
</div>

{/* Links (desktop) */}
<div className="hidden space-x-2 md:flex">
<Button
intent="primary"
href="https://twitter.com/fiveoutofnine"
leftIcon={<Twitter />}
newTab
>
Twitter
</Button>
<Button href="https://github.com/fiveoutofnine" leftIcon={<Github />} newTab>
GitHub
</Button>
</div>
{/* Links (mobile) */}
<div className="mt-4 flex w-full space-x-2 md:hidden">
<Button
size="md"
intent="primary"
className="w-full"
href="https://twitter.com/fiveoutofnine"
leftIcon={<Twitter />}
>
Twitter
</Button>
<Button
size="md"
className="w-full"
href="https://github.com/fiveoutofnine"
leftIcon={<Github />}
>
GitHub
</Button>
</div>
</div>
);
};

export default FiveoutofnineHeader;
7 changes: 6 additions & 1 deletion app/page.tsx
Original file line number Diff line number Diff line change
@@ -1,5 +1,10 @@
import ContainerLayout from '@/components/layouts/container';
import FiveoutofnineHeader from '@/components/pages/home/header';

export default function Page() {
return <ContainerLayout></ContainerLayout>;
return (
<ContainerLayout>
<FiveoutofnineHeader />
</ContainerLayout>
);
}
5 changes: 1 addition & 4 deletions components/common/fiveoutofnine-avatar.tsx
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
import Image from 'next/image';
import type { FC } from 'react';

import clsx from 'clsx';
import { twMerge } from 'tailwind-merge';
@@ -19,7 +18,7 @@ type FiveoutofnineAvatarProps = {
// Component
// -----------------------------------------------------------------------------

const FiveoutofnineAvatar: FC<FiveoutofnineAvatarProps> = ({ className, size = 40 }) => {
const FiveoutofnineAvatar: React.FC<FiveoutofnineAvatarProps> = ({ className, size = 40 }) => {
return (
<Image
className={clsx(twMerge('my-0 rounded-full border border-gray-6', className))}
@@ -31,6 +30,4 @@ const FiveoutofnineAvatar: FC<FiveoutofnineAvatarProps> = ({ className, size = 4
);
};

FiveoutofnineAvatar.displayName = 'FiveoutofnineAvatar';

export default FiveoutofnineAvatar;
5 changes: 1 addition & 4 deletions components/common/logo.tsx
Original file line number Diff line number Diff line change
@@ -1,5 +1,4 @@
import Link from 'next/link';
import type { FC } from 'react';

import clsx from 'clsx';
import { twMerge } from 'tailwind-merge';
@@ -17,7 +16,7 @@ type LogoProps = {
// Component
// -----------------------------------------------------------------------------

const Logo: FC<LogoProps> = ({ className, href = '/' }) => {
const Logo: React.FC<LogoProps> = ({ className, href = '/' }) => {
return (
<Link
href={href}
@@ -45,6 +44,4 @@ const Logo: FC<LogoProps> = ({ className, href = '/' }) => {
);
};

Logo.displayName = 'Logo';

export default Logo;