Skip to content

Add footer and Nebula logo components #39

New issue

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

Sign up for GitHub

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

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: develop
Choose a base branch
from
Open

Add footer and Nebula logo components #39

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
634ae8e
Add footer and Nebula logo components
vishyyyyyyyyy Oct 2, 2025
402e46b
fix formatting isues
vishyyyyyyyyy Oct 2, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
49 changes: 49 additions & 0 deletions src/app/footer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
import { Bai_Jamjuree } from 'next/font/google';
import NebulaLogo from 'src/app/nebula-logo';

const baiJamjuree = Bai_Jamjuree({ subsets: ['latin'], weight: '700' });

export default function Footer() {
return (
<footer className="flex w-full flex-col gap-10 rounded-t-3xl border-none bg-orange-400 py-4 text-center">
<div className="mb-2 flex flex-row items-center justify-center gap-4">
<NebulaLogo className="h-14 w-14" />
<div
className={`align-bottom text-4xl text-white ${baiJamjuree.className}`}
>
NEBULA LABS NOTEBOOK
</div>
</div>
<div className="mb-2 ml-20 flex flex-row items-center justify-center gap-30">
<a
href=""
className="text-decoration-underline cursor-pointer text-2xl font-bold text-white"
>
About Us
</a>

<a
href="https://github.com/UTDNebula/utd-notebook"
className="text-decoration-underline cursor-pointer text-2xl font-bold text-white"
target="_blank"
rel="noopener noreferrer"
>
GitHub
</a>

<a
href="https://www.utdnebula.com/contact"
className="text-decoration-underline cursor-pointer text-2xl font-bold text-white"
target="_blank"
rel="noopener noreferrer"
>
Contact
</a>
</div>
<div className="mx-auto h-0.5 w-6/13 rounded-full bg-white"></div>
<div className="mb-2 text-sm text-white">
© 2023-2025 Nebula Labs Maintainers. Open-source under the MIT License.
</div>
</footer>
);
}
13 changes: 8 additions & 5 deletions src/app/layout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,8 @@ import { type Metadata } from 'next';

import { GoogleAnalytics } from '@next/third-parties/google';

import Footer from './footer';

const inter = Inter({
subsets: ['latin'],
variable: '--font-inter',
Expand All @@ -23,12 +25,10 @@ export const metadata: Metadata = {
template: '%s - UTD NOTEBOOK',
default: 'UTD NOTEBOOK',
},
description:
'',
description: '',
openGraph: {
title: 'UTD Notebook',
description:
'',
description: '',
type: 'website',
},
twitter: {
Expand All @@ -50,11 +50,14 @@ export default function RootLayout({
}) {
return (
<html lang="en">
<body className={`bg-white dark:bg-black ${inter.variable} font-main ${baiJamjuree.variable} text-haiti dark:text-white`}>
<body
className={`bg-white dark:bg-black ${inter.variable} font-main ${baiJamjuree.variable} text-haiti dark:text-white`}
>
{children}
{process.env.NEXT_PUBLIC_VERCEL_ENV === 'production' && (
<GoogleAnalytics gaId="G-" />
)}
<Footer />
</body>
</html>
);
Expand Down
31 changes: 31 additions & 0 deletions src/app/nebula-logo.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
import React from 'react';

interface Props {
className?: string;
}

export default function NebulaLogo(props: Props) {
return (
<svg
viewBox="0 0 501.29 381.89"
xmlns="http://www.w3.org/2000/svg"
fill="#FFF"
className={props.className}
>
<path d="m429.39 196.07a8.664 8.664 0 0 0-10.975 5.4492c-23.082 68.624-44.859 133.12-55.42 162.93-7.2724-0.0499-60.007-0.41937-91.018-0.42969a8.664 8.664 0 0 0-8.666 8.6602 8.664 8.664 0 0 0 8.6602 8.668c32.963 0.011 97.171 0.45899 97.191 0.45899a8.6649 8.6649 0 0 0 8.1562-5.7441c10.086-28.161 33.409-97.338 57.52-169.02a8.664 8.664 0 0 0-5.4492-10.975z" />
<path d="m111.33 181.58a8.664 8.664 0 0 0-8.6641 8.6641c0 41.339 15.354 79.019 40.479 106.92 22.259 24.727 52.269 41.816 85.984 46.904 0.89027 0.1451 1.7217 0.25937 2.4766 0.36133a8.664 8.664 0 0 0 9.7461-7.4258 8.664 8.664 0 0 0-7.4258-9.7461c-0.76369-0.10315-1.4539-0.19807-2.0547-0.29688a8.6649 8.6649 0 0 0-0.11523-0.0176c-29.575-4.4528-55.986-19.434-75.734-41.373a8.6649 8.6649 0 0 0 0-2e-3c-22.284-24.745-36.027-58.271-36.027-95.322a8.664 8.664 0 0 0-8.6641-8.6641z" />
<path d="m265.4 35.727a8.6649 8.6649 0 0 0-8.082 11.787c18.023 46.644 34.099 135.89 51.129 209.35a8.664 8.664 0 0 0 10.396 6.4824 8.664 8.664 0 0 0 6.4844-10.396c-15.406-66.46-29.764-145.86-46.92-197.45 11.223 2.6152 21.929 6.6921 31.879 12.174a8.6649 8.6649 0 0 0 2e-3 0c14.008 7.7134 26.566 18.076 37.041 30.461a8.6649 8.6649 0 0 0 2e-3 0c20.637 24.389 33.231 56.603 33.25 92.053v0.0566a8.664 8.664 0 0 0 8.6641 8.6641 8.664 8.664 0 0 0 8.6641-8.6641v-0.0625a8.6649 8.6649 0 0 0 0-4e-3c-0.02118-39.552-14.095-75.752-37.35-103.23-11.807-13.959-25.995-25.683-41.912-34.447h-2e-3c-15.906-8.7633-33.544-14.57-52.215-16.703l3.0527 0.93945c-1.1277-0.59355-4.064-1.0059-4.084-1.0059z" />
<path d="m237.73 0.0625a8.664 8.664 0 0 0-8.6641 8.6641 8.664 8.664 0 0 0 8.6641 8.6641h2e-3c1.121 0.0023 3.6974 1.0215 7.4785 6.0898 2.099 2.8135 4.3367 6.82 6.6074 11.469-0.5132-0.0056-1.0092-0.08789-1.5234-0.08789a8.664 8.664 0 0 0-8.6641 8.6641 8.664 8.664 0 0 0 8.6641 8.6641c4.7768 0 9.491 0.27324 14.115 0.80859a8.6649 8.6649 0 0 0 8.8242-12.303c-4.329-11.141-8.8244-20.458-14.135-27.576-5.3993-7.2374-12.398-13.038-21.332-13.057a8.6649 8.6649 0 0 0-0.0176 0zm35.469 40.541 0.0312 0.07227a8.6649 8.6649 0 0 0-2e-3 -0.0078z" />
<path d="m233.91 327.26a8.6649 8.6649 0 0 0-9.1856 11.801c4.7168 11.821 9.7372 21.684 15.783 29.182 6.046 7.4981 13.887 13.135 23.238 13.135h7.6055c5.0321 0 9.5098-2.3481 12.885-5.3379 9.614-8.5106 11.142-21.646 6.9629-31.67-4.1792-10.025-14.751-18.136-27.449-16.758a8.6649 8.6649 0 0 0-0.0156 8e-3l2e-3 -6e-3c-4.41 0.48566-8.8946 0.73047-13.443 0.73047-5.5497 0-11.016-0.37222-16.383-1.084zm31.709 17.576v2e-3c4.794-0.52018 7.8656 2.0676 9.5879 6.1992 1.7223 4.1316 1.4081 8.6088-2.457 12.029a8.6649 8.6649 0 0 0-4e-3 2e-3c-1.2871 1.1402-1.5466 0.98242-1.3945 0.98242h-7.6055c-2.4017 0-5.514-1.4321-9.75-6.6855-2.3471-2.9108-4.798-7.0326-7.2617-11.812 1.1886 0.03 2.3632 0.11914 3.5586 0.11914 5.1647 0 10.279-0.28058 15.326-0.83594z" />
<path d="m398.82 0.91797a8.6649 8.6649 0 0 0-7.5781 4.3223s-19.667 33.959-33.111 58.973a8.664 8.664 0 0 0 3.5293 11.734 8.664 8.664 0 0 0 11.732-3.5312c11.777-21.911 26.854-48.078 30.367-54.166 29.041 0.20571 65.043 0.12415 76.748 0.09375-5.7068 16.329-12.829 37.044-22.545 65.77a8.664 8.664 0 0 0 5.4316 10.982 8.664 8.664 0 0 0 10.982-5.4316c11.414-33.746 20.918-61.598 26.416-77.066a8.6649 8.6649 0 0 0-8.1895-11.566s-61.314 0.18748-93.783-0.11328z" />
<path d="m237.68 0-94.521 0.69922a8.664 8.664 0 0 0-8.5996 8.7285 8.664 8.664 0 0 0 8.7266 8.5996l72.316-0.53516c-1.6347 5.231-1.7077 10.845-0.28125 15.846 3.0064 10.539 13.114 20.026 26.221 19.104a8.6649 8.6649 0 0 0 4e-3 -2e-3c2.8928-0.20496 5.8215-0.31055 8.7617-0.31055 2.9825 0 5.8888 0.29379 8.8184 0.50586 8.3614 23.084 16.427 54.792 24.25 89.602 8.3759 37.31 16.575 77.846 25.09 114.58a8.6649 8.6649 0 0 0 0 2e-3c4.3664 18.818 8.8116 36.649 13.443 52.592a8.6649 8.6649 0 0 0 6e-3 0.0195c1.9312 6.591 10.926 9.8474 16.594 5.4043a8.6649 8.6649 0 0 0 8e-3 -6e-3c36.147-28.4 59.41-73.732 59.41-124.63a8.664 8.664 0 0 0-8.6641-8.6641 8.664 8.664 0 0 0-8.6641 8.6641c0 41.667-17.506 78.74-44.855 104-3.513-12.872-6.9819-26.575-10.396-41.291v-2e-3c-8.4338-36.381-16.631-76.893-25.065-114.46a8.6649 8.6649 0 0 0 0-2e-3c-8.4346-37.529-17.064-72.043-26.752-97.15a8.6649 8.6649 0 0 0-0.25976-0.60742c0.44902 0.94294 0.43972 0.91268-0.0293-0.07227a8.6649 8.6649 0 0 0-7.8086-4.9355h-4e-3a8.6649 8.6649 0 0 0-0.0117-0.0039h-0.0488c-4.9564-0.53947-9.98-0.86524-15.061-0.86524-3.3605 0-6.6945 0.12261-9.9824 0.35547-4.6813 0.32949-7.141-2.3701-8.3398-6.5723s-0.45686-8.1809 3.7812-10.607a8.6649 8.6649 0 0 0 8e-3 -0.0039c0.97859-0.56144 1.4995-0.64438 1.9668-0.64453h2e-3 0.0645a8.6649 8.6649 0 0 0-0.0647-17.328c-0.0214 0-0.0411 0.0096927-0.0625 0.0097656z" />
<path d="m146.23 1.2383a8.664 8.664 0 0 0-11.133 5.1172l-45.98 124.27a8.664 8.664 0 0 0 5.1191 11.133 8.664 8.664 0 0 0 11.133-5.1191l45.98-124.27a8.664 8.664 0 0 0-5.1191-11.131z" />
<path d="m63.209 225.58a8.664 8.664 0 0 0-11.133 5.1192l-51.537 139.26a8.6649 8.6649 0 0 0 8.0977 11.672c31.774 0.10381 91.163 0.4673 123.28 0.10156 8e-3 -3e-3 6.1308-2.4691 6.7266-3.2031 0.59618-0.73451 0.75132-1.077 0.89649-1.3457 0.29032-0.53739 0.35195-0.72152 0.41796-0.88477 0.13204-0.32649 0.16384-0.43776 0.20118-0.54882 0.0747-0.22212 0.11103-0.34808 0.15625-0.49805 0.0904-0.29994 0.18853-0.6371 0.31054-1.0684 0.24403-0.86251 0.57599-2.0694 0.98828-3.5918 0.8246-3.0449 1.9631-7.3378 3.2715-12.424 2.6167-10.172 5.9101-23.495 8.7051-36.229a8.664 8.664 0 0 0-6.6035-10.32 8.664 8.664 0 0 0-10.32 6.6055c-2.726 12.42-5.9815 25.592-8.5625 35.625-1.117 4.3421-2.017 7.719-2.7832 10.57-29.211 0.24459-73.016 0.0516-104.23-0.0723l47.234-127.63a8.664 8.664 0 0 0-5.1191-11.133z" />
<path d="m171.91 60.518a8.6649 8.6649 0 0 0-5.2812 1.6484c-19.357 14.046-35.333 32.798-46.482 54.666a8.6649 8.6649 0 0 0-2e-3 4e-3c-11.14 21.868-17.447 46.859-17.447 73.346v0.0625a8.6649 8.6649 0 0 0 0 4e-3c0.0211 41.311 15.364 78.959 40.479 106.84a8.664 8.664 0 0 0 12.236 0.64062 8.664 8.664 0 0 0 0.63867-12.236c-22.274-24.731-36.006-58.225-36.025-95.252v-0.0625c0-23.737 5.6408-46.009 15.559-65.479v-2e-3c7.8282-15.354 18.393-28.851 30.859-39.994 3.5486 15.148 7.0634 31.467 10.574 49.166 14.05 70.861 25.69 155.24 45.406 204.84l-0.27344-0.79882c0.19889 0.68947 0.40057 1.1413 0.46094 1.2832a8.664 8.664 0 0 0 11.365 4.5781 8.664 8.664 0 0 0 4.5801-11.363c-0.0196-0.0461 0.1033 0.21775 0.24219 0.69922a8.6649 8.6649 0 0 0-0.27344-0.80078c-18.034-45.365-30.316-130.2-44.512-201.8a8.6649 8.6649 0 0 0 0-2e-3c-4.5654-23.016-9.1291-44.71-13.898-63.459a8.6649 8.6649 0 0 0-8.2051-6.5254z" />
<ellipse cx="447.1" cy="49.717" rx="9.707" ry="9.917" />
<ellipse cx="67.147" cy="337.94" rx="9.707" ry="9.917" />
<path d="m446.39 140.76c-0.032-2.548 1.318-4.499 3.71-5.246 0.721-0.225 1.488-0.346 2.242-0.399 4.09-0.286 4.104-0.273 4.316-4.624 0.074-1.516 0.462-2.893 1.443-4.059 2.48-2.948 7.016-2.374 8.729 1.092 0.675 1.366 0.813 2.837 0.663 4.3-0.248 2.424 0.571 3.571 3.094 3.294 0.986-0.108 2.035 0.053 3.015 0.278 2.713 0.624 4.347 2.701 4.308 5.32-0.04 2.69-1.925 4.812-4.65 5.36-1.8 0.363-4.06-0.781-5.338 0.718-1.133 1.33-0.181 3.516-0.527 5.296-0.532 2.734-2.738 4.762-5.253 4.796-2.585 0.036-4.83-2.072-5.387-4.963-0.341-1.766 0.672-3.947-0.623-5.246-1.288-1.293-3.413-0.278-5.146-0.595-2.816-0.516-4.561-2.504-4.596-5.323z" />
<path d="m66.452 182.33c-0.032-2.548 1.318-4.499 3.71-5.246 0.721-0.225 1.488-0.346 2.242-0.399 4.09-0.286 4.104-0.273 4.316-4.624 0.074-1.516 0.462-2.893 1.443-4.059 2.48-2.948 7.016-2.374 8.729 1.092 0.675 1.366 0.813 2.837 0.663 4.3-0.248 2.424 0.571 3.571 3.094 3.294 0.986-0.108 2.035 0.053 3.015 0.278 2.713 0.624 4.347 2.701 4.308 5.32-0.04 2.69-1.925 4.812-4.65 5.36-1.8 0.363-4.06-0.781-5.338 0.718-1.133 1.33-0.181 3.516-0.527 5.296-0.532 2.734-2.738 4.762-5.253 4.796-2.585 0.036-4.83-2.072-5.387-4.963-0.341-1.766 0.672-3.947-0.623-5.246-1.288-1.293-3.413-0.278-5.146-0.595-2.816-0.516-4.561-2.504-4.596-5.323z" />
</svg>
);
}