Merge pull request #8 from devfolioco/working

Working

Author: veesesh

content/docs/guide/keyboard-accessibility.mdx

@@ -56,7 +56,7 @@ Time to find a hackathon to submit your project!
 - `Arrow Keys` – Move through lists and options
 - `/` – Focus the **Search Bar**
 
-<img src="https://assets.devfolio.co/content/7e2cf913793f4bddb809713a0bcd14ae/9b9e6199-c143-4494-bb29-ac2077be8e53.webp" alt="Keyboard accessibility" />
+<img src="/assets/keyboard.webp" alt="Keyboard accessibility" />
 
 ## 🧪 Example Flow
 

content/docs/guide/organizer-dashboard/additional-tab/meta.json

@@ -1,5 +1,5 @@
 {
-  "title": "Admin Tab",
+  "title": "Additional Tab",
   "description": "Tabs to configure your hackathon on Devfolio",
   "icon": "Building",
   "pages": ["volunteer-tab", "logistic-tab"]

content/docs/guide/organizer-dashboard/emails-tab.mdx

@@ -0,0 +1,58 @@
+---
+title: Emails Tab
+description: The Emails tab contains essential features that make it easier to manage your hackathon like sending announcements and managing email templates.
+---
+
+import { Tabs, Tab } from "fumadocs-ui/components/tabs";
+
+<Tabs items={["Make an Announcement", "Manage Email Templates"]} >
+  <Tab value="Make an Announcement">
+    <p>The Email tab lets you send announcements to hackers — to keep them informed about updates or changes. When clicking on ‘Preview’, a checkbox will appear that allows the announcement to also be sent via email.</p>
+    <img src="/assets/image-9.19.webp" alt="Audience Segments" />
+
+    <Callout title="Tip" type="info">
+      If you wish to send out the announcement as an email (recommended), make sure you check the option to <code>Also send as email</code> before hitting send.
+    </Callout>
+  </Tab>
+
+ <Tab value="Manage Email Templates">
+    <p>The Emails tab comes with several pre-built templates as well to streamline your communication:</p>
+    
+    <ul>
+      <li><strong>Acceptance Emails</strong>: Notify participants of their selection</li>
+      <li><strong>RSVP Communications</strong>: Follow up with accepted participants</li>
+      <li><strong>Rejection Notifications</strong>: Notify participants of their rejection</li>
+      <li><strong>Individual and Team Reminders</strong>: Send reminders to submit profiles for review</li>
+      <li><strong>Upcoming Hackathon Notifications</strong>: Keep participants informed about future events</li>
+    </ul>
+
+    <iframe
+      width="100%"
+      height="400"
+      src="/assets/email-tab.mp4"
+      title="Preview announcement email"
+      frameBorder="0"
+      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+      allowFullScreen
+    />
+
+    <h3>Rich Text Editing</h3>
+    <p>All email templates support Markdown formatting, allowing you to:</p>
+    <ul>
+      <li>Add <strong>bold</strong>, <em>italic</em>, and other text formatting</li>
+      <li>Include links and references</li>
+      <li>Add custom styling to emphasize important information</li>
+    </ul>
+
+    <h3>Testing and Preview</h3>
+    <p>Before sending any emails to participants, you can:</p>
+    <ul>
+      <li>Send test emails to yourself to verify content and formatting</li>
+      <li>Preview how your email will look in recipients' inboxes</li>
+    </ul>
+
+    <Callout title="Pro Tip" type="info">
+      Always send a test email to yourself first to ensure everything looks perfect before sending to your participants!
+    </Callout>
+  </Tab>
+</Tabs>

content/docs/guide/organizer-dashboard/meta.json

@@ -5,6 +5,7 @@
   "pages": [
     "overview-tab",
     "review-tab",
+    "emails-tab",
     "admin-tab",
     "team-tab",
     "additional-tab",

content/docs/guide/organizer-dashboard/team-tab.mdx

@@ -7,15 +7,23 @@ description: You can add and manage the users (your organizing team) of the Orga
   The Team Tab will only be visible to the creator of the hackathon.
 </Callout>
 
-## Add Users to the Organizer Dashboard
+## Select Member Role Add Users to the Organizer Dashboard
 
-The `Devfolio Username` of the organizer will be required to add them to the team.
+The `Devfolio Username` of the organizer/Squad member will be required to add them to the team.
+
+- **Squad Member**: Can view general hackathon data, review profiles, check-in hackers, manage inventory tasks and logistics.
+- **Organizer**: Has full access to setup dashboard and all the tabs in hackathon dashboard. Can add team members.
 
 <img src="/assets/team.gif" alt="Add team member to dashboard" />
-<p align="center"><i>Add organizer to the dashboard</i></p>
+<p align="center"><i>Add team member to the dashboard</i></p>
 
 As demonstrated above, the modular permission allows you to provide access tab-wise — i.e., which tabs of the organizer dashboard they should be able to access.
 
+<Callout title= "warning"type="warning">
+  For Organizers: You won't be able to remove them once you add them to your team as an Organizer
+</Callout>
+
+
 ## Editing & Revoke Access
 
 <img src="/assets/revised.gif" alt="Edit or remove team member access" />

content/docs/guide/participating-in-hackathons/feedback-section.mdx

@@ -7,7 +7,15 @@ description: Learn how to share feedback after a hackathon via your hacker dashb
 After a hackathon ends, you'll see a **Feedback Section** appear on your **Hacker Dashboard**.
 
 
-  <img src="/assets/feedback.gif" alt="Feedback form on dashboard" />
+  <iframe
+    width="100%"
+    height="400"
+    src="/assets/feedback.mp4"
+    title="Feedback form on dashboard"
+    frameBorder="0"
+    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+    allowFullScreen
+  />
 
 
 <Callout type="info" title="Anonymous & Impactful">

content/docs/guide/participating-in-hackathons/online-hackathons.mdx

@@ -25,14 +25,38 @@ Your application is successful only after you click on `Submit Application`.
 
 If you don't see this button, scroll down and ensure you’ve answered all the required questions. Look for the `Application Filled - 100%` indicator.
 
+### Dashboard
+The dashboard will including the following things:
+
+- **Timeline** - Shows the timeline of the hackathon (generally, starting, ending, and submission timings)
+
+- **Announcements** - Shows the announcements made by organizers
+
+- **Prizes** - Shows the prizes which a user may win and some related information
+
+- **Submitting Solo** - It shows the time remaining for the deadline and the option to upload and submit the project for judging.
+
+- **Submitting In Team** - It shows the time remaining for the deadline, an option to create/join a team (if not done earlier), and an option to upload and submit the project for judging.
+
+<img src="/assets/submit.webp" alt="Submitting in team" />
+
 <Callout title= "warning"type="warning">
   The submission buttons will be enabled only after the submission window begins.
 </Callout>
 
 
 ## Create or Join a Team
 
+To know about creating/joining a team, refer to the docs here👇🏻 
 <Card
   title="🤼 Create/Join a Team"
   href="/docs/guide/participating-in-hackathons/create-join-a-team"
-/>
+/>
+
+## 📌 Important Notes
+
+1. Already applied individually but want to join a team?  
+   👉 You must first [withdraw your application](/docs/guide/participating-in-hackathons/withdrawing-your-hackathon-application), then re-apply using the team invite code.
+
+2. Want to **switch teams**?  
+   👉 Withdraw your current application, then re-apply with the new team’s invite code.

content/docs/guide/your-dev-profile.mdx

@@ -84,7 +84,7 @@ You can choose which projects appear as your **“Top Projects”** — use this
 <iframe
   width="100%"
   height="400"
-  src="https://file.notion.so/f/f/5bc094c8-987c-4274-938f-8a9d3fad1a04/19a33f68-cb87-4cbe-99b0-2302cbef1003/pinproject.mp4?table=block&id=24056997-768d-8087-ae23-cb0a696c65ba&spaceId=5bc094c8-987c-4274-938f-8a9d3fad1a04&expirationTimestamp=1755216000000&signature=3ghVTQXrXBh5wXiSeAceR23jZhrczsSCwMC3lounuBk&downloadName=pinproject.mp4"
+  src="/assets/pinproject.mp4"
   title="Setting up your Devfolio Profile"
   frameBorder="0"
   allow="autoplay"