-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
201 lines (201 loc) · 11.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bail Reckoner Project</title>
<link rel="shortcut icon" href="assets/sih-logo.png" type="image/x-icon">
<link rel="stylesheet" href="styles/general.css">
<link rel="stylesheet" href="styles/style.css">
</head>
<body>
<header>
<div class="heading">
<span class="tag">SIH24</span>
<h1>Bail Reckoner Project</h1>
</div>
</header>
<main>
<section id="hero">
<h2>Project Info</h2>
<div class="hero">
<div class="hero-info">
<table>
<tr>
<th>Problem ID:</th>
<td>1702</td>
</tr>
<tr>
<th>Problem Title:</th>
<td>Bail Reckoner</td>
</tr>
<tr>
<th>Objective:</th>
<td>The objective is to develop an innovative digital solution, termed the "Bail Reckoner," designed to assist undertrial prisoners, legal aid providers, and judicial authorities in streamlining the bail process.<br>The Bail Reckoner aims to simplify and expedite the bail application and evaluation process by considering various legal and procedural parameters.</td>
</tr>
<tr>
<th>Parameters:</th>
<td>
<details>
<summary>Parameters to Consider for integration in the Tool:</summary>
<ol>
<li><p>Nature of the Offense and Penal Provisions: o Seek the inputs for the charges framed (can be multiple charges, and if they are compoundable etc). In this regard Statutes like Indian Penal Code,1860 and the upcoming Bhartiya Nyaya Sanhita 2023; Bhartiya Suraksha Sanhita 2023; and Bhartiya Saakshya Adhiniyam 2023; should be covered. Special statutes on the following under-mentioned areas should also be covered: 1. Cyber Crimes 2. Crimes Against SCs and STs: 3. Crimes Against Women 4. Crimes Against Children 5. Offences Against the State 6. Economic Offence 7. Crimes Against Foreigners a. Develop a comprehensive backend database to map penalties with sections of various Acts/Laws. b. Link and provide detailed information on the nature of offenses and corresponding legal provisions.</p></li>
<li><p>Duration of Imprisonment Already Served: a. Track the duration of imprisonment undertrial prisoner has served. b. Highlight the eligibility timeline for bail based on the time already served.</p></li>
<li><p>Considerations of Judge's Discretion: a. Evaluate the risk of the undertrial prisoner escaping the judicial process, such as leaving the country. b. Assess the potential influence the prisoner may have on evidence or witnesses.</p></li>
<li><p>Procedural Pre-requisites: a. Outline requirements such as surety bonds, personal bonds, fines (if applicable), and identity verification. b. Ensure compliance with procedural aspects under IPC/CrPC.</p></li>
<li><p>Judicial Pronouncements on Bail Eligibility: a. Integrate key judicial pronouncements regarding bail eligibility. b. Automatically identify undertrial prisoners who are eligible for bail if they have served half the term during the undertrial stage, based on the prescribed sentence for their charges. Solution Requirements . The Bail Reckoner should be a user-friendly, plug-and-play tool that can be integrated into existing software systems. It must provide a clear and accessible interface for: 1. Undertrial Prisoners: To understand their eligibility and process for applying for bail. 2. Legal Aid Providers: To assist in preparing and submitting accurate bail applications. 3. Judicial Authorities: To streamline the evaluation process and ensure timely decisions. By leveraging technology and innovation, the Bail Reckoner aims to make the bail process more transparent, efficient, and just, contributing to a more equitable legal system.</p></li>
</ol>
</details>
</td>
</tr>
<tr>
<th>Organization:</th>
<td>Ministry of Law & Justice</td>
</tr>
<tr>
<th>Department:</th>
<td>Department of Justice</td>
</tr>
<tr>
<th>Category:</th>
<td>Software</td>
</tr>
<tr>
<th>Theme:</th>
<td>Smart Automation</td>
</tr>
</table>
</div>
<div class="hero-video">
<a class="vidyt" href="assets/IntroBailReckoner.mp4">
<img class="vidimg" src="assets/bg-group.png" alt="">
</a>
<a class="btn" href="./page.html">Visit Our Site</a>
</div>
</div>
</section>
<!-- <section>
<h2>Take ons</h2>
<details open>
<summary>References</summary>
<ol></ol>
</details>
</section> -->
<section id="flow">
<h2>Process</h2>
<div class="flows">
<div>
<h3>User Flow</h3>
<ul>
<li>Bail user <span style="color: #777;">(Bail predictor, Bail form, Bail application management, Support)</span></li>
<li>Advocate <span style="color: #777;">(Bail list management dashboard)</span></li>
<li>Judge <span style="color: #777;">(Judgement dashboard)</span></li>
<li>Bail data warehouse <span style="color: #777;">(Record-keeping dashboard for bail applications)</span></li>
</ul>
<img class="flowimg" src="assets/BailFlow.jpg" alt="">
</div>
<div>
<h3>Tech Architecture</h3>
<ul style="padding-bottom: 2rem;">
<li>React, React-native</li>
<li>Python Django</li>
<li>PyTorch (LLMs & TBFE models)</li>
<li>PostgreSQL</li>
<li>AWS (Cognito, S3, DynamoDB,..)</li>
</ul>
<img class="flowimg" src="assets/techflow.jpg" alt="">
<br>
<img class="flowimg" src="assets/userflow.jpg" alt="">
</div>
</div>
</section>
<section id="design">
<h2>Design System</h2>
<div class="design-system">
<div>
<h3>Branding</h3>
<img class="logo" src="assets/BailReckoner-logo.png" alt="">
</div>
<div>
<h3>Font</h3>
<div class="fonts">
<p class="font f1">Aa</p>
<p class="font f2">अक</p>
</div>
</div>
<div>
<h3>Colors</h3>
<div class="colors">
<div class="color c3"></div>
<div class="color c4"></div>
<div class="color c2"></div>
<div class="color c1"></div>
</div>
</div>
</div>
</section>
<section id="wireframes">
<h2>Wireframes</h2>
<div class="screens wf">
<img class="screen" src="assets/wf1.jpg" alt="screen">
<img class="screen" src="assets/wf2.jpg" alt="screen">
<img class="screen" src="assets/wf3.jpg" alt="screen">
<img class="screen" src="assets/wf4.jpg" alt="screen">
<img class="screen" src="assets/wf5.jpg" alt="screen">
<img class="screen" src="assets/wf6.jpg" alt="screen">
<img class="screen" src="assets/wf4.jpg" alt="screen">
<img class="screen" src="assets/wf7.jpg" alt="screen">
</div>
</section>
<section id="ui">
<h2>User Interface</h2>
<li>Bail User Application</li>
<br>
<div class="screens ui">
<img class="screen" src="assets/BRLogin.jpg" alt="screen">
<img class="screen" src="assets/BRLoginFilled.jpg" alt="screen">
<img class="screen" src="assets/BRHome.jpg" alt="screen">
<img class="screen" src="assets/BRHomeAdd.jpg" alt="screen">
<img class="screen" src="assets/BRHomeAdded.jpg" alt="screen">
<img class="screen" src="assets/BRHistory.jpg" alt="screen">
<img class="screen" src="assets/BRSupport.jpg" alt="screen">
<img class="screen" src="assets/BRSupportChat.jpg" alt="screen">
</div>
<br>
<li>On-site ML based bail predictor</li>
<p style="padding: 1rem; padding-left: 2rem; color: #aaa; font-size: 1.2rem;">(Private)</p>
<li>Advocate interaction dashboard</li>
<p style="padding: 1rem; padding-left: 2rem; color: #aaa; font-size: 1.2rem;">(Private)</p>
<li>Judge decision dashboard</li>
<p style="padding-top: 1rem; padding-left: 2rem; color: #aaa; font-size: 1.2rem;">(Private)</p>
</section>
<section id="techstack">
<h2>Technology</h2>
<div>
<h3>Architecture</h3>
<ul>
<li>React, React-native</li>
<li>Python Django</li>
<li>PyTorch (LLMs & TBFE models)</li>
<li>PostgreSQL</li>
<li>AWS (Cognito, S3, DynamoDB,..)</li>
</ul>
<!-- <img class="flowimg" src="assets/techflow.png" alt=""> -->
</div>
<div style="margin-top: 2rem;">
<h3>Stack</h3>
<div class="icons">
<img class="icon" src="assets/android-n-icon.svg" alt="">
<img class="icon" src="assets/apple-icon.svg" alt="">
<img class="icon" src="assets/react-native-icon.svg" alt="">
<img class="icon" src="assets/aws-icon.svg" alt="">
<img class="icon" src="assets/django-icon.svg" alt="">
</div>
</div>
</section>
</main>
<footer>
<p>Team Caffeine Engineers</p>
</footer>
</body>
</html>