Skip to content

Commit 5a7f02e

Browse files
IsoscelestialIsoscelestial
committed
Replace TopMenu logo
1 parent f3cebdd commit 5a7f02e

File tree

2 files changed

+81
-4
lines changed

2 files changed

+81
-4
lines changed

‎src/components/TopMenu.tsx‎

Lines changed: 13 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
'use client';
22

33
import Background from '@/../public/background.png';
4-
import NebulaLogo from '@/components/NebulaLogo';
4+
import { UTDRoomsLogoStandalone } from '@/components/UTDRoomsLogo';
55
import { Share } from '@mui/icons-material';
66
import { IconButton, Snackbar, TextField, Tooltip } from '@mui/material';
77
import Image from 'next/image';
@@ -67,10 +67,19 @@ export default function TopMenu(props: Props) {
6767
/>
6868
<Link
6969
href="/"
70-
className="text-lg md:text-xl font-display font-medium md:font-bold flex gap-2 items-center"
70+
className="font-display flex gap-2 items-center select-none text-haiti dark:text-white py-2"
7171
>
72-
<NebulaLogo className="h-6 w-auto fill-haiti dark:fill-white" />
73-
UTD ROOMS
72+
<div className="flex flex-row items-center">
73+
<UTDRoomsLogoStandalone className="h-10 w-auto fill-haiti dark:fill-white" />
74+
</div>
75+
<div className="flex flex-col max-sm:hidden">
76+
<span className="whitespace-nowrap text-lg md:text-xl font-bold leading-5">
77+
UTD ROOMS
78+
</span>
79+
<span className="whitespace-nowrap text-xs md:text-sm font-medium">
80+
by Nebula Labs
81+
</span>
82+
</div>
7483
</Link>
7584
<TextField
7685
label="Filter results"

‎src/components/UTDRoomsLogo.tsx‎

Lines changed: 68 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
1+
type ProjectLogoStandaloneProps = {
2+
className?: string;
3+
};
4+
5+
export function UTDRoomsLogoStandalone(props: ProjectLogoStandaloneProps) {
6+
return (
7+
<svg
8+
xmlns="http://www.w3.org/2000/svg"
9+
width="384"
10+
height="384"
11+
viewBox="0 0 384 384"
12+
fill="#573dff"
13+
className={props.className}
14+
>
15+
<path d="M239.533 130.576a8 8 0 0 0-5.545 2.596 8 8 0 0 0 .51 11.301 62.98 62.98 0 0 1 20.446 49.168 8 8 0 0 0 7.656 8.332 8 8 0 0 0 8.33-7.656 79.01 79.01 0 0 0-25.64-61.654 8 8 0 0 0-5.757-2.087M187.457 107.777a8 8 0 0 0-10.027 5.239l-54.825 174.732a8 8 0 0 0 5.239 10.027 8 8 0 0 0 10.029-5.238l54.822-174.73a8 8 0 0 0-5.238-10.03" />
16+
<path d="M256.156 86.225a8 8 0 0 0-10.027 5.238l-54.824 174.73a8 8 0 0 0 5.238 10.03 8 8 0 0 0 10.027-5.239l54.825-174.732a8 8 0 0 0-5.239-10.027M324.912 107.797a8 8 0 0 0-10.068 5.162l-48.782 151.42a8 8 0 0 0 5.163 10.066 8 8 0 0 0 10.066-5.16l48.783-151.42a8 8 0 0 0-5.162-10.068M63.936 260.955a8 8 0 0 0-10.028 5.238 8 8 0 0 0 5.239 10.03l68.697 21.552a8 8 0 0 0 10.029-5.238 8 8 0 0 0-5.238-10.027z" />
17+
<path d="m171.152 268.922-43.308 13.588a8 8 0 0 0-5.238 10.027 8 8 0 0 0 10.029 5.238l43.306-13.588a8 8 0 0 0 5.239-10.027 8 8 0 0 0-10.028-5.238M201.332 260.955a8 8 0 0 0-10.027 5.238 8 8 0 0 0 5.238 10.03l49.5 15.529a8 8 0 0 0 10.027-5.238 8 8 0 0 0-5.238-10.028zM256.156 86.225a8 8 0 0 0-10.027 5.238 8 8 0 0 0 5.238 10.027l68.533 21.502-.132-.047a8 8 0 0 0 10.224-4.843 8 8 0 0 0-4.844-10.225l-.014-.004a8 8 0 0 0-.295-.1zM121.402 179.99a8 8 0 0 0-8.332 7.656 79.02 79.02 0 0 0 25.64 61.654 8 8 0 0 0 11.301-.509 8 8 0 0 0-.509-11.302 62.99 62.99 0 0 1-20.446-49.169 8 8 0 0 0-7.654-8.33" />
18+
<path d="M251.365 86.225 208.06 99.812a8 8 0 0 0-5.239 10.028 8 8 0 0 0 10.028 5.238l43.308-13.588a8 8 0 0 0 5.239-10.027 8 8 0 0 0-10.03-5.238M112.775 109.555a8 8 0 0 0-10.066 5.162l-48.783 151.42a8 8 0 0 0 5.162 10.066 8 8 0 0 0 10.068-5.16l48.781-151.42a8 8 0 0 0-5.162-10.068M137.957 92.248a8 8 0 0 0-10.027 5.238 8 8 0 0 0 5.238 10.028l49.5 15.53a8 8 0 0 0 10.027-5.237 8 8 0 0 0-5.238-10.03z" />
19+
</svg>
20+
);
21+
}
22+
23+
type ProjectLogoCombinationProps = {
24+
className?: string;
25+
duotone?: boolean;
26+
slotClassNames?: {
27+
nebulaLogo?: string;
28+
projectLogo?: string;
29+
};
30+
};
31+
32+
export function UTDRoomsLogoCombination(props: ProjectLogoCombinationProps) {
33+
return (
34+
<svg
35+
xmlns="http://www.w3.org/2000/svg"
36+
width="512"
37+
height="512"
38+
viewBox="0 0 512 512"
39+
fill={props.duotone ? undefined : '#000'}
40+
className={props.className}
41+
>
42+
<g
43+
fill={props.duotone ? '#000' : undefined}
44+
className={props.slotClassNames?.nebulaLogo}
45+
>
46+
<path d="M14.033 429.537a8 8 0 0 0-8 8 8 8 0 0 0 8 8h123.432a8 8 0 0 0 8-8 8 8 0 0 0-8-8z" />
47+
<path d="M67.996 291.723a8 8 0 0 0-10.28 4.726L6.532 434.76a8 8 0 0 0 4.725 10.28 8 8 0 0 0 10.28-4.726l51.187-138.311a8 8 0 0 0-4.727-10.28M152.838 377.621a8 8 0 0 0-9.738 5.76l-13.385 52.168a8 8 0 0 0 5.762 9.736 8 8 0 0 0 9.736-5.76l13.385-52.168a8 8 0 0 0-5.76-9.736" />
48+
<path d="M175.658 126.266a8 8 0 0 0-5.959 1.408c-50.822 36.643-74.53 102.477-59.828 165.23 14.702 62.754 64.974 109.596 126.29 117.018a8 8 0 0 0 8.901-6.98 8 8 0 0 0-6.98-8.903c-54.377-6.582-99.372-48.18-112.633-104.785s8.263-115.907 53.608-148.602a8 8 0 0 0 1.81-11.168 8 8 0 0 0-5.209-3.218" />
49+
<path d="M175.236 126.854a8 8 0 0 0-5.566 9.85c23.593 84.893 26.515 178.987 59.96 268.087a8 8 0 0 0 10.304 4.68 8 8 0 0 0 4.677-10.303c-32.234-85.874-35.221-179.298-59.525-266.75a8 8 0 0 0-9.85-5.564M403.371 66.72a8 8 0 0 0-8 8 8 8 0 0 0 8 8h94.596a8 8 0 0 0 8-8 8 8 0 0 0-8-8z" />
50+
<path d="M500.545 67.146a8 8 0 0 0-10.15 4.997l-26.239 77.072a8 8 0 0 0 4.994 10.152 8 8 0 0 0 10.15-4.996L505.542 77.3a8 8 0 0 0-4.996-10.153M401.117 67.045a8 8 0 0 0-4.767 3.842l-32.014 58.646a8 8 0 0 0 3.187 10.856 8 8 0 0 0 10.856-3.19l32.016-58.646a8 8 0 0 0-3.19-10.856 8 8 0 0 0-6.088-.652M394.137 277.594a8 8 0 0 0 8.664-7.276c7.298-83.705-50.21-158.73-129.961-168.382a8 8 0 0 0-8.904 6.982 8 8 0 0 0 6.98 8.902c70.833 8.574 122.542 75.448 115.945 151.108a8 8 0 0 0 7.276 8.666M148.574 66.008a8 8 0 0 0-8 8 8 8 0 0 0 8 8H243.6a8 8 0 0 0 8-8 8 8 0 0 0-8-8z" />
51+
<path d="M151.324 66.494a8 8 0 0 0-10.262 4.762L95.376 196.05a8 8 0 0 0 4.762 10.262 8 8 0 0 0 10.261-4.762l45.69-124.795a8 8 0 0 0-4.764-10.262M269.336 102.293a8 8 0 0 0-5.043 10.129c17.988 53.66 29.727 113.31 42.336 172.361a8 8 0 0 0 9.494 6.153 8 8 0 0 0 6.152-9.495c-12.572-58.876-24.357-119.052-42.812-174.105a8 8 0 0 0-10.127-5.043" />
52+
<path d="M452.455 124.813c5.36 0 9.707-4.44 9.707-9.91 0-5.48-4.346-9.92-9.707-9.92s-9.707 4.44-9.707 9.92c0 5.47 4.346 9.91 9.707 9.91M72.502 413.043c5.36 0 9.707-4.44 9.707-9.92s-4.346-9.92-9.707-9.92-9.707 4.44-9.707 9.92 4.346 9.92 9.707 9.92M451.287 205.943c-.032-2.55 1.318-4.5 3.71-5.25.72-.22 1.488-.34 2.242-.4 4.09-.28 4.104-.27 4.316-4.62.074-1.52.462-2.89 1.443-4.06 2.48-2.95 7.016-2.37 8.729 1.09.675 1.37.813 2.84.663 4.3-.248 2.43.57 3.57 3.094 3.3.986-.11 2.035.05 3.015.28 2.713.62 4.347 2.7 4.308 5.32-.04 2.69-1.925 4.81-4.65 5.36-1.8.36-4.06-.79-5.338.71-1.133 1.33-.181 3.52-.527 5.3-.532 2.73-2.738 4.76-5.253 4.8-2.585.03-4.83-2.08-5.387-4.97-.341-1.76.672-3.94-.623-5.24-1.288-1.3-3.413-.28-5.146-.6-2.816-.51-4.561-2.5-4.596-5.32M71.807 247.513c-.032-2.55 1.318-4.5 3.71-5.25.72-.22 1.488-.34 2.242-.39 4.09-.29 4.104-.28 4.316-4.63.074-1.51.462-2.89 1.443-4.06 2.48-2.95 7.016-2.37 8.729 1.09.675 1.37.813 2.84.663 4.3-.248 2.43.57 3.58 3.094 3.3.986-.11 2.035.05 3.015.28 2.713.62 4.347 2.7 4.308 5.32-.04 2.69-1.925 4.81-4.65 5.36-1.8.36-4.06-.78-5.338.71-1.133 1.33-.181 3.52-.527 5.3-.532 2.73-2.738 4.76-5.253 4.8-2.585.03-4.83-2.08-5.387-4.97-.341-1.76.672-3.94-.623-5.24-1.288-1.3-3.413-.28-5.146-.6-2.816-.51-4.561-2.5-4.596-5.32" />
53+
<path d="M245.6 66.008c-7.378 0-13.785 3.902-17.672 9.068s-5.759 11.554-5.541 18.096c.478 14.37 12.048 25.168 24.857 24.236 8.422-.612 15.359-.533 23.647.447a8 8 0 0 0 8.6-10.253c-2.266-7.515-6.278-16.874-11.518-25.008-2.62-4.067-5.522-7.825-9.02-10.885s-7.878-5.701-13.353-5.701m0 16c-.077 0 1.017.167 2.818 1.742 1.8 1.575 4.022 4.278 6.103 7.51 1.912 2.967 3.674 6.414 5.25 9.812-4.488-.09-8.968.036-13.689.38-3.012.218-7.494-2.463-7.705-8.813-.1-2.977.901-6.038 2.334-7.942 1.432-1.903 2.792-2.69 4.889-2.69" />
54+
</g>
55+
<g
56+
fill={props.duotone ? '#573dff' : undefined}
57+
className={props.slotClassNames?.projectLogo}
58+
>
59+
<path d="M382.835 295.842a6.4 6.4 0 0 0-4.436 2.077 6.4 6.4 0 0 0 .407 9.042 50.39 50.39 0 0 1 16.36 39.34 6.4 6.4 0 0 0 6.124 6.666 6.4 6.4 0 0 0 6.665-6.126 63.22 63.22 0 0 0-20.514-49.33 6.4 6.4 0 0 0-4.606-1.67m-41.666-18.24a6.4 6.4 0 0 0-8.023 4.191L289.28 421.595a6.4 6.4 0 0 0 4.192 8.023 6.4 6.4 0 0 0 8.024-4.19l43.863-139.803a6.4 6.4 0 0 0-4.19-8.025" />
60+
<path d="M396.135 260.357a6.4 6.4 0 0 0-8.022 4.19L344.248 404.35a6.4 6.4 0 0 0 4.19 8.025 6.4 6.4 0 0 0 8.024-4.191l43.864-139.804a6.4 6.4 0 0 0-4.19-8.022m55.011 17.26a6.4 6.4 0 0 0-8.055 4.13l-39.03 121.15a6.4 6.4 0 0 0 4.13 8.055 6.4 6.4 0 0 0 8.054-4.129l39.031-121.151a6.4 6.4 0 0 0-4.13-8.056M242.34 400.158a6.4 6.4 0 0 0-8.023 4.191 6.4 6.4 0 0 0 4.191 8.025l54.966 17.244a6.4 6.4 0 0 0 8.024-4.19 6.4 6.4 0 0 0-4.191-8.023z" />
61+
<path d="m328.124 406.533-34.651 10.872a6.4 6.4 0 0 0-4.192 8.022 6.4 6.4 0 0 0 8.025 4.191l34.65-10.872a6.4 6.4 0 0 0 4.19-8.022 6.4 6.4 0 0 0-8.022-4.191m24.147-6.375a6.4 6.4 0 0 0-8.024 4.191 6.4 6.4 0 0 0 4.192 8.025l39.605 12.425a6.4 6.4 0 0 0 8.023-4.19 6.4 6.4 0 0 0-4.191-8.024zm43.864-139.801a6.4 6.4 0 0 0-8.022 4.19 6.4 6.4 0 0 0 4.19 8.023l54.834 17.204-.106-.038a6.4 6.4 0 0 0 8.18-3.875 6.4 6.4 0 0 0-3.875-8.18l-.011-.004a6 6 0 0 0-.236-.08zm-107.817 75.021a6.4 6.4 0 0 0-6.667 6.126 63.22 63.22 0 0 0 20.515 49.33 6.4 6.4 0 0 0 9.043-.408 6.4 6.4 0 0 0-.408-9.043 50.4 50.4 0 0 1-16.359-39.34 6.4 6.4 0 0 0-6.124-6.665" />
62+
<path d="m392.302 260.357-34.65 10.87a6.4 6.4 0 0 0-4.19 8.024 6.4 6.4 0 0 0 8.023 4.19l34.65-10.87a6.4 6.4 0 0 0 4.191-8.024 6.4 6.4 0 0 0-8.024-4.19m-110.886 18.666a6.4 6.4 0 0 0-8.054 4.13l-39.031 121.151a6.4 6.4 0 0 0 4.13 8.054 6.4 6.4 0 0 0 8.055-4.128l39.03-121.152a6.4 6.4 0 0 0-4.13-8.055m20.148-13.847a6.4 6.4 0 0 0-8.023 4.19 6.4 6.4 0 0 0 4.191 8.024l39.605 12.425a6.4 6.4 0 0 0 8.023-4.19 6.4 6.4 0 0 0-4.19-8.025z" />
63+
</g>
64+
</svg>
65+
);
66+
}
67+
68+
export default UTDRoomsLogoStandalone;

0 commit comments

Comments
 (0)