Hugging Face's logo

Spaces:
Amodit
/
jan-contract
Running

App Files Community
Amodit commited on
Commit
9f579ee
·
1 Parent(s): 1848973

Fix UI paths

Browse files
Files changed (1) hide show
  1. static/index.html +18 -11
static/index.html CHANGED
@@ -1,5 +1,6 @@
1
  <!DOCTYPE html>
2
  <html lang="en">
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -8,8 +9,9 @@
8
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9
  <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap" rel="stylesheet">
10
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
11
- <link rel="stylesheet" href="styles.css">
12
  </head>
 
13
  <body>
14
  <div class="app-container">
15
  <!-- Sidebar Navigation -->
@@ -18,7 +20,7 @@
18
  <i class="fa-solid fa-scale-balanced"></i>
19
  <span>Jan-Contract</span>
20
  </div>
21
-
22
  <ul class="nav-links">
23
  <li class="active" data-tab="contract">
24
  <i class="fa-solid fa-file-signature"></i>
@@ -48,7 +50,7 @@
48
 
49
  <!-- Main Content Area -->
50
  <main class="main-content">
51
-
52
  <!-- Contract Generator Section -->
53
  <section id="contract" class="active-section">
54
  <div class="header-hero">
@@ -59,7 +61,8 @@
59
  <div class="split-view">
60
  <div class="input-card glass-panel">
61
  <h3><i class="fa-regular fa-comment-dots"></i> Describe Agreement</h3>
62
- <textarea id="contract-input" placeholder="E.g., I, Rajesh, agree to hire Suresh as a driver for 6 months at Rs. 15,000 per month..."></textarea>
 
63
  <button id="btn-generate-contract" class="primary-btn">
64
  <i class="fa-solid fa-wand-magic-sparkles"></i> Generate Contract
65
  </button>
@@ -68,10 +71,11 @@
68
  <div class="output-card glass-panel hidden" id="contract-result">
69
  <div class="card-header">
70
  <h3><i class="fa-solid fa-file-contract"></i> Drafted Contract</h3>
71
- <button id="btn-download-pdf" class="icon-btn" title="Download PDF"><i class="fa-solid fa-download"></i></button>
 
72
  </div>
73
  <div class="markdown-preview" id="contract-text"></div>
74
-
75
  <div class="trivia-box hidden" id="contract-trivia">
76
  <h4><i class="fa-solid fa-lightbulb"></i> Legal Insights</h4>
77
  <div id="trivia-content"></div>
@@ -81,7 +85,8 @@
81
  <div class="video-consent-area">
82
  <h4><i class="fa-solid fa-video"></i> Video Consent</h4>
83
  <p>Record a video stating your name and agreement to the terms.</p>
84
- <button class="secondary-btn"><i class="fa-solid fa-camera"></i> Record Video (Coming Soon)</button>
 
85
  </div>
86
  </div>
87
  </div>
@@ -96,7 +101,8 @@
96
 
97
  <div class="center-view">
98
  <div class="search-bar glass-panel">
99
- <input type="text" id="scheme-input" placeholder="Describe your profile (e.g., A 40-year-old female farmer in Punjab with 2 acres of land)">
 
100
  <button id="btn-find-schemes" class="search-btn"><i class="fa-solid fa-search"></i></button>
101
  </div>
102
 
@@ -128,7 +134,7 @@
128
  <h3><i class="fa-solid fa-list-check"></i> Summary</h3>
129
  <div id="doc-summary"></div>
130
  </div>
131
-
132
  <div class="terms-card glass-panel">
133
  <h3><i class="fa-solid fa-book-open"></i> Key Terms</h3>
134
  <div id="doc-terms"></div>
@@ -181,6 +187,7 @@
181
  <div id="toast" class="toast hidden">Request Successful</div>
182
 
183
  <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
184
- <script src="app.js"></script>
185
  </body>
186
- </html>
 
 
1
  <!DOCTYPE html>
2
  <html lang="en">
3
+
4
  <head>
5
  <meta charset="UTF-8">
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
9
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10
  <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap" rel="stylesheet">
11
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
12
+ <link rel="stylesheet" href="/static/styles.css">
13
  </head>
14
+
15
  <body>
16
  <div class="app-container">
17
  <!-- Sidebar Navigation -->
 
20
  <i class="fa-solid fa-scale-balanced"></i>
21
  <span>Jan-Contract</span>
22
  </div>
23
+
24
  <ul class="nav-links">
25
  <li class="active" data-tab="contract">
26
  <i class="fa-solid fa-file-signature"></i>
 
50
 
51
  <!-- Main Content Area -->
52
  <main class="main-content">
53
+
54
  <!-- Contract Generator Section -->
55
  <section id="contract" class="active-section">
56
  <div class="header-hero">
 
61
  <div class="split-view">
62
  <div class="input-card glass-panel">
63
  <h3><i class="fa-regular fa-comment-dots"></i> Describe Agreement</h3>
64
+ <textarea id="contract-input"
65
+ placeholder="E.g., I, Rajesh, agree to hire Suresh as a driver for 6 months at Rs. 15,000 per month..."></textarea>
66
  <button id="btn-generate-contract" class="primary-btn">
67
  <i class="fa-solid fa-wand-magic-sparkles"></i> Generate Contract
68
  </button>
 
71
  <div class="output-card glass-panel hidden" id="contract-result">
72
  <div class="card-header">
73
  <h3><i class="fa-solid fa-file-contract"></i> Drafted Contract</h3>
74
+ <button id="btn-download-pdf" class="icon-btn" title="Download PDF"><i
75
+ class="fa-solid fa-download"></i></button>
76
  </div>
77
  <div class="markdown-preview" id="contract-text"></div>
78
+
79
  <div class="trivia-box hidden" id="contract-trivia">
80
  <h4><i class="fa-solid fa-lightbulb"></i> Legal Insights</h4>
81
  <div id="trivia-content"></div>
 
85
  <div class="video-consent-area">
86
  <h4><i class="fa-solid fa-video"></i> Video Consent</h4>
87
  <p>Record a video stating your name and agreement to the terms.</p>
88
+ <button class="secondary-btn"><i class="fa-solid fa-camera"></i> Record Video (Coming
89
+ Soon)</button>
90
  </div>
91
  </div>
92
  </div>
 
101
 
102
  <div class="center-view">
103
  <div class="search-bar glass-panel">
104
+ <input type="text" id="scheme-input"
105
+ placeholder="Describe your profile (e.g., A 40-year-old female farmer in Punjab with 2 acres of land)">
106
  <button id="btn-find-schemes" class="search-btn"><i class="fa-solid fa-search"></i></button>
107
  </div>
108
 
 
134
  <h3><i class="fa-solid fa-list-check"></i> Summary</h3>
135
  <div id="doc-summary"></div>
136
  </div>
137
+
138
  <div class="terms-card glass-panel">
139
  <h3><i class="fa-solid fa-book-open"></i> Key Terms</h3>
140
  <div id="doc-terms"></div>
 
187
  <div id="toast" class="toast hidden">Request Successful</div>
188
 
189
  <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
190
+ <script src="/static/app.js"></script>
191
  </body>
192
+
193
+ </html>