Skip to content
New issue

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

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

feat: startup-list #118

Merged
merged 63 commits into from
Sep 30, 2024
Merged

feat: startup-list #118

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
63 commits
Select commit Hold shift + click to select a range
ef752fa
created dummy data in data/startup.tsx and tried to implement the scr…
jfltzngr Jul 5, 2024
9e4e5e3
made a basic list for e-lab
jfltzngr Jul 5, 2024
682ba1f
feat: Add search functionality to StartupsDictionary component
jfltzngr Jul 7, 2024
e5a1cac
added data path
lankabelgezogen Jun 23, 2024
64c3e61
added startup data
lankabelgezogen Jun 23, 2024
f009ad5
added startup-details component
lankabelgezogen Jun 23, 2024
093fe82
added dynamic route for startup pages
lankabelgezogen Jun 23, 2024
3e5fad8
fixed lint issues
lankabelgezogen Jun 24, 2024
f520d41
fixed linting issues and fixed structure added types and added Padding
Cyro292 Jun 28, 2024
8c33a5e
merged with feature/startup-detail-page
Jul 7, 2024
801acba
merged with search bar
Jul 7, 2024
ea4d1e2
feat: Add height prop to StartupsDictionary component
jfltzngr Jul 7, 2024
8d23ca9
Erased the outer slide bar. Now there's only one
jfltzngr Jul 8, 2024
cc8428e
improved styling and mobile view
Jul 13, 2024
ad27c4a
feat: Add tags to startup list items
jfltzngr Jul 15, 2024
dd9612e
adjusted button color and minor style improvements
Jul 20, 2024
bb12dac
Merge branch 'develop' into feature/full-startup-page
Cyro292 Jul 27, 2024
a542a42
feat: Moved E-Lab Startup Directory to a separate page
jfltzngr Aug 9, 2024
92339c1
refactor: Update StartupList component to make maxHeight optional, re…
jfltzngr Aug 12, 2024
949beef
team data added
LaurenzSommerlad Jun 24, 2024
7e9955e
components and person card with mobile friendly grid added for team s…
LaurenzSommerlad Jun 24, 2024
6dd5497
person id added for dynamic routing
LaurenzSommerlad Jun 24, 2024
3332fb7
dynamic page for venture team members added
LaurenzSommerlad Jun 24, 2024
b6abbf2
people profiles styled
LaurenzSommerlad Jun 25, 2024
c822a27
fix type errors
Jun 26, 2024
661b7a8
removed section with two role statements
Jul 2, 2024
e78093f
adjusted social media icon alignment
Jul 2, 2024
8ddd97d
youtube added
LaurenzSommerlad Jul 3, 2024
3ad1ba0
clean up
LaurenzSommerlad Jul 3, 2024
aa9f200
clean up
LaurenzSommerlad Jul 3, 2024
4c4ea65
seo optimization
LaurenzSommerlad Jul 3, 2024
ac247a1
more minor seo optimization
LaurenzSommerlad Jul 3, 2024
d1195fb
bar width fixed
LaurenzSommerlad Jul 4, 2024
1f6c5ea
more members added
LaurenzSommerlad Jul 17, 2024
674fa1e
nagah added
LaurenzSommerlad Jul 17, 2024
effebe5
emine added
LaurenzSommerlad Jul 17, 2024
771aa44
abdul & advisor / alumni section added
LaurenzSommerlad Jul 17, 2024
53794d0
advisors page fix
LaurenzSommerlad Jul 17, 2024
0b8a189
daniil & neki added
LaurenzSommerlad Jul 17, 2024
87db8f3
link between full team page and e-lab page added
LaurenzSommerlad Jul 17, 2024
61af9db
image optimization
LaurenzSommerlad Jul 17, 2024
a5cfe62
honorable alumni added
LaurenzSommerlad Jul 17, 2024
c515949
year updated to 2024
LaurenzSommerlad Jul 20, 2024
e54d165
minor seo site audit quick fixes, broken links fixed & e-lab waitlist…
LaurenzSommerlad Jul 20, 2024
e79ed39
img file name fixed
LaurenzSommerlad Jul 20, 2024
8ee2fbe
forms link changed to our domain
LaurenzSommerlad Jul 21, 2024
c2d32aa
Update Font Awesome package versions
suriyaa Jul 15, 2024
4f04d0c
feat: Moved E-Lab Startup Directory to a separate page
jfltzngr Aug 9, 2024
bdf3c1d
refactor: Update StartupList component to make maxHeight optional, re…
jfltzngr Aug 12, 2024
a4d2f1e
Merge branch 'feature/startuplist' of https://github.com/tum-ai/websi…
jfltzngr Aug 12, 2024
442ffb9
Added company socials and founder cards to startup detail page
Aug 26, 2024
003ecf8
Merge branch 'develop' into feature/startuplist
Aug 31, 2024
5109f9b
finished merge into dev
Aug 31, 2024
1c8f6af
removed startup directory from elab page
Sep 8, 2024
679854d
Merge branch 'develop' into feature/startuplist
Cyro292 Sep 29, 2024
0cae6f9
Revert "Merge branch 'develop' into feature/startuplist"
Cyro292 Sep 29, 2024
2d809dc
Revert "Revert "Merge branch 'develop' into feature/startuplist""
lankabelgezogen Sep 29, 2024
35d0338
fixed bugs
lankabelgezogen Sep 29, 2024
a76ec5f
added keys to Link
lankabelgezogen Sep 29, 2024
73824a0
fixed lint issues
lankabelgezogen Sep 29, 2024
972f001
added link to startuplist to e-lab page
lankabelgezogen Sep 29, 2024
d8efc4f
delete whitespace
lankabelgezogen Sep 29, 2024
5d5858d
updated person
Cyro292 Sep 30, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -32,3 +32,4 @@ yarn-error.log*
.env*.local

.vercel
*.lock
200 changes: 43 additions & 157 deletions app/e-lab/[id]/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
import {faInstagram, faLinkedin, faXTwitter, faYoutube} from "@fortawesome/free-brands-svg-icons";
import {faArrowLeft, faEnvelope, faLink} from "@fortawesome/free-solid-svg-icons";
import {alumni, Person, team} from "../../../data/e-lab";
import {faArrowLeft} from "@fortawesome/free-solid-svg-icons";
import {alumni, Person, team} from "@data/e-lab";
import Link from "next/link";
import NotFound from "next/dist/client/components/not-found-error";
import Section from "@components/ui/Section";
import Image from "next/image";
import {ProfilePage, WithContext} from "schema-dts";
import SocialMediaLinks from "@components/SocialMediaLinks";

export function generateStaticParams() {
return team.map((person) => ({
Expand Down Expand Up @@ -47,7 +47,7 @@ export default function Page({params: {id}}: { params: { id: string } }) {
familyName: person.lastName,
description: person.description,
image: 'https://www.tum-ai.com' + person.imgSrc,
email: person.email,
email: person.socialMedia.email,
worksFor: {
'@type': 'EmployeeRole',
roleName: person.role,
Expand All @@ -67,11 +67,11 @@ export default function Page({params: {id}}: { params: { id: string } }) {
},
url: 'https://www.tum-ai.com/e-lab/' + person.id,
sameAs: [
person.linkedin,
person.x ? person.x : "",
person.instagram ? person.instagram : "",
person.youtube ? person.youtube : "",
person.website ? person.website : "",
person.socialMedia.linkedin,
person.socialMedia.x ? person.socialMedia.x : "",
person.socialMedia.instagram ? person.socialMedia.instagram : "",
person.socialMedia.youtube ? person.socialMedia.youtube : "",
person.socialMedia.website ? person.socialMedia.website : "",
],
},
}
Expand Down Expand Up @@ -118,72 +118,15 @@ export default function Page({params: {id}}: { params: { id: string } }) {
{person?.role}
</p>

<div className="sm:ml-4 sm:pl-4 sm:border-l sm:border-gray-300 mt-4 sm:mt-0">
<h2 className="sr-only">Social Media Links</h2>
<div className="flex items-center">
<div className="space-x-4">
<Link href={person?.linkedin} target="_blank" rel="me">
<FontAwesomeIcon
icon={faLinkedin}
size="lg"
className="duration-500 hover:text-yellow-500"
title="LinkedIn Profile"
/>
</Link>
{person.x ? (
<Link href={person.x} target="_blank" rel="me">
<FontAwesomeIcon
icon={faXTwitter}
size="lg"
className="duration-500 hover:text-yellow-500"
title="X (former Twitter) Account"
/>
</Link>
) : null}
{person.instagram ? (
<Link href={person.instagram} target="_blank" rel="me">
<FontAwesomeIcon
icon={faInstagram}
size="lg"
className="duration-500 hover:text-yellow-500"
title="Instagram Page"
/>
</Link>
) : null}
{person.youtube ? (
<Link href={person.youtube} target="_blank" rel="me">
<FontAwesomeIcon
icon={faYoutube}
size="lg"
className="duration-500 hover:text-yellow-500"
title="YouTube Channel"
/>
</Link>
) : null}
{person.website ? (
<Link href={person.website} target="_blank" rel="me">
<FontAwesomeIcon
icon={faLink}
size="lg"
className="duration-500 hover:text-yellow-500"
title="Personal Website"
/>
</Link>
) : null}
{person.email ? (
<Link href={`mailto:${person.email}`} rel="me">
<FontAwesomeIcon
icon={faEnvelope}
size="lg"
className="duration-500 hover:text-yellow-500"
title="Send E-Mail"
/>
</Link>
) : null}
</div>
<div className="sm:ml-4 sm:pl-4 sm:border-l sm:border-gray-300 mt-4 sm:mt-0">
<h2 className="sr-only">Social Media Links</h2>
<div className="flex items-center">
<div className="space-x-4">
<SocialMediaLinks socialMedia={person.socialMedia} iconClassNames={"duration-500 hover:text-yellow-500"}/>
</div>
</div>
</div>
</div>

<div className="mt-4 space-y-6">
<p className="text-base whitespace-pre-wrap">
Expand All @@ -193,97 +136,40 @@ export default function Page({params: {id}}: { params: { id: string } }) {
</section>
</div>

{/* Person image */}
<div className="mt-10 lg:mt-0 lg:col-start-2 lg:row-span-2 lg:self-center">
<div className="aspect-w-1 aspect-h-1 rounded-lg overflow-hidden">
<Image
src={person?.imgSrc}
width={0}
height={0}
sizes="100vw"
alt={person?.imgAlt}
className="w-full h-full object-center object-cover"
/>
</div>
{/* Person image */}
<div className="mt-10 lg:mt-0 lg:col-start-2 lg:row-span-2 lg:self-center">
<div className="aspect-w-1 aspect-h-1 rounded-lg overflow-hidden">
<Image
src={person?.imgSrc}
width={0}
height={0}
sizes="100vw"
alt={person?.imgAlt}
className="w-full h-full object-center object-cover"
/>
</div>
</div>
</div>
<div
className="group relative bg-white border border-gray-200 rounded-lg flex flex-col overflow-hidden mt-4 max-w-2xl mx-auto lg:max-w-7xl">
<div className="flex-1 p-4 space-y-2 flex flex-col">
<div className="flex flex-col md:flex-row md:justify-between">
<div>
<h3 className="text-m font-medium text-gray-900">
{person.firstName} {person.lastName}
</h3>
<p className="text-sm text-gray-500">
{person.role}
</p>
</div>
<div className="space-x-4 mt-2 md:mt-0">
<Link href={person?.linkedin} target="_blank">
<FontAwesomeIcon
icon={faLinkedin}
size="lg"
className="text-black duration-500 hover:text-yellow-500"
title="LinkedIn Profile"
/>
</Link>
{person.x ? (
<Link href={person.x} target="_blank">
<FontAwesomeIcon
icon={faXTwitter}
size="lg"
className="text-black duration-500 hover:text-yellow-500"
title="X (former Twitter) Account"
/>
</Link>
) : null}
{person.instagram ? (
<Link href={person.instagram} target="_blank">
<FontAwesomeIcon
icon={faInstagram}
size="lg"
className="text-black duration-500 hover:text-yellow-500"
title="Instagram Page"
/>
</Link>
) : null}
{person.youtube ? (
<Link href={person.youtube} target="_blank">
<FontAwesomeIcon
icon={faYoutube}
size="lg"
className="text-black duration-500 hover:text-yellow-500"
title="YouTube Channel"
/>
</Link>
) : null}
{person.website ? (
<Link href={person.website} target="_blank">
<FontAwesomeIcon
icon={faLink}
size="lg"
className="text-black duration-500 hover:text-yellow-500"
title="Personal Website"
/>
</Link>
) : null}
{person.email ? (
<Link href={`mailto:${person.email}`}>
<FontAwesomeIcon
icon={faEnvelope}
size="lg"
className="text-black duration-500 hover:text-yellow-500"
title="Send E-Mail"
/>
</Link>
) : null}
</div>
</div>
<div
className="group relative bg-white border border-gray-200 rounded-lg flex flex-col overflow-hidden mt-4 max-w-2xl mx-auto lg:max-w-7xl">
<div className="flex-1 p-4 space-y-2 flex flex-col">
<div className="flex flex-col md:flex-row md:justify-between">
<div>
<h3 className="text-m font-medium text-gray-900">
{person.firstName} {person.lastName}
</h3>
<p className="text-sm text-gray-500">
{person.role}
</p>
</div>
<div className="space-x-4 mt-2 md:mt-0">
<SocialMediaLinks socialMedia={person.socialMedia} iconClassNames={"text-black duration-500 hover:text-yellow-500"} />
</div>
</div>
</div>
</Section>
</div>
</Section>
</div>
);
}
Expand Down
Loading
Loading