MukulRay commited on
Commit
2da9b57
·
1 Parent(s): f370f7d

Group hero CTAs into one tight block — badges in a row + 4-col description table

Browse files

Previous layout had four separate ### sections (Try Live, Watch Demo,
Watch Presentation, Project Files) stacked vertically, each with its
own header + centered badge + descriptive blockquote. ~30 lines of
vertical real estate before the disclaimer.

New layout consolidates everything into the centered hero block:

- Top row: 3 metadata badges (Python / License / UMD MSML641),
separated by   so they sit on one line instead of stacking.
- Middle row: 4 CTA badges in for-the-badge style — Live Demo,
Demo Video, Presentation, Project Files. One horizontal band of
color (yellow / teal / orange / purple) anchored under the
metadata row. The previous 'Hugging Face Space' duplicate badge
in the metadata row removed since Live Demo now carries it.
- Caption strip: 4-column markdown table with a one-line
description under each badge — same hierarchy a user expects from
a button bar.

Same content, half the vertical space, scannable left-to-right
instead of top-to-bottom.

Files changed (1) hide show
  1. README.md +12 -35
README.md CHANGED
@@ -18,56 +18,33 @@ short_description: Guarded RAG support navigator for UMD students
18
  ### A guarded conversational retrieval-augmented support navigator for University of Maryland students.
19
 
20
  [![Python](https://img.shields.io/badge/Python-3.12-3776AB?style=flat-square&logo=python&logoColor=white)](https://python.org)
 
21
  [![License](https://img.shields.io/badge/License-Apache%202.0-blue?style=flat-square)](LICENSE)
 
22
  [![UMD MSML641](https://img.shields.io/badge/UMD-MSML641-E03A3E?style=flat-square)](https://umd.edu)
23
- [![Hugging Face Space](https://img.shields.io/badge/🤗-Live%20Demo-yellow?style=flat-square)](https://mukulray-empathrag.hf.space/)
24
-
25
- </div>
26
-
27
- <br>
28
-
29
- ### 🚀 &nbsp; Try EmpathRAG Live
30
-
31
- > 👉 &nbsp; **<https://mukulray-empathrag.hf.space/>**
32
- >
33
- > No installation required. Hosted on Hugging Face Spaces.
34
-
35
- <br>
36
-
37
- ### 🎥 &nbsp; Watch the Demo
38
-
39
- <div align="center">
40
-
41
- [![Watch the EmpathRAG demo — 5 minutes](https://img.shields.io/badge/▶%20Watch%20the%20demo-5%20min%20walkthrough-5eead4?style=for-the-badge&logoColor=white)](https://drive.google.com/file/d/14CB76OgVmZz8VqtBolKRJYSGh28BbSqL/view?usp=sharing)
42
-
43
- </div>
44
-
45
- > Four scenarios — the listening loop, F-1 and authority misconduct routing, substance use and confidentiality, crisis with sycophancy resistance — plus the counselor handoff via Support Plan export.
46
 
47
  <br>
48
 
49
- ### 🎬 &nbsp; Watch the Presentation
50
-
51
- <div align="center">
52
-
53
- [![Watch the recorded MSML641 presentation](https://img.shields.io/badge/🎬%20Watch%20the%20presentation-10%20min%20recorded%20talk-fb923c?style=for-the-badge&logoColor=white)](https://drive.google.com/file/d/1PcHtjZwQix7aYJyslwp-aIuHj8Bs1C9f/view?usp=sharing)
 
 
54
 
55
  </div>
56
 
57
- > Two-presenter walkthrough of the problem, architecture, evaluation, and live demo — recorded for the MSML641 final submission.
58
-
59
  <br>
60
 
61
- ### 📁 &nbsp; Project Files
62
-
63
  <div align="center">
64
 
65
- [![Open the project folder on Google Drive](https://img.shields.io/badge/📁%20Project%20files-Slide%20deck%20·%20demo%20video%20·%20presentation%20recording-a78bfa?style=for-the-badge&logoColor=white)](https://drive.google.com/drive/folders/1K8XwWcfzWt8mXcAtVojVP8xZHFCO1_4V?usp=sharing)
 
 
66
 
67
  </div>
68
 
69
- > One Drive folder for everything not in the repo — the slide deck (PDF + PPTX), the standalone 5-minute demo video, and the recorded MSML641 presentation.
70
-
71
  <br>
72
 
73
  > EmpathRAG is **not** a counselor, therapist, or emergency service.
 
18
  ### A guarded conversational retrieval-augmented support navigator for University of Maryland students.
19
 
20
  [![Python](https://img.shields.io/badge/Python-3.12-3776AB?style=flat-square&logo=python&logoColor=white)](https://python.org)
21
+ &nbsp;
22
  [![License](https://img.shields.io/badge/License-Apache%202.0-blue?style=flat-square)](LICENSE)
23
+ &nbsp;
24
  [![UMD MSML641](https://img.shields.io/badge/UMD-MSML641-E03A3E?style=flat-square)](https://umd.edu)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
25
 
26
  <br>
27
 
28
+ [![Live Demo](https://img.shields.io/badge/🚀%20Live%20Demo-HF%20Space-FACC15?style=for-the-badge&logoColor=white)](https://mukulray-empathrag.hf.space/)
29
+ &nbsp;
30
+ [![Demo Video](https://img.shields.io/badge/▶%20Demo%20Video-5%20min-5eead4?style=for-the-badge&logoColor=white)](https://drive.google.com/file/d/14CB76OgVmZz8VqtBolKRJYSGh28BbSqL/view?usp=sharing)
31
+ &nbsp;
32
+ [![Presentation](https://img.shields.io/badge/🎬%20Presentation-10%20min-fb923c?style=for-the-badge&logoColor=white)](https://drive.google.com/file/d/1PcHtjZwQix7aYJyslwp-aIuHj8Bs1C9f/view?usp=sharing)
33
+ &nbsp;
34
+ [![Project Files](https://img.shields.io/badge/📁%20Project%20Files-Drive%20folder-a78bfa?style=for-the-badge&logoColor=white)](https://drive.google.com/drive/folders/1K8XwWcfzWt8mXcAtVojVP8xZHFCO1_4V?usp=sharing)
35
 
36
  </div>
37
 
 
 
38
  <br>
39
 
 
 
40
  <div align="center">
41
 
42
+ | 🚀 Live Demo | 🎥 Demo Video | 🎬 Presentation | 📁 Project Files |
43
+ |:--------------------:|:-------------------:|:---------------------:|:----------------------:|
44
+ | Hands-on on HF Space | 5-min walkthrough across 4 scenarios | 10-min recorded MSML641 talk | Slide deck + both videos in one folder |
45
 
46
  </div>
47
 
 
 
48
  <br>
49
 
50
  > EmpathRAG is **not** a counselor, therapist, or emergency service.