├── .nvmrc
├── .husky
    └── pre-commit
├── .github
    ├── CODEOWNERS
    └── PULL_REQUEST_TEMPLATE.md
├── README.md
├── packages
    ├── icon
    │   ├── index.ts
    │   ├── types.d.ts
    │   ├── tsconfig.json
    │   ├── package.json
    │   └── svgs
    │   │   ├── email.svg
    │   │   ├── code.svg
    │   │   ├── index.ts
    │   │   ├── repo.svg
    │   │   ├── book.svg
    │   │   ├── people.svg
    │   │   ├── link.svg
    │   │   ├── github.svg
    │   │   ├── globe.svg
    │   │   └── hamsurang-logo.svg
    ├── constants
    │   ├── src
    │   │   ├── index.ts
    │   │   └── URL.ts
    │   ├── tsconfig.json
    │   └── package.json
    ├── utils
    │   ├── src
    │   │   ├── index.ts
    │   │   └── iframeEventHandler
    │   │   │   ├── index.ts
    │   │   │   ├── iframeEventHandler.types.ts
    │   │   │   └── iframeEventHandler.ts
    │   ├── tsconfig.json
    │   └── package.json
    ├── ui
    │   ├── src
    │   │   ├── index.ts
    │   │   ├── components
    │   │   │   ├── index.ts
    │   │   │   ├── tooltip.tsx
    │   │   │   ├── avatar.tsx
    │   │   │   ├── button.tsx
    │   │   │   └── MDX.styles.tsx
    │   │   ├── lib
    │   │   │   └── utils.ts
    │   │   └── styles
    │   │   │   └── globals.css
    │   ├── postcss.config.js
    │   ├── tsconfig.json
    │   ├── tsconfig.lint.json
    │   ├── components.json
    │   ├── package.json
    │   └── tailwind.config.ts
    └── typescript-config
    │   ├── package.json
    │   ├── react-library.json
    │   ├── nextjs.json
    │   └── base.json
├── apps
    ├── home
    │   ├── app
    │   │   ├── _shared
    │   │   │   ├── index.ts
    │   │   │   └── components
    │   │   │   │   ├── Readme
    │   │   │   │       ├── index.tsx
    │   │   │   │       └── Readme.tsx
    │   │   │   │   ├── People
    │   │   │   │       ├── index.ts
    │   │   │   │       ├── People.constants.ts
    │   │   │   │       └── People.tsx
    │   │   │   │   ├── Profile
    │   │   │   │       ├── index.ts
    │   │   │   │       └── Profile.tsx
    │   │   │   │   ├── MBTIOverview
    │   │   │   │       ├── index.ts
    │   │   │   │       ├── MBTI.types.ts
    │   │   │   │       ├── MBTI.overview.tsx
    │   │   │   │       ├── svgs
    │   │   │   │       │   ├── index.ts
    │   │   │   │       │   └── ISFJ.svg
    │   │   │   │       ├── MBTI.info.tsx
    │   │   │   │       └── MBTI.graph.tsx
    │   │   │   │   ├── ActivityLog
    │   │   │   │       ├── index.ts
    │   │   │   │       ├── compounds
    │   │   │   │       │   ├── index.ts
    │   │   │   │       │   ├── ActivityLog.WeekList.tsx
    │   │   │   │       │   ├── ActivityLog.YearList.tsx
    │   │   │   │       │   ├── ActivityLog.Table.tsx
    │   │   │   │       │   ├── ActivityLog.MonthList.tsx
    │   │   │   │       │   └── ActivityLog.TableCell.tsx
    │   │   │   │       ├── ActivityLog.utils.ts
    │   │   │   │       ├── ActivityLog.types.ts
    │   │   │   │       ├── ActivityLog.provider.tsx
    │   │   │   │       └── ActivityLog.tsx
    │   │   │   │   ├── Repository
    │   │   │   │       ├── index.ts
    │   │   │   │       ├── Repository.types.ts
    │   │   │   │       ├── Repository.list.tsx
    │   │   │   │       └── Repository.tsx
    │   │   │   │   └── index.ts
    │   │   ├── favicon.ico
    │   │   ├── (profile-readme)
    │   │   │   ├── @profile
    │   │   │   │   ├── default.tsx
    │   │   │   │   └── people
    │   │   │   │   │   ├── page.tsx
    │   │   │   │   │   └── people.constants.ts
    │   │   │   ├── @readme
    │   │   │   │   ├── default.tsx
    │   │   │   │   ├── _shared
    │   │   │   │   │   └── content
    │   │   │   │   │   │   ├── tooooo1.mdx
    │   │   │   │   │   │   ├── sonsurim.mdx
    │   │   │   │   │   │   ├── 2-NOW.mdx
    │   │   │   │   │   │   ├── minsour.mdx
    │   │   │   │   │   │   ├── minsoo-web.mdx
    │   │   │   │   │   │   ├── chaaerim.mdx
    │   │   │   │   │   │   ├── sungh0lim.mdx
    │   │   │   │   │   │   ├── okinawaa.mdx
    │   │   │   │   │   │   ├── main.mdx
    │   │   │   │   │   │   ├── yejineee.mdx
    │   │   │   │   │   │   ├── minchodang.mdx
    │   │   │   │   │   │   └── manudeli.mdx
    │   │   │   │   └── people
    │   │   │   │   │   └── page.tsx
    │   │   │   ├── page.tsx
    │   │   │   ├── people
    │   │   │   │   ├── page.tsx
    │   │   │   │   └── people.constants.ts
    │   │   │   └── layout.tsx
    │   │   ├── layout.tsx
    │   │   └── home.constants.ts
    │   ├── tailwind.config.ts
    │   ├── postcss.config.js
    │   ├── public
    │   │   ├── clean-ping.png
    │   │   └── under-ping.png
    │   ├── next-env.d.ts
    │   ├── tsconfig.json
    │   ├── components.json
    │   ├── middleware.ts
    │   ├── next.config.js
    │   ├── package.json
    │   └── README.md
    └── wiki
    │   ├── tailwind.config.ts
    │   ├── app
    │       ├── _shared
    │       │   ├── components
    │       │   │   ├── WikiMDX
    │       │   │   │   ├── index.ts
    │       │   │   │   └── WikiMDX.tsx
    │       │   │   ├── SideNav
    │       │   │   │   ├── index.ts
    │       │   │   │   └── SideNav.tsx
    │       │   │   └── index.ts
    │       │   ├── constants
    │       │   │   ├── index.ts
    │       │   │   └── nav
    │       │   │   │   └── nav.constants.ts
    │       │   └── index.ts
    │       ├── favicon.ico
    │       ├── reset.css
    │       ├── page.tsx
    │       └── layout.tsx
    │   ├── postcss.config.js
    │   ├── next-env.d.ts
    │   ├── next.config.js
    │   ├── tsconfig.json
    │   ├── components.json
    │   ├── middleware.ts
    │   ├── package.json
    │   └── README.md
├── web
    ├── tailwind.config.ts
    ├── postcss.config.js
    ├── app
    │   ├── favicon.ico
    │   ├── _shared
    │   │   ├── components
    │   │   │   ├── index.ts
    │   │   │   ├── Header.tsx
    │   │   │   ├── EventListener.tsx
    │   │   │   └── GlobalNavigationBar.tsx
    │   │   └── constants
    │   │   │   └── styles.ts
    │   ├── opengraph-image.png
    │   ├── page.tsx
    │   ├── home
    │   │   ├── page.tsx
    │   │   └── people
    │   │   │   └── page.tsx
    │   ├── wiki
    │   │   └── page.tsx
    │   └── layout.tsx
    ├── next-env.d.ts
    ├── tsconfig.json
    ├── components.json
    ├── next.config.js
    ├── package.json
    └── README.md
├── pnpm-workspace.yaml
├── .nanostagedrc
├── .vscode
    ├── extensions.json
    └── settings.json
├── .gitignore
├── turbo.json
├── cspell.json
├── biome.json
└── package.json


/.nvmrc:
--------------------------------------------------------------------------------
1 | v20.13.0


--------------------------------------------------------------------------------
/.husky/pre-commit:
--------------------------------------------------------------------------------
1 | pnpm nano-staged


--------------------------------------------------------------------------------
/.github/CODEOWNERS:
--------------------------------------------------------------------------------
1 | * @minsoo-web @sonsurim


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # origin
2 | 
3 | 함수랑산악회 공식 홈페이지
4 | 


--------------------------------------------------------------------------------
/packages/icon/index.ts:
--------------------------------------------------------------------------------
1 | export * from './svgs'
2 | 


--------------------------------------------------------------------------------
/packages/constants/src/index.ts:
--------------------------------------------------------------------------------
1 | export * from './URL'
2 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/index.ts:
--------------------------------------------------------------------------------
1 | export * from './components'
2 | 


--------------------------------------------------------------------------------
/packages/utils/src/index.ts:
--------------------------------------------------------------------------------
1 | export * from './iframeEventHandler'
2 | 


--------------------------------------------------------------------------------
/web/tailwind.config.ts:
--------------------------------------------------------------------------------
1 | export * from '@hamsurang/ui/tailwind.config'
2 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/Readme/index.tsx:
--------------------------------------------------------------------------------
1 | export * from './Readme'
2 | 


--------------------------------------------------------------------------------
/apps/home/tailwind.config.ts:
--------------------------------------------------------------------------------
1 | export * from '@hamsurang/ui/tailwind.config'
2 | 


--------------------------------------------------------------------------------
/apps/wiki/tailwind.config.ts:
--------------------------------------------------------------------------------
1 | export * from '@hamsurang/ui/tailwind.config'
2 | 


--------------------------------------------------------------------------------
/apps/wiki/app/_shared/components/WikiMDX/index.ts:
--------------------------------------------------------------------------------
1 | export * from './WikiMDX'
2 | 


--------------------------------------------------------------------------------
/apps/wiki/app/_shared/constants/index.ts:
--------------------------------------------------------------------------------
1 | export * from './nav/nav.constants'
2 | 


--------------------------------------------------------------------------------
/web/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = require('@hamsurang/ui/postcss.config')
2 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/People/index.ts:
--------------------------------------------------------------------------------
1 | export { People } from './People'
2 | 


--------------------------------------------------------------------------------
/apps/home/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = require('@hamsurang/ui/postcss.config')
2 | 


--------------------------------------------------------------------------------
/apps/wiki/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = require('@hamsurang/ui/postcss.config')
2 | 


--------------------------------------------------------------------------------
/pnpm-workspace.yaml:
--------------------------------------------------------------------------------
1 | packages:
2 |   - "apps/*"
3 |   - "packages/*"
4 |   - "web"
5 | 


--------------------------------------------------------------------------------
/.nanostagedrc:
--------------------------------------------------------------------------------
1 | {
2 | 	"*.{ts,tsx,json,jsonc}": ["biome format --write", "biome lint"]
3 | }


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/Profile/index.ts:
--------------------------------------------------------------------------------
1 | export { Profile } from './Profile'
2 | 


--------------------------------------------------------------------------------
/apps/wiki/app/_shared/components/SideNav/index.ts:
--------------------------------------------------------------------------------
1 | export { SideNav } from './SideNav'
2 | 


--------------------------------------------------------------------------------
/packages/ui/src/index.ts:
--------------------------------------------------------------------------------
1 | export * from './components'
2 | export * from './lib/utils'
3 | 


--------------------------------------------------------------------------------
/web/app/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hamsurang/origin/HEAD/web/app/favicon.ico


--------------------------------------------------------------------------------
/apps/wiki/app/_shared/index.ts:
--------------------------------------------------------------------------------
1 | export * from './components'
2 | export * from './constants'
3 | 


--------------------------------------------------------------------------------
/apps/home/app/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hamsurang/origin/HEAD/apps/home/app/favicon.ico


--------------------------------------------------------------------------------
/apps/wiki/app/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hamsurang/origin/HEAD/apps/wiki/app/favicon.ico


--------------------------------------------------------------------------------
/web/app/_shared/components/index.ts:
--------------------------------------------------------------------------------
1 | export * from './EventListener'
2 | export * from './Header'
3 | 


--------------------------------------------------------------------------------
/web/app/_shared/constants/styles.ts:
--------------------------------------------------------------------------------
1 | export const IFRAME_CLASS_NAME = 'w-full h-iframe-height pb-1'
2 | 


--------------------------------------------------------------------------------
/web/app/opengraph-image.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hamsurang/origin/HEAD/web/app/opengraph-image.png


--------------------------------------------------------------------------------
/apps/wiki/app/_shared/components/index.ts:
--------------------------------------------------------------------------------
1 | export { SideNav } from './SideNav'
2 | export * from './WikiMDX'
3 | 


--------------------------------------------------------------------------------
/apps/home/public/clean-ping.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hamsurang/origin/HEAD/apps/home/public/clean-ping.png


--------------------------------------------------------------------------------
/apps/home/public/under-ping.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/hamsurang/origin/HEAD/apps/home/public/under-ping.png


--------------------------------------------------------------------------------
/apps/wiki/app/reset.css:
--------------------------------------------------------------------------------
1 | summary::-webkit-details-marker {
2 |     /* Hides marker on Safari */
3 |     display: none;
4 | }


--------------------------------------------------------------------------------
/packages/ui/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   plugins: {
3 |     tailwindcss: {},
4 |     autoprefixer: {},
5 |   },
6 | }
7 | 


--------------------------------------------------------------------------------
/packages/utils/src/iframeEventHandler/index.ts:
--------------------------------------------------------------------------------
1 | export * from './iframeEventHandler'
2 | export * from './iframeEventHandler.types'
3 | 


--------------------------------------------------------------------------------
/web/app/page.tsx:
--------------------------------------------------------------------------------
1 | import { redirect } from 'next/navigation'
2 | 
3 | export default function Page() {
4 |   return redirect('/home')
5 | }
6 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/MBTIOverview/index.ts:
--------------------------------------------------------------------------------
1 | export { MBTIOverview } from './MBTI.overview'
2 | export { type MBTIProps } from './MBTI.types'
3 | 


--------------------------------------------------------------------------------
/packages/ui/src/components/index.ts:
--------------------------------------------------------------------------------
1 | export * from './avatar'
2 | export * from './button'
3 | export * from './tooltip'
4 | export * from './MDX.styles'
5 | 


--------------------------------------------------------------------------------
/.github/PULL_REQUEST_TEMPLATE.md:
--------------------------------------------------------------------------------
1 | # Overview
2 | 
3 | <!-- A clear and concise description of what this pr is about. -->
4 | 
5 | Closes # <!-- Github issue # here -->


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/ActivityLog/index.ts:
--------------------------------------------------------------------------------
1 | export { ActivityLog } from './ActivityLog'
2 | export type { ActivityLogProps } from './ActivityLog.types'
3 | 


--------------------------------------------------------------------------------
/packages/icon/types.d.ts:
--------------------------------------------------------------------------------
1 | declare module '*.svg' {
2 |   // biome-ignore lint/suspicious/noExplicitAny: <explanation>
3 |   const content: any
4 |   export default content
5 | }
6 | 


--------------------------------------------------------------------------------
/packages/ui/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |   "extends": "@hamsurang/typescript-config/react-library.json",
3 |   "compilerOptions": {
4 |     "outDir": "dist"
5 |   },
6 |   "include": ["src"]
7 | }
8 | 


--------------------------------------------------------------------------------
/packages/constants/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |   "extends": "@hamsurang/typescript-config/react-library.json",
3 |   "compilerOptions": {
4 |     "outDir": "dist"
5 |   },
6 |   "include": ["src"]
7 | }
8 | 


--------------------------------------------------------------------------------
/packages/utils/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |   "extends": "@hamsurang/typescript-config/react-library.json",
3 |   "compilerOptions": {
4 |     "outDir": "dist"
5 |   },
6 |   "include": ["src"]
7 | }
8 | 


--------------------------------------------------------------------------------
/packages/ui/tsconfig.lint.json:
--------------------------------------------------------------------------------
1 | {
2 |   "extends": "@hamsurang/typescript-config/react-library.json",
3 |   "compilerOptions": {
4 |     "outDir": "dist"
5 |   },
6 |   "include": ["src", "turbo"]
7 | }
8 | 


--------------------------------------------------------------------------------
/.vscode/extensions.json:
--------------------------------------------------------------------------------
1 | {
2 |   "recommendations": [
3 |     "biomejs.biome",
4 |     "streetsidesoftware.code-spell-checker",
5 |     "bradlc.vscode-tailwindcss",
6 |     "shardulm94.trailing-spaces"
7 |   ]
8 | }
9 | 


--------------------------------------------------------------------------------
/packages/ui/src/lib/utils.ts:
--------------------------------------------------------------------------------
1 | import { type ClassValue, clsx } from 'clsx'
2 | import { twMerge } from 'tailwind-merge'
3 | 
4 | export function cn(...inputs: ClassValue[]) {
5 |   return twMerge(clsx(inputs))
6 | }
7 | 


--------------------------------------------------------------------------------
/packages/icon/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 |   "extends": "@hamsurang/typescript-config/base.json",
3 |   "compilerOptions": {
4 |     "baseUrl": ".",
5 |     "plugins": []
6 |   },
7 |   "include": ["index.ts", "types.d.ts"]
8 | }
9 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/Repository/index.ts:
--------------------------------------------------------------------------------
1 | export { Repository } from './Repository'
2 | export { RepositoryList } from './Repository.list'
3 | export type { Category, RepositoryItem, RepositoryProps } from './Repository.types'
4 | 


--------------------------------------------------------------------------------
/packages/typescript-config/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@hamsurang/typescript-config",
 3 |   "version": "0.0.0",
 4 |   "private": true,
 5 |   "license": "MIT",
 6 |   "publishConfig": {
 7 |     "access": "public"
 8 |   }
 9 | }
10 | 


--------------------------------------------------------------------------------
/packages/typescript-config/react-library.json:
--------------------------------------------------------------------------------
1 | {
2 |   "$schema": "https://json.schemastore.org/tsconfig",
3 |   "display": "React Library",
4 |   "extends": "./base.json",
5 |   "compilerOptions": {
6 |     "jsx": "react-jsx"
7 |   }
8 | }
9 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/index.ts:
--------------------------------------------------------------------------------
1 | export * from './ActivityLog'
2 | export * from './MBTIOverview'
3 | export { People } from './People'
4 | export { Profile } from './Profile'
5 | export * from './Readme'
6 | export * from './Repository'
7 | 


--------------------------------------------------------------------------------
/packages/icon/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@hamsurang/icon",
 3 |   "version": "1.0.0",
 4 |   "private": true,
 5 |   "exports": "./index.ts",
 6 |   "devDependencies": {
 7 |     "@hamsurang/typescript-config": "workspace:*"
 8 |   }
 9 | }
10 | 


--------------------------------------------------------------------------------
/web/app/home/page.tsx:
--------------------------------------------------------------------------------
1 | import { IFRAME_CLASS_NAME } from '@/_shared/constants/styles'
2 | import { URL } from '@hamsurang/constants'
3 | 
4 | export default function Page() {
5 |   return <iframe className={IFRAME_CLASS_NAME} src={URL.HOME} title="home" />
6 | }
7 | 


--------------------------------------------------------------------------------
/web/next-env.d.ts:
--------------------------------------------------------------------------------
1 | /// <reference types="next" />
2 | /// <reference types="next/image-types/global" />
3 | 
4 | // NOTE: This file should not be edited
5 | // see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
6 | 


--------------------------------------------------------------------------------
/apps/home/next-env.d.ts:
--------------------------------------------------------------------------------
1 | /// <reference types="next" />
2 | /// <reference types="next/image-types/global" />
3 | 
4 | // NOTE: This file should not be edited
5 | // see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
6 | 


--------------------------------------------------------------------------------
/apps/wiki/next-env.d.ts:
--------------------------------------------------------------------------------
1 | /// <reference types="next" />
2 | /// <reference types="next/image-types/global" />
3 | 
4 | // NOTE: This file should not be edited
5 | // see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
6 | 


--------------------------------------------------------------------------------
/apps/home/app/(profile-readme)/@profile/default.tsx:
--------------------------------------------------------------------------------
 1 | import { Profile } from '../../_shared'
 2 | 
 3 | export default function Page() {
 4 |   return (
 5 |     <Profile
 6 |       name="함수랑산악회"
 7 |       username="hamsurang"
 8 |       email="hamsurang@gmail.com"
 9 |       description="프론트엔드의 거대한 산을 등반하자"
10 |     />
11 |   )
12 | }
13 | 


--------------------------------------------------------------------------------
/apps/home/app/(profile-readme)/@profile/people/page.tsx:
--------------------------------------------------------------------------------
1 | import { Profile } from '../../../_shared'
2 | import { PROFILE_INFO } from './people.constants'
3 | 
4 | export default function Page({
5 |   searchParams,
6 | }: { searchParams: Record<'username', keyof typeof PROFILE_INFO> }) {
7 |   return <Profile {...PROFILE_INFO[searchParams.username]} />
8 | }
9 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/ActivityLog/compounds/index.ts:
--------------------------------------------------------------------------------
1 | export { ActivityLogMonthList as MonthList } from './ActivityLog.MonthList'
2 | export { ActivityLogTable as Table } from './ActivityLog.Table'
3 | export { ActivityLogWeekList as WeekList } from './ActivityLog.WeekList'
4 | export { ActivityLogYearList as YearList } from './ActivityLog.YearList'
5 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/Readme/Readme.tsx:
--------------------------------------------------------------------------------
1 | import { MDXStylingComponents } from '@hamsurang/ui'
2 | import { MDXRemote } from 'next-mdx-remote/rsc'
3 | 
4 | export const Readme = ({ text }: { text: string }) => (
5 |   <div className="border-slate-200 border-2 rounded-lg p-[24px]">
6 |     <MDXRemote source={text} components={MDXStylingComponents} />
7 |   </div>
8 | )
9 | 


--------------------------------------------------------------------------------
/apps/wiki/next.config.js:
--------------------------------------------------------------------------------
 1 | const withMDX = require('@next/mdx')()
 2 | 
 3 | /** @type {import('next').NextConfig} */
 4 | const nextConfig = {
 5 |   pageExtensions: ['ts', 'tsx', 'mdx'],
 6 |   transpilePackages: ['@hamsurang/ui'],
 7 |   experimental: {
 8 |     typedRoutes: true,
 9 |     missingSuspenseWithCSRBailout: false,
10 |   },
11 | }
12 | module.exports = withMDX(nextConfig)
13 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/Repository/Repository.types.ts:
--------------------------------------------------------------------------------
 1 | export type Category = 'Blog' | 'Github' | 'Social' | 'Others' | 'Repo'
 2 | 
 3 | export type RepositoryItem = {
 4 |   id: number
 5 |   title: string
 6 |   category: Category
 7 |   description: string
 8 |   url: string
 9 |   tag?: string
10 | }
11 | 
12 | export type RepositoryProps = {
13 |   items: RepositoryItem[]
14 | }
15 | 


--------------------------------------------------------------------------------
/packages/typescript-config/nextjs.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "https://json.schemastore.org/tsconfig",
 3 |   "display": "Next.js",
 4 |   "extends": "./base.json",
 5 |   "compilerOptions": {
 6 |     "plugins": [{ "name": "next" }],
 7 |     "module": "ESNext",
 8 |     "moduleResolution": "Bundler",
 9 |     "allowJs": true,
10 |     "jsx": "preserve",
11 |     "noEmit": true
12 |   }
13 | }
14 | 


--------------------------------------------------------------------------------
/packages/constants/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@hamsurang/constants",
 3 |   "version": "0.0.0",
 4 |   "private": true,
 5 |   "exports": {
 6 |     ".": "./src/index.ts"
 7 |   },
 8 |   "scripts": {
 9 |     "lint": "biome lint ./src",
10 |     "format": "biome format ./src --write"
11 |   },
12 |   "devDependencies": {
13 |     "@hamsurang/typescript-config": "workspace:*"
14 |   }
15 | }
16 | 


--------------------------------------------------------------------------------
/apps/wiki/app/_shared/components/WikiMDX/WikiMDX.tsx:
--------------------------------------------------------------------------------
1 | import { MDXStylingComponents, cn } from '@hamsurang/ui'
2 | import { MDXRemote } from 'next-mdx-remote/rsc'
3 | 
4 | export const WikiMDX = ({ text, className }: { text: string; className?: string }) => (
5 |   <div className={cn('border-slate-200 border-2 rounded-lg p-[24px]', className)}>
6 |     <MDXRemote source={text} components={MDXStylingComponents} />
7 |   </div>
8 | )
9 | 


--------------------------------------------------------------------------------
/packages/utils/src/iframeEventHandler/iframeEventHandler.types.ts:
--------------------------------------------------------------------------------
 1 | export type ChildrenTitle = 'home' | 'wiki'
 2 | 
 3 | export type MessageDataToParent = {
 4 |   type: 'routeChange'
 5 |   route: string
 6 | }
 7 | export type MessageDataToChildren = {
 8 |   title: ChildrenTitle
 9 |   type: 'navigate'
10 |   route: string
11 |   targetOrigin: string
12 | }
13 | export type MessageData = MessageDataToParent | MessageDataToChildren
14 | 


--------------------------------------------------------------------------------
/web/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "@hamsurang/typescript-config/nextjs.json",
 3 |   "compilerOptions": {
 4 |     "baseUrl": ".",
 5 |     "plugins": [
 6 |       {
 7 |         "name": "next"
 8 |       }
 9 |     ],
10 |     "paths": {
11 |       "@/*": ["./app/*"]
12 |     }
13 |   },
14 |   "include": ["next-env.d.ts", "next.config.js", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
15 |   "exclude": ["node_modules"]
16 | }
17 | 


--------------------------------------------------------------------------------
/apps/home/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "@hamsurang/typescript-config/nextjs.json",
 3 |   "compilerOptions": {
 4 |     "baseUrl": ".",
 5 |     "plugins": [
 6 |       {
 7 |         "name": "next"
 8 |       }
 9 |     ],
10 |     "paths": {
11 |       "@/*": ["./app/*"]
12 |     }
13 |   },
14 |   "include": ["next-env.d.ts", "next.config.js", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
15 |   "exclude": ["node_modules"]
16 | }
17 | 


--------------------------------------------------------------------------------
/apps/wiki/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "@hamsurang/typescript-config/nextjs.json",
 3 |   "compilerOptions": {
 4 |     "baseUrl": ".",
 5 |     "plugins": [
 6 |       {
 7 |         "name": "next"
 8 |       }
 9 |     ],
10 |     "paths": {
11 |       "@/*": ["./app/*"]
12 |     }
13 |   },
14 |   "include": ["next-env.d.ts", "next.config.js", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
15 |   "exclude": ["node_modules"]
16 | }
17 | 


--------------------------------------------------------------------------------
/packages/utils/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@hamsurang/utils",
 3 |   "version": "0.0.0",
 4 |   "private": true,
 5 |   "exports": {
 6 |     ".": "./src/index.ts"
 7 |   },
 8 |   "scripts": {
 9 |     "lint": "biome lint ./src",
10 |     "format": "biome format ./src --write"
11 |   },
12 |   "devDependencies": {
13 |     "@hamsurang/typescript-config": "workspace:*",
14 |     "@hamsurang/constants": "workspace:*"
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/web/components.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "https://ui.shadcn.com/schema.json",
 3 |   "style": "default",
 4 |   "rsc": true,
 5 |   "tsx": true,
 6 |   "tailwind": {
 7 |     "config": "tailwind.config.js",
 8 |     "css": "./app/globals.css",
 9 |     "baseColor": "slate",
10 |     "cssVariables": true,
11 |     "prefix": ""
12 |   },
13 |   "aliases": {
14 |     "components": "@/components",
15 |     "utils": "@/lib/utils"
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/apps/home/components.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "https://ui.shadcn.com/schema.json",
 3 |   "style": "default",
 4 |   "rsc": true,
 5 |   "tsx": true,
 6 |   "tailwind": {
 7 |     "config": "tailwind.config.js",
 8 |     "css": "./app/globals.css",
 9 |     "baseColor": "slate",
10 |     "cssVariables": true,
11 |     "prefix": ""
12 |   },
13 |   "aliases": {
14 |     "components": "@/components",
15 |     "utils": "@/lib/utils"
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/apps/wiki/components.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "https://ui.shadcn.com/schema.json",
 3 |   "style": "default",
 4 |   "rsc": true,
 5 |   "tsx": true,
 6 |   "tailwind": {
 7 |     "config": "tailwind.config.js",
 8 |     "css": "./app/globals.css",
 9 |     "baseColor": "slate",
10 |     "cssVariables": true,
11 |     "prefix": ""
12 |   },
13 |   "aliases": {
14 |     "components": "@/components",
15 |     "utils": "@/lib/utils"
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/web/app/wiki/page.tsx:
--------------------------------------------------------------------------------
 1 | import { IFRAME_CLASS_NAME } from '@/_shared/constants/styles'
 2 | import { URL } from '@hamsurang/constants'
 3 | 
 4 | export default function Page({
 5 |   searchParams,
 6 | }: {
 7 |   searchParams: { [key: string]: string | string[] | undefined }
 8 | }) {
 9 |   const id = searchParams.id || 'main-activity'
10 | 
11 |   return <iframe src={`${URL.WIKI}?id=${id}`} className={IFRAME_CLASS_NAME} title="wiki" />
12 | }
13 | 


--------------------------------------------------------------------------------
/packages/icon/svgs/email.svg:
--------------------------------------------------------------------------------
1 | <svg height="16" viewBox="0 0 16 16" width="16" fill="currentColor">
2 |     <path
3 |         d="M1.75 2h12.5c.966 0 1.75.784 1.75 1.75v8.5A1.75 1.75 0 0 1 14.25 14H1.75A1.75 1.75 0 0 1 0 12.25v-8.5C0 2.784.784 2 1.75 2ZM1.5 12.251c0 .138.112.25.25.25h12.5a.25.25 0 0 0 .25-.25V5.809L8.38 9.397a.75.75 0 0 1-.76 0L1.5 5.809v6.442Zm13-8.181v-.32a.25.25 0 0 0-.25-.25H1.75a.25.25 0 0 0-.25.25v.32L8 7.88Z">
4 |     </path>
5 | </svg>


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/Repository/Repository.list.tsx:
--------------------------------------------------------------------------------
 1 | import { Repository } from './Repository'
 2 | import type { RepositoryProps } from './Repository.types'
 3 | 
 4 | export const RepositoryList = ({ items }: RepositoryProps) => {
 5 |   return (
 6 |     <ul className="grid grid-cols-2 gap-2 mobile:grid-cols-1">
 7 |       {items.map((item) => (
 8 |         <Repository key={item.id} {...item} />
 9 |       ))}
10 |     </ul>
11 |   )
12 | }
13 | 


--------------------------------------------------------------------------------
/packages/ui/components.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "https://ui.shadcn.com/schema.json",
 3 |   "style": "default",
 4 |   "rsc": true,
 5 |   "tsx": true,
 6 |   "tailwind": {
 7 |     "config": "tailwind.config.js",
 8 |     "css": "./src/styles/globals.css",
 9 |     "baseColor": "slate",
10 |     "cssVariables": true,
11 |     "prefix": ""
12 |   },
13 |   "aliases": {
14 |     "components": "@/components",
15 |     "utils": "@/lib/utils"
16 |   }
17 | }
18 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/ActivityLog/ActivityLog.utils.ts:
--------------------------------------------------------------------------------
 1 | import dayjs from 'dayjs'
 2 | 
 3 | export const getDateRange = (selectedYear?: number) => {
 4 |   const today = dayjs()
 5 |   const startDate = selectedYear
 6 |     ? today.year(selectedYear).startOf('year')
 7 |     : today.subtract(1, 'year').startOf('week')
 8 |   const endDate = selectedYear ? today.year(selectedYear).endOf('year') : today
 9 | 
10 |   return [startDate, endDate] as const
11 | }
12 | 


--------------------------------------------------------------------------------
/apps/home/app/(profile-readme)/@readme/default.tsx:
--------------------------------------------------------------------------------
 1 | import { Readme } from '@/_shared'
 2 | import { promises as fs } from 'node:fs'
 3 | import path from 'node:path'
 4 | 
 5 | export default async function Page() {
 6 |   const filePath = path.join(
 7 |     process.cwd(),
 8 |     './app/(profile-readme)/@readme/_shared/content/main.mdx',
 9 |   )
10 |   const mainReadme = await fs.readFile(filePath, { encoding: 'utf8' })
11 | 
12 |   return <Readme text={mainReadme} />
13 | }
14 | 


--------------------------------------------------------------------------------
/packages/icon/svgs/code.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 16 16" version="1.1" width="16" height="16" fill="currentColor">
2 |     <path
3 |         d="m11.28 3.22 4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L13.94 8l-3.72-3.72a.749.749 0 0 1 .326-1.275.749.749 0 0 1 .734.215Zm-6.56 0a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042L2.06 8l3.72 3.72a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L.47 8.53a.75.75 0 0 1 0-1.06Z">
4 |     </path>
5 | </svg>


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/ActivityLog/ActivityLog.types.ts:
--------------------------------------------------------------------------------
 1 | type Year = `${number}${number}${number}${number}`
 2 | type Month = `0${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9}` | `1${0 | 1 | 2}`
 3 | type Day = `0${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9}` | `${1 | 2}${number}` | `3${0 | 1}`
 4 | 
 5 | type YYYY_MM_DD = `${Year}-${Month}-${Day}`
 6 | 
 7 | export type ActivityLogProps = {
 8 |   logs: {
 9 |     startDate: YYYY_MM_DD
10 |     endDate: YYYY_MM_DD
11 |     contents: string
12 |   }[]
13 | }
14 | 


--------------------------------------------------------------------------------
/packages/icon/svgs/index.ts:
--------------------------------------------------------------------------------
 1 | export { default as Book } from './book.svg'
 2 | export { default as Code } from './code.svg'
 3 | export { default as Email } from './email.svg'
 4 | export { default as Github } from './github.svg'
 5 | export { default as Globe } from './globe.svg'
 6 | export { default as HamsurangLogo } from './hamsurang-logo.svg'
 7 | export { default as Link } from './link.svg'
 8 | export { default as People } from './people.svg'
 9 | export { default as Repo } from './repo.svg'
10 | 


--------------------------------------------------------------------------------
/apps/home/app/(profile-readme)/page.tsx:
--------------------------------------------------------------------------------
 1 | import { ActivityLog, RepositoryList } from '@/_shared'
 2 | import { ACTIVITY_LOGS, REPOSITORY_ITEMS } from '../home.constants'
 3 | 
 4 | export default function Page() {
 5 |   return (
 6 |     <section className="flex flex-col flex-1 gap-2">
 7 |       <p className="mt-3">Pinned</p>
 8 |       <RepositoryList items={REPOSITORY_ITEMS} />
 9 |       <p className="mt-5">Activity Logs</p>
10 |       <ActivityLog logs={ACTIVITY_LOGS} />
11 |     </section>
12 |   )
13 | }
14 | 


--------------------------------------------------------------------------------
/web/app/home/people/page.tsx:
--------------------------------------------------------------------------------
 1 | import { IFRAME_CLASS_NAME } from '@/_shared/constants/styles'
 2 | import { URL } from '@hamsurang/constants'
 3 | 
 4 | export default function Page({
 5 |   searchParams,
 6 | }: {
 7 |   searchParams: { [key: string]: string | string[] | undefined }
 8 | }) {
 9 |   const { username } = searchParams
10 | 
11 |   return (
12 |     <iframe
13 |       className={IFRAME_CLASS_NAME}
14 |       src={`${URL.HOME}/people?username=${username}`}
15 |       title="home"
16 |     />
17 |   )
18 | }
19 | 


--------------------------------------------------------------------------------
/packages/constants/src/URL.ts:
--------------------------------------------------------------------------------
 1 | const HOME_URL =
 2 |   process.env.NODE_ENV === 'development' ? 'http://localhost:3002' : 'https://home.hamsurang.com'
 3 | 
 4 | const ROOT_URL =
 5 |   process.env.NODE_ENV === 'development' ? 'http://localhost:3000' : 'https://hamsurang.com'
 6 | 
 7 | const WIKI_URL =
 8 |   process.env.NODE_ENV === 'development'
 9 |     ? 'http://localhost:3001'
10 |     : 'https://activity.hamsurang.com'
11 | 
12 | export const URL = {
13 |   HOME: HOME_URL,
14 |   ROOT: ROOT_URL,
15 |   WIKI: WIKI_URL,
16 | }
17 | 


--------------------------------------------------------------------------------
/apps/home/app/(profile-readme)/people/page.tsx:
--------------------------------------------------------------------------------
 1 | import { MBTIOverview } from '@/_shared'
 2 | import { PEOPLE_MBTI_INFO_MAP } from './people.constants'
 3 | 
 4 | export default function Page({
 5 |   searchParams,
 6 | }: {
 7 |   searchParams: { [key: string]: string | string[] | undefined }
 8 | }) {
 9 |   const username = searchParams.username
10 | 
11 |   return (
12 |     <div className="w-full">
13 |       <MBTIOverview {...PEOPLE_MBTI_INFO_MAP[username as keyof typeof PEOPLE_MBTI_INFO_MAP]} />
14 |     </div>
15 |   )
16 | }
17 | 


--------------------------------------------------------------------------------
/apps/wiki/app/_shared/constants/nav/nav.constants.ts:
--------------------------------------------------------------------------------
 1 | export type NavItem = { id: string; name: string }
 2 | export type NavItems = (NavItem & { subItems: NavItem[] })[]
 3 | 
 4 | export const NAV_ITEMS = [
 5 |   {
 6 |     id: 'main-activity',
 7 |     name: '정규활동',
 8 |     subItems: [
 9 |       { id: 'hamsurang‐critique', name: '함수랑크리틱' },
10 |       { id: 'hamsurang-festival', name: '함수랑학예회' },
11 |       { id: 'hamsurang‐marathon', name: '함수랑마라톤' },
12 |     ],
13 |   },
14 | ] as const
15 | 
16 | export const DEFAULT_NAV_ITEM_ID = NAV_ITEMS[0].id
17 | 


--------------------------------------------------------------------------------
/apps/home/app/(profile-readme)/@readme/_shared/content/tooooo1.mdx:
--------------------------------------------------------------------------------
 1 | ### 노션에 업로드된 사진을 소개해주세요!
 2 | 
 3 | 때는 바야흐로 19년 전역 후.. <br/>
 4 | 머리가 짧아서 비니를 쓰고 벚꽃을 보러 간 사진
 5 | 
 6 | ### 내가 제일 좋아하는 음식과 못 먹는 음식은?
 7 | 
 8 | - **좋아하는 음식:** 토마토 스파게티
 9 | - **못 먹는 음식:** 고추, 피망, 파프리카
10 | 
11 | ### 요즘 나의 관심사 (개발 / 비개발)
12 | - **개발>** 리액트, 타입스크립트
13 | - **비개발>** 일정맞춰서 개발하기, 비즈니스 임팩트 내기
14 | 
15 | ### 내가 경험해본 것 중 추천해주고 싶은 것은?
16 | 대학시절이라면 커뮤니티 많이 하기.
17 | 
18 | ### 나만의 TMI는 ?
19 | 더위를 많이 타요
20 | 
21 | ### 내가 가장 자신 있는 것 / 잘하고 싶은 것
22 | - **자신 있는 것>** 추진력 및 일정 관리
23 | - **잘하고 싶은 것>** 개발


--------------------------------------------------------------------------------
/packages/icon/svgs/repo.svg:
--------------------------------------------------------------------------------
1 | <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor"
2 |     style="display:inline-block;vertical-align:text-bottom">
3 |     <path
4 |         d="M2 2.5A2.5 2.5 0 0 1 4.5 0h8.75a.75.75 0 0 1 .75.75v12.5a.75.75 0 0 1-.75.75h-2.5a.75.75 0 0 1 0-1.5h1.75v-2h-8a1 1 0 0 0-.714 1.7.75.75 0 1 1-1.072 1.05A2.495 2.495 0 0 1 2 11.5Zm10.5-1h-8a1 1 0 0 0-1 1v6.708A2.486 2.486 0 0 1 4.5 9h8ZM5 12.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 0 1 .25.25v3.25a.25.25 0 0 1-.4.2l-1.45-1.087a.249.249 0 0 0-.3 0L5.4 15.7a.25.25 0 0 1-.4-.2Z">
5 |     </path>
6 | </svg>


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # Dependencies
 4 | node_modules
 5 | .pnp
 6 | .pnp.js
 7 | 
 8 | # Local env files
 9 | .env
10 | .env.local
11 | .env.development.local
12 | .env.test.local
13 | .env.production.local
14 | 
15 | # Testing
16 | coverage
17 | 
18 | # Turbo
19 | .turbo
20 | 
21 | # Vercel
22 | .vercel
23 | 
24 | # Build Outputs
25 | .next/
26 | out/
27 | build
28 | dist
29 | 
30 | 
31 | # Debug
32 | npm-debug.log*
33 | yarn-debug.log*
34 | yarn-error.log*
35 | 
36 | # Misc
37 | .DS_Store
38 | *.pem
39 | 


--------------------------------------------------------------------------------
/packages/icon/svgs/book.svg:
--------------------------------------------------------------------------------
1 | <svg viewBox="0 0 16 16" width="16" height="16" fill="currentColor">
2 |     <path
3 |         d="M0 1.75A.75.75 0 0 1 .75 1h4.253c1.227 0 2.317.59 3 1.501A3.743 3.743 0 0 1 11.006 1h4.245a.75.75 0 0 1 .75.75v10.5a.75.75 0 0 1-.75.75h-4.507a2.25 2.25 0 0 0-1.591.659l-.622.621a.75.75 0 0 1-1.06 0l-.622-.621A2.25 2.25 0 0 0 5.258 13H.75a.75.75 0 0 1-.75-.75Zm7.251 10.324.004-5.073-.002-2.253A2.25 2.25 0 0 0 5.003 2.5H1.5v9h3.757a3.75 3.75 0 0 1 1.994.574ZM8.755 4.75l-.004 7.322a3.752 3.752 0 0 1 1.992-.572H14.5v-9h-3.495a2.25 2.25 0 0 0-2.25 2.25Z">
4 |     </path>
5 | </svg>


--------------------------------------------------------------------------------
/packages/icon/svgs/people.svg:
--------------------------------------------------------------------------------
1 | <svg height="16" viewBox="0 0 16 16" width="16" fill="currentColor">
2 |     <path
3 |         d="M2 5.5a3.5 3.5 0 1 1 5.898 2.549 5.508 5.508 0 0 1 3.034 4.084.75.75 0 1 1-1.482.235 4 4 0 0 0-7.9 0 .75.75 0 0 1-1.482-.236A5.507 5.507 0 0 1 3.102 8.05 3.493 3.493 0 0 1 2 5.5ZM11 4a3.001 3.001 0 0 1 2.22 5.018 5.01 5.01 0 0 1 2.56 3.012.749.749 0 0 1-.885.954.752.752 0 0 1-.549-.514 3.507 3.507 0 0 0-2.522-2.372.75.75 0 0 1-.574-.73v-.352a.75.75 0 0 1 .416-.672A1.5 1.5 0 0 0 11 5.5.75.75 0 0 1 11 4Zm-5.5-.5a2 2 0 1 0-.001 3.999A2 2 0 0 0 5.5 3.5Z">
4 |     </path>
5 | </svg>


--------------------------------------------------------------------------------
/apps/home/app/(profile-readme)/@readme/people/page.tsx:
--------------------------------------------------------------------------------
 1 | import { Readme } from '@/_shared'
 2 | import { promises as fs } from 'node:fs'
 3 | import path from 'node:path'
 4 | 
 5 | export default async function Page({
 6 |   searchParams,
 7 | }: {
 8 |   searchParams: { username: string }
 9 | }) {
10 |   const { username } = searchParams
11 |   const filePath = path.join(
12 |     process.cwd(),
13 |     `./app/(profile-readme)/@readme/_shared/content/${username}.mdx`,
14 |   )
15 |   const readme = await fs.readFile(filePath, { encoding: 'utf8' })
16 | 
17 |   return <Readme text={readme} />
18 | }
19 | 


--------------------------------------------------------------------------------
/apps/wiki/app/page.tsx:
--------------------------------------------------------------------------------
 1 | import { DEFAULT_NAV_ITEM_ID, WikiMDX } from '@/_shared'
 2 | import './reset.css'
 3 | 
 4 | const WIKI_URI = 'https://raw.githubusercontent.com/wiki/hamsurang/origin'
 5 | const ENCODED_DASH = '%E2%80%90'
 6 | 
 7 | export default async function Page({ searchParams }: { searchParams: Record<'id', string> }) {
 8 |   const id = searchParams.id || DEFAULT_NAV_ITEM_ID
 9 | 
10 |   const res = await fetch(`${WIKI_URI}/${id.replace(/-/g, ENCODED_DASH)}.md`)
11 |   const wiki = await res.text()
12 | 
13 |   return <WikiMDX className="border-none pt-0 w-[896px] mobile:w-full" text={wiki} />
14 | }
15 | 


--------------------------------------------------------------------------------
/turbo.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "https://turbo.build/schema.json",
 3 |   "ui": "tui",
 4 |   "globalDependencies": ["**/.env.*local"],
 5 |   "tasks": {
 6 |     "build": {
 7 |       "dependsOn": ["^build"],
 8 |       "outputs": [".next/**", "!.next/cache/**"]
 9 |     },
10 |     "lint": {
11 |       "dependsOn": ["^lint"]
12 |     },
13 |     "format": {
14 |       "dependsOn": ["^format"]
15 |     },
16 |     "dev": {
17 |       "cache": false,
18 |       "persistent": true
19 |     },
20 |     "start": {
21 |       "dependsOn": ["build"],
22 |       "cache": false,
23 |       "persistent": true
24 |     }
25 |   }
26 | }
27 | 


--------------------------------------------------------------------------------
/web/app/_shared/components/Header.tsx:
--------------------------------------------------------------------------------
 1 | 'use client'
 2 | 
 3 | import { HamsurangLogo } from '@hamsurang/icon'
 4 | import { GlobalNavigationBar } from './GlobalNavigationBar'
 5 | 
 6 | export const Header = () => {
 7 |   return (
 8 |     <header className="flex flex-col gap-2 bg-background px-4 pt-2 w-full">
 9 |       <div className="flex gap-4 items-center">
10 |         <div className="size-8 rounded-full overflow-hidden">
11 |           <HamsurangLogo width="100%" height="100%" />
12 |         </div>
13 |         <h1>함수랑산악회</h1>
14 |       </div>
15 | 
16 |       <GlobalNavigationBar />
17 |     </header>
18 |   )
19 | }
20 | 


--------------------------------------------------------------------------------
/packages/icon/svgs/link.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="m7.775 3.275 1.25-1.25a3.5 3.5 0 1 1 4.95 4.95l-2.5 2.5a3.5 3.5 0 0 1-4.95 0 .751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018 1.998 1.998 0 0 0 2.83 0l2.5-2.5a2.002 2.002 0 0 0-2.83-2.83l-1.25 1.25a.751.751 0 0 1-1.042-.018.751.751 0 0 1-.018-1.042Zm-4.69 9.64a1.998 1.998 0 0 0 2.83 0l1.25-1.25a.751.751 0 0 1 1.042.018.751.751 0 0 1 .018 1.042l-1.25 1.25a3.5 3.5 0 1 1-4.95-4.95l2.5-2.5a3.5 3.5 0 0 1 4.95 0 .751.751 0 0 1-.018 1.042.751.751 0 0 1-1.042.018 1.998 1.998 0 0 0-2.83 0l-2.5 2.5a1.998 1.998 0 0 0 0 2.83Z"></path></svg>
2 | 


--------------------------------------------------------------------------------
/packages/typescript-config/base.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "https://json.schemastore.org/tsconfig",
 3 |   "display": "Default",
 4 |   "compilerOptions": {
 5 |     "declaration": true,
 6 |     "declarationMap": true,
 7 |     "esModuleInterop": true,
 8 |     "incremental": false,
 9 |     "isolatedModules": true,
10 |     "lib": ["es2022", "DOM", "DOM.Iterable"],
11 |     "module": "NodeNext",
12 |     "moduleDetection": "force",
13 |     "moduleResolution": "NodeNext",
14 |     "noUncheckedIndexedAccess": true,
15 |     "resolveJsonModule": true,
16 |     "skipLibCheck": true,
17 |     "strict": true,
18 |     "target": "ES2022"
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/apps/home/app/(profile-readme)/@readme/_shared/content/sonsurim.mdx:
--------------------------------------------------------------------------------
 1 | ## 👻 Hello, I'm Sonny!
 2 | 
 3 | ### 🎞 Work Experiences
 4 | 
 5 | - **[LINE Pay Plus](https://linepaypluscorp.com/)** | Frontend Developer (2025.01 ~ )
 6 | - **[LINE+](https://linepluscorp.com/)** | Frontend Developer (2022.05 ~ 2025.01)
 7 | 
 8 | ### 🚀 Activities
 9 | - **[함수랑산악회](https://github.com/hamsurang)** | FE 커뮤니티 운영  (2023. 05 ~)
10 | - **[Korean FE Article](https://kofearticle.substack.com/)** | 프런트엔드 번역 활동 (2022.08 ~ )
11 | 
12 | ### 📝 New Post
13 | 
14 | [![Velog's GitHub stats](https://velog-readme-stats.vercel.app/api?name=surim014)](https://velog.io/@surim014)
15 | 


--------------------------------------------------------------------------------
/apps/home/app/(profile-readme)/@readme/_shared/content/2-NOW.mdx:
--------------------------------------------------------------------------------
 1 | ### 노션에 업로드된 사진을 소개해주세요!
 2 | 
 3 | 예전에 애플매장에서 찍은 사진입니다
 4 | 
 5 | ### 내가 제일 좋아하는 음식과 못 먹는 음식은?
 6 | 
 7 | - **좋아하는 음식:** 초밥
 8 | - **못 먹는 음식:** 없습니다
 9 | 
10 | ### 요즘 나의 관심사 (개발 / 비개발)
11 | 
12 | - **개발>**
13 |   - 최근에 Rust 공부를 시작했는데 재밌더라구요
14 |   - Biome 이라는 Rust로 쓰여진 오픈소스 종합 툴의 Linter rule 추가하는 이슈를 할당받았습니다..! 잘 해낼 수 있길
15 | 
16 | - **비개발>**
17 |   - 살이 좀 쪄서 체중조절을 하고있어요
18 | 
19 | ### 내가 경험해본 것 중 추천해주고 싶은 것은?
20 | 
21 | - 오픈소스 기여
22 | - 유럽여행
23 | 
24 | ### 나만의 TMI는 ?
25 | 
26 | 오늘 칼국수를 먹었습니다
27 | 
28 | ### 내가 가장 자신 있는 것 / 잘하고 싶은 것
29 | 
30 | - **자신 있는 것>** 시도하기, 계속하기
31 | - **잘하고 싶은 것>** 잘 하기
32 | 


--------------------------------------------------------------------------------
/apps/home/middleware.ts:
--------------------------------------------------------------------------------
 1 | import { PEOPLE_MBTI_INFO_MAP } from '@/(profile-readme)/people/people.constants'
 2 | import type { NextRequest } from 'next/server'
 3 | import { NextResponse } from 'next/server'
 4 | 
 5 | export function middleware(request: NextRequest) {
 6 |   const { searchParams, origin } = request.nextUrl
 7 |   const username = searchParams.get('username')
 8 | 
 9 |   if (!username || !PEOPLE_MBTI_INFO_MAP[username as keyof typeof PEOPLE_MBTI_INFO_MAP]) {
10 |     return NextResponse.redirect(new URL('/', origin))
11 |   }
12 | 
13 |   return NextResponse.next()
14 | }
15 | 
16 | export const config = {
17 |   matcher: ['/people'],
18 | }
19 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/MBTIOverview/MBTI.types.ts:
--------------------------------------------------------------------------------
 1 | export type MBTIProps = {
 2 |   에너지_방향: {
 3 |     value: 'E' | 'I'
 4 |     percent: number
 5 |   }
 6 |   인식_기능: {
 7 |     value: 'S' | 'N'
 8 |     percent: number
 9 |   }
10 |   판단_기능: {
11 |     value: 'T' | 'F'
12 |     percent: number
13 |   }
14 |   생활_양식: {
15 |     value: 'J' | 'P'
16 |     percent: number
17 |   }
18 | }
19 | 
20 | export type MBTI =
21 |   | 'ENFJ'
22 |   | 'ENFP'
23 |   | 'ENTJ'
24 |   | 'ENTP'
25 |   | 'ESFJ'
26 |   | 'ESFP'
27 |   | 'ESTJ'
28 |   | 'ESTP'
29 |   | 'INFJ'
30 |   | 'INFP'
31 |   | 'INTJ'
32 |   | 'INTP'
33 |   | 'ISFJ'
34 |   | 'ISFP'
35 |   | 'ISTJ'
36 |   | 'ISTP'
37 | 


--------------------------------------------------------------------------------
/packages/icon/svgs/github.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"></path></svg>
2 | 


--------------------------------------------------------------------------------
/apps/home/app/(profile-readme)/@readme/_shared/content/minsour.mdx:
--------------------------------------------------------------------------------
 1 | ### 노션에 업로드된 사진을 소개해주세요!
 2 | 
 3 | 작년 여름에 IT 동아리에서 해커톤(?)을 가평에 풀빌라로 가서 찍힌 사진으로 약간 펜션 사장님 느낌이 물씬 나는 사진이에요
 4 | 
 5 | ### 내가 제일 좋아하는 음식과 못 먹는 음식은?
 6 | 
 7 | - **좋아하는 음식:** 적절한 탄수화물과 풍부한 단백질이 있는 음식
 8 | - **못 먹는 음식:** 오이, 고수
 9 | 
10 | ### 요즘 나의 관심사 (개발 / 비개발)
11 | 
12 | - **개발:** 함수형 프로그래밍, 스페셜리스트/제너럴리스트/프론트엔드/개발
13 | - **비개발:** 스킨스쿠버 다이빙, 사진찍기
14 |     - 어제(07.12) 잠실 다이빙장 가서 찍은 첫 수중사진들 (사진 첨부 예정...)
15 | 
16 | ### 내가 경험해본 것 중 추천해주고 싶은 것은?
17 | 
18 | - PT 받아보기
19 | 
20 | ### 나만의 TMI는 ?
21 | 
22 | - 내일부터 리프레시 휴가 써서 말레이시아로 떠납니다!
23 | 
24 | ### 내가 가장 자신 있는 것 / 잘하고 싶은 것
25 | 
26 | - **자신 있는 것:** 꾸준히 하는거
27 | - **잘하고 싶은 것:** 꾸준히 하는거, 영어, 일본어
28 | 


--------------------------------------------------------------------------------
/apps/home/app/(profile-readme)/@readme/_shared/content/minsoo-web.mdx:
--------------------------------------------------------------------------------
 1 | ###  노션에 업로드된 사진을 소개해주세요!
 2 | 
 3 | 깃허브 프로필로 하려다가, 너무 예전 사진이라 비교적 최근 사진을 가져와봤습니다. <br/>
 4 | 첫 정규직 회사를 떠나며 동료분들과 찍은 사진입니다. 초상권을 보호하고자 사진을 자르고 보니 기괴하네요 🤪
 5 | 
 6 | ### 내가 제일 좋아하는 음식과 못 먹는 음식은?
 7 | 
 8 | 저는 면 종류는 거의 다 좋아해요! (omit 평양냉면, 콩국수) <br/>
 9 | 너무 비리거나 쉰 거 빼고는 다 잘 먹습니다 🥄🥄🥄
10 | 
11 | ### 요즘 나의 관심사 (개발 / 비개발)
12 | - 개발 > 함수형으로 생각하기, 디자인 시스템 개발
13 | - 비개발 > 함수랑 산악회, LCK / 웹툰 / 주식
14 | 
15 | ### 내가 경험해본 것 중 추천해주고 싶은 것은?
16 | 
17 | - 여름에 홋카이도 가기 (7일 넘게)
18 | - 주식하기
19 | 
20 | ### 나만의 TMI는 ?
21 | 단축키 진짜 많이 압니다.
22 | 오목 좀 칩니다.
23 | N 성향이 강해서 vs 게임하고 노는 걸 좋아합니다.
24 | 
25 | ### 내가 가장 자신 있는 것 / 잘하고 싶은 것
26 | - 자신 있는 것 > 상대방 기분 맞춰서 행동하기, 배려하기
27 | - 잘하고 싶은 것 >자기관리


--------------------------------------------------------------------------------
/apps/home/app/(profile-readme)/@readme/_shared/content/chaaerim.mdx:
--------------------------------------------------------------------------------
 1 | ### 노션에 업로드된 사진을 소개해주세요!
 2 | 
 3 | 어제 회사에서 찍은 따끈따끈한 사진입니다.
 4 | 
 5 | ### 내가 제일 좋아하는 음식과 못 먹는 음식은?
 6 | 
 7 | - **좋아하는 음식:** 대부분 다 좋아합니다.
 8 | - **못 먹는 음식:** 향신료 들어간 음식을 잘 못먹어요.. 예를 들면 고수라던가 고수라던가 ..
 9 | 
10 | ### 요즘 나의 관심사 (개발 / 비개발)
11 | 
12 | - **개발>** 서버 컴포넌트 및 사이드 프로젝트의 흥망성쇠
13 | - **비개발>** 콘서트 (장르는 가리지 않습니다.)
14 | 
15 | ### 내가 경험해본 것 중 추천해주고 싶은 것은?
16 | 
17 | 디프만이라는 사이드 프로젝트 동아리 (개발에 열정 있고 좋아하는 사람이 모여있어 괜찮은 사이드 프로젝트를 하기에 좋은 환경이라고 생각합니다).
18 | 
19 | ### 나만의 TMI는 ?
20 | 
21 | 오늘 재택을 했답니다
22 | - 이런걸 말하는게 아니었군요 .. 민초 좋아하고 하와이안 피자 좋아합니다.
23 | - 제 노션 닉네임
24 | 
25 | ### 내가 가장 자신 있는 것 / 잘하고 싶은 것
26 | 
27 | - **자신 있는 것>** 시작한 일에 최선을 다하기
28 | - **잘하고 싶은 것>** 개발, 깊이 이해하기
29 | 


--------------------------------------------------------------------------------
/cspell.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "words": [
 3 |     "biomejs",
 4 |     "clsx",
 5 |     "corepack",
 6 |     "hamsurang",
 7 |     "lucide",
 8 |     "minsoo",
 9 |     "nextjs",
10 |     "Nextra",
11 |     "preinstall",
12 |     "sonsurim",
13 |     "tailwindcss",
14 |     "manudeli",
15 |     "tooooo1",
16 |     "minsour",
17 |     "yejineee",
18 |     "chaaerim",
19 |     "minchodang",
20 |     "sungh0lim",
21 |     "okinawaa",
22 |     "mbti",
23 |     "INTJ",
24 |     "INFP",
25 |     "ENFP",
26 |     "ENTP",
27 |     "ISTJ",
28 |     "ISFJ",
29 |     "ESFJ",
30 |     "ESTJ",
31 |     "ISTP",
32 |     "ISFP",
33 |     "ESFP",
34 |     "ESTP",
35 |     "INFJ",
36 |     "ENFJ",
37 |     "INTP",
38 |     "ENTJ",
39 |     "svgs"
40 |   ]
41 | }
42 | 


--------------------------------------------------------------------------------
/apps/home/app/(profile-readme)/@readme/_shared/content/sungh0lim.mdx:
--------------------------------------------------------------------------------
 1 | ### 노션에 업로드된 사진을 소개해주세요!
 2 | 
 3 | 지나가다가 우연히 만난 카페에서 찍은 사진이에요! 아인슈페너를 아주 맛있게 먹었던 기억이 있어요.
 4 | 
 5 | [네이버 지도](https://naver.me/xEAmE8Sx)
 6 | 
 7 | ### 내가 제일 좋아하는 음식과 못 먹는 음식은?
 8 | 
 9 | - **좋아하는 음식:**
10 |   - 햄버거 (프랜차이즈의 거의 모든 신메뉴를 먹어보아요)
11 | - **못 먹는 음식:**
12 |   - 해물탕류…? 알탕…?
13 |   - 안 먹어본 걸 먹는 걸 별로 안 좋아해요
14 | 
15 | ### 요즘 나의 관심사 (개발 / 비개발)
16 | 
17 | - **개발>** 리액트, 타입스크립트
18 | - **비개발>** 인유(인천유나이티드)
19 | 
20 | ### 내가 경험해본 것 중 추천해주고 싶은 것은?
21 | 
22 | 수영, 클라이밍, 스포츠팀 하나 사랑해보기
23 | 
24 | ### 나만의 TMI는 ?
25 | 
26 | 인천에서 태어나 초, 중, 고, 대, 군대까지 모두 인천에서 나왔어요! 지역에 대한 애착이 있습니다.
27 | 
28 | ### 내가 가장 자신 있는 것 / 잘하고 싶은 것
29 | 
30 | - **자신 있는 것>** 인내
31 | - **잘하고 싶은 것>** 말하기, 축구
32 | 


--------------------------------------------------------------------------------
/web/app/layout.tsx:
--------------------------------------------------------------------------------
 1 | import '@hamsurang/ui/globals.css'
 2 | import type { Metadata } from 'next'
 3 | import { Inter } from 'next/font/google'
 4 | import type { PropsWithChildren } from 'react'
 5 | import { EventListener, Header } from './_shared/components'
 6 | 
 7 | const inter = Inter({ subsets: ['latin'] })
 8 | 
 9 | export const metadata: Metadata = {
10 |   title: '함수랑산악회',
11 |   description: '함수랑산악회의 공식 홈페이지입니다.',
12 | }
13 | 
14 | export default function RootLayout({ children }: PropsWithChildren): JSX.Element {
15 |   return (
16 |     <html lang="ko">
17 |       <body className={inter.className}>
18 |         <Header />
19 |         <EventListener />
20 |         {children}
21 |       </body>
22 |     </html>
23 |   )
24 | }
25 | 


--------------------------------------------------------------------------------
/apps/wiki/middleware.ts:
--------------------------------------------------------------------------------
 1 | import { DEFAULT_NAV_ITEM_ID, NAV_ITEMS } from '@/_shared/constants/nav/nav.constants'
 2 | import type { NextRequest } from 'next/server'
 3 | import { NextResponse } from 'next/server'
 4 | 
 5 | export function middleware(request: NextRequest) {
 6 |   const { searchParams, origin } = request.nextUrl
 7 |   const docsId = searchParams.get('id')
 8 |   const isWrongDocsId =
 9 |     !docsId ||
10 |     !NAV_ITEMS.find(
11 |       (item) => item.id === docsId || item.subItems.find((subItem) => subItem.id === docsId),
12 |     )
13 | 
14 |   if (isWrongDocsId) {
15 |     return NextResponse.redirect(new URL(`?id=${DEFAULT_NAV_ITEM_ID}`, origin))
16 |   }
17 | }
18 | 
19 | export const config = {
20 |   matcher: ['/'],
21 | }
22 | 


--------------------------------------------------------------------------------
/apps/home/app/(profile-readme)/@readme/_shared/content/okinawaa.mdx:
--------------------------------------------------------------------------------
 1 | ### 노션에 업로드된 사진을 소개해주세요!
 2 | 
 3 | 일본 시라하마에 놀러가서 멋진 기모노 입고 찍은 사진입니다. 저때는 말랐었네요 지금은 통통합니다
 4 | 
 5 | ### 내가 제일 좋아하는 음식과 못 먹는 음식은?
 6 | 
 7 | - **제일 좋아하는 음식:** 텐동, 단백질
 8 | - **안 먹는 음식:** 사시미, 술
 9 | - **못 먹는 음식:** 추어탕? 비린 해산물
10 | 
11 | ### 요즘 나의 관심사 (개발 / 비개발)
12 | 
13 | - **개발>**
14 |   1. 가독성 좋은 코드 짜기
15 |   2. 비즈니스 요구사항에 유연하게 대응할 수 있는 코드 짜기
16 |   3. 함술앙 산악회
17 | 
18 | - **비개발>**
19 |   1. 헬스
20 |   2. 풋살
21 | 
22 | 
23 | ### 나만의 TMI는 ?
24 | 
25 | - 일본에서 1년 워킹홀리데이 했었습니다~~
26 |   - 다양한 일도 하고 너무 좋은 사람들 많이 만났어요 ㅠㅠㅠㅠㅠ
27 | - 개발을 React부터 시작해서 Vanilla JavaScript는 잘 모릅니다!! ㅋㅋ
28 | - 김쿼카님이랑 대학교 동문이자 전직장 동료입니다~
29 | 
30 | ### 내가 가장 자신 있는 것 / 잘하고 싶은 것
31 | 
32 | - **잘하고 싶은 것>**
33 |   - 커뮤니케이션 능력
34 | 


--------------------------------------------------------------------------------
/web/app/_shared/components/EventListener.tsx:
--------------------------------------------------------------------------------
 1 | 'use client'
 2 | 
 3 | import { type MessageData, isValidEventOrigin } from '@hamsurang/utils'
 4 | import { useEffect } from 'react'
 5 | 
 6 | export const EventListener = () => {
 7 |   useEffect(() => {
 8 |     const handleIncomingMessage = ({ origin, data }: MessageEvent<MessageData>) => {
 9 |       if (!isValidEventOrigin(origin)) {
10 |         return
11 |       }
12 | 
13 |       if (data.type === 'routeChange') {
14 |         history.replaceState({}, '', data.route)
15 |       }
16 |     }
17 | 
18 |     addEventListener('message', handleIncomingMessage)
19 | 
20 |     return () => {
21 |       removeEventListener('message', handleIncomingMessage)
22 |     }
23 |   }, [])
24 | 
25 |   return null
26 | }
27 | 


--------------------------------------------------------------------------------
/apps/home/app/(profile-readme)/@readme/_shared/content/main.mdx:
--------------------------------------------------------------------------------
 1 | ## 함수랑산악회에 오신걸 환영합니다 <img style={{ display: "inline" }} src="https://media.giphy.com/media/hvRJCLFzcasrR4ia7z/giphy.gif" width="25px" height="25px" />
 2 | <br/>
 3 | 
 4 | <img src="https://github.com/function-and-mountain/.github/assets/57122180/e2f34eb0-7bd6-408e-ac61-9138c3f875e7" />
 5 | 
 6 | ### 함수랑산악회란?
 7 | 
 8 | 함수랑산악회는 입력된 열정이 영향력으로 출력되는 FE 개발 동아리예요 <br/>
 9 | 함수랑산악회가 더 궁금하다면 오픈채팅으로 편하게 문의주세요 <br/>
10 | 
11 | <br/>
12 | <a style={{ color: "#0969da", fontWeight: "normal" }} href="https://open.kakao.com/o/sTjHAUsf" target="_blank">
13 |   함수랑산악회 오픈채팅방
14 | </a>
15 | 
16 | <a style={{ color: "#0969da", fontWeight: "normal" }} href="https://hamsurang.notion.site/4ec7716aa5354fc280cac5aa70a2800b" target="_blank">
17 |   함수랑노션
18 | </a>
19 | 


--------------------------------------------------------------------------------
/packages/icon/svgs/globe.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0ZM5.78 8.75a9.64 9.64 0 0 0 1.363 4.177c.255.426.542.832.857 1.215.245-.296.551-.705.857-1.215A9.64 9.64 0 0 0 10.22 8.75Zm4.44-1.5a9.64 9.64 0 0 0-1.363-4.177c-.307-.51-.612-.919-.857-1.215a9.927 9.927 0 0 0-.857 1.215A9.64 9.64 0 0 0 5.78 7.25Zm-5.944 1.5H1.543a6.507 6.507 0 0 0 4.666 5.5c-.123-.181-.24-.365-.352-.552-.715-1.192-1.437-2.874-1.581-4.948Zm-2.733-1.5h2.733c.144-2.074.866-3.756 1.58-4.948.12-.197.237-.381.353-.552a6.507 6.507 0 0 0-4.666 5.5Zm10.181 1.5c-.144 2.074-.866 3.756-1.58 4.948-.12.197-.237.381-.353.552a6.507 6.507 0 0 0 4.666-5.5Zm2.733-1.5a6.507 6.507 0 0 0-4.666-5.5c.123.181.24.365.353.552.714 1.192 1.436 2.874 1.58 4.948Z"></path></svg>
2 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/ActivityLog/compounds/ActivityLog.WeekList.tsx:
--------------------------------------------------------------------------------
 1 | import { cn } from '@hamsurang/ui'
 2 | 
 3 | const weekDays = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'] as const
 4 | 
 5 | const shouldHideWeekDay = (weekDay: (typeof weekDays)[number]) => {
 6 |   const visibleDays = ['Mon', 'Wed', 'Fri']
 7 |   return !visibleDays.includes(weekDay)
 8 | }
 9 | 
10 | export const ActivityLogWeekList = () => {
11 |   return (
12 |     <aside className="flex flex-col justify-evenly">
13 |       {weekDays.map((weekDay) => (
14 |         <span
15 |           className={cn('text-xs text-right', shouldHideWeekDay(weekDay) ? 'sr-only' : '')}
16 |           key={`${weekDay}+${crypto.randomUUID()}`}
17 |         >
18 |           {weekDay}
19 |         </span>
20 |       ))}
21 |     </aside>
22 |   )
23 | }
24 | 


--------------------------------------------------------------------------------
/web/next.config.js:
--------------------------------------------------------------------------------
 1 | /** @type {import('next').NextConfig} */
 2 | module.exports = {
 3 |   transpilePackages: ['@hamsurang/ui', '@hamsurang/icon'],
 4 |   experimental: {
 5 |     typedRoutes: true,
 6 |   },
 7 |   webpack(config) {
 8 |     const fileLoaderRule = config.module.rules.find((rule) => rule.test?.test?.('.svg'))
 9 | 
10 |     config.module.rules.push(
11 |       {
12 |         ...fileLoaderRule,
13 |         test: /\.svg$/i,
14 |         resourceQuery: /url/,
15 |       },
16 |       {
17 |         test: /\.svg$/i,
18 |         issuer: fileLoaderRule.issuer,
19 |         resourceQuery: { not: [...fileLoaderRule.resourceQuery.not, /url/] }, // exclude if *.svg?url
20 |         use: ['@svgr/webpack'],
21 |       },
22 |     )
23 | 
24 |     fileLoaderRule.exclude = /\.svg$/i
25 | 
26 |     return config
27 |   },
28 | }
29 | 


--------------------------------------------------------------------------------
/apps/home/app/(profile-readme)/@readme/_shared/content/yejineee.mdx:
--------------------------------------------------------------------------------
 1 | ### 노션에 업로드된 사진을 소개해주세요!
 2 | 
 3 | 입사 전에 갔던 제주도 여행에서 드라이브하다가 우연히 발견한 곳입니다!
 4 | 
 5 | ### 내가 제일 좋아하는 음식과 못 먹는 음식은?
 6 | 
 7 | - **좋아하는 음식:** 뜨끈한 국물있는 건 다 좋아합니다!
 8 | - **못 먹는 음식:** ~~먹으라고 있는건 다 먹습니다~~ 🤭
 9 | 
10 | ### 요즘 나의 관심사 (개발 / 비개발)
11 | 
12 | - **개발>**
13 |   - UX가 좋은 서비스 만들기.
14 |   - 기간 내에 오픈할 수 있도록 프로젝트 관리하기.
15 | 
16 | - **비개발>**
17 |   - 뉴진스 신곡(숩퍼 쌰-이), 수확자 결말, 마당이 있는 집 결말, 나는 솔로 결말…
18 | 
19 | ### 내가 경험해본 것 중 추천해주고 싶은 것은?
20 | 
21 | - 일기쓰기
22 |   - 지나가는 시간을 잠시 붙잡아둘 수 있는건 일기 같아요~!!
23 | - 팀원들과 2주에 한 번씩 개발 주제 정해서 얘기하기
24 |   - 팀원들과 같이 성-장하는 느낌! 그동안 궁금했던 개발 주제들에 대해서도 차곡차곡 알게 됩니다.
25 | 
26 | ### 나만의 TMI는 ?
27 | 
28 | 클라이밍 1년째 하지만, 여전히 초보에서 벗어나지 못합니다 ㅎㅎ
29 | 
30 | ### 내가 가장 자신 있는 것 / 잘하고 싶은 것
31 | 
32 | - **자신 있는 것>** 팩폭 👊
33 | - **잘하고 싶은 것>** 모두가 행복할 수 있는 프로젝트 관리하기
34 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/MBTIOverview/MBTI.overview.tsx:
--------------------------------------------------------------------------------
 1 | import { MBTIGraph } from './MBTI.graph'
 2 | import { MBTIInfo } from './MBTI.info'
 3 | import type { MBTI, MBTIProps } from './MBTI.types'
 4 | 
 5 | const sortedKeys = ['에너지_방향', '인식_기능', '판단_기능', '생활_양식'] as const
 6 | 
 7 | export const MBTIOverview = (props: MBTIProps) => {
 8 |   const mbtiInfos = sortedKeys.map((key) => props[key])
 9 |   const mbti = mbtiInfos.map(({ value }) => value).join('') as MBTI
10 | 
11 |   return (
12 |     <div className="flex w-full items-center gap-2 border-slate-200 border-2 h-[400px] rounded-lg mobile:flex mobile:flex-col mobile:h-[auto]">
13 |       <MBTIInfo mbti={mbti} />
14 |       <div className="h-[100%] w-[2px] bg-slate-200 mobile:w-full mobile:h-[2px]" />
15 |       <MBTIGraph mbtiInfos={mbtiInfos} />
16 |     </div>
17 |   )
18 | }
19 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/MBTIOverview/svgs/index.ts:
--------------------------------------------------------------------------------
 1 | export { default as ENFJ } from './ENFJ.svg'
 2 | export { default as ENFP } from './ENFP.svg'
 3 | export { default as ENTJ } from './ENTJ.svg'
 4 | export { default as ENTP } from './ENTP.svg'
 5 | export { default as ESFJ } from './ESFJ.svg'
 6 | export { default as ESFP } from './ESFP.svg'
 7 | export { default as ESTJ } from './ESTJ.svg'
 8 | export { default as ESTP } from './ESTP.svg'
 9 | export { default as INFJ } from './INFJ.svg'
10 | export { default as INFP } from './INFP.svg'
11 | export { default as INTJ } from './INTJ.svg'
12 | export { default as INTP } from './INTP.svg'
13 | export { default as ISFJ } from './ISFJ.svg'
14 | export { default as ISFP } from './ISFP.svg'
15 | export { default as ISTJ } from './ISTJ.svg'
16 | export { default as ISTP } from './ISTP.svg'
17 | 


--------------------------------------------------------------------------------
/apps/home/app/(profile-readme)/@readme/_shared/content/minchodang.mdx:
--------------------------------------------------------------------------------
 1 | ### 프로필 사진을 소개해주세요!
 2 | 
 3 | - 최근에, 바꾼 제 깃허브 프로필 사진인데여. ㅎㅎ 
 4 | - 제주도 항구에서 아침에 러닝하다가 우연히 바라봤는데 너무 예뻐서 찍어 봤어요. 📸
 5 | 
 6 | 
 7 | ### 내가 제일 좋아하는 음식과 못 먹는 음식은?
 8 | 
 9 | - **제일 좋아하는 음식:** 고기 Is 뭔들(개고기 빼고는 다 잘 먹습니다. ㅎㅎ)
10 | - **못 먹는 음식:** 개고기(어릴적 트라우마로 인해)
11 | 
12 | ### 요즘 나의 관심사 (개발 / 비개발)
13 | 
14 | - **개발>**
15 |   - 함수형 코딩
16 |   - 마이크로 프론트엔드 아키텍처, 디자인 패턴 등
17 | 
18 | - **비개발>**
19 |   - 운동, 러닝
20 |   - OTT 재밌는 드라마
21 | 
22 | ### 내가 경험해본 것 중 추천해주고 싶은 것은?
23 | 
24 | - 나홀로 무계획 여행
25 | - 스쿠버 다이빙
26 | 
27 | ### 나만의 TMI는 ?
28 | 
29 | - 토요일마다 아침 러닝을 합니다. ㅎㅎ
30 | - 추가로 운동도 평일 아침에는 출근 전에 꼭 해요. ㅎㅎ
31 | - 그 외에도, 세상사에 다양하게 관심이 많아요. ㅎㅎ
32 | 
33 | ### 내가 가장 자신 있는 것 / 잘하고 싶은 것
34 | 
35 | - **자신 있는 것>**
36 |   - 체력, 절제
37 | 
38 | - **잘하고 싶은 것>**
39 |   - 개발
40 |   - 삶을 어떻게 하면 더 재밌게 즐길 수 있는지
41 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/People/People.constants.ts:
--------------------------------------------------------------------------------
 1 | export const HAMSURANG_PEOPLE = [
 2 |   {
 3 |     name: '쿼카',
 4 |     username: 'minsoo-web',
 5 |   },
 6 |   {
 7 |     name: '쏘니',
 8 |     username: 'sonsurim',
 9 |   },
10 |   {
11 |     name: '마누',
12 |     username: 'manudeli',
13 |   },
14 |   {
15 |     name: '퉁이리',
16 |     username: 'tooooo1',
17 |   },
18 |   {
19 |     name: '쉽',
20 |     username: 'yejineee',
21 |   },
22 |   {
23 |     name: 'P민수',
24 |     username: 'minsour',
25 |   },
26 |   {
27 |     name: '웨일',
28 |     username: '2-NOW',
29 |   },
30 |   {
31 |     name: '모리',
32 |     username: 'chaaerim',
33 |   },
34 |   {
35 |     name: '민케이',
36 |     username: 'minchodang',
37 |   },
38 |   {
39 |     name: '삼바',
40 |     username: 'sungh0lim',
41 |   },
42 |   {
43 |     name: '오키나와',
44 |     username: 'okinawaa',
45 |   },
46 | ] as const
47 | 


--------------------------------------------------------------------------------
/apps/home/app/(profile-readme)/@readme/_shared/content/manudeli.mdx:
--------------------------------------------------------------------------------
 1 | ### 노션에 업로드된 사진을 소개해주세요!
 2 |     - 회사랑 GitHub 프로필로 사용하고 있어요
 3 | 
 4 | ### 내가 제일 좋아하는 음식과 못 먹는 음식은?
 5 |     - 지삼선 무지 좋아한다 근데 이제 [한성양갈비양꼬치](https://place.map.kakao.com/25115599) 지삼선만 맛있다. 반드시 드셔보시길. 아래가 거기 지삼선 사진이다. 가지를 좋아하지 않는 사람도 좋아하게 된다
 6 | 
 7 | ### 요즘 나의 관심사 (개발 / 비개발)
 8 | - 개발 > React Suspense를 쉽게 다루기 위한 [suspensive라는 라이브러리](https://github.com/suspensive/react)들을 관리하고 있다. 요새 여기에 suspenseCache라는 기능을 추가할 예정인데 기본기가 부족해서 Gof Design Pattern들 보면서 롤모델인 Tanstack/query를 보는 중이다.
 9 | 
10 | - 비개발 > 지삼선. 근데 이제 [한성양갈비양꼬치](https://place.map.kakao.com/25115599)의
11 | 
12 |   이거 먹고 한강에서 자전거 타면 그게 그렇게 좋다. 한강가다가 중간에 스타벅스가 있는데 거기서 코딩하면 그렇게 좋다
13 | ### 내가 경험해본 것 중 추천해주고 싶은 것은?
14 |     - 오래 사용할 라이브러리를 만드는 것!
15 | ### 나만의 TMI는 ?
16 |     - [jsxcss라는 라이브러리](https://github.com/jsxcss/react)도 만들고 있다. 근데 이건 emotion이 지고 있는 해라… 아쉽다
17 | ### 내가 가장 자신 있는 것 / 잘하고 싶은 것
18 | - 자신 있는 것 > 지속적인 플러팅 ENTP입니다
19 | - 잘하고 싶은 것 > 안정적인 플러팅 ENTP입니다


--------------------------------------------------------------------------------
/apps/wiki/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "wiki",
 3 |   "version": "1.0.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "dev": "next dev -p 3001",
 7 |     "build": "next build",
 8 |     "start": "next start -p 3001",
 9 |     "lint": "biome lint ./app",
10 |     "format": "biome format ./app --write"
11 |   },
12 |   "dependencies": {
13 |     "@hamsurang/ui": "workspace:*",
14 |     "@hamsurang/utils": "workspace:*",
15 |     "@mdx-js/loader": "^3.0.1",
16 |     "@mdx-js/react": "^3.0.1",
17 |     "@next/mdx": "^14.2.5",
18 |     "next": "^14.2.11",
19 |     "next-mdx-remote": "^5.0.0",
20 |     "react": "^18.2.0",
21 |     "react-dom": "^18.2.0"
22 |   },
23 |   "devDependencies": {
24 |     "@hamsurang/typescript-config": "workspace:*",
25 |     "@types/mdx": "^2.0.13",
26 |     "@types/react": "^18.2.61",
27 |     "@types/react-dom": "^18.2.19",
28 |     "autoprefixer": "^10.4.19",
29 |     "postcss": "^8.4.38",
30 |     "tailwindcss": "^3.4.3"
31 |   }
32 | }
33 | 


--------------------------------------------------------------------------------
/web/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "web",
 3 |   "version": "1.0.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "dev": "next dev",
 7 |     "build": "next build",
 8 |     "start": "next start",
 9 |     "lint": "biome lint ./app",
10 |     "format": "biome format ./app --write"
11 |   },
12 |   "dependencies": {
13 |     "@hamsurang/ui": "workspace:*",
14 |     "@hamsurang/icon": "workspace:*",
15 |     "@hamsurang/utils": "workspace:*",
16 |     "@hamsurang/constants": "workspace:*",
17 |     "next": "^14.2.11",
18 |     "react": "^18.2.0",
19 |     "react-dom": "^18.2.0",
20 |     "framer-motion": "^11.2.4",
21 |     "@floating-ui/react": "^0.26.15",
22 |     "react-use": "^17.5.0"
23 |   },
24 |   "devDependencies": {
25 |     "@hamsurang/typescript-config": "workspace:*",
26 |     "@types/react": "^18.2.61",
27 |     "@types/react-dom": "^18.2.19",
28 |     "autoprefixer": "^10.4.19",
29 |     "postcss": "^8.4.38",
30 |     "tailwindcss": "^3.4.3",
31 |     "@svgr/webpack": "^8.1.0"
32 |   }
33 | }
34 | 


--------------------------------------------------------------------------------
/biome.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "$schema": "https://biomejs.dev/schemas/1.7.0/schema.json",
 3 |   "organizeImports": {
 4 |     "enabled": true
 5 |   },
 6 |   "linter": {
 7 |     "enabled": true,
 8 |     "ignore": ["node_modules", "dist", ".next"],
 9 |     "rules": {
10 |       "recommended": true,
11 |       "style": {
12 |         "useBlockStatements": "error"
13 |       }
14 |     }
15 |   },
16 |   "formatter": {
17 |     "enabled": true,
18 |     "indentWidth": 2,
19 |     "indentStyle": "space",
20 |     "lineWidth": 100,
21 |     "ignore": ["node_modules", "dist", ".next"]
22 |   },
23 |   "json": {
24 |     "parser": {
25 |       "allowTrailingCommas": true
26 |     },
27 |     "formatter": {
28 |       "enabled": true
29 |     }
30 |   },
31 |   "javascript": {
32 |     "formatter": {
33 |       "enabled": true,
34 |       "quoteStyle": "single",
35 |       "jsxQuoteStyle": "double",
36 |       "trailingComma": "all",
37 |       "semicolons": "asNeeded",
38 |       "arrowParentheses": "always",
39 |       "quoteProperties": "asNeeded"
40 |     }
41 |   }
42 | }
43 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "origin",
 3 |   "private": true,
 4 |   "scripts": {
 5 |     "clean:branch": "git fetch --prune && git branch | grep -v '^*' | xargs git branch -D",
 6 |     "clean:cache": "turbo clean",
 7 |     "build:wiki": "turbo build --filter=wiki",
 8 |     "build:home": "turbo build --filter=home",
 9 |     "build:web": "turbo build --filter=web",
10 |     "build:all": "turbo build",
11 |     "dev:wiki": "turbo dev --filter=wiki",
12 |     "dev:home": "turbo dev --filter=home",
13 |     "dev:web": "turbo dev",
14 |     "start": "turbo start",
15 |     "lint": "turbo lint",
16 |     "format": "turbo format",
17 |     "prepare": "husky",
18 |     "preinstall": "corepack enable"
19 |   },
20 |   "devDependencies": {
21 |     "@biomejs/biome": "1.7.3",
22 |     "@hamsurang/typescript-config": "workspace:*",
23 |     "husky": "^9.0.11",
24 |     "nano-staged": "^0.8.0",
25 |     "turbo": "^2.0.7",
26 |     "typescript": "^5.4.5",
27 |     "@types/node": "20.13.0"
28 |   },
29 |   "packageManager": "pnpm@9.1.0",
30 |   "engines": {
31 |     "node": "20.13.0"
32 |   }
33 | }
34 | 


--------------------------------------------------------------------------------
/apps/home/next.config.js:
--------------------------------------------------------------------------------
 1 | const withMDX = require('@next/mdx')()
 2 | 
 3 | /** @type {import('next').NextConfig} */
 4 | const nextConfig = {
 5 |   pageExtensions: ['ts', 'tsx', 'mdx'],
 6 |   transpilePackages: ['@hamsurang/ui', '@hamsurang/icon'],
 7 |   experimental: {
 8 |     typedRoutes: true,
 9 |     outputFileTracingIncludes: {
10 |       '/people': ['./app/(profile-readme)/@readme/_shared/content/**/*'],
11 |     },
12 |   },
13 |   webpack(config) {
14 |     const fileLoaderRule = config.module.rules.find((rule) => rule.test?.test?.('.svg'))
15 | 
16 |     config.module.rules.push(
17 |       {
18 |         ...fileLoaderRule,
19 |         test: /\.svg$/i,
20 |         resourceQuery: /url/,
21 |       },
22 |       {
23 |         test: /\.svg$/i,
24 |         issuer: fileLoaderRule.issuer,
25 |         resourceQuery: { not: [...fileLoaderRule.resourceQuery.not, /url/] }, // exclude if *.svg?url
26 |         use: ['@svgr/webpack'],
27 |       },
28 |     )
29 | 
30 |     fileLoaderRule.exclude = /\.svg$/i
31 | 
32 |     return config
33 |   },
34 | }
35 | 
36 | module.exports = withMDX(nextConfig)
37 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/ActivityLog/ActivityLog.provider.tsx:
--------------------------------------------------------------------------------
 1 | import { type PropsWithChildren, createContext, useContext, useMemo, useState } from 'react'
 2 | 
 3 | const ActivityLogYearContext = createContext<
 4 |   | {
 5 |       selectedYear: number | undefined
 6 |       setSelectedYear: (year: number) => void
 7 |     }
 8 |   | undefined
 9 | >(undefined)
10 | 
11 | export const ActivityLogProvider = ({ children }: PropsWithChildren) => {
12 |   const [selectedYear, setSelectedYear] = useState<number | undefined>(undefined)
13 | 
14 |   const yearContext = useMemo(
15 |     () => ({
16 |       selectedYear,
17 |       setSelectedYear,
18 |     }),
19 |     [selectedYear],
20 |   )
21 | 
22 |   return (
23 |     <ActivityLogYearContext.Provider value={yearContext}>
24 |       {children}
25 |     </ActivityLogYearContext.Provider>
26 |   )
27 | }
28 | 
29 | export const useActivityLogYear = () => {
30 |   const context = useContext(ActivityLogYearContext)
31 | 
32 |   if (context == null) {
33 |     throw new Error('ActivityLog components must be wrapped in <ActivityLogProvider />')
34 |   }
35 | 
36 |   return context
37 | }
38 | 


--------------------------------------------------------------------------------
/packages/ui/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "@hamsurang/ui",
 3 |   "version": "0.0.0",
 4 |   "private": true,
 5 |   "exports": {
 6 |     ".": "./src/index.ts",
 7 |     "./globals.css": "./src/styles/globals.css",
 8 |     "./postcss.config": "./postcss.config.js",
 9 |     "./tailwind.config": "./tailwind.config.ts"
10 |   },
11 |   "scripts": {
12 |     "lint": "biome lint ./src",
13 |     "format": "biome format ./src --write"
14 |   },
15 |   "devDependencies": {
16 |     "@hamsurang/typescript-config": "workspace:*",
17 |     "@types/react": "^18.2.61",
18 |     "@types/react-dom": "^18.2.19",
19 |     "autoprefixer": "^10.4.19",
20 |     "postcss": "^8.4.38",
21 |     "react": "^18.2.0",
22 |     "tailwindcss": "^3.4.3"
23 |   },
24 |   "dependencies": {
25 |     "@radix-ui/react-avatar": "^1.0.4",
26 |     "@radix-ui/react-slot": "^1.0.2",
27 |     "@radix-ui/react-tooltip": "^1.1.2",
28 |     "class-variance-authority": "^0.7.0",
29 |     "clsx": "^2.1.1",
30 |     "lucide-react": "^0.378.0",
31 |     "tailwind-merge": "^2.3.0",
32 |     "tailwind-scrollbar-hide": "^1.1.7",
33 |     "tailwindcss-animate": "^1.0.7"
34 |   }
35 | }
36 | 


--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "editor.formatOnSave": true,
 3 |   "editor.codeActionsOnSave": {
 4 |     "quickfix.biome": "explicit",
 5 |     "source.organizeImports.biome": "explicit",
 6 |     "source.organizeImports": "explicit"
 7 |   },
 8 |   "editor.defaultFormatter": "biomejs.biome",
 9 |   "[javascript]": {
10 |     "editor.defaultFormatter": "biomejs.biome"
11 |   },
12 |   "[typescript]": {
13 |     "editor.defaultFormatter": "biomejs.biome"
14 |   },
15 |   "[typescriptreact]": {
16 |     "editor.defaultFormatter": "biomejs.biome"
17 |   },
18 |   "[json]": {
19 |     "editor.defaultFormatter": "biomejs.biome"
20 |   },
21 |   "[jsonc]": {
22 |     "editor.defaultFormatter": "biomejs.biome"
23 |   },
24 |   "typescript.tsdk": "node_modules/typescript/lib",
25 |   "typescript.enablePromptUseWorkspaceTsdk": true,
26 |   "cSpell.words": [
27 |     "biomejs",
28 |     "clsx",
29 |     "corepack",
30 |     "hamsurang",
31 |     "lucide",
32 |     "minsoo",
33 |     "nextjs",
34 |     "Nextra",
35 |     "preinstall",
36 |     "sonsurim",
37 |     "tailwindcss"
38 |   ],
39 |   "[css]": {
40 |     "editor.defaultFormatter": "vscode.css-language-features"
41 |   }
42 | }
43 | 


--------------------------------------------------------------------------------
/apps/home/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "home",
 3 |   "version": "1.0.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "dev": "next dev -p 3002",
 7 |     "build": "next build",
 8 |     "start": "next start -p 3002",
 9 |     "lint": "biome lint ./app",
10 |     "format": "biome format ./app --write"
11 |   },
12 |   "dependencies": {
13 |     "@floating-ui/react": "^0.26.15",
14 |     "@hamsurang/icon": "workspace:*",
15 |     "@hamsurang/ui": "workspace:*",
16 |     "@hamsurang/utils": "workspace:*",
17 |     "@mdx-js/loader": "^3.0.1",
18 |     "@mdx-js/react": "^3.0.1",
19 |     "@next/mdx": "^14.2.5",
20 |     "dayjs": "^1.11.11",
21 |     "framer-motion": "^11.2.4",
22 |     "next": "^14.2.11",
23 |     "next-mdx-remote": "^5.0.0",
24 |     "react": "^18.2.0",
25 |     "react-dom": "^18.2.0",
26 |     "react-use": "^17.5.0"
27 |   },
28 |   "devDependencies": {
29 |     "@hamsurang/typescript-config": "workspace:*",
30 |     "@svgr/webpack": "^8.1.0",
31 |     "@types/mdx": "^2.0.13",
32 |     "@types/react": "^18.2.61",
33 |     "@types/react-dom": "^18.2.19",
34 |     "autoprefixer": "^10.4.19",
35 |     "postcss": "^8.4.38",
36 |     "tailwindcss": "^3.4.3"
37 |   }
38 | }
39 | 


--------------------------------------------------------------------------------
/apps/home/app/(profile-readme)/layout.tsx:
--------------------------------------------------------------------------------
 1 | 'use client'
 2 | 
 3 | import { People } from '@/_shared'
 4 | import '@hamsurang/ui/globals.css'
 5 | import { postMessageToParent } from '@hamsurang/utils'
 6 | import { usePathname, useSearchParams } from 'next/navigation'
 7 | import { type PropsWithChildren, useEffect } from 'react'
 8 | 
 9 | export default function PeopleLayout({
10 |   children,
11 |   readme,
12 |   profile,
13 | }: PropsWithChildren<{
14 |   readme: React.ReactNode
15 |   profile: React.ReactNode
16 | }>): JSX.Element {
17 |   const searchParams = useSearchParams()
18 |   const pathname = usePathname()
19 | 
20 |   useEffect(() => {
21 |     const fullRoute = `/home${pathname}?${searchParams}`
22 | 
23 |     postMessageToParent({
24 |       type: 'routeChange',
25 |       route: fullRoute,
26 |     })
27 |   }, [pathname, searchParams])
28 | 
29 |   return (
30 |     <main className="flex gap-6 mobile:flex-col px-4 mt-2 max-w-[1200px] mx-auto">
31 |       <aside className="mobile:w-full w-[296px]">
32 |         {profile}
33 |         <People />
34 |       </aside>
35 | 
36 |       <section className="flex flex-col gap-4 flex-grow">
37 |         {readme}
38 |         {children}
39 |       </section>
40 |     </main>
41 |   )
42 | }
43 | 


--------------------------------------------------------------------------------
/packages/utils/src/iframeEventHandler/iframeEventHandler.ts:
--------------------------------------------------------------------------------
 1 | import { URL } from '@hamsurang/constants'
 2 | import type {
 3 |   ChildrenTitle,
 4 |   MessageData,
 5 |   MessageDataToChildren,
 6 |   MessageDataToParent,
 7 | } from './iframeEventHandler.types'
 8 | 
 9 | export const isValidEventOrigin = (origin: string) => {
10 |   return Object.values(URL).includes(origin)
11 | }
12 | 
13 | const getChildIframe = (title: ChildrenTitle) => {
14 |   const child = document.querySelector(`iframe[title=${title}]`) as HTMLIFrameElement | null
15 |   return child?.contentWindow
16 | }
17 | 
18 | const postMessage = (data: MessageData) => {
19 |   switch (data.type) {
20 |     case 'routeChange':
21 |       parent.postMessage({ type: data.type, route: data.route }, URL.ROOT)
22 |       break
23 |     case 'navigate':
24 |       getChildIframe(data.title)?.postMessage(
25 |         { type: data.type, route: data.route },
26 |         data.targetOrigin,
27 |       )
28 |       break
29 | 
30 |     default:
31 |       throw new Error('Invalid message type')
32 |   }
33 | }
34 | 
35 | export const postMessageToParent = (data: MessageDataToParent) => postMessage(data)
36 | export const postMessageToChildren = (data: MessageDataToChildren) => postMessage(data)
37 | 


--------------------------------------------------------------------------------
/apps/home/app/layout.tsx:
--------------------------------------------------------------------------------
 1 | 'use client'
 2 | 
 3 | import '@hamsurang/ui/globals.css'
 4 | import { isValidEventOrigin } from '@hamsurang/utils'
 5 | import { Inter } from 'next/font/google'
 6 | import { useRouter } from 'next/navigation'
 7 | import { type PropsWithChildren, Suspense, useEffect } from 'react'
 8 | 
 9 | const inter = Inter({ subsets: ['latin'] })
10 | 
11 | export default function RootLayout({ children }: PropsWithChildren): JSX.Element {
12 |   const router = useRouter()
13 | 
14 |   useEffect(() => {
15 |     const handleIncomingMessage = ({ origin, data }: MessageEvent) => {
16 |       if (!isValidEventOrigin(origin)) {
17 |         return
18 |       }
19 | 
20 |       if (data.type === 'navigate' && router) {
21 |         router.push(data.route)
22 |         router.refresh()
23 |       }
24 |     }
25 | 
26 |     addEventListener('message', handleIncomingMessage)
27 | 
28 |     return () => {
29 |       removeEventListener('message', handleIncomingMessage)
30 |     }
31 |   }, [router])
32 | 
33 |   return (
34 |     <html lang="ko">
35 |       <body className={inter.className}>
36 |         <main className="pt-iframe-padding">
37 |           <Suspense>{children}</Suspense>
38 |         </main>
39 |       </body>
40 |     </html>
41 |   )
42 | }
43 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/Repository/Repository.tsx:
--------------------------------------------------------------------------------
 1 | import { Book, Github, Globe, Link, Repo } from '@hamsurang/icon'
 2 | import type { Category, RepositoryItem } from './Repository.types'
 3 | 
 4 | export const Repository = (item: RepositoryItem) => {
 5 |   return (
 6 |     <li key={item.id} className="w-full">
 7 |       <article className="p-4 h-full border rounded-lg flex flex-col justify-between">
 8 |         <div className="flex items-center pb-2 gap-2">
 9 |           {categoryIconMap[item.category]}
10 |           <a
11 |             href={item.url}
12 |             rel="noreferrer"
13 |             target="_blank"
14 |             className="font-bold text-blue-500 break-all hover:underline"
15 |             aria-label={item.title}
16 |           >
17 |             {item.title}
18 |           </a>
19 |           <span className="border border-gray-300 text-gray-500 text-xs font-medium px-1.5 py-0.5 rounded-full">
20 |             {item?.tag || item.category}
21 |           </span>
22 |         </div>
23 |         <p className="text-gray-600 text-sm">{item.description}</p>
24 |       </article>
25 |     </li>
26 |   )
27 | }
28 | 
29 | const categoryIconMap: { [key in Category]: JSX.Element } = {
30 |   Blog: <Book />,
31 |   Github: <Github />,
32 |   Social: <Globe />,
33 |   Others: <Link />,
34 |   Repo: <Repo />,
35 | }
36 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/ActivityLog/compounds/ActivityLog.YearList.tsx:
--------------------------------------------------------------------------------
 1 | import { Button, cn } from '@hamsurang/ui'
 2 | import dayjs from 'dayjs'
 3 | import { useActivityLogYear } from '../ActivityLog.provider'
 4 | 
 5 | const START_YEAR = 2023
 6 | 
 7 | export const getYearButtonArray = () => {
 8 |   const thisYear = dayjs().startOf('year').year()
 9 | 
10 |   const yearDiff = thisYear - START_YEAR + 1
11 |   return Array.from({ length: yearDiff }).map((_, index) => {
12 |     const year = thisYear - index
13 |     return {
14 |       id: year,
15 |       year,
16 |     }
17 |   })
18 | }
19 | 
20 | export const ActivityLogYearList = () => {
21 |   const yearButtonArray = getYearButtonArray()
22 |   const context = useActivityLogYear()
23 | 
24 |   return (
25 |     <div className="flex-col flex gap-2 h-40 overflow-auto w-40 tablet:hidden">
26 |       {yearButtonArray.map((button) => (
27 |         <Button
28 |           className={cn(
29 |             'w-full bg-transparent text-foreground hover:bg-accent hover:text-accent-foreground flex justify-start',
30 |             button.year === context.selectedYear ? 'bg-blue-700 text-white hover:bg-blue-300' : '',
31 |           )}
32 |           key={button.id}
33 |           onClick={() => context.setSelectedYear(button.year)}
34 |         >
35 |           {button.year}
36 |         </Button>
37 |       ))}
38 |     </div>
39 |   )
40 | }
41 | 


--------------------------------------------------------------------------------
/packages/ui/src/components/tooltip.tsx:
--------------------------------------------------------------------------------
 1 | 'use client'
 2 | 
 3 | import * as TooltipPrimitive from '@radix-ui/react-tooltip'
 4 | import * as React from 'react'
 5 | import { cn } from '../lib/utils'
 6 | 
 7 | const TooltipProvider = TooltipPrimitive.Provider
 8 | 
 9 | const Tooltip = TooltipPrimitive.Root
10 | 
11 | const TooltipTrigger = TooltipPrimitive.Trigger
12 | 
13 | const TooltipContent = React.forwardRef<
14 |   React.ElementRef<typeof TooltipPrimitive.Content>,
15 |   React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
16 | >(({ className, sideOffset = 4, ...props }, ref) => (
17 |   <TooltipPrimitive.Portal>
18 |     <TooltipPrimitive.Content
19 |       ref={ref}
20 |       sideOffset={sideOffset}
21 |       className={cn(
22 |         'z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
23 |         className,
24 |       )}
25 |       {...props}
26 |     />
27 |   </TooltipPrimitive.Portal>
28 | ))
29 | TooltipContent.displayName = TooltipPrimitive.Content.displayName
30 | 
31 | export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }
32 | 


--------------------------------------------------------------------------------
/web/README.md:
--------------------------------------------------------------------------------
 1 | ## Getting Started
 2 | 
 3 | First, run the development server:
 4 | 
 5 | ```bash
 6 | yarn dev
 7 | ```
 8 | 
 9 | Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
10 | 
11 | You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
12 | 
13 | To create [API routes](https://nextjs.org/docs/app/building-your-application/routing/router-handlers) add an `api/` directory to the `app/` directory with a `route.ts` file. For individual endpoints, create a subfolder in the `api` directory, like `api/hello/route.ts` would map to [http://localhost:3000/api/hello](http://localhost:3000/api/hello).
14 | 
15 | ## Learn More
16 | 
17 | To learn more about Next.js, take a look at the following resources:
18 | 
19 | - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
20 | - [Learn Next.js](https://nextjs.org/learn/foundations/about-nextjs) - an interactive Next.js tutorial.
21 | 
22 | You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
23 | 
24 | ## Deploy on Vercel
25 | 
26 | The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme) from the creators of Next.js.
27 | 
28 | Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
29 | 


--------------------------------------------------------------------------------
/apps/home/README.md:
--------------------------------------------------------------------------------
 1 | ## Getting Started
 2 | 
 3 | First, run the development server:
 4 | 
 5 | ```bash
 6 | yarn dev
 7 | ```
 8 | 
 9 | Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
10 | 
11 | You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
12 | 
13 | To create [API routes](https://nextjs.org/docs/app/building-your-application/routing/router-handlers) add an `api/` directory to the `app/` directory with a `route.ts` file. For individual endpoints, create a subfolder in the `api` directory, like `api/hello/route.ts` would map to [http://localhost:3000/api/hello](http://localhost:3000/api/hello).
14 | 
15 | ## Learn More
16 | 
17 | To learn more about Next.js, take a look at the following resources:
18 | 
19 | - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
20 | - [Learn Next.js](https://nextjs.org/learn/foundations/about-nextjs) - an interactive Next.js tutorial.
21 | 
22 | You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
23 | 
24 | ## Deploy on Vercel
25 | 
26 | The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme) from the creators of Next.js.
27 | 
28 | Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
29 | 


--------------------------------------------------------------------------------
/apps/wiki/README.md:
--------------------------------------------------------------------------------
 1 | ## Getting Started
 2 | 
 3 | First, run the development server:
 4 | 
 5 | ```bash
 6 | yarn dev
 7 | ```
 8 | 
 9 | Open [http://localhost:3001](http://localhost:3001) with your browser to see the result.
10 | 
11 | You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
12 | 
13 | To create [API routes](https://nextjs.org/docs/app/building-your-application/routing/router-handlers) add an `api/` directory to the `app/` directory with a `route.ts` file. For individual endpoints, create a subfolder in the `api` directory, like `api/hello/route.ts` would map to [http://localhost:3001/api/hello](http://localhost:3001/api/hello).
14 | 
15 | ## Learn More
16 | 
17 | To learn more about Next.js, take a look at the following resources:
18 | 
19 | - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
20 | - [Learn Next.js](https://nextjs.org/learn/foundations/about-nextjs) - an interactive Next.js tutorial.
21 | 
22 | You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
23 | 
24 | ## Deploy on Vercel
25 | 
26 | The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_source=github.com&utm_medium=referral&utm_campaign=turborepo-readme) from the creators of Next.js.
27 | 
28 | Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
29 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/ActivityLog/compounds/ActivityLog.Table.tsx:
--------------------------------------------------------------------------------
 1 | import { useActivityLogYear } from '../ActivityLog.provider'
 2 | import { getDateRange } from '../ActivityLog.utils'
 3 | import { ActivityLogTableCell } from './ActivityLog.TableCell'
 4 | 
 5 | export const ActivityLogTable = ({
 6 |   activityLog,
 7 | }: {
 8 |   activityLog: Record<string, { contents: string[] }>
 9 | }) => {
10 |   const context = useActivityLogYear()
11 |   const [startDate, endDate] = getDateRange(context.selectedYear)
12 |   const totalDays = endDate.diff(startDate, 'day') + 1
13 | 
14 |   return (
15 |     <table className="table-fixed w-full max-w-xl border-separate">
16 |       <tbody>
17 |         {Array.from({ length: 7 }).map((_, dayOfWeek) => (
18 |           <tr key={crypto.randomUUID()}>
19 |             {Array.from({ length: Math.ceil(totalDays / 7) }).map((_, weekIndex) => {
20 |               const dayIndex = weekIndex * 7 + dayOfWeek
21 |               const currentDate = startDate.add(dayIndex, 'day')
22 |               const formattedDate = currentDate.format('YYYY-MM-DD')
23 | 
24 |               return (
25 |                 <ActivityLogTableCell
26 |                   key={formattedDate}
27 |                   dayData={activityLog[formattedDate]}
28 |                   dayIndex={dayIndex}
29 |                   totalDays={totalDays}
30 |                   currentDate={currentDate}
31 |                 />
32 |               )
33 |             })}
34 |           </tr>
35 |         ))}
36 |       </tbody>
37 |     </table>
38 |   )
39 | }
40 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/Profile/Profile.tsx:
--------------------------------------------------------------------------------
 1 | import { Email } from '@hamsurang/icon'
 2 | import { Avatar, AvatarFallback, AvatarImage } from '@hamsurang/ui'
 3 | 
 4 | export type ProfileProps = {
 5 |   name?: string
 6 |   username: string
 7 |   email?: string
 8 |   description?: string
 9 | }
10 | 
11 | export const Profile = ({ name, username, description, email }: ProfileProps) => {
12 |   return (
13 |     <div>
14 |       <div className="flex flex-col mobile:flex-row mobile:items-center mobile:gap-4 mobile:pb-4">
15 |         <Avatar className="w-[296px] h-[296px] mobile:size-[16%] mobile:aspect-square">
16 |           <AvatarImage
17 |             src={`https://github.com/${username}.png?size=296`}
18 |             alt={`${username}의 프로필`}
19 |           />
20 |           <AvatarFallback />
21 |         </Avatar>
22 | 
23 |         <div className="flex flex-col py-4 mobile:flex-grow mobile:py-0">
24 |           {name && <span className="text-3xl font-semibold mobile:text-lg">{name}</span>}
25 |           <span className="text-gray-500">{username}</span>
26 |           {description && <p>{description}</p>}
27 |         </div>
28 |       </div>
29 | 
30 |       {email && (
31 |         <div className="flex gap-4 text-gray-500 mobile:flex-col mobile:gap-2 mobile:text-sm">
32 |           <span className="flex items-center gap-1">
33 |             <Email />
34 |             <a className="hover:underline" href={`mailto:${email}`}>
35 |               {email}
36 |             </a>
37 |           </span>
38 |         </div>
39 |       )}
40 |     </div>
41 |   )
42 | }
43 | 


--------------------------------------------------------------------------------
/packages/ui/src/components/avatar.tsx:
--------------------------------------------------------------------------------
 1 | 'use client'
 2 | 
 3 | import * as AvatarPrimitive from '@radix-ui/react-avatar'
 4 | import * as React from 'react'
 5 | import { cn } from '../lib/utils'
 6 | 
 7 | const Avatar = React.forwardRef<
 8 |   React.ElementRef<typeof AvatarPrimitive.Root>,
 9 |   React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>
10 | >(({ className, ...props }, ref) => (
11 |   <AvatarPrimitive.Root
12 |     ref={ref}
13 |     className={cn('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full', className)}
14 |     {...props}
15 |   />
16 | ))
17 | Avatar.displayName = AvatarPrimitive.Root.displayName
18 | 
19 | const AvatarImage = React.forwardRef<
20 |   React.ElementRef<typeof AvatarPrimitive.Image>,
21 |   React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>
22 | >(({ className, ...props }, ref) => (
23 |   <AvatarPrimitive.Image
24 |     ref={ref}
25 |     className={cn('aspect-square h-full w-full', className)}
26 |     {...props}
27 |   />
28 | ))
29 | AvatarImage.displayName = AvatarPrimitive.Image.displayName
30 | 
31 | const AvatarFallback = React.forwardRef<
32 |   React.ElementRef<typeof AvatarPrimitive.Fallback>,
33 |   React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>
34 | >(({ className, ...props }, ref) => (
35 |   <AvatarPrimitive.Fallback
36 |     ref={ref}
37 |     className={cn(
38 |       'flex h-full w-full items-center justify-center rounded-full bg-muted',
39 |       className,
40 |     )}
41 |     {...props}
42 |   />
43 | ))
44 | AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName
45 | 
46 | export { Avatar, AvatarFallback, AvatarImage }
47 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/ActivityLog/ActivityLog.tsx:
--------------------------------------------------------------------------------
 1 | 'use client'
 2 | 
 3 | import dayjs from 'dayjs'
 4 | import { memo } from 'react'
 5 | import { ActivityLogProvider } from './ActivityLog.provider'
 6 | import type { ActivityLogProps } from './ActivityLog.types'
 7 | import * as Compounds from './compounds'
 8 | 
 9 | const getMergedActivityLog = ({ logs }: ActivityLogProps) => {
10 |   return logs.reduce<Record<string, { contents: string[] }>>((acc, log) => {
11 |     const endDate = dayjs(log.endDate)
12 |     let currentDate = dayjs(log.startDate)
13 | 
14 |     while (currentDate.isBefore(endDate) || currentDate.isSame(endDate, 'day')) {
15 |       const date = currentDate.format('YYYY-MM-DD')
16 |       if (!acc[date]) {
17 |         acc[date] = { contents: [] }
18 |       }
19 |       acc[date].contents.push(log.contents)
20 |       currentDate = currentDate.add(1, 'day')
21 |     }
22 | 
23 |     return acc
24 |   }, {})
25 | }
26 | 
27 | export const ActivityLog = memo(({ logs }: ActivityLogProps) => {
28 |   const mergedActivityLog = getMergedActivityLog({ logs })
29 | 
30 |   return (
31 |     <ActivityLogProvider>
32 |       <section className="flex gap-5 w-full max-w-max">
33 |         <article className="overflow-auto pt-3 pl-2 pr-2 pb-3 border border-gray-40 rounded-t-lg w-full max-w-[690px] h-32">
34 |           <Compounds.MonthList />
35 | 
36 |           <div className="flex gap-2">
37 |             <Compounds.WeekList />
38 | 
39 |             <Compounds.Table activityLog={mergedActivityLog} />
40 |           </div>
41 |         </article>
42 | 
43 |         <Compounds.YearList />
44 |       </section>
45 |     </ActivityLogProvider>
46 |   )
47 | })
48 | 


--------------------------------------------------------------------------------
/apps/home/app/(profile-readme)/@profile/people/people.constants.ts:
--------------------------------------------------------------------------------
 1 | import type { PEOPLE_MBTI_INFO_MAP } from '@/(profile-readme)/people/people.constants'
 2 | import type { ProfileProps } from '@/_shared/components/Profile/Profile'
 3 | 
 4 | export const PROFILE_INFO = {
 5 |   'minsoo-web': {
 6 |     name: 'Minsoo kim',
 7 |     username: 'minsoo-web',
 8 |     email: 'zlemzlem5656@naver.com',
 9 |     description: 'Developer who believes in the value of sharing',
10 |   },
11 |   '2-NOW': {
12 |     name: 'Lee HyunJae (whale)',
13 |     username: '2-NOW',
14 |   },
15 |   chaaerim: {
16 |     name: 'chaerim kim',
17 |     username: 'chaaerim',
18 |   },
19 |   manudeli: {
20 |     name: 'Jonghyeon Ko',
21 |     username: 'manudeli',
22 |     email: 'manudeli.ko@gmail.com',
23 |   },
24 |   minchodang: {
25 |     name: 'minsuKang',
26 |     username: 'minchodang',
27 |   },
28 |   minsour: {
29 |     name: 'Minsoo Park',
30 |     username: 'minsour',
31 |     email: 'parkminsoo0128@gmail.com',
32 |   },
33 |   okinawaa: {
34 |     name: '박찬혁',
35 |     username: 'okinawaa',
36 |     description: 'UX, DX enthusiast',
37 |     email: 'chanhyuk-tech@kakao.com',
38 |   },
39 |   sonsurim: {
40 |     name: 'Sonny',
41 |     username: 'sonsurim',
42 |     email: 'surim014@naver.com',
43 |   },
44 |   sungh0lim: {
45 |     name: '임성호 (삼바)',
46 |     username: 'sungh0lim',
47 |   },
48 |   tooooo1: {
49 |     name: 'tooooo1',
50 |     username: 'tooooo1',
51 |     email: 'jungchungil7@gmail.com',
52 |   },
53 |   yejineee: {
54 |     username: 'yejineee',
55 |     email: 'yygeniee@gmail.com',
56 |   },
57 | } satisfies {
58 |   [key in keyof typeof PEOPLE_MBTI_INFO_MAP]: ProfileProps
59 | }
60 | 


--------------------------------------------------------------------------------
/packages/ui/src/styles/globals.css:
--------------------------------------------------------------------------------
 1 | @tailwind base;
 2 | @tailwind components;
 3 | @tailwind utilities;
 4 | 
 5 | @layer base {
 6 |   :root {
 7 |     --background: 0 0% 100%;
 8 |     --foreground: 240 10% 3.9%;
 9 |     --card: 0 0% 100%;
10 |     --card-foreground: 240 10% 3.9%;
11 |     --popover: 0 0% 100%;
12 |     --popover-foreground: 240 10% 3.9%;
13 |     --primary: 142.1 76.2% 36.3%;
14 |     --primary-foreground: 355.7 100% 97.3%;
15 |     --secondary: 240 4.8% 95.9%;
16 |     --secondary-foreground: 240 5.9% 10%;
17 |     --muted: 240 4.8% 95.9%;
18 |     --muted-foreground: 240 3.8% 46.1%;
19 |     --accent: 240 4.8% 95.9%;
20 |     --accent-foreground: 240 5.9% 10%;
21 |     --destructive: 0 84.2% 60.2%;
22 |     --destructive-foreground: 0 0% 98%;
23 |     --border: 240 5.9% 90%;
24 |     --input: 240 5.9% 90%;
25 |     --ring: 142.1 76.2% 36.3%;
26 |     --radius: 0.5rem;
27 |   }
28 | 
29 |   .dark {
30 |     --background: 20 14.3% 4.1%;
31 |     --foreground: 0 0% 95%;
32 |     --card: 24 9.8% 10%;
33 |     --card-foreground: 0 0% 95%;
34 |     --popover: 0 0% 9%;
35 |     --popover-foreground: 0 0% 95%;
36 |     --primary: 142.1 70.6% 45.3%;
37 |     --primary-foreground: 144.9 80.4% 10%;
38 |     --secondary: 240 3.7% 15.9%;
39 |     --secondary-foreground: 0 0% 98%;
40 |     --muted: 0 0% 15%;
41 |     --muted-foreground: 240 5% 64.9%;
42 |     --accent: 12 6.5% 15.1%;
43 |     --accent-foreground: 0 0% 98%;
44 |     --destructive: 0 62.8% 30.6%;
45 |     --destructive-foreground: 0 85.7% 97.3%;
46 |     --border: 240 3.7% 15.9%;
47 |     --input: 240 3.7% 15.9%;
48 |     --ring: 142.4 71.8% 29.2%;
49 |   }
50 | }
51 | 
52 | @layer base {
53 |   * {
54 |     @apply border-border;
55 |   }
56 | 
57 |   body {
58 |     @apply bg-background text-foreground;
59 |   }
60 | }


--------------------------------------------------------------------------------
/apps/wiki/app/layout.tsx:
--------------------------------------------------------------------------------
 1 | 'use client'
 2 | 
 3 | import '@hamsurang/ui/globals.css'
 4 | 
 5 | import { isValidEventOrigin, postMessageToParent } from '@hamsurang/utils'
 6 | import { Inter } from 'next/font/google'
 7 | import { useRouter, useSearchParams } from 'next/navigation'
 8 | import { type PropsWithChildren, Suspense, useEffect } from 'react'
 9 | import { NAV_ITEMS, SideNav } from './_shared'
10 | 
11 | const inter = Inter({ subsets: ['latin'] })
12 | 
13 | export default function RootLayout({ children }: PropsWithChildren): JSX.Element {
14 |   const router = useRouter()
15 |   const searchParams = useSearchParams()
16 |   const docId = searchParams.get('id')
17 | 
18 |   useEffect(() => {
19 |     const handleIncomingMessage = ({ origin, data }: MessageEvent) => {
20 |       if (!isValidEventOrigin(origin)) {
21 |         return
22 |       }
23 | 
24 |       if (data.type === 'navigate' && router) {
25 |         router.push(data.route)
26 |         router.refresh()
27 |       }
28 |     }
29 | 
30 |     addEventListener('message', handleIncomingMessage)
31 | 
32 |     return () => {
33 |       removeEventListener('message', handleIncomingMessage)
34 |     }
35 |   }, [router])
36 | 
37 |   useEffect(() => {
38 |     const fullRoute = `/wiki?${searchParams}`
39 | 
40 |     postMessageToParent({
41 |       type: 'routeChange',
42 |       route: fullRoute,
43 |     })
44 |   }, [searchParams])
45 | 
46 |   return (
47 |     <html lang="ko">
48 |       <body className={inter.className}>
49 |         <main className="flex gap-6 mobile:flex-col px-4 max-w-[1200px] mx-auto pt-iframe-padding">
50 |           <Suspense>
51 |             {children}
52 |             <SideNav items={NAV_ITEMS} docsId={docId} />
53 |           </Suspense>
54 |         </main>
55 |       </body>
56 |     </html>
57 |   )
58 | }
59 | 


--------------------------------------------------------------------------------
/web/app/_shared/components/GlobalNavigationBar.tsx:
--------------------------------------------------------------------------------
 1 | 'use client'
 2 | 
 3 | import { URL } from '@hamsurang/constants'
 4 | import { Book, Code } from '@hamsurang/icon'
 5 | import { cn } from '@hamsurang/ui'
 6 | import { postMessageToChildren } from '@hamsurang/utils'
 7 | import Link from 'next/link'
 8 | import { usePathname } from 'next/navigation'
 9 | import type { MouseEventHandler, PropsWithChildren } from 'react'
10 | 
11 | export const GlobalNavigationBar = () => {
12 |   return (
13 |     <nav className="flex gap-4">
14 |       <LinkButton
15 |         href="/home"
16 |         onClick={() =>
17 |           postMessageToChildren({
18 |             type: 'navigate',
19 |             route: '/',
20 |             title: 'home',
21 |             targetOrigin: URL.HOME,
22 |           })
23 |         }
24 |       >
25 |         <Code />
26 |         <span>홈</span>
27 |       </LinkButton>
28 |       <LinkButton
29 |         href="/wiki"
30 |         onClick={() =>
31 |           postMessageToChildren({
32 |             type: 'navigate',
33 |             route: '/',
34 |             title: 'wiki',
35 |             targetOrigin: URL.WIKI,
36 |           })
37 |         }
38 |       >
39 |         <Book />
40 |         <span>위키</span>
41 |       </LinkButton>
42 |     </nav>
43 |   )
44 | }
45 | 
46 | const LinkButton = ({
47 |   href,
48 |   children,
49 |   onClick,
50 | }: PropsWithChildren<{
51 |   href: __next_route_internal_types__.RouteImpl<string>
52 |   onClick: MouseEventHandler<HTMLAnchorElement>
53 | }>) => {
54 |   const pathname = usePathname()
55 | 
56 |   const isActive = pathname.startsWith(href)
57 | 
58 |   return (
59 |     <Link
60 |       className={cn(
61 |         'flex gap-2 justify-center items-center border-b-4 px-2 py-1',
62 |         isActive ? 'border-primary text-primary' : 'border-transparent text-muted-foreground',
63 |       )}
64 |       href={href}
65 |       onClick={onClick}
66 |     >
67 |       {children}
68 |     </Link>
69 |   )
70 | }
71 | 


--------------------------------------------------------------------------------
/packages/ui/src/components/button.tsx:
--------------------------------------------------------------------------------
 1 | import { Slot } from '@radix-ui/react-slot'
 2 | import { type VariantProps, cva } from 'class-variance-authority'
 3 | import * as React from 'react'
 4 | import { cn } from '../lib/utils'
 5 | 
 6 | const buttonVariants = cva(
 7 |   'inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium text-sm ring-offset-background transition-colors disabled:pointer-events-none disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
 8 |   {
 9 |     variants: {
10 |       variant: {
11 |         default: 'bg-primary text-primary-foreground hover:bg-primary/90',
12 |         destructive: 'bg-destructive text-destructive-foreground hover:bg-destructive/90',
13 |         outline: 'border border-input bg-background hover:bg-accent hover:text-accent-foreground',
14 |         secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
15 |         ghost: 'hover:bg-accent hover:text-accent-foreground',
16 |         link: 'text-primary underline-offset-4 hover:underline',
17 |       },
18 |       size: {
19 |         default: 'h-10 px-4 py-2',
20 |         sm: 'h-9 rounded-md px-3',
21 |         lg: 'h-11 rounded-md px-8',
22 |         icon: 'h-10 w-10',
23 |       },
24 |     },
25 |     defaultVariants: {
26 |       variant: 'default',
27 |       size: 'default',
28 |     },
29 |   },
30 | )
31 | 
32 | export interface ButtonProps
33 |   extends React.ButtonHTMLAttributes<HTMLButtonElement>,
34 |     VariantProps<typeof buttonVariants> {
35 |   asChild?: boolean
36 | }
37 | 
38 | const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
39 |   ({ className, variant, size, asChild = false, ...props }, ref) => {
40 |     const Comp = asChild ? Slot : 'button'
41 |     return (
42 |       <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props} />
43 |     )
44 |   },
45 | )
46 | Button.displayName = 'Button'
47 | 
48 | export { Button, buttonVariants }
49 | 


--------------------------------------------------------------------------------
/apps/home/app/home.constants.ts:
--------------------------------------------------------------------------------
 1 | import type { ActivityLogProps, RepositoryItem } from './_shared'
 2 | 
 3 | export const REPOSITORY_ITEMS: RepositoryItem[] = [
 4 |   {
 5 |     id: 1,
 6 |     title: '함수랑크리틱',
 7 |     category: 'Repo',
 8 |     tag: '정규활동',
 9 |     description: '고민거리, 함수랑크리틱에서 치열하게 논의해요',
10 |     url: 'https://hamsurang.notion.site/48d713cdac644ae4a4b159a2662c88cf',
11 |   },
12 |   {
13 |     id: 2,
14 |     title: '함수랑투게더',
15 |     category: 'Repo',
16 |     tag: '정규활동',
17 |     description: '함수랑투게더에서는 함께하는 즐거움을 느껴요',
18 |     url: 'https://hamsurang.notion.site/fc592575d8374a64bda88b6639cadaf1',
19 |   },
20 |   {
21 |     id: 3,
22 |     title: '함수랑마라톤',
23 |     category: 'Repo',
24 |     tag: '정규활동',
25 |     description: '함수랑산악회에서 진행되는 해커톤에서 함께 달려요',
26 |     url: 'https://hamsurang.notion.site/4d15bc3cb2b54e6ca804871be3fccabc',
27 |   },
28 |   {
29 |     id: 4,
30 |     title: '함수랑학예회',
31 |     category: 'Repo',
32 |     tag: '대외활동',
33 |     description: '클라이머의 멋진 발표를 학예회에서 함께해요',
34 |     url: 'https://hamsurang.notion.site/d51cec47044342cabe9ed11cac6f2993',
35 |   },
36 | ]
37 | 
38 | export const sampleData: ActivityLogProps['logs'] = [
39 |   { startDate: '2024-01-01', endDate: '2024-06-04', contents: '첫 번째 활동 내역' },
40 |   { startDate: '2024-01-01', endDate: '2024-03-31', contents: '두 번째 활동 내역' },
41 | ]
42 | 
43 | export const ACTIVITY_LOGS: ActivityLogProps['logs'] = [
44 |   {
45 |     startDate: '2023-07-13',
46 |     endDate: '2023-09-21',
47 |     contents: '쏙쏙쑥쑥 1기',
48 |   },
49 |   {
50 |     startDate: '2023-10-25',
51 |     endDate: '2023-12-27',
52 |     contents: '쏙쏙쑥쑥 2기',
53 |   },
54 |   {
55 |     startDate: '2023-06-01',
56 |     endDate: '2024-07-04',
57 |     contents: '함수랑크리틱 V1',
58 |   },
59 |   {
60 |     startDate: '2024-06-09',
61 |     endDate: '2024-06-09',
62 |     contents: '함수랑마라톤',
63 |   },
64 |   {
65 |     startDate: '2024-06-22',
66 |     endDate: '2024-06-22',
67 |     contents: '함수랑학예회',
68 |   },
69 |   {
70 |     startDate: '2024-06-28',
71 |     endDate: '2024-06-28',
72 |     contents: '2분기정기모임',
73 |   },
74 | ]
75 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/ActivityLog/compounds/ActivityLog.MonthList.tsx:
--------------------------------------------------------------------------------
 1 | import type { Dayjs } from 'dayjs'
 2 | import { useActivityLogYear } from '../ActivityLog.provider'
 3 | import { getDateRange } from '../ActivityLog.utils'
 4 | 
 5 | const calculateGapClass = ({
 6 |   index,
 7 |   leftDaysInFirstMonth,
 8 | }: { index: number; leftDaysInFirstMonth: number }) => {
 9 |   const baseMargin = 'mr-[30.5px]'
10 |   if (index !== 0) {
11 |     return baseMargin
12 |   }
13 | 
14 |   const weeksInFirstMonth = Math.floor(leftDaysInFirstMonth / 7)
15 |   const gapClasses = ['mr-0', 'mr-2.5', 'mr-5', baseMargin]
16 |   return gapClasses[weeksInFirstMonth - 1] || baseMargin
17 | }
18 | 
19 | const getMonthsInRange = ({
20 |   startDate,
21 |   endDate,
22 |   selectedYear,
23 | }: { startDate: Dayjs; endDate: Dayjs; selectedYear?: number }) => {
24 |   const months = []
25 |   const startOfMonth =
26 |     startDate.endOf('month').diff(startDate, 'day') < 7
27 |       ? startDate.add(1, 'month').startOf('month')
28 |       : startDate.startOf('month')
29 |   let currentMonth = selectedYear ? startDate.add(1, 'day').startOf('month') : startOfMonth
30 |   const endOfMonth = endDate.endOf('month')
31 | 
32 |   while (currentMonth.isBefore(endOfMonth)) {
33 |     months.push({
34 |       name: currentMonth.format('MMM'),
35 |       startIndex: currentMonth.diff(startDate, 'day'),
36 |     })
37 |     currentMonth = currentMonth.add(1, 'month')
38 |   }
39 |   return months
40 | }
41 | 
42 | export const ActivityLogMonthList = () => {
43 |   const context = useActivityLogYear()
44 |   const [startDate, endDate] = getDateRange(context.selectedYear)
45 | 
46 |   const months = getMonthsInRange({ startDate, endDate, selectedYear: context.selectedYear })
47 |   const leftDaysInFirstMonth = startDate.endOf('month').diff(startDate, 'day')
48 | 
49 |   return (
50 |     <header className="flex w-full max-w-2xl pl-8">
51 |       {months.map((month, index) => {
52 |         const gapClass = calculateGapClass({ index, leftDaysInFirstMonth })
53 | 
54 |         return (
55 |           <span key={month.startIndex} className={`text-xs text-center ${gapClass}`}>
56 |             {month.name}
57 |           </span>
58 |         )
59 |       })}
60 |     </header>
61 |   )
62 | }
63 | 


--------------------------------------------------------------------------------
/apps/home/app/(profile-readme)/people/people.constants.ts:
--------------------------------------------------------------------------------
 1 | import type { MBTIProps } from '@/_shared'
 2 | 
 3 | export const PEOPLE_MBTI_INFO_MAP = {
 4 |   minsour: {
 5 |     에너지_방향: { value: 'I', percent: 100 },
 6 |     인식_기능: { value: 'N', percent: 100 },
 7 |     판단_기능: { value: 'F', percent: 100 },
 8 |     생활_양식: { value: 'J', percent: 100 },
 9 |   },
10 |   'minsoo-web': {
11 |     에너지_방향: { value: 'I', percent: 100 },
12 |     인식_기능: { value: 'N', percent: 100 },
13 |     판단_기능: { value: 'F', percent: 100 },
14 |     생활_양식: { value: 'P', percent: 100 },
15 |   },
16 |   sonsurim: {
17 |     에너지_방향: { value: 'I', percent: 67 },
18 |     인식_기능: { value: 'N', percent: 68 },
19 |     판단_기능: { value: 'T', percent: 63 },
20 |     생활_양식: { value: 'J', percent: 63 },
21 |   },
22 |   manudeli: {
23 |     에너지_방향: { value: 'E', percent: 100 },
24 |     인식_기능: { value: 'N', percent: 100 },
25 |     판단_기능: { value: 'T', percent: 100 },
26 |     생활_양식: { value: 'P', percent: 100 },
27 |   },
28 |   tooooo1: {
29 |     에너지_방향: { value: 'E', percent: 80 },
30 |     인식_기능: { value: 'S', percent: 55 },
31 |     판단_기능: { value: 'F', percent: 51 },
32 |     생활_양식: { value: 'P', percent: 53 },
33 |   },
34 |   yejineee: {
35 |     에너지_방향: { value: 'I', percent: 100 },
36 |     인식_기능: { value: 'N', percent: 100 },
37 |     판단_기능: { value: 'T', percent: 100 },
38 |     생활_양식: { value: 'J', percent: 100 },
39 |   },
40 |   '2-NOW': {
41 |     에너지_방향: { value: 'E', percent: 100 },
42 |     인식_기능: { value: 'N', percent: 100 },
43 |     판단_기능: { value: 'T', percent: 100 },
44 |     생활_양식: { value: 'P', percent: 100 },
45 |   },
46 |   chaaerim: {
47 |     에너지_방향: { value: 'E', percent: 100 },
48 |     인식_기능: { value: 'N', percent: 100 },
49 |     판단_기능: { value: 'F', percent: 100 },
50 |     생활_양식: { value: 'J', percent: 100 },
51 |   },
52 |   minchodang: {
53 |     에너지_방향: { value: 'I', percent: 60 },
54 |     인식_기능: { value: 'N', percent: 70 },
55 |     판단_기능: { value: 'F', percent: 70 },
56 |     생활_양식: { value: 'J', percent: 80 },
57 |   },
58 |   sungh0lim: {
59 |     에너지_방향: { value: 'E', percent: 100 },
60 |     인식_기능: { value: 'S', percent: 100 },
61 |     판단_기능: { value: 'F', percent: 100 },
62 |     생활_양식: { value: 'J', percent: 100 },
63 |   },
64 |   okinawaa: {
65 |     에너지_방향: { value: 'E', percent: 100 },
66 |     인식_기능: { value: 'N', percent: 100 },
67 |     판단_기능: { value: 'F', percent: 100 },
68 |     생활_양식: { value: 'P', percent: 100 },
69 |   },
70 | } satisfies Record<string, MBTIProps>
71 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/People/People.tsx:
--------------------------------------------------------------------------------
 1 | 'use client'
 2 | 
 3 | import { FloatingArrow, arrow, autoUpdate, useFloating } from '@floating-ui/react'
 4 | import { Avatar, AvatarFallback, AvatarImage } from '@hamsurang/ui'
 5 | import { AnimatePresence, motion } from 'framer-motion'
 6 | import Link from 'next/link'
 7 | import { useRef } from 'react'
 8 | import { useTimeout } from 'react-use'
 9 | import { HAMSURANG_PEOPLE } from './People.constants'
10 | 
11 | export const People = () => {
12 |   const arrowRef = useRef(null)
13 |   const { refs, floatingStyles, context } = useFloating({
14 |     middleware: [
15 |       arrow({
16 |         element: arrowRef,
17 |       }),
18 |     ],
19 |     whileElementsMounted: autoUpdate,
20 |   })
21 |   const [isReady] = useTimeout(500)
22 | 
23 |   return (
24 |     <div className="relative mb-3 py-3 border-top">
25 |       <span className="flex gap-1">
26 |         <a
27 |           className="font-semibold hover:underline"
28 |           href="https://github.com/orgs/hamsurang/people"
29 |           target="_blank"
30 |           rel="noreferrer"
31 |         >
32 |           People
33 |         </a>
34 | 
35 |         <span className="text-gray-600">{HAMSURANG_PEOPLE.length}</span>
36 |       </span>
37 | 
38 |       <div ref={refs.setPositionReference} className="flex flex-wrap mt-3 gap-1">
39 |         {HAMSURANG_PEOPLE.map(({ name, username }) => (
40 |           <Link href={`/people?username=${username}`} key={name}>
41 |             <Avatar className="cursor-pointer">
42 |               <AvatarImage
43 |                 src={`https://github.com/${username}.png?size=70`}
44 |                 alt={`${username}의 프로필`}
45 |               />
46 |               <AvatarFallback />
47 |             </Avatar>
48 |           </Link>
49 |         ))}
50 |       </div>
51 | 
52 |       <AnimatePresence>
53 |         {isReady() && (
54 |           <motion.div
55 |             ref={refs.setFloating}
56 |             style={floatingStyles}
57 |             className="relative bg-black text-white p-4 mobile:hidden"
58 |             initial={{ top: 0, opacity: 0 }}
59 |             variants={{
60 |               spring: {
61 |                 top: 30,
62 |                 transition: {
63 |                   type: 'spring',
64 |                   damping: 3,
65 |                   stiffness: 200,
66 |                 },
67 |               },
68 |               fadeIn: {
69 |                 opacity: 1,
70 |                 transition: {
71 |                   duration: 0.5,
72 |                 },
73 |               },
74 |             }}
75 |             animate={['spring', 'fadeIn']}
76 |           >
77 |             show more information
78 |             <FloatingArrow ref={arrowRef} context={context} />
79 |           </motion.div>
80 |         )}
81 |       </AnimatePresence>
82 |     </div>
83 |   )
84 | }
85 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/MBTIOverview/MBTI.info.tsx:
--------------------------------------------------------------------------------
  1 | 'use client'
  2 | 
  3 | import type { MBTI } from './MBTI.types'
  4 | import * as MBTISvg from './svgs'
  5 | 
  6 | export const MBTIInfo = ({
  7 |   mbti,
  8 | }: {
  9 |   mbti: MBTI
 10 | }) => {
 11 |   const Svg = MBTISvg[mbti]
 12 | 
 13 |   return (
 14 |     <section className="flex flex-col items-center justify-center w-[50%] mobile:flex-row mobile:w-full mobile:items-center mobile:p-5">
 15 |       <div className="size-[200px] mobile:size-[50%]">
 16 |         <Svg />
 17 |       </div>
 18 | 
 19 |       <div className="w-[80%]">
 20 |         <div className="text-lg font-bold">{mbti}</div>
 21 |         <div className="text-xs text-gray-500">{MBTIInfoMap[mbti].alias}</div>
 22 | 
 23 |         <div className="text-sm whitespace-pre">{MBTIInfoMap[mbti].description}</div>
 24 |       </div>
 25 |     </section>
 26 |   )
 27 | }
 28 | 
 29 | const MBTIInfoMap = {
 30 |   INTJ: {
 31 |     alias: '전략가',
 32 |     description: '모든 일에 대해 계획을 세우며\n상상력이 풍부한 전략가입니다.',
 33 |   },
 34 |   INTP: {
 35 |     alias: '논리술사',
 36 |     description: '지식을 끝없이 갈망하는\n 혁신적인 발명가입니다.',
 37 |   },
 38 |   ENTJ: {
 39 |     alias: '통솔자',
 40 |     description:
 41 |       '항상 문제 해결 방법을 찾아내는 성격으로,\n대담하고 상상력이 풍부하며 의지가 강력한 지도자입니다.',
 42 |   },
 43 |   ENTP: {
 44 |     alias: '변론가',
 45 |     description: '지적 도전을 즐기는 영리하고\n호기심이 많은 사색가입니다.',
 46 |   },
 47 |   INFJ: {
 48 |     alias: '옹호자',
 49 |     description:
 50 |       '차분하고 신비한 분위기를 풍기는 성격으로,\n다른 사람에게 의욕을 불어넣는 이상주의자입니다.',
 51 |   },
 52 |   INFP: {
 53 |     alias: '중재자',
 54 |     description: '항상 선을 행할 준비가 되어 있는\n부드럽고 친절한 이타주의자입니다.',
 55 |   },
 56 |   ENFJ: {
 57 |     alias: '선도자',
 58 |     description: '청중을 사로잡고 의욕을 불어넣는\n카리스마 넘치는 지도자입니다.',
 59 |   },
 60 |   ENFP: {
 61 |     alias: '활동가',
 62 |     description:
 63 |       '열정적이고 창의적인 성격으로,\n긍정적으로 삶을 바라보는 사교적이면서도 자유로운 영혼입니다.',
 64 |   },
 65 |   ISTJ: {
 66 |     alias: '현실주의자',
 67 |     description: '사실을 중시하는\n믿음직한 현실주의자입니다.',
 68 |   },
 69 |   ISFJ: {
 70 |     alias: '수호자',
 71 |     description: '주변 사람을 보호할 준비가 되어 있는\n헌신적이고 따뜻한 수호자입니다.',
 72 |   },
 73 |   ESTJ: {
 74 |     alias: '경영자',
 75 |     description: '사물과 사람을 관리하는 데 뛰어난 능력을 지닌 경영자입니다.',
 76 |   },
 77 |   ESFJ: {
 78 |     alias: '집정관',
 79 |     description:
 80 |       '배려심이 넘치고 항상 다른 사람을 도울 준비가 되어 있는 성격으로,\n인기가 많고 사교성 높은 마당발입니다.',
 81 |   },
 82 |   ISTP: {
 83 |     alias: '장인',
 84 |     description:
 85 |       '대담하면서도 현실적인 성격으로,\n모든 종류의 도구를 자유자재로 다루는 장인입니다.',
 86 |   },
 87 |   ISFP: {
 88 |     alias: '모험가',
 89 |     description: '항상 새로운 경험을 추구하는 유연하고 매력 넘치는 예술가입니다.',
 90 |   },
 91 |   ESTP: {
 92 |     alias: '사업가',
 93 |     description:
 94 |       '위험을 기꺼이 감수하는 성격으로, 영리하고 에너지 넘치며 관찰력이 뛰어난 사업가입니다.',
 95 |   },
 96 |   ESFP: {
 97 |     alias: '연예인',
 98 |     description: '즉흥적이고 넘치는 에너지와 열정으로\n주변 사람을 즐겁게 하는 연예인입니다.',
 99 |   },
100 | }
101 | 


--------------------------------------------------------------------------------
/packages/ui/tailwind.config.ts:
--------------------------------------------------------------------------------
 1 | import type { Config } from 'tailwindcss'
 2 | import tailwindcssAnimate from 'tailwindcss-animate'
 3 | 
 4 | const config = {
 5 |   darkMode: ['class'],
 6 |   content: [
 7 |     './pages/**/*.{ts,tsx}',
 8 |     './components/**/*.{ts,tsx}',
 9 |     './app/**/*.{ts,tsx}',
10 |     './src/**/*.{ts,tsx}',
11 |     '../../packages/ui/src/**/*.{ts,tsx}',
12 |   ],
13 |   prefix: '',
14 |   theme: {
15 |     container: {
16 |       center: true,
17 |       padding: '2rem',
18 |       screens: {
19 |         '2xl': '1400px',
20 |       },
21 |     },
22 |     screens: {
23 |       mobile: { max: '760px' },
24 |       tablet: { max: '1000px' },
25 |     },
26 |     extend: {
27 |       height: {
28 |         'iframe-height': 'calc(100vh - 84px)',
29 |       },
30 |       padding: {
31 |         'iframe-padding': '1.5rem',
32 |       },
33 |       colors: {
34 |         border: 'hsl(var(--border))',
35 |         input: 'hsl(var(--input))',
36 |         ring: 'hsl(var(--ring))',
37 |         background: 'hsl(var(--background))',
38 |         foreground: 'hsl(var(--foreground))',
39 |         primary: {
40 |           DEFAULT: 'hsl(var(--primary))',
41 |           foreground: 'hsl(var(--primary-foreground))',
42 |         },
43 |         secondary: {
44 |           DEFAULT: 'hsl(var(--secondary))',
45 |           foreground: 'hsl(var(--secondary-foreground))',
46 |         },
47 |         destructive: {
48 |           DEFAULT: 'hsl(var(--destructive))',
49 |           foreground: 'hsl(var(--destructive-foreground))',
50 |         },
51 |         muted: {
52 |           DEFAULT: 'hsl(var(--muted))',
53 |           foreground: 'hsl(var(--muted-foreground))',
54 |         },
55 |         accent: {
56 |           DEFAULT: 'hsl(var(--accent))',
57 |           foreground: 'hsl(var(--accent-foreground))',
58 |         },
59 |         popover: {
60 |           DEFAULT: 'hsl(var(--popover))',
61 |           foreground: 'hsl(var(--popover-foreground))',
62 |         },
63 |         card: {
64 |           DEFAULT: 'hsl(var(--card))',
65 |           foreground: 'hsl(var(--card-foreground))',
66 |         },
67 |       },
68 |       borderRadius: {
69 |         lg: 'var(--radius)',
70 |         md: 'calc(var(--radius) - 2px)',
71 |         sm: 'calc(var(--radius) - 4px)',
72 |       },
73 |       keyframes: {
74 |         'accordion-down': {
75 |           from: { height: '0' },
76 |           to: { height: 'var(--radix-accordion-content-height)' },
77 |         },
78 |         'accordion-up': {
79 |           from: { height: 'var(--radix-accordion-content-height)' },
80 |           to: { height: '0' },
81 |         },
82 |       },
83 |       animation: {
84 |         'accordion-down': 'accordion-down 0.2s ease-out',
85 |         'accordion-up': 'accordion-up 0.2s ease-out',
86 |       },
87 |     },
88 |   },
89 |   plugins: [tailwindcssAnimate],
90 | } satisfies Config
91 | 
92 | export default config
93 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/ActivityLog/compounds/ActivityLog.TableCell.tsx:
--------------------------------------------------------------------------------
 1 | import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn } from '@hamsurang/ui'
 2 | import type { Dayjs } from 'dayjs'
 3 | import { useActivityLogYear } from '../ActivityLog.provider'
 4 | 
 5 | export const ActivityLogTableCell = ({
 6 |   dayIndex,
 7 |   dayData,
 8 |   totalDays,
 9 |   currentDate,
10 | }: {
11 |   dayIndex: number
12 |   dayData: { contents: string[] } | undefined
13 |   totalDays: number
14 |   currentDate: Dayjs
15 | }) => {
16 |   const context = useActivityLogYear()
17 | 
18 |   const isOutOfRange =
19 |     dayIndex >= totalDays || (context.selectedYear && currentDate.year() < context.selectedYear)
20 | 
21 |   if (isOutOfRange) {
22 |     return null
23 |   }
24 | 
25 |   if (!dayData) {
26 |     return <Empty currentDate={currentDate} />
27 |   }
28 | 
29 |   return <Content currentDate={currentDate} dayData={dayData} />
30 | }
31 | 
32 | const colorClasses = ['bg-green-200', 'bg-green-400', 'bg-green-600', 'bg-green-800']
33 | 
34 | const getCellColorClass = (activityCount: number) => {
35 |   return colorClasses[Math.min(activityCount, colorClasses.length) - 1]
36 | }
37 | 
38 | const Empty = ({
39 |   currentDate,
40 | }: {
41 |   currentDate: Dayjs
42 | }) => {
43 |   return (
44 |     <TooltipProvider>
45 |       <Tooltip>
46 |         <TooltipTrigger asChild>
47 |           <td
48 |             className="w-[10px] h-[10px] cursor-pointer  max-w-[10px] max-h-[10px] bg-gray-200 rounded-[2px]"
49 |             aria-label="활동 내역: 없음"
50 |           />
51 |         </TooltipTrigger>
52 |         <TooltipContent asChild>
53 |           <section className="flex flex-col gap-1 bg-zinc-800 text-white p-2 rounded-[4px] w-full max-w-44">
54 |             <span>{currentDate.format('YYYY.MM.DD')}</span>
55 |             <span className="whitespace-pre-wrap">활동 내역이 없습니다.</span>
56 |           </section>
57 |         </TooltipContent>
58 |       </Tooltip>
59 |     </TooltipProvider>
60 |   )
61 | }
62 | 
63 | const Content = ({
64 |   currentDate,
65 |   dayData,
66 | }: {
67 |   currentDate: Dayjs
68 |   dayData: { contents: string[] }
69 | }) => {
70 |   const contents = dayData.contents.join(',\n')
71 | 
72 |   return (
73 |     <TooltipProvider>
74 |       <Tooltip>
75 |         <TooltipTrigger asChild>
76 |           <td
77 |             className={cn(
78 |               'w-[10px] h-[10px] cursor-pointer  max-w-[10px] max-h-[10px] rounded-[2px]',
79 |               getCellColorClass(dayData.contents.length ?? 0),
80 |             )}
81 |             aria-label={`활동 내역: ${contents}`}
82 |           />
83 |         </TooltipTrigger>
84 |         <TooltipContent asChild>
85 |           <section className="flex flex-col gap-1 bg-zinc-800 text-white p-2 rounded-[4px] w-full max-w-44">
86 |             <span>{currentDate.format('YYYY.MM.DD')}</span>
87 |             <span className="whitespace-pre-wrap">{contents}</span>
88 |           </section>
89 |         </TooltipContent>
90 |       </Tooltip>
91 |     </TooltipProvider>
92 |   )
93 | }
94 | 


--------------------------------------------------------------------------------
/apps/wiki/app/_shared/components/SideNav/SideNav.tsx:
--------------------------------------------------------------------------------
 1 | import type { NAV_ITEMS } from '@/_shared/constants'
 2 | import { cn } from '@hamsurang/ui'
 3 | import Link from 'next/link'
 4 | 
 5 | export interface SideNavProps {
 6 |   items: typeof NAV_ITEMS
 7 |   docsId: string | null
 8 | }
 9 | 
10 | export const SideNav = ({ docsId, items }: SideNavProps) => {
11 |   return (
12 |     <nav className="p-4 w-[296px] mobile:w-full">
13 |       <section className="shadow-sm border rounded-lg">
14 |         <header className="border-b cursor-pointer py-2 px-3 bg-[#f6f8fa]">
15 |           <h3 className="text-sm font-medium">
16 |             Pages
17 |             <span
18 |               title={items.length.toString()}
19 |               className="text-xs bg-[#59636e] text-white rounded-full px-2 py-0.5 ml-2"
20 |             >
21 |               {items.length}
22 |             </span>
23 |           </h3>
24 |         </header>
25 |         <ul className="p-0 list-none">
26 |           {items.map((item) => (
27 |             <li key={item.id} className="border-b">
28 |               <details className="group" open>
29 |                 <summary className="cursor-pointer flex items-center p-2">
30 |                   <svg
31 |                     aria-hidden="true"
32 |                     height="16"
33 |                     viewBox="0 0 16 16"
34 |                     width="16"
35 |                     className="group-open:rotate-0 -rotate-90"
36 |                   >
37 |                     <path d="m4.427 7.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.396 7H4.604a.25.25 0 0 0-.177.427Z" />
38 |                   </svg>
39 |                   <span className="ml-2 text-sm font-bold text-blue-500 truncate">
40 |                     <Link
41 |                       href={`?id=${item.id}`}
42 |                       className={cn(
43 |                         'text-gray-700 hover:text-blue-500 hover:underline',
44 |                         !docsId || docsId === item.id ? 'text-primary' : 'text-gray-700',
45 |                       )}
46 |                     >
47 |                       {item.name}
48 |                     </Link>
49 |                   </span>
50 |                 </summary>
51 |                 <ul className="list-none pl-6 pb-4">
52 |                   {item.subItems.map((subItem) => (
53 |                     <li key={subItem.id} className="py-1 text-sm">
54 |                       <Link
55 |                         href={`?id=${subItem.id}`}
56 |                         className={cn(
57 |                           'text-gray-700 hover:text-blue-500 hover:underline',
58 |                           docsId === subItem.id ? 'text-primary' : 'text-gray-700',
59 |                         )}
60 |                       >
61 |                         {subItem.name}
62 |                       </Link>
63 |                     </li>
64 |                   ))}
65 |                 </ul>
66 |               </details>
67 |             </li>
68 |           ))}
69 |         </ul>
70 |       </section>
71 |     </nav>
72 |   )
73 | }
74 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/MBTIOverview/MBTI.graph.tsx:
--------------------------------------------------------------------------------
  1 | export const MBTIGraph = ({
  2 |   mbtiInfos,
  3 | }: {
  4 |   mbtiInfos: { value: string; percent: number }[]
  5 | }) => {
  6 |   const numAxes = mbtiInfos.length
  7 |   const angleStep = (2 * Math.PI) / numAxes
  8 | 
  9 |   const points = mbtiInfos.map(({ percent }, index) => {
 10 |     const angle = index * angleStep - Math.PI / 2
 11 |     const x = (0.5 + (percent / 100) * 0.4 * Math.cos(angle)) * 100
 12 |     const y = (0.5 + (percent / 100) * 0.4 * Math.sin(angle)) * 100
 13 |     return { x, y }
 14 |   })
 15 | 
 16 |   const pointString = points.map((point) => `${point.x},${point.y}`).join(' ')
 17 | 
 18 |   return (
 19 |     <div className="flex items-center justify-center w-[50%] mobile:w-full mobile:justify-start mobile:p-1">
 20 |       <svg
 21 |         width="300"
 22 |         height="300"
 23 |         viewBox="0 0 100 100"
 24 |         className="radar-chart mobile:w-[50%] mobile:aspect-1 mobile:h-[auto]"
 25 |       >
 26 |         <title>MBTI Graph</title>
 27 |         <line
 28 |           strokeWidth="0.7"
 29 |           strokeLinecap="round"
 30 |           className="stroke-primary"
 31 |           x1="10"
 32 |           y1="50"
 33 |           x2="90"
 34 |           y2="50"
 35 |         />
 36 |         <line
 37 |           strokeWidth="0.7"
 38 |           strokeLinecap="round"
 39 |           className="stroke-primary"
 40 |           x1="50"
 41 |           y1="10"
 42 |           x2="50"
 43 |           y2="90"
 44 |         />
 45 | 
 46 |         <polygon
 47 |           points={pointString}
 48 |           className="fill-[#40c46380]"
 49 |           style={{
 50 |             fill: '',
 51 |           }}
 52 |         />
 53 | 
 54 |         {points.map((point, index) => (
 55 |           <circle
 56 |             // biome-ignore lint:
 57 |             key={index}
 58 |             cx={point.x}
 59 |             cy={point.y}
 60 |             r="1"
 61 |             className="fill-white stroke-primary mobile:hidden"
 62 |             strokeWidth={0.7}
 63 |           />
 64 |         ))}
 65 | 
 66 |         {mbtiInfos.map(({ percent, value }, index) => {
 67 |           const angle = index * angleStep - Math.PI / 2
 68 |           const x = (0.5 + 0.45 * Math.cos(angle)) * 100
 69 |           const y = (0.5 + 0.45 * Math.sin(angle)) * 100
 70 | 
 71 |           return (
 72 |             <text
 73 |               key={value}
 74 |               x={x}
 75 |               y={y}
 76 |               textAnchor="middle"
 77 |               dominantBaseline="middle"
 78 |               fontSize="3"
 79 |               className="mobile:hidden"
 80 |             >
 81 |               <tspan x={x} dy={index === 0 ? '-1' : '0'} fontSize="4">
 82 |                 {value}
 83 |               </tspan>
 84 |               <tspan x={x} dy={index === 0 ? '3' : '4'}>
 85 |                 {percent} %
 86 |               </tspan>
 87 |             </text>
 88 |           )
 89 |         })}
 90 |       </svg>
 91 | 
 92 |       <div className="hidden mobile:block mobile:w-[50%] mobile:pl-5">
 93 |         <ul className="flex flex-col gap-2">
 94 |           {mbtiInfos.map(({ value, percent }) => (
 95 |             <li key={value} className="flex items-center gap-2">
 96 |               <span className="text-primary">{value}</span>
 97 |               <span>{percent} %</span>
 98 |             </li>
 99 |           ))}
100 |         </ul>
101 |       </div>
102 |     </div>
103 |   )
104 | }
105 | 


--------------------------------------------------------------------------------
/packages/ui/src/components/MDX.styles.tsx:
--------------------------------------------------------------------------------
  1 | import type { HTMLAttributes, ImgHTMLAttributes } from 'react'
  2 | import { cn } from '../lib/utils'
  3 | 
  4 | export const MDXStylingComponents = {
  5 |   h1: ({ className, ...props }: HTMLAttributes<HTMLHeadingElement>) => (
  6 |     <h1
  7 |       className={cn('mt-2 scroll-m-20 border-b pb-3 text-3xl font-semibold', className)}
  8 |       {...props}
  9 |     />
 10 |   ),
 11 |   h2: ({ className, ...props }: HTMLAttributes<HTMLHeadingElement>) => (
 12 |     <h2
 13 |       className={cn(
 14 |         'mt-10 scroll-m-20 mb-[16px] border-b pb-2 text-2xl font-semibold tracking-tight first:mt-0',
 15 |         className,
 16 |       )}
 17 |       {...props}
 18 |     />
 19 |   ),
 20 |   h3: ({ className, ...props }: HTMLAttributes<HTMLHeadingElement>) => (
 21 |     <h3
 22 |       className={cn('mt-8 scroll-m-20 text-xl font-semibold tracking-tight', className)}
 23 |       {...props}
 24 |     />
 25 |   ),
 26 |   h4: ({ className, ...props }: HTMLAttributes<HTMLHeadingElement>) => (
 27 |     <h4
 28 |       className={cn('mt-8 scroll-m-20 text-lg font-semibold tracking-tight', className)}
 29 |       {...props}
 30 |     />
 31 |   ),
 32 |   h5: ({ className, ...props }: HTMLAttributes<HTMLHeadingElement>) => (
 33 |     <h5
 34 |       className={cn('mt-8 scroll-m-20 text-lg font-semibold tracking-tight', className)}
 35 |       {...props}
 36 |     />
 37 |   ),
 38 |   h6: ({ className, ...props }: HTMLAttributes<HTMLHeadingElement>) => (
 39 |     <h6
 40 |       className={cn('mt-8 scroll-m-20 text-base font-semibold tracking-tight', className)}
 41 |       {...props}
 42 |     />
 43 |   ),
 44 |   a: ({ className, ...props }: HTMLAttributes<HTMLAnchorElement>) => (
 45 |     <a className={cn('text-[#0969da] underline underline-offset-4', className)} {...props} />
 46 |   ),
 47 |   p: ({ className, ...props }: HTMLAttributes<HTMLParagraphElement>) => (
 48 |     <p
 49 |       className={cn('text-base leading-[24px] [&:not(:first-child)]:mt-5 mb-[16px]', className)}
 50 |       {...props}
 51 |     />
 52 |   ),
 53 |   ul: ({ className, ...props }: HTMLAttributes<HTMLUListElement>) => (
 54 |     <ul className={cn('my-6 ml-6 list-disc', className)} {...props} />
 55 |   ),
 56 |   ol: ({ className, ...props }: HTMLAttributes<HTMLOListElement>) => (
 57 |     <ol className={cn('my-6 ml-6 list-decimal', className)} {...props} />
 58 |   ),
 59 |   li: ({ className, ...props }: HTMLAttributes<HTMLElement>) => (
 60 |     <li className={cn('mt-2', className)} {...props} />
 61 |   ),
 62 |   blockquote: ({ className, ...props }: HTMLAttributes<HTMLElement>) => (
 63 |     <blockquote
 64 |       className={cn('mt-6 pl-4 text-[#59636e] border-l-4 border-[#d1d9e0]', className)}
 65 |       {...props}
 66 |     />
 67 |   ),
 68 |   img: ({ className, alt, ...props }: ImgHTMLAttributes<HTMLImageElement>) => (
 69 |     // biome-ignore lint/a11y/useAltText: <explanation>
 70 |     <img className={cn('rounded-lg', className)} alt={alt} {...props} />
 71 |   ),
 72 |   hr: ({ ...props }: HTMLAttributes<HTMLHRElement>) => <hr className="my-4 md:my-8" {...props} />,
 73 |   table: ({ className, ...props }: HTMLAttributes<HTMLTableElement>) => (
 74 |     <div className="my-6 w-full overflow-y-auto">
 75 |       <table className={cn('w-full', className)} {...props} />
 76 |     </div>
 77 |   ),
 78 |   tr: ({ className, ...props }: HTMLAttributes<HTMLTableRowElement>) => (
 79 |     <tr className={cn('m-0 border-t p-0 even:bg-muted', className)} {...props} />
 80 |   ),
 81 |   th: ({ className, ...props }: HTMLAttributes<HTMLTableCellElement>) => (
 82 |     <th
 83 |       className={cn(
 84 |         'border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right',
 85 |         className,
 86 |       )}
 87 |       {...props}
 88 |     />
 89 |   ),
 90 |   td: ({ className, ...props }: HTMLAttributes<HTMLTableCellElement>) => (
 91 |     <td
 92 |       className={cn(
 93 |         'border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right',
 94 |         className,
 95 |       )}
 96 |       {...props}
 97 |     />
 98 |   ),
 99 |   code: ({ className, ...props }: HTMLAttributes<HTMLElement>) => (
100 |     <code
101 |       className={cn(
102 |         'relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm',
103 |         className,
104 |       )}
105 |       {...props}
106 |     />
107 |   ),
108 |   details: ({ className, ...props }: HTMLAttributes<HTMLDetailsElement>) => (
109 |     <details className={cn('cursor-pointer', className)} {...props} />
110 |   ),
111 | }
112 | 


--------------------------------------------------------------------------------
/packages/icon/svgs/hamsurang-logo.svg:
--------------------------------------------------------------------------------
  1 | <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
  2 | <g clip-path="url(#clip0_629_152)">
  3 | <rect width="32" height="32" fill="url(#paint0_radial_629_152)"/>
  4 | <path d="M-0.237061 0H32V32.237H-0.237061V0Z" fill="url(#paint1_radial_629_152)"/>
  5 | <g filter="url(#filter0_di_629_152)">
  6 | <path d="M6.35742 20.4595C10.4961 14.5707 11.3748 12.8944 12.4801 13.1569C13.5412 13.4089 14.0441 15.2951 14.8651 16.3645C15.4061 17.0692 16.2902 16.5484 16.603 15.717L18.1824 11.5197C18.3755 11.0065 18.8663 10.6667 19.4146 10.6667V10.6667C19.8936 10.6667 20.3348 10.9269 20.5666 11.346L22.8998 15.5631L25.6088 20.4595" stroke="url(#paint2_radial_629_152)" stroke-width="1.8963" stroke-linecap="round"/>
  7 | </g>
  8 | <g filter="url(#filter1_f_629_152)">
  9 | <line x1="1.52867" y1="-0.298729" x2="1.49945" y2="34.5832" stroke="#DAFF71" stroke-opacity="0.15" stroke-width="0.237037"/>
 10 | </g>
 11 | <g filter="url(#filter2_f_629_152)">
 12 | <line x1="5.14611" y1="-0.295799" x2="5.11688" y2="34.5862" stroke="#5BFFBC" stroke-opacity="0.3" stroke-width="0.237037"/>
 13 | </g>
 14 | <g filter="url(#filter3_f_629_152)">
 15 | <line x1="8.76329" y1="-0.292869" x2="8.73407" y2="34.5891" stroke="#DAFF71" stroke-opacity="0.15" stroke-width="0.237037"/>
 16 | </g>
 17 | <g filter="url(#filter4_f_629_152)">
 18 | <line x1="12.3807" y1="-0.28994" x2="12.3515" y2="34.592" stroke="#DAFF71" stroke-opacity="0.15" stroke-width="0.237037"/>
 19 | </g>
 20 | <g filter="url(#filter5_f_629_152)">
 21 | <line x1="15.9982" y1="-0.286766" x2="15.9689" y2="34.5952" stroke="#DAFF71" stroke-opacity="0.15" stroke-width="0.237037"/>
 22 | </g>
 23 | <g filter="url(#filter6_f_629_152)">
 24 | <line x1="19.6156" y1="-0.283836" x2="19.5864" y2="34.5981" stroke="#DAFF71" stroke-opacity="0.15" stroke-width="0.237037"/>
 25 | </g>
 26 | <g filter="url(#filter7_f_629_152)">
 27 | <line x1="23.233" y1="-0.280907" x2="23.2038" y2="34.6011" stroke="#5BFFBC" stroke-opacity="0.3" stroke-width="0.237037"/>
 28 | </g>
 29 | <g filter="url(#filter8_f_629_152)">
 30 | <line x1="26.8505" y1="-0.277733" x2="26.8212" y2="34.6042" stroke="#DAFF71" stroke-opacity="0.15" stroke-width="0.237037"/>
 31 | </g>
 32 | <g filter="url(#filter9_f_629_152)">
 33 | <line x1="30.4679" y1="-0.274559" x2="30.4387" y2="34.6074" stroke="#DAFF71" stroke-opacity="0.15" stroke-width="0.237037"/>
 34 | </g>
 35 | <g filter="url(#filter10_f_629_152)">
 36 | <line x1="-1.7167" y1="31.4904" x2="33.1653" y2="31.5196" stroke="#DAFF71" stroke-opacity="0.15" stroke-width="0.237037"/>
 37 | </g>
 38 | <g filter="url(#filter11_f_629_152)">
 39 | <line x1="-1.71401" y1="27.8729" x2="33.168" y2="27.9022" stroke="#DAFF71" stroke-opacity="0.15" stroke-width="0.237037"/>
 40 | </g>
 41 | <g filter="url(#filter12_f_629_152)">
 42 | <line x1="-1.71108" y1="24.2555" x2="33.1709" y2="24.2847" stroke="url(#paint3_linear_629_152)" stroke-opacity="0.3" stroke-width="0.237037"/>
 43 | </g>
 44 | <g filter="url(#filter13_f_629_152)">
 45 | <line x1="-1.70791" y1="20.6383" x2="33.1741" y2="20.6675" stroke="#DAFF71" stroke-opacity="0.15" stroke-width="0.237037"/>
 46 | </g>
 47 | <g filter="url(#filter14_f_629_152)">
 48 | <line x1="-1.70498" y1="17.0209" x2="33.177" y2="17.0501" stroke="#DAFF71" stroke-opacity="0.15" stroke-width="0.237037"/>
 49 | </g>
 50 | <g filter="url(#filter15_f_629_152)">
 51 | <line x1="-1.70181" y1="13.4035" x2="33.1802" y2="13.4327" stroke="#DAFF71" stroke-opacity="0.15" stroke-width="0.237037"/>
 52 | </g>
 53 | <g filter="url(#filter16_f_629_152)">
 54 | <line x1="-1.69888" y1="9.78602" x2="33.1831" y2="9.81524" stroke="#DAFF71" stroke-opacity="0.15" stroke-width="0.237037"/>
 55 | </g>
 56 | <g filter="url(#filter17_f_629_152)">
 57 | <line x1="-1.69595" y1="6.16859" x2="33.186" y2="6.19781" stroke="url(#paint4_linear_629_152)" stroke-opacity="0.3" stroke-width="0.237037"/>
 58 | </g>
 59 | <g filter="url(#filter18_f_629_152)">
 60 | <line x1="-1.69277" y1="2.55116" x2="33.1892" y2="2.58038" stroke="#DAFF71" stroke-opacity="0.15" stroke-width="0.237037"/>
 61 | </g>
 62 | </g>
 63 | <defs>
 64 | <filter id="filter0_di_629_152" x="-1.70193" y="2.6074" width="35.3702" height="25.9117" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 65 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 66 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
 67 | <feOffset/>
 68 | <feGaussianBlur stdDeviation="3.55556"/>
 69 | <feComposite in2="hardAlpha" operator="out"/>
 70 | <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0"/>
 71 | <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_629_152"/>
 72 | <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_629_152" result="shape"/>
 73 | <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
 74 | <feOffset/>
 75 | <feGaussianBlur stdDeviation="0.474074"/>
 76 | <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
 77 | <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/>
 78 | <feBlend mode="normal" in2="shape" result="effect2_innerShadow_629_152"/>
 79 | </filter>
 80 | <filter id="filter1_f_629_152" x="0.432711" y="-1.24698" width="2.16265" height="36.7784" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 81 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 82 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 83 | <feGaussianBlur stdDeviation="0.474074" result="effect1_foregroundBlur_629_152"/>
 84 | </filter>
 85 | <filter id="filter2_f_629_152" x="4.05014" y="-1.24405" width="2.16265" height="36.7784" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 86 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 87 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 88 | <feGaussianBlur stdDeviation="0.474074" result="effect1_foregroundBlur_629_152"/>
 89 | </filter>
 90 | <filter id="filter3_f_629_152" x="7.66733" y="-1.24112" width="2.16265" height="36.7784" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 91 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 92 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 93 | <feGaussianBlur stdDeviation="0.474074" result="effect1_foregroundBlur_629_152"/>
 94 | </filter>
 95 | <filter id="filter4_f_629_152" x="11.2848" y="-1.23819" width="2.16265" height="36.7784" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 96 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 97 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
 98 | <feGaussianBlur stdDeviation="0.474074" result="effect1_foregroundBlur_629_152"/>
 99 | </filter>
100 | <filter id="filter5_f_629_152" x="14.9022" y="-1.23501" width="2.16265" height="36.7784" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
101 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
102 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
103 | <feGaussianBlur stdDeviation="0.474074" result="effect1_foregroundBlur_629_152"/>
104 | </filter>
105 | <filter id="filter6_f_629_152" x="18.5196" y="-1.23208" width="2.16265" height="36.7784" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
106 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
107 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
108 | <feGaussianBlur stdDeviation="0.474074" result="effect1_foregroundBlur_629_152"/>
109 | </filter>
110 | <filter id="filter7_f_629_152" x="22.1371" y="-1.22915" width="2.16265" height="36.7784" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
111 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
112 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
113 | <feGaussianBlur stdDeviation="0.474074" result="effect1_foregroundBlur_629_152"/>
114 | </filter>
115 | <filter id="filter8_f_629_152" x="25.7545" y="-1.22598" width="2.16265" height="36.7784" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
116 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
117 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
118 | <feGaussianBlur stdDeviation="0.474074" result="effect1_foregroundBlur_629_152"/>
119 | </filter>
120 | <filter id="filter9_f_629_152" x="29.3719" y="-1.22281" width="2.16265" height="36.7784" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
121 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
122 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
123 | <feGaussianBlur stdDeviation="0.474074" result="effect1_foregroundBlur_629_152"/>
124 | </filter>
125 | <filter id="filter10_f_629_152" x="-2.66494" y="30.4237" width="36.7784" height="2.16265" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
126 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
127 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
128 | <feGaussianBlur stdDeviation="0.474074" result="effect1_foregroundBlur_629_152"/>
129 | </filter>
130 | <filter id="filter11_f_629_152" x="-2.66226" y="26.8062" width="36.7784" height="2.16265" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
131 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
132 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
133 | <feGaussianBlur stdDeviation="0.474074" result="effect1_foregroundBlur_629_152"/>
134 | </filter>
135 | <filter id="filter12_f_629_152" x="-2.65933" y="23.1888" width="36.7784" height="2.16265" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
136 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
137 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
138 | <feGaussianBlur stdDeviation="0.474074" result="effect1_foregroundBlur_629_152"/>
139 | </filter>
140 | <filter id="filter13_f_629_152" x="-2.65616" y="19.5716" width="36.7784" height="2.16265" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
141 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
142 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
143 | <feGaussianBlur stdDeviation="0.474074" result="effect1_foregroundBlur_629_152"/>
144 | </filter>
145 | <filter id="filter14_f_629_152" x="-2.65323" y="15.9542" width="36.7784" height="2.16265" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
146 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
147 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
148 | <feGaussianBlur stdDeviation="0.474074" result="effect1_foregroundBlur_629_152"/>
149 | </filter>
150 | <filter id="filter15_f_629_152" x="-2.65005" y="12.3368" width="36.7784" height="2.16265" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
151 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
152 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
153 | <feGaussianBlur stdDeviation="0.474074" result="effect1_foregroundBlur_629_152"/>
154 | </filter>
155 | <filter id="filter16_f_629_152" x="-2.64712" y="8.71933" width="36.7784" height="2.16265" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
156 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
157 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
158 | <feGaussianBlur stdDeviation="0.474074" result="effect1_foregroundBlur_629_152"/>
159 | </filter>
160 | <filter id="filter17_f_629_152" x="-2.64419" y="5.1019" width="36.7784" height="2.16265" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
161 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
162 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
163 | <feGaussianBlur stdDeviation="0.474074" result="effect1_foregroundBlur_629_152"/>
164 | </filter>
165 | <filter id="filter18_f_629_152" x="-2.64102" y="1.48447" width="36.7784" height="2.16265" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
166 | <feFlood flood-opacity="0" result="BackgroundImageFix"/>
167 | <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
168 | <feGaussianBlur stdDeviation="0.474074" result="effect1_foregroundBlur_629_152"/>
169 | </filter>
170 | <radialGradient id="paint0_radial_629_152" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16 16) rotate(90.2653) scale(25.6003)">
171 | <stop offset="0.275" stop-color="#0C1406"/>
172 | <stop offset="0.845" stop-color="#080D04"/>
173 | <stop offset="1"/>
174 | </radialGradient>
175 | <radialGradient id="paint1_radial_629_152" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.8815 16.1185) rotate(90) scale(16.1185)">
176 | <stop offset="0.425"/>
177 | <stop offset="1" stop-opacity="0"/>
178 | </radialGradient>
179 | <radialGradient id="paint2_radial_629_152" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(25.6001 20.4801) rotate(-179.734) scale(20.3855 40.0752)">
180 | <stop stop-color="#00FFF0"/>
181 | <stop offset="0.49" stop-color="#3AFFBB"/>
182 | <stop offset="1" stop-color="#7DFF7E"/>
183 | </radialGradient>
184 | <linearGradient id="paint3_linear_629_152" x1="-1.7116" y1="24.874" x2="33.1704" y2="24.9032" gradientUnits="userSpaceOnUse">
185 | <stop stop-color="#ADFF00"/>
186 | <stop offset="1" stop-color="#5BFFBC"/>
187 | </linearGradient>
188 | <linearGradient id="paint4_linear_629_152" x1="-1.69646" y1="6.78711" x2="33.1855" y2="6.81633" gradientUnits="userSpaceOnUse">
189 | <stop stop-color="#FFBD5B"/>
190 | <stop offset="1" stop-color="#F0FFB4"/>
191 | </linearGradient>
192 | <clipPath id="clip0_629_152">
193 | <rect width="32" height="32" fill="white"/>
194 | </clipPath>
195 | </defs>
196 | </svg>
197 | 


--------------------------------------------------------------------------------
/apps/home/app/_shared/components/MBTIOverview/svgs/ISFJ.svg:
--------------------------------------------------------------------------------
  1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="100%" height="100%"
  2 |     preserveAspectRatio="xMidYMid meet">
  3 |     <defs>
  4 |         <clipPath id="__lottie_element_274">
  5 |             <rect width="400" height="400" x="0" y="0"></rect>
  6 |         </clipPath>
  7 |     </defs>
  8 |     <g clip-path="url(#__lottie_element_274)">
  9 |         <g transform="matrix(1,-0.0000014174415809975471,0.0000014174415809975471,1,110.55976867675781,-0.2498626708984375)"
 10 |             opacity="1" style="display: block;">
 11 |             <g opacity="1" transform="matrix(1,0,0,1,0,0)">
 12 |                 <g opacity="1" transform="matrix(1,0,0,1,123.47000122070312,193.50999450683594)">
 13 |                     <path fill="rgb(80,169,170)" fill-opacity="1"
 14 |                         d=" M-22.25,-27.579999923706055 C-22.25,-27.579999923706055 -12,-22.979999542236328 -12,-22.979999542236328 C-12,-22.979999542236328 22.25,27.579999923706055 22.25,27.579999923706055 C22.25,27.579999923706055 -2.819999933242798,15.720000267028809 -2.819999933242798,15.720000267028809 C-2.819999933242798,15.720000267028809 -22.25,3.259999990463257 -22.25,3.259999990463257 C-22.25,3.259999990463257 -22.25,-27.579999923706055 -22.25,-27.579999923706055z">
 15 |                     </path>
 16 |                 </g>
 17 |             </g>
 18 |         </g>
 19 |         <g transform="matrix(1,0.000001310782636210206,-0.000001310782636210206,1,110.56023406982422,-0.25006103515625)"
 20 |             opacity="1" style="display: block;">
 21 |             <g opacity="1" transform="matrix(1,0,0,1,0,0)">
 22 |                 <g opacity="1" transform="matrix(1,0,0,1,38.31999969482422,206.3249969482422)">
 23 |                     <path fill="rgb(80,169,170)" fill-opacity="1"
 24 |                         d=" M9.329999923706055,-32.165000915527344 C9.329999923706055,-32.165000915527344 -21,32.165000915527344 -21,32.165000915527344 C-21,32.165000915527344 4.340000152587891,17.944000244140625 4.340000152587891,17.944000244140625 C4.340000152587891,17.944000244140625 21,9.765000343322754 21,9.765000343322754 C21,9.765000343322754 9.329999923706055,-32.165000915527344 9.329999923706055,-32.165000915527344z">
 25 |                     </path>
 26 |                 </g>
 27 |             </g>
 28 |         </g>
 29 |         <g transform="matrix(1,0,0,1,110.56000518798828,-0.25)" opacity="1" style="display: block;">
 30 |             <g opacity="1" transform="matrix(1,0,0,1,0,0)">
 31 |                 <g opacity="1" transform="matrix(1,0,0,1,76.80000305175781,216.09500122070312)">
 32 |                     <path fill="rgb(113,202,204)" fill-opacity="1"
 33 |                         d=" M24.42099952697754,-50.165000915527344 C24.42099952697754,-50.165000915527344 12.951000213623047,-20.875 12.951000213623047,-20.875 C12.951000213623047,-20.875 -3.180000066757202,-13.975000381469727 -3.180000066757202,-13.975000381469727 C-3.180000066757202,-13.975000381469727 13.300999641418457,-26.354999542236328 13.300999641418457,-26.354999542236328 C13.300999641418457,-26.354999542236328 -8.15999984741211,-52.584999084472656 -8.15999984741211,-52.584999084472656 C-8.15999984741211,-52.584999084472656 -29.149999618530273,-41.935001373291016 -29.149999618530273,-41.935001373291016 C-29.149999618530273,-41.935001373291016 -22.030000686645508,-2.174999952316284 -22.030000686645508,-2.174999952316284 C-22.030000686645508,-2.174999952316284 -31.06999969482422,24.895000457763672 -31.06999969482422,24.895000457763672 C-31.06999969482422,24.895000457763672 -43.85100173950195,52.584999084472656 -43.85100173950195,52.584999084472656 C-43.85100173950195,52.584999084472656 -11.710000038146973,52.584999084472656 -11.710000038146973,52.584999084472656 C-11.710000038146973,52.584999084472656 24.42099952697754,46.125 24.42099952697754,46.125 C24.42099952697754,46.125 34.10100173950195,32.92399978637695 34.10100173950195,32.92399978637695 C34.10100173950195,32.92399978637695 43.85100173950195,-6.864999771118164 43.85100173950195,-6.864999771118164 C43.85100173950195,-6.864999771118164 24.42099952697754,-50.165000915527344 24.42099952697754,-50.165000915527344z">
 34 |                     </path>
 35 |                 </g>
 36 |                 <g opacity="1" transform="matrix(1,0,0,1,83.19000244140625,227.75)">
 37 |                     <path fill="rgb(54,147,149)" fill-opacity="1"
 38 |                         d=" M-28.420000076293945,-13.831000328063965 C-28.420000076293945,-13.831000328063965 -37.459999084472656,13.239999771118164 -37.459999084472656,13.239999771118164 C-37.459999084472656,13.239999771118164 -6.389999866485596,13.09000015258789 -6.389999866485596,13.09000015258789 C-6.389999866485596,13.09000015258789 27.43000030517578,18.520000457763672 27.43000030517578,18.520000457763672 C27.43000030517578,18.520000457763672 36.7599983215332,-8.861000061035156 36.7599983215332,-8.861000061035156 C36.7599983215332,-8.861000061035156 37.459999084472656,-18.520000457763672 37.459999084472656,-18.520000457763672 C37.459999084472656,-18.520000457763672 -28.420000076293945,-13.831000328063965 -28.420000076293945,-13.831000328063965z">
 39 |                     </path>
 40 |                 </g>
 41 |                 <g opacity="1" transform="matrix(1,0,0,1,91.08499908447266,185.96499633789062)">
 42 |                     <path fill="rgb(255,255,255)" fill-opacity="1"
 43 |                         d=" M10.13599967956543,-20.03499984741211 C10.13599967956543,-20.03499984741211 -25.9950008392334,-20.895000457763672 -25.9950008392334,-20.895000457763672 C-25.9950008392334,-20.895000457763672 -25.9950008392334,20.895000457763672 -25.9950008392334,20.895000457763672 C-25.9950008392334,20.895000457763672 -1.3350000381469727,9.255000114440918 -1.3350000381469727,9.255000114440918 C-1.3350000381469727,9.255000114440918 25.9950008392334,15.303999900817871 25.9950008392334,15.303999900817871 C25.9950008392334,15.303999900817871 10.13599967956543,-20.03499984741211 10.13599967956543,-20.03499984741211z">
 44 |                     </path>
 45 |                 </g>
 46 |             </g>
 47 |             <g opacity="1" transform="matrix(1,0,0,1,0,0)">
 48 |                 <g opacity="0.2" transform="matrix(1,0,0,1,76.83000183105469,251.52999877929688)">
 49 |                     <path fill="rgb(43,43,43)" fill-opacity="1"
 50 |                         d=" M-34.06999969482422,-4.110000133514404 C-34.06999969482422,-4.110000133514404 -31.100000381469727,-10.539999961853027 -31.100000381469727,-10.539999961853027 C-31.100000381469727,-10.539999961853027 9.079999923706055,-10.6899995803833 9.079999923706055,-10.6899995803833 C9.079999923706055,-10.6899995803833 27.32200050354004,-4.718999862670898 27.32200050354004,-4.718999862670898 C27.32200050354004,-4.718999862670898 34.06999969482422,-2.509999990463257 34.06999969482422,-2.509999990463257 C34.06999969482422,-2.509999990463257 24.389999389648438,10.6899995803833 24.389999389648438,10.6899995803833 C24.389999389648438,10.6899995803833 -34.06999969482422,-4.110000133514404 -34.06999969482422,-4.110000133514404z">
 51 |                     </path>
 52 |                 </g>
 53 |             </g>
 54 |         </g>
 55 |         <g transform="matrix(1,0,0,1,110.56000518798828,-0.25)" opacity="1" style="display: block;">
 56 |             <g opacity="1" transform="matrix(1,0,0,1,0,0)">
 57 |                 <g opacity="0.1" transform="matrix(1,0,0,1,87.31999969482422,388.7799987792969)">
 58 |                     <path fill="rgb(0,0,0)" fill-opacity="1"
 59 |                         d=" M-87.31999969482422,3.799999952316284 C-87.31999969482422,3.799999952316284 7.769999980926514,-11.470999717712402 7.769999980926514,-11.470999717712402 C7.769999980926514,-11.470999717712402 87.31999969482422,2.8499999046325684 87.31999969482422,2.8499999046325684 C87.31999969482422,2.8499999046325684 14.138999938964844,11.470000267028809 14.138999938964844,11.470000267028809 C14.138999938964844,11.470000267028809 -87.31999969482422,3.799999952316284 -87.31999969482422,3.799999952316284z">
 60 |                     </path>
 61 |                 </g>
 62 |                 <g opacity="1" transform="matrix(1,0,0,1,108.79499816894531,354.8800048828125)">
 63 |                     <path fill="rgb(195,151,122)" fill-opacity="1"
 64 |                         d=" M-13.744999885559082,-13.380000114440918 C-13.744999885559082,-13.380000114440918 1.5049999952316284,11.760000228881836 1.5049999952316284,11.760000228881836 C1.5049999952316284,11.760000228881836 9.854999542236328,13.380000114440918 9.854999542236328,13.380000114440918 C9.854999542236328,13.380000114440918 13.744999885559082,9.699999809265137 13.744999885559082,9.699999809265137 C13.744999885559082,9.699999809265137 11.854999542236328,-10.699999809265137 11.854999542236328,-10.699999809265137 C11.854999542236328,-10.699999809265137 -13.744999885559082,-13.380000114440918 -13.744999885559082,-13.380000114440918z">
 65 |                     </path>
 66 |                 </g>
 67 |                 <g opacity="1" transform="matrix(1,0,0,1,67.5999984741211,354.6000061035156)">
 68 |                     <path fill="rgb(195,151,122)" fill-opacity="1"
 69 |                         d=" M12.510000228881836,-14.590999603271484 C12.510000228881836,-14.590999603271484 9.880000114440918,13.680000305175781 9.880000114440918,13.680000305175781 C9.880000114440918,13.680000305175781 -0.6800000071525574,17.159000396728516 -0.6800000071525574,17.159000396728516 C-0.6800000071525574,17.159000396728516 -3.0399999618530273,12.409000396728516 -3.0399999618530273,12.409000396728516 C-3.0399999618530273,12.409000396728516 -12.510000228881836,-17.15999984741211 -12.510000228881836,-17.15999984741211 C-12.510000228881836,-17.15999984741211 12.510000228881836,-14.590999603271484 12.510000228881836,-14.590999603271484z">
 70 |                     </path>
 71 |                 </g>
 72 |                 <g opacity="1" transform="matrix(1,0,0,1,121.7750015258789,376.0899963378906)">
 73 |                     <path fill="rgb(39,120,139)" fill-opacity="1"
 74 |                         d=" M0.7649999856948853,-11.510000228881836 C0.7649999856948853,-11.510000228881836 12.326000213623047,-0.8399999737739563 12.326000213623047,-0.8399999737739563 C12.326000213623047,-0.8399999737739563 1.2039999961853027,11.510000228881836 1.2039999961853027,11.510000228881836 C1.2039999961853027,11.510000228881836 -12.326000213623047,9.630000114440918 -12.326000213623047,9.630000114440918 C-12.326000213623047,9.630000114440918 -11.475000381469727,-9.449999809265137 -11.475000381469727,-9.449999809265137 C-11.475000381469727,-9.449999809265137 0.7649999856948853,-11.510000228881836 0.7649999856948853,-11.510000228881836z">
 75 |                     </path>
 76 |                 </g>
 77 |                 <g opacity="1" transform="matrix(1,0,0,1,71.54499816894531,379.1549987792969)">
 78 |                     <path fill="rgb(39,120,139)" fill-opacity="1"
 79 |                         d=" M5.934999942779541,-10.875 C5.934999942779541,-10.875 13.845000267028809,10.064000129699707 13.845000267028809,10.064000129699707 C13.845000267028809,10.064000129699707 -0.06499999761581421,12.145999908447266 -0.06499999761581421,12.145999908447266 C-0.06499999761581421,12.145999908447266 -13.845000267028809,10.064000129699707 -13.845000267028809,10.064000129699707 C-13.845000267028809,10.064000129699707 -6.985000133514404,-12.145999908447266 -6.985000133514404,-12.145999908447266 C-6.985000133514404,-12.145999908447266 5.934999942779541,-10.875 5.934999942779541,-10.875z">
 80 |                     </path>
 81 |                 </g>
 82 |                 <g opacity="1" transform="matrix(1,0,0,1,107.8499984741211,344.9549865722656)">
 83 |                     <path fill="rgb(138,102,81)" fill-opacity="1"
 84 |                         d=" M12.800000190734863,-0.7749999761581421 C12.800000190734863,-0.7749999761581421 -7.869999885559082,4.673999786376953 -7.869999885559082,4.673999786376953 C-7.869999885559082,4.673999786376953 -12.800000190734863,-3.4549999237060547 -12.800000190734863,-3.4549999237060547 C-12.800000190734863,-3.4549999237060547 0,-4.673999786376953 0,-4.673999786376953 C0,-4.673999786376953 12.800000190734863,-0.7749999761581421 12.800000190734863,-0.7749999761581421z">
 85 |                     </path>
 86 |                 </g>
 87 |                 <g opacity="1" transform="matrix(1,0,0,1,67.5999984741211,342.3599853515625)">
 88 |                     <path fill="rgb(138,102,81)" fill-opacity="1"
 89 |                         d=" M-12.510000228881836,-4.920000076293945 C-12.510000228881836,-4.920000076293945 11.84000015258789,4.920000076293945 11.84000015258789,4.920000076293945 C11.84000015258789,4.920000076293945 12.510000228881836,-2.3510000705718994 12.510000228881836,-2.3510000705718994 C12.510000228881836,-2.3510000705718994 0.5400000214576721,-4.920000076293945 0.5400000214576721,-4.920000076293945 C0.5400000214576721,-4.920000076293945 -12.510000228881836,-4.920000076293945 -12.510000228881836,-4.920000076293945z">
 90 |                     </path>
 91 |                 </g>
 92 |                 <g opacity="1" transform="matrix(1,0,0,1,67.08499908447266,293.82501220703125)">
 93 |                     <path fill="rgb(54,147,149)" fill-opacity="1"
 94 |                         d=" M34.13600158691406,-31.604999542236328 C34.13600158691406,-31.604999542236328 15.425999641418457,2.1559998989105225 15.425999641418457,2.1559998989105225 C15.425999641418457,2.1559998989105225 -15.925000190734863,31.604999542236328 -15.925000190734863,31.604999542236328 C-15.925000190734863,31.604999542236328 -34.13600158691406,-25.145000457763672 -34.13600158691406,-25.145000457763672 C-34.13600158691406,-25.145000457763672 -7.581999778747559,-27.658000946044922 -7.581999778747559,-27.658000946044922 C-7.581999778747559,-27.658000946044922 34.13600158691406,-31.604999542236328 34.13600158691406,-31.604999542236328z">
 95 |                     </path>
 96 |                 </g>
 97 |                 <g opacity="1" transform="matrix(1,0,0,1,84.6449966430664,301.25)">
 98 |                     <path fill="rgb(80,169,170)" fill-opacity="1"
 99 |                         d=" M16.575000762939453,-39.029998779296875 C16.575000762939453,-39.029998779296875 24.643999099731445,-25.479999542236328 24.643999099731445,-25.479999542236328 C24.643999099731445,-25.479999542236328 33.48500061035156,17.388999938964844 33.48500061035156,17.388999938964844 C33.48500061035156,17.388999938964844 33.48500061035156,39.029998779296875 33.48500061035156,39.029998779296875 C33.48500061035156,39.029998779296875 -29.55500030517578,36.189998626708984 -29.55500030517578,36.189998626708984 C-29.55500030517578,36.189998626708984 -33.48500061035156,24.18000030517578 -33.48500061035156,24.18000030517578 C-33.48500061035156,24.18000030517578 16.575000762939453,-39.029998779296875 16.575000762939453,-39.029998779296875z">
100 |                     </path>
101 |                 </g>
102 |                 <g opacity="1" transform="matrix(1,0,0,1,87.87000274658203,331.40899658203125)">
103 |                     <path fill="rgb(54,147,149)" fill-opacity="1"
104 |                         d=" M-32.779998779296875,6.031000137329102 C-32.779998779296875,6.031000137329102 -1.9609999656677246,-3.1600000858306885 -1.9609999656677246,-3.1600000858306885 C-1.9609999656677246,-3.1600000858306885 19.003000259399414,-9.411999702453613 19.003000259399414,-9.411999702453613 C19.003000259399414,-9.411999702453613 30.26099967956543,-12.770000457763672 30.26099967956543,-12.770000457763672 C30.26099967956543,-12.770000457763672 32.779998779296875,12.770000457763672 32.779998779296875,12.770000457763672 C32.779998779296875,12.770000457763672 -32.779998779296875,6.031000137329102 -32.779998779296875,6.031000137329102z">
105 |                     </path>
106 |                 </g>
107 |                 <g opacity="1" transform="matrix(1,0,0,1,109.67500305175781,283.8299865722656)">
108 |                     <path fill="rgb(54,147,149)" fill-opacity="1"
109 |                         d=" M-8.454999923706055,-21.610000610351562 C-8.454999923706055,-21.610000610351562 6.001999855041504,26.625 6.001999855041504,26.625 C6.001999855041504,26.625 8.454999923706055,34.810001373291016 8.454999923706055,34.810001373291016 C8.454999923706055,34.810001373291016 1.225000023841858,-34.810001373291016 1.225000023841858,-34.810001373291016 C1.225000023841858,-34.810001373291016 -8.454999923706055,-21.610000610351562 -8.454999923706055,-21.610000610351562z">
110 |                     </path>
111 |                 </g>
112 |                 <g opacity="1" transform="matrix(1,0,0,1,129.22999572753906,382.07501220703125)">
113 |                     <path fill="rgb(57,159,185)" fill-opacity="1"
114 |                         d=" M4.869999885559082,-6.824999809265137 C4.869999885559082,-6.824999809265137 -10.029999732971191,3.6449999809265137 -10.029999732971191,3.6449999809265137 C-10.029999732971191,3.6449999809265137 -19.780000686645508,3.6449999809265137 -19.780000686645508,3.6449999809265137 C-19.780000686645508,3.6449999809265137 -19.780000686645508,6.824999809265137 -19.780000686645508,6.824999809265137 C-19.780000686645508,6.824999809265137 19.780000686645508,6.824999809265137 19.780000686645508,6.824999809265137 C19.780000686645508,6.824999809265137 19.780000686645508,-0.35499998927116394 19.780000686645508,-0.35499998927116394 C19.780000686645508,-0.35499998927116394 4.869999885559082,-6.824999809265137 4.869999885559082,-6.824999809265137z">
115 |                     </path>
116 |                 </g>
117 |                 <g opacity="1" transform="matrix(1,0,0,1,71.54499816894531,386.82000732421875)">
118 |                     <path fill="rgb(57,159,185)" fill-opacity="1"
119 |                         d=" M5.195000171661377,-5.690000057220459 C5.195000171661377,-5.690000057220459 -5.065000057220459,-5.690000057220459 -5.065000057220459,-5.690000057220459 C-5.065000057220459,-5.690000057220459 -13.845000267028809,2.4000000953674316 -13.845000267028809,2.4000000953674316 C-13.845000267028809,2.4000000953674316 -13.845000267028809,5.690000057220459 -13.845000267028809,5.690000057220459 C-13.845000267028809,5.690000057220459 13.845000267028809,5.690000057220459 13.845000267028809,5.690000057220459 C13.845000267028809,5.690000057220459 13.845000267028809,2.4000000953674316 13.845000267028809,2.4000000953674316 C13.845000267028809,2.4000000953674316 5.195000171661377,-5.690000057220459 5.195000171661377,-5.690000057220459z">
120 |                     </path>
121 |                 </g>
122 |             </g>
123 |         </g>
124 |         <g transform="matrix(1,0.000003720433369380771,-0.000003720433369380771,1,110.56080627441406,-0.2501068115234375)"
125 |             opacity="1" style="display: block;">
126 |             <g opacity="1" transform="matrix(1,0,0,1,51.6150016784668,229.14500427246094)">
127 |                 <path fill="rgb(223,188,164)" fill-opacity="1"
128 |                     d=" M3.1549999713897705,-15.225000381469727 C3.1549999713897705,-15.225000381469727 32.494998931884766,3.1649999618530273 32.494998931884766,3.1649999618530273 C32.494998931884766,3.1649999618530273 34.29499816894531,8.824999809265137 34.29499816894531,8.824999809265137 C34.29499816894531,8.824999809265137 32.494998931884766,15.225000381469727 32.494998931884766,15.225000381469727 C32.494998931884766,15.225000381469727 -34.29499816894531,9.345000267028809 -34.29499816894531,9.345000267028809 C-34.29499816894531,9.345000267028809 3.1549999713897705,-15.225000381469727 3.1549999713897705,-15.225000381469727z">
129 |                 </path>
130 |             </g>
131 |         </g>
132 |         <g transform="matrix(1,0,0,1,110.56000518798828,-0.25)" opacity="1" style="display: block;">
133 |             <g opacity="1" transform="matrix(1,0,0,1,0,0)">
134 |                 <g opacity="1" transform="matrix(1,0,0,1,149.4149932861328,77.29499816894531)">
135 |                     <path fill="rgb(79,82,82)" fill-opacity="1"
136 |                         d=" M-11.03499984741211,-18.795000076293945 C-11.03499984741211,-18.795000076293945 11.03499984741211,-4.724999904632568 11.03499984741211,-4.724999904632568 C11.03499984741211,-4.724999904632568 -6.335999965667725,18.795000076293945 -6.335999965667725,18.795000076293945 C-6.335999965667725,18.795000076293945 -11.03499984741211,0.004999999888241291 -11.03499984741211,0.004999999888241291 C-11.03499984741211,0.004999999888241291 -11.03499984741211,-18.795000076293945 -11.03499984741211,-18.795000076293945z">
137 |                     </path>
138 |                 </g>
139 |                 <g opacity="1" transform="matrix(1,0,0,1,59.845001220703125,29.375)">
140 |                     <path fill="rgb(113,202,204)" fill-opacity="1"
141 |                         d=" M33.255001068115234,-29.125 C33.255001068115234,-29.125 -40.724998474121094,3.8350000381469727 -40.724998474121094,3.8350000381469727 C-40.724998474121094,3.8350000381469727 -30.19499969482422,22.434999465942383 -30.19499969482422,22.434999465942383 C-30.19499969482422,22.434999465942383 -21.475000381469727,29.125 -21.475000381469727,29.125 C-21.475000381469727,29.125 7.954999923706055,23.434999465942383 7.954999923706055,23.434999465942383 C7.954999923706055,23.434999465942383 40.724998474121094,5.824999809265137 40.724998474121094,5.824999809265137 C40.724998474121094,5.824999809265137 39.724998474121094,-9.46500015258789 39.724998474121094,-9.46500015258789 C39.724998474121094,-9.46500015258789 33.255001068115234,-29.125 33.255001068115234,-29.125z">
142 |                     </path>
143 |                 </g>
144 |                 <g opacity="1" transform="matrix(1,0,0,1,118.74500274658203,29.375)">
145 |                     <path fill="rgb(139,223,220)" fill-opacity="1"
146 |                         d=" M-18.174999237060547,5.824999809265137 C-18.174999237060547,5.824999809265137 -2.2950000762939453,19.854999542236328 -2.2950000762939453,19.854999542236328 C-2.2950000762939453,19.854999542236328 19.635000228881836,29.125 19.635000228881836,29.125 C19.635000228881836,29.125 25.645000457763672,-7.744999885559082 25.645000457763672,-7.744999885559082 C25.645000457763672,-7.744999885559082 -25.645000457763672,-29.125 -25.645000457763672,-29.125 C-25.645000457763672,-29.125 -18.174999237060547,5.824999809265137 -18.174999237060547,5.824999809265137z">
147 |                     </path>
148 |                 </g>
149 |                 <g opacity="1" transform="matrix(1,0,0,1,28.7450008392334,55.255001068115234)">
150 |                     <path fill="rgb(54,147,149)" fill-opacity="1"
151 |                         d=" M-9.625,-22.045000076293945 C-9.625,-22.045000076293945 -5.114999771118164,22.045000076293945 -5.114999771118164,22.045000076293945 C-5.114999771118164,22.045000076293945 5.09499979019165,13.274999618530273 5.09499979019165,13.274999618530273 C5.09499979019165,13.274999618530273 9.625,3.244999885559082 9.625,3.244999885559082 C9.625,3.244999885559082 -9.625,-22.045000076293945 -9.625,-22.045000076293945z">
152 |                     </path>
153 |                 </g>
154 |                 <g opacity="1" transform="matrix(1,0,0,1,92.86499786376953,18.875)">
155 |                     <path fill="rgb(39,120,139)" fill-opacity="1"
156 |                         d=" M1.7549999952316284,-11.53499984741211 C1.7549999952316284,-11.53499984741211 -1.2059999704360962,-10.335000038146973 -1.2059999704360962,-10.335000038146973 C-1.2059999704360962,-10.335000038146973 0.3840000033378601,-1.875 0.3840000033378601,-1.875 C0.3840000033378601,-1.875 -6.703999996185303,0.9750000238418579 -6.703999996185303,0.9750000238418579 C-6.703999996185303,0.9750000238418579 -5.636000156402588,6.585000038146973 -5.636000156402588,6.585000038146973 C-5.636000156402588,6.585000038146973 1.7339999675750732,3.7850000858306885 1.7339999675750732,3.7850000858306885 C1.7339999675750732,3.7850000858306885 3.4140000343322754,11.53499984741211 3.4140000343322754,11.53499984741211 C3.4140000343322754,11.53499984741211 6.453999996185303,10.505000114440918 6.453999996185303,10.505000114440918 C6.453999996185303,10.505000114440918 6.703999996185303,1.034999966621399 6.703999996185303,1.034999966621399 C6.703999996185303,1.034999966621399 1.7549999952316284,-11.53499984741211 1.7549999952316284,-11.53499984741211z">
157 |                     </path>
158 |                 </g>
159 |                 <g opacity="1" transform="matrix(1,0,0,1,100.81500244140625,18.889999389648438)">
160 |                     <path fill="rgb(48,143,166)" fill-opacity="1"
161 |                         d=" M-6.195000171661377,-11.550000190734863 C-6.195000171661377,-11.550000190734863 -2.7060000896453857,-9.84000015258789 -2.7060000896453857,-9.84000015258789 C-2.7060000896453857,-9.84000015258789 -1.024999976158142,-2.619999885559082 -1.024999976158142,-2.619999885559082 C-1.024999976158142,-2.619999885559082 6.195000171661377,0.8500000238418579 6.195000171661377,0.8500000238418579 C6.195000171661377,0.8500000238418579 6.093999862670898,5.889999866485596 6.093999862670898,5.889999866485596 C6.093999862670898,5.889999866485596 0.18400000035762787,3.25 0.18400000035762787,3.25 C0.18400000035762787,3.25 1.815000057220459,11.550000190734863 1.815000057220459,11.550000190734863 C1.815000057220459,11.550000190734863 -1.4950000047683716,10.489999771118164 -1.4950000047683716,10.489999771118164 C-1.4950000047683716,10.489999771118164 -6.195000171661377,-11.550000190734863 -6.195000171661377,-11.550000190734863z">
162 |                     </path>
163 |                 </g>
164 |                 <g opacity="1" transform="matrix(1,0,0,1,89.99500274658203,126.86000061035156)">
165 |                     <path fill="rgb(223,188,164)" fill-opacity="1"
166 |                         d=" M48.3849983215332,-68.36000061035156 C48.3849983215332,-68.36000061035156 59.35499954223633,19.450000762939453 59.35499954223633,19.450000762939453 C59.35499954223633,19.450000762939453 15.96399974822998,26.420000076293945 15.96399974822998,26.420000076293945 C15.96399974822998,26.420000076293945 -0.24500000476837158,68.36000061035156 -0.24500000476837158,68.36000061035156 C-0.24500000476837158,68.36000061035156 -35.00600051879883,19.530000686645508 -35.00600051879883,19.530000686645508 C-35.00600051879883,19.530000686645508 -59.35499954223633,-3.9100000858306885 -59.35499954223633,-3.9100000858306885 C-59.35499954223633,-3.9100000858306885 -42.67599868774414,-13.079999923706055 -42.67599868774414,-13.079999923706055 C-42.67599868774414,-13.079999923706055 -38.38600158691406,-8.25 -38.38600158691406,-8.25 C-38.38600158691406,-8.25 -22.434999465942383,-47.84000015258789 -22.434999465942383,-47.84000015258789 C-22.434999465942383,-47.84000015258789 -8.114999771118164,-56.45000076293945 -8.114999771118164,-56.45000076293945 C-8.114999771118164,-56.45000076293945 9.574000358581543,-64.31999969482422 9.574000358581543,-64.31999969482422 C9.574000358581543,-64.31999969482422 48.3849983215332,-68.36000061035156 48.3849983215332,-68.36000061035156z">
167 |                     </path>
168 |                 </g>
169 |                 <g opacity="1" transform="matrix(1,0,0,1,66.0199966430664,137.1199951171875)">
170 |                     <path fill="rgb(195,151,122)" fill-opacity="1"
171 |                         d=" M1.5410000085830688,-58.099998474121094 C1.5410000085830688,-58.099998474121094 12.291000366210938,21.280000686645508 12.291000366210938,21.280000686645508 C12.291000366210938,21.280000686645508 39.93899917602539,16.15999984741211 39.93899917602539,16.15999984741211 C39.93899917602539,16.15999984741211 31.250999450683594,24.43000030517578 31.250999450683594,24.43000030517578 C31.250999450683594,24.43000030517578 33.55099868774414,32.70000076293945 33.55099868774414,32.70000076293945 C33.55099868774414,32.70000076293945 23.729999542236328,58.099998474121094 23.729999542236328,58.099998474121094 C23.729999542236328,58.099998474121094 -18.999000549316406,5.699999809265137 -18.999000549316406,5.699999809265137 C-18.999000549316406,5.699999809265137 -22.069000244140625,-1.100000023841858 -22.069000244140625,-1.100000023841858 C-22.069000244140625,-1.100000023841858 -26.538999557495117,-3.5399999618530273 -26.538999557495117,-3.5399999618530273 C-26.538999557495117,-3.5399999618530273 -39.93899917602539,-19.979999542236328 -39.93899917602539,-19.979999542236328 C-39.93899917602539,-19.979999542236328 -23.259000778198242,-34.099998474121094 -23.259000778198242,-34.099998474121094 C-23.259000778198242,-34.099998474121094 -15.579000473022461,-16.770000457763672 -15.579000473022461,-16.770000457763672 C-15.579000473022461,-16.770000457763672 -9.89900016784668,-33.099998474121094 -9.89900016784668,-33.099998474121094 C-9.89900016784668,-33.099998474121094 1.5410000085830688,-58.099998474121094 1.5410000085830688,-58.099998474121094z">
172 |                     </path>
173 |                 </g>
174 |                 <g opacity="1" transform="matrix(1,0,0,1,107.69999694824219,97.61499786376953)">
175 |                     <path fill="rgb(195,151,122)" fill-opacity="1"
176 |                         d=" M23.40999984741211,-16.184999465942383 C23.40999984741211,-16.184999465942383 7.400000095367432,5.894999980926514 7.400000095367432,5.894999980926514 C7.400000095367432,5.894999980926514 -0.33000001311302185,16.184999465942383 -0.33000001311302185,16.184999465942383 C-0.33000001311302185,16.184999465942383 -23.40999984741211,-8.664999961853027 -23.40999984741211,-8.664999961853027 C-23.40999984741211,-8.664999961853027 23.40999984741211,-16.184999465942383 23.40999984741211,-16.184999465942383z">
177 |                     </path>
178 |                 </g>
179 |                 <g opacity="1" transform="matrix(1,0,0,1,109.87999725341797,99.08499908447266)">
180 |                     <path fill="rgb(232,201,182)" fill-opacity="1"
181 |                         d=" M-6.570000171661377,-13.255000114440918 C-6.570000171661377,-13.255000114440918 -2.509999990463257,14.71500015258789 -2.509999990463257,14.71500015258789 C-2.509999990463257,14.71500015258789 6.570000171661377,13.46500015258789 6.570000171661377,13.46500015258789 C6.570000171661377,13.46500015258789 2.3399999141693115,-14.71500015258789 2.3399999141693115,-14.71500015258789 C2.3399999141693115,-14.71500015258789 -6.570000171661377,-13.255000114440918 -6.570000171661377,-13.255000114440918z">
182 |                     </path>
183 |                 </g>
184 |                 <g opacity="1" transform="matrix(1,0,0,1,111.91000366210938,115.58000183105469)">
185 |                     <path fill="rgb(138,102,81)" fill-opacity="1"
186 |                         d=" M4.539999961853027,-3.0299999713897705 C4.539999961853027,-3.0299999713897705 0.5899999737739563,3.0299999713897705 0.5899999737739563,3.0299999713897705 C0.5899999737739563,3.0299999713897705 -4.539999961853027,-1.7799999713897705 -4.539999961853027,-1.7799999713897705 C-4.539999961853027,-1.7799999713897705 4.539999961853027,-3.0299999713897705 4.539999961853027,-3.0299999713897705z">
187 |                     </path>
188 |                 </g>
189 |                 <g opacity="1" transform="matrix(1,0,0,1,88,161.5500030517578)">
190 |                     <path fill="rgb(138,102,81)" fill-opacity="1"
191 |                         d=" M17.959999084472656,-8.270000457763672 C17.959999084472656,-8.270000457763672 11.569000244140625,8.270000457763672 11.569000244140625,8.270000457763672 C11.569000244140625,8.270000457763672 -17.959999084472656,-3.069999933242798 -17.959999084472656,-3.069999933242798 C-17.959999084472656,-3.069999933242798 17.959999084472656,-8.270000457763672 17.959999084472656,-8.270000457763672z">
192 |                     </path>
193 |                 </g>
194 |                 <g opacity="1" transform="matrix(1,0,0,1,44.845001220703125,134.84500122070312)">
195 |                     <path fill="rgb(138,102,81)" fill-opacity="1"
196 |                         d=" M5.355000019073486,-7.985000133514404 C5.355000019073486,-7.985000133514404 2.184999942779541,7.985000133514404 2.184999942779541,7.985000133514404 C2.184999942779541,7.985000133514404 -5.355000019073486,-1.2549999952316284 -5.355000019073486,-1.2549999952316284 C-5.355000019073486,-1.2549999952316284 5.355000019073486,-7.985000133514404 5.355000019073486,-7.985000133514404z">
197 |                     </path>
198 |                 </g>
199 |                 <g opacity="1" transform="matrix(1,0,0,1,39.82500076293945,119.08000183105469)">
200 |                     <path fill="rgb(138,102,81)" fill-opacity="1"
201 |                         d=" M6.875,5.090000152587891 C6.875,5.090000152587891 0.9950000047683716,-5.090000152587891 0.9950000047683716,-5.090000152587891 C0.9950000047683716,-5.090000152587891 -6.875,-0.4699999988079071 -6.875,-0.4699999988079071 C-6.875,-0.4699999988079071 6.875,5.090000152587891 6.875,5.090000152587891z">
202 |                     </path>
203 |                 </g>
204 |                 <g opacity="1" transform="matrix(1,0,0,1,55.619998931884766,65.54499816894531)">
205 |                     <path fill="rgb(79,82,82)" fill-opacity="1"
206 |                         d=" M41.650001525878906,4.864999771118164 C41.650001525878906,4.864999771118164 46.790000915527344,-12.734999656677246 46.790000915527344,-12.734999656677246 C46.790000915527344,-12.734999656677246 44.95000076293945,-30.344999313354492 44.95000076293945,-30.344999313354492 C44.95000076293945,-30.344999313354492 -17.25,-7.045000076293945 -17.25,-7.045000076293945 C-17.25,-7.045000076293945 -46.790000915527344,30.344999313354492 -46.790000915527344,30.344999313354492 C-46.790000915527344,30.344999313354492 -16.93000030517578,23.405000686645508 -16.93000030517578,23.405000686645508 C-16.93000030517578,23.405000686645508 11.9399995803833,13.475000381469727 11.9399995803833,13.475000381469727 C11.9399995803833,13.475000381469727 24.84000015258789,9.734999656677246 24.84000015258789,9.734999656677246 C24.84000015258789,9.734999656677246 41.650001525878906,4.864999771118164 41.650001525878906,4.864999771118164z">
207 |                     </path>
208 |                 </g>
209 |                 <g opacity="1" transform="matrix(1,0,0,1,38.19499969482422,100.68499755859375)">
210 |                     <path fill="rgb(43,43,43)" fill-opacity="1"
211 |                         d=" M29.364999771118164,-21.665000915527344 C29.364999771118164,-21.665000915527344 13.244999885559082,21.665000915527344 13.244999885559082,21.665000915527344 C13.244999885559082,21.665000915527344 4.565000057220459,7.284999847412109 4.565000057220459,7.284999847412109 C4.565000057220459,7.284999847412109 -12.114999771118164,16.454999923706055 -12.114999771118164,16.454999923706055 C-12.114999771118164,16.454999923706055 -29.364999771118164,-4.795000076293945 -29.364999771118164,-4.795000076293945 C-29.364999771118164,-4.795000076293945 29.364999771118164,-21.665000915527344 29.364999771118164,-21.665000915527344z">
212 |                     </path>
213 |                 </g>
214 |                 <g opacity="1" transform="matrix(1,0,0,1,117.82499694824219,52.80500030517578)">
215 |                     <path fill="rgb(110,112,115)" fill-opacity="1"
216 |                         d=" M-17.2549991607666,-17.604999542236328 C-17.2549991607666,-17.604999542236328 20.55500030517578,5.695000171661377 20.55500030517578,5.695000171661377 C20.55500030517578,5.695000171661377 -20.55500030517578,17.604999542236328 -20.55500030517578,17.604999542236328 C-20.55500030517578,17.604999542236328 -17.2549991607666,-17.604999542236328 -17.2549991607666,-17.604999542236328z">
217 |                     </path>
218 |                 </g>
219 |             </g>
220 |         </g>
221 |         <g transform="matrix(1,-0.000005523811978491722,0.000005523811978491722,1,110.55886840820312,-0.249267578125)"
222 |             opacity="1" style="display: block;">
223 |             <g opacity="1" transform="matrix(1,0,0,1,131,223.86000061035156)">
224 |                 <path fill="rgb(223,188,164)" fill-opacity="1"
225 |                     d=" M-10.350000381469727,-14.630000114440918 C-10.350000381469727,-14.630000114440918 -14.720000267028809,1.5 -14.720000267028809,1.5 C-14.720000267028809,1.5 -12.180000305175781,14.630000114440918 -12.180000305175781,14.630000114440918 C-12.180000305175781,14.630000114440918 13.15999984741211,8.73900032043457 13.15999984741211,8.73900032043457 C13.15999984741211,8.73900032043457 14.720000267028809,-2.7709999084472656 14.720000267028809,-2.7709999084472656 C14.720000267028809,-2.7709999084472656 -10.350000381469727,-14.630000114440918 -10.350000381469727,-14.630000114440918z">
226 |                 </path>
227 |             </g>
228 |         </g>
229 |         <g transform="matrix(1,0,0,1,110.56000518798828,-0.25)" opacity="1" style="display: block;">
230 |             <g opacity="1" transform="matrix(1,0,0,1,0,0)">
231 |                 <g opacity="1" transform="matrix(1,0,0,1,101.46499633789062,242.36900329589844)">
232 |                     <path fill="rgb(138,102,81)" fill-opacity="1"
233 |                         d=" M17.354999542236328,-3.878999948501587 C17.354999542236328,-3.878999948501587 9.4350004196167,6.650000095367432 9.4350004196167,6.650000095367432 C9.4350004196167,6.650000095367432 -17.354999542236328,2.000999927520752 -17.354999542236328,2.000999927520752 C-17.354999542236328,2.000999927520752 4.494999885559082,-6.650000095367432 4.494999885559082,-6.650000095367432 C4.494999885559082,-6.650000095367432 17.354999542236328,-3.878999948501587 17.354999542236328,-3.878999948501587z">
234 |                     </path>
235 |                 </g>
236 |                 <g opacity="1" transform="matrix(1,0,0,1,113.33499908447266,243.7550048828125)">
237 |                     <path fill="rgb(195,151,122)" fill-opacity="1"
238 |                         d=" M5.485000133514404,-5.264999866485596 C5.485000133514404,-5.264999866485596 -2.434999942779541,5.263999938964844 -2.434999942779541,5.263999938964844 C-2.434999942779541,5.263999938964844 -5.485000133514404,-4.406000137329102 -5.485000133514404,-4.406000137329102 C-5.485000133514404,-4.406000137329102 5.485000133514404,-5.264999866485596 5.485000133514404,-5.264999866485596z">
239 |                     </path>
240 |                 </g>
241 |                 <g opacity="1" transform="matrix(1,0,0,1,95.9800033569336,232.72999572753906)">
242 |                     <path fill="rgb(195,151,122)" fill-opacity="1"
243 |                         d=" M-11.869999885559082,-0.42100000381469727 C-11.869999885559082,-0.42100000381469727 6.429999828338623,-11.640999794006348 6.429999828338623,-11.640999794006348 C6.429999828338623,-11.640999794006348 11.390000343322754,-4.710999965667725 11.390000343322754,-4.710999965667725 C11.390000343322754,-4.710999965667725 11.869999885559082,6.61899995803833 11.869999885559082,6.61899995803833 C11.869999885559082,6.61899995803833 -11.869999885559082,11.640000343322754 -11.869999885559082,11.640000343322754 C-11.869999885559082,11.640000343322754 -11.869999885559082,-0.42100000381469727 -11.869999885559082,-0.42100000381469727z">
244 |                     </path>
245 |                 </g>
246 |                 <g opacity="1" transform="matrix(1,0,0,1,110.61499786376953,230.22000122070312)">
247 |                     <path fill="rgb(232,201,182)" fill-opacity="1"
248 |                         d=" M-8.204999923706055,-9.130000114440918 C-8.204999923706055,-9.130000114440918 5.664999961853027,-4.859000205993652 5.664999961853027,-4.859000205993652 C5.664999961853027,-4.859000205993652 8.204999923706055,8.270000457763672 8.204999923706055,8.270000457763672 C8.204999923706055,8.270000457763672 -2.765000104904175,9.130000114440918 -2.765000104904175,9.130000114440918 C-2.765000104904175,9.130000114440918 -2.937000036239624,8.552000045776367 -2.937000036239624,8.552000045776367 C-2.937000036239624,8.552000045776367 -8.204999923706055,-9.130000114440918 -8.204999923706055,-9.130000114440918z">
249 |                     </path>
250 |                 </g>
251 |             </g>
252 |         </g>
253 |         <g transform="matrix(1,0,0,1,110.56000518798828,-0.25)" opacity="1" style="display: block;">
254 |             <g opacity="1" transform="matrix(1,0,0,1,0,0)">
255 |                 <g opacity="1" transform="matrix(1,0,0,1,93.80000305175781,84.29499816894531)">
256 |                     <path fill="rgb(79,82,82)" fill-opacity="1"
257 |                         d=" M9.510000228881836,1.534999966621399 C9.510000228881836,1.534999966621399 8.569999694824219,-4.65500020980835 8.569999694824219,-4.65500020980835 C8.569999694824219,-4.65500020980835 -9.510000228881836,4.65500020980835 -9.510000228881836,4.65500020980835 C-9.510000228881836,4.65500020980835 9.510000228881836,1.534999966621399 9.510000228881836,1.534999966621399z">
258 |                     </path>
259 |                 </g>
260 |                 <g opacity="1" transform="matrix(1,0,0,1,121.31999969482422,81.37999725341797)">
261 |                     <path fill="rgb(79,82,82)" fill-opacity="1"
262 |                         d=" M-9.100000381469727,2.990000009536743 C-9.100000381469727,2.990000009536743 9.789999961853027,0.05000000074505806 9.789999961853027,0.05000000074505806 C9.789999961853027,0.05000000074505806 -9.789999961853027,-2.990000009536743 -9.789999961853027,-2.990000009536743 C-9.789999961853027,-2.990000009536743 -9.100000381469727,2.990000009536743 -9.100000381469727,2.990000009536743z">
263 |                     </path>
264 |                 </g>
265 |             </g>
266 |         </g>
267 |         <g transform="matrix(1,0,0,1,110.56000518798828,-0.25)" opacity="1" style="display: block;">
268 |             <g opacity="1" transform="matrix(1,0,0,1,0,0)">
269 |                 <g opacity="1" transform="matrix(1,0,0,1,113.94499969482422,128.64999389648438)">
270 |                     <path fill="rgb(28,118,120)" fill-opacity="1"
271 |                         d=" M-9.704999923706055,1.7300000190734863 C-9.704999923706055,1.7300000190734863 -0.4339999854564667,-4.039999961853027 -0.4339999854564667,-4.039999961853027 C-0.4339999854564667,-4.039999961853027 9.704999923706055,-1.3600000143051147 9.704999923706055,-1.3600000143051147 C9.704999923706055,-1.3600000143051147 0.6460000276565552,4.039999961853027 0.6460000276565552,4.039999961853027 C0.6460000276565552,4.039999961853027 -9.704999923706055,1.7300000190734863 -9.704999923706055,1.7300000190734863z">
272 |                     </path>
273 |                 </g>
274 |                 <g opacity="1" transform="matrix(1,0,0,1,113.26499938964844,130.86000061035156)">
275 |                     <path fill="rgb(80,169,170)" fill-opacity="1"
276 |                         d=" M-16.825000762939453,-1.4600000381469727 C-16.825000762939453,-1.4600000381469727 2.365000009536743,6.690000057220459 2.365000009536743,6.690000057220459 C2.365000009536743,6.690000057220459 16.825000762939453,-6.690000057220459 16.825000762939453,-6.690000057220459 C16.825000762939453,-6.690000057220459 1.3250000476837158,0.8299999833106995 1.3250000476837158,0.8299999833106995 C1.3250000476837158,0.8299999833106995 -16.825000762939453,-1.4600000381469727 -16.825000762939453,-1.4600000381469727z">
277 |                     </path>
278 |                 </g>
279 |             </g>
280 |         </g>
281 | 
282 |         <g transform="matrix(1,0,0,1,110.56000518798828,-0.25)" opacity="1" style="display: block;">
283 |             <g opacity="1" transform="matrix(1,0,0,1,0,0)">
284 |                 <g opacity="1" transform="matrix(1,0,0,1,95.9000015258789,99.73999786376953)">
285 |                     <path fill="rgb(43,43,43)" fill-opacity="1"
286 |                         d=" M4.281000137329102,0 C4.281000137329102,2.364000082015991 2.364000082015991,4.28000020980835 0,4.28000020980835 C-2.364000082015991,4.28000020980835 -4.281000137329102,2.364000082015991 -4.281000137329102,0 C-4.281000137329102,-2.364000082015991 -2.364000082015991,-4.28000020980835 0,-4.28000020980835 C2.364000082015991,-4.28000020980835 4.281000137329102,-2.364000082015991 4.281000137329102,0z">
287 |                     </path>
288 |                 </g>
289 |                 <g opacity="1" transform="matrix(1,0,0,1,122.54000091552734,95.47200012207031)">
290 |                     <path fill="rgb(43,43,43)" fill-opacity="1"
291 |                         d=" M4.28000020980835,-0.013000000268220901 C4.285999774932861,2.3510000705718994 2.374000072479248,4.271999835968018 0.009999999776482582,4.2769999504089355 C-2.3540000915527344,4.2820000648498535 -4.276000022888184,2.371999979019165 -4.281000137329102,0.00800000037997961 C-4.285999774932861,-2.3559999465942383 -2.374000072479248,-4.2779998779296875 -0.010999999940395355,-4.2829999923706055 C-0.010999999940395355,-4.2829999923706055 0.009999999776482582,-4.2829999923706055 0.009999999776482582,-4.2829999923706055 C2.36899995803833,-4.2829999923706055 4.28000020980835,-2.371000051498413 4.28000020980835,-0.013000000268220901z">
292 |                     </path>
293 |                 </g>
294 |             </g>
295 |         </g>
296 | 
297 |     </g>
298 | </svg>


--------------------------------------------------------------------------------