Skip to content

Commit 654d7c8

Browse files
sachmiisachmii
authored
General: Rework on docusaurus front page (#796)
1 parent 3c34780 commit 654d7c8

File tree

5 files changed

+119
-14
lines changed

5 files changed

+119
-14
lines changed

‎docs/sidebars.ts‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,6 @@ const sidebars: SidebarsConfig = {
2929
],
3030
*/
3131
tutorialSidebar: [
32-
'faq',
3332
{
3433
type: 'category',
3534
label: 'Applicants',

docs/docs/faq.md renamed to docs/src/pages/faq.md

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,3 @@
1-
---
2-
sidebar_label: FAQ
3-
sidebar_position: 0
4-
---
5-
61
# Frequently Asked Questions (FAQ)
72

83
This FAQ page provides quick answers to the most common questions from users of TUMApply. If you need more help with

‎docs/src/pages/index.module.css‎

Lines changed: 23 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,13 @@
44
*/
55

66
.heroBanner {
7-
padding: 4rem 0;
7+
padding: 8rem 0;
88
text-align: center;
99
position: relative;
1010
overflow: hidden;
11+
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/img/MI_building.webp");
12+
background-position: center top;
13+
background-size: cover;
1114
}
1215

1316
@media screen and (max-width: 996px) {
@@ -21,3 +24,22 @@
2124
align-items: center;
2225
justify-content: center;
2326
}
27+
28+
29+
.faqDetails {
30+
@media (prefers-reduced-motion: no-preference) {
31+
interpolate-size: allow-keywords;
32+
}
33+
34+
&::details-content {
35+
opacity: 0;
36+
block-size: 0;
37+
overflow-y: clip;
38+
transition: content-visibility 1s allow-discrete, opacity 1s, block-size 1s;
39+
}
40+
41+
&[open]::details-content {
42+
opacity: 1;
43+
block-size: auto;
44+
}
45+
}

‎docs/src/pages/index.tsx‎

Lines changed: 96 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -6,18 +6,108 @@ import Heading from '@theme/Heading';
66

77
import styles from './index.module.css';
88

9+
function FAQSection() {
10+
return (
11+
<section
12+
style={{
13+
maxWidth: 800,
14+
margin: '2rem auto',
15+
padding: '2rem',
16+
background: 'rgba(255,255,255,0.95)',
17+
borderRadius: 12,
18+
}}
19+
>
20+
<h2>Frequently Asked Questions (FAQ)</h2>
21+
<p>
22+
This FAQ page provides quick answers to the most common questions from users of TUMApply. If you need more help with a specific
23+
topic, please refer to the relevant section in the documentation or contact our support team.
24+
</p>
25+
<hr />
26+
<details className={styles.faqDetails}>
27+
<summary>
28+
<strong>Do I need an account to browse positions?</strong>
29+
</summary>
30+
<div style={{ marginTop: '0.5rem' }}>
31+
No. You can search and view all open positions on TUMApply without creating an account.
32+
<br />
33+
If you want to apply for a position or save your personal data, you need to create an account.
34+
</div>
35+
</details>
36+
<hr />
37+
<details className={styles.faqDetails}>
38+
<summary>
39+
<strong>How do I create an account?</strong>
40+
</summary>
41+
<div style={{ marginTop: '0.5rem' }}>
42+
Applicants can register with Google, Apple, or email. Professors automatically get an account when they log in with their TUM ID.
43+
</div>
44+
</details>
45+
<hr />
46+
<details className={styles.faqDetails}>
47+
<summary>
48+
<strong>How do I log in?</strong>
49+
</summary>
50+
<div style={{ marginTop: '0.5rem' }}>
51+
<strong>Applicants:</strong> To log in, go to the <a href="https://tumapply.aet.cit.tum.de/">TUMApply</a> page and click on the{' '}
52+
<strong>Login</strong> button in the top-right corner. You can then choose one of three options – email + verification code,
53+
Google or Apple.
54+
<br />
55+
<br />
56+
<strong>Professors:</strong> To log in, go to the <a href="https://tumapply.aet.cit.tum.de/professor">TUMApply Professor</a> page
57+
and click on the <strong>Login</strong> button in the top-right corner. Use your TUM ID and TUM password to sign in via the TUM
58+
Login system. No separate registration is required – your account is created automatically.
59+
</div>
60+
</details>
61+
<hr />
62+
<details className={styles.faqDetails}>
63+
<summary>
64+
<strong>I did not receive my email code. What can I do?</strong>
65+
</summary>
66+
<div style={{ marginTop: '0.5rem' }}>First, check your spam folder. If no code arrived, request a new one in the login dialog.</div>
67+
</details>
68+
<hr />
69+
<details className={styles.faqDetails}>
70+
<summary>
71+
<strong>What are Research Groups?</strong>
72+
</summary>
73+
<div style={{ marginTop: '0.5rem' }}>
74+
Research Groups are usually equivalent to chairs and professorships at TUM. They are needed for professors to manage applications
75+
and postings.
76+
</div>
77+
</details>
78+
<hr />
79+
<details className={styles.faqDetails}>
80+
<summary>
81+
<strong>I am a professor and don’t see my professor rights. What should I do?</strong>
82+
</summary>
83+
<div style={{ marginTop: '0.5rem' }}>
84+
On first login, you only have applicant rights. Please send us an email with the name of your Research Group and its head. Our
85+
team will assign your rights and confirm by email.
86+
</div>
87+
</details>
88+
<hr />
89+
<details className={styles.faqDetails}>
90+
<summary>
91+
<strong>Can I apply without an account?</strong>
92+
</summary>
93+
<div style={{ marginTop: '0.5rem' }}>
94+
No. You can browse all open positions without an account, but as soon as you want to apply, you must create an account.
95+
</div>
96+
</details>
97+
</section>
98+
);
99+
}
100+
9101
function HomepageHeader() {
10102
return (
11103
<header className={clsx('hero hero--primary', styles.heroBanner)}>
12104
<div className="container">
13105
<Heading as="h1" className="hero__title">
14106
Welcome to the TUMApply User Documentation
15107
</Heading>
16-
<p className="hero__subtitle">
17-
The official guide for Applicants and Professors using TUMApply.
18-
</p>
108+
<p className="hero__subtitle">The official guide for Applicants and Professors using TUMApply.</p>
19109
<div className={styles.buttons}>
20-
<Link className="button button--secondary button--lg" to="/docs/faq">
110+
<Link className="button button--secondary button--lg" to="/docs/applicants/account-creation">
21111
Get Started →
22112
</Link>
23113
</div>
@@ -28,10 +118,9 @@ function HomepageHeader() {
28118

29119
export default function Home(): ReactNode {
30120
return (
31-
<Layout
32-
title={`TUMApply Documentation`}
33-
description="Description will go into a meta tag in <head />">
121+
<Layout title={`TUMApply Documentation`} description="Description will go into a meta tag in <head />">
34122
<HomepageHeader />
123+
<FAQSection />
35124
</Layout>
36125
);
37126
}

‎docs/static/img/MI_building.webp‎

471 KB
Loading

0 commit comments

Comments
 (0)