ftx7go commited on
Commit
7b76a42
·
verified ·
1 Parent(s): 1142d9c

Delete re.html

Browse files
Files changed (1) hide show
  1. re.html +0 -313
re.html DELETED
@@ -1,313 +0,0 @@
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">
6
- <title>Bone Fracture Detection Form</title>
7
- <style>
8
- * {
9
- box-sizing: border-box;
10
- margin: 0;
11
- padding: 0;
12
- }
13
- body {
14
- font-family: Arial, sans-serif;
15
- background-color: #AAEEBB;
16
- padding: 40px; /* Small padding to avoid touching screen edges completely */
17
- }
18
- form {
19
- width: 100%;
20
- background: #C2FC20;
21
- padding: 15px;
22
- border-radius: 0; /* Remove border radius to fully extend */
23
- box-shadow: none; /* Remove shadow for full-width look */
24
- }
25
- fieldset {
26
- border: 1px solid #000;
27
- margin-bottom: 10px;
28
- padding: 10px;
29
- }
30
- legend {
31
- font-weight: bold;
32
- font-size: 25px;
33
- }
34
- .form-group {
35
- display: flex;
36
- flex-wrap: wrap;
37
- justify-content: space-between;
38
- margin-bottom: 8px;
39
- }
40
- .form-group label {
41
- flex: 1;
42
- font-size: 14px;
43
- margin-right: 5px;
44
- min-width: 100px;
45
- }
46
- .form-group input,
47
- .form-group select,
48
- .form-group textarea {
49
- flex: 2;
50
- padding: 5px;
51
- border: 1px solid #000;
52
- border-radius: 5px;
53
- width: 100%;
54
- }
55
- textarea {
56
- resize: none;
57
- height: 50px;
58
- }
59
- input[type="file"] {
60
- width: 100%;
61
- }
62
- input[type="submit"] {
63
- width: 100%;
64
- background: seagreen;
65
- color: white;
66
- padding: 10px;
67
- font-size: 16px;
68
- border: none;
69
- cursor: pointer;
70
- border-radius: 5px;
71
- margin-top: 10px;
72
- }
73
- input[type="submit"]:hover {
74
- background: green;
75
- }
76
- .cancel-btn {
77
- background: red;
78
- color: white;
79
- }
80
- .submit-btn {
81
- background: seagreen;
82
- color: white;
83
- }
84
- .download-btn {
85
- background: blue;
86
- color: white;
87
- /* Responsive Design */
88
- @media (max-width: 480px) {
89
- .form-group {
90
- flex-direction: column;
91
- }
92
- .form-group label,
93
- .form-group input,
94
- .form-group select,
95
- .form-group textarea {
96
- width: 100%;
97
- }
98
- }
99
- </style>
100
- </head>
101
- <body>
102
-
103
- <form action="submit_report.html" method="post" enctype="multipart/form-data">
104
- <img src="0.png" alt="Hospital Logo" class="logo" style="height: 290px;">
105
- <p>A <u>radiologist</u> is a doctor who specializes in reading medical images like X-rays, MRIs, and CT scans to diagnose diseases and injuries. They help other doctors understand what’s happening inside the body and suggest treatments.
106
-
107
- </p>
108
- <h3><p>X-Ray</p></h3>
109
- <p>X-rays, or plain radiographs, are a way for providers to get pictures of the inside of your body. X-rays use radiation to create black-and-white images that a radiologist reads. X-rays are most commonly used to look at bones and joints, but providers can use them to quickly diagnose other conditions, like lung infections, too.</p>
110
- <p></p>
111
- <img src="x.jpg" alt="Hospital Logo" class="logo" style="height: 300px;">
112
-
113
- <h1>Bone Fractures</h1>
114
- <p>A fracture is a break or crack in a bone, caused by excessive force.</p>
115
-
116
- <h2>Causes</h2>
117
- <ul>
118
- <li>Traumatic incidents (sports injuries, accidents, falls)</li>
119
- <li>Osteoporosis, cancer (weakened bones)</li>
120
- </ul>
121
-
122
- <h2>Symptoms</h2>
123
- <ul>
124
- <li>Pain, swelling, bruising</li>
125
- <li>Deformity, inability to use the limb</li>
126
- </ul>
127
- <img src="j.jpeg" alt="Hospital Logo" class="logo" style="height: 500px;">
128
-
129
- <h2>Types of Fractures</h2>
130
- <ul>
131
- <li>Closed (simple): Bone doesn't pierce skin.</li>
132
- <li>Open (compound): Bone breaks skin.</li>
133
- <li>Greenstick: Partial crack (common in children).</li>
134
- <li>Hairline: Stress fracture.</li>
135
- <li>Complicated: Damage to surrounding tissues.</li>
136
- <li>Comminuted: Bone shattered into pieces.</li>
137
- <li>Avulsion: Tendon pulls bone fragment.</li>
138
- <li>Compression: Bones forced together.</li>
139
- </ul>
140
-
141
- <h2>Complications</h2>
142
- <ul>
143
- <li>Blood loss, organ/tissue damage</li>
144
- <li>Stunted bone growth (in children)</li>
145
- <li>Infection</li>
146
- </ul>
147
-
148
- <h2>First Aid</h2>
149
- <ul>
150
- <li>Immobilize the injured area.</li>
151
- <li>Control bleeding, cover wounds.</li>
152
- <li>Don't straighten broken bones.</li>
153
- <li>Use splints, slings for support.</li>
154
- <li>Apply cold pack.</li>
155
- <li>Seek medical help immediately (call emergency).</li>
156
- </ul>
157
-
158
- <h2>Diagnosis</h2>
159
- <ul>
160
- <li>X-rays, CT scans, MRI scans</li>
161
- </ul>
162
-
163
- <h2>Treatment</h2>
164
- <ul>
165
- <li>Splints, braces, plaster casts</li>
166
- <li>Traction, surgical rods/plates</li>
167
- <li>Pain relief</li>
168
- </ul>
169
-
170
- <h2>Post-Operation Care</h2>
171
- <ul>
172
- <li>Check for feeling, circulation.</li>
173
- <li>Pain management.</li>
174
- <li>Keep the injured area still.</li>
175
- </ul>
176
-
177
- <h2>Healing Process</h2>
178
- <ul>
179
- <li>Blood clots form, then callus (fibrous cells and cartilage).</li>
180
- <li>Callus replaced by real bone.</li>
181
- <li>Follow doctor's instructions for recovery.</li>
182
- </ul>
183
-
184
- <h2>Self-Care</h2>
185
- <ul>
186
- <li>Avoid direct heat on cast.</li>
187
- <li>Rest the limb.</li>
188
- <li>Use crutches correctly.</li>
189
- <li>Don't lift or drive until healed.</li>
190
- <li>Don't insert objects into cast.</li>
191
- <li>Keep cast dry.</li>
192
- <li>Seek immediate medical attention for complications.</li>
193
- </ul>
194
-
195
- <h2>Long-Term Outlook</h2>
196
- <ul>
197
- <li>Healing takes weeks to months.</li>
198
- <li>Rehabilitation exercises may be needed.</li>
199
- <li>Follow-up x-rays to monitor healing.</li>
200
- </ul>
201
-
202
- <h2>Where to Get Help</h2>
203
- <ul>
204
- <li>Your GP</li>
205
- <li>Urgent Care Clinics</li>
206
- <li>Nurse-on-Call</li>
207
- <li>Emergency services (call emergency).</li>
208
- </ul>
209
-
210
- <h1>Patient Information Form</h1>
211
- <fieldset>
212
- <legend>Personal Info</legend>
213
- <div class="form-group">
214
- <label>First Name:</label>
215
- <input type="text" name="first_name" required>
216
- <label>____Surname:</label>
217
- <input type="text" name="surname" required>
218
- </div>
219
- <div class="form-group">
220
- <label>Father's Name:</label>
221
- <input type="text" name="father_name" required>
222
- <label>____Mother's Name:</label>
223
- <input type="text" name="mother_name" required>
224
- </div>
225
- <div class="form-group">
226
- <label>Age:</label>
227
- <input type="number" name="age" min="0" required>
228
- <label>____Weight (kg):</label>
229
- <input type="number" name="weight" min="0" required>
230
- </div>
231
- <div class="form-group">
232
- <label>Height (cm):</label>
233
- <input type="number" name="height" min="0" required>
234
- <label>_____Gender:</label>
235
- <select name="gender" required>
236
- <option value="male">Male</option>
237
- <option value="female">Female</option>
238
- <option value="other">Other</option>
239
- </select>
240
- </div>
241
- <div class="form-group">
242
- <label>Passport Photo:</label>
243
- <input type="file" name="photo" accept="image/*" required>
244
- </div>
245
- </fieldset>
246
-
247
- <fieldset>
248
- <legend>Contact Details</legend>
249
- <div class="form-group">
250
- <label>Phone:</label>
251
- <input type="tel" name="phone" required>
252
- <label>_________Email:</label>
253
- <input type="email" name="email" required>
254
- </div>
255
- <div class="form-group">
256
- <label>Address:_______________________________________</label>
257
- <textarea name="address" required></textarea>
258
- </div>
259
- <div class="form-group">
260
- <label>Marital Status:</label>
261
- <select name="marital_status" required>
262
- <option value="single">Single</option>
263
- <option value="married">Married</option>
264
- <option value="divorced">Divorced</option>
265
- <option value="widowed">Widowed</option>
266
- </select>
267
- </div>
268
- </fieldset>
269
-
270
- <fieldset>
271
- <legend>Medical Info</legend>
272
- <div class="form-group">
273
- <label>Cause of Injury:</label>
274
- <textarea name="injury_cause" required></textarea>
275
- </div>
276
- <div class="form-group">
277
- <label>Do you have Insurance?</label>
278
- <select name="insurance" required>
279
- <option value="yes">Yes</option>
280
- <option value="no">No</option>
281
- </select>
282
- </div>
283
- <div class="form-group">
284
- <label>Allergies?</label>
285
- <select name="allergies" required>
286
- <option value="yes">Yes</option>
287
- <option value="no">No</option>
288
- </select>
289
- </div>
290
- </fieldset>
291
-
292
- <fieldset>
293
- <legend>X-ray Upload</legend>
294
- <div class="form-group">
295
- <label>Side View:</label>
296
- <input type="file" name="xray_side" accept="image/*" required>
297
- </div>
298
- <div class="form-group">
299
- <label>Top View:</label>
300
- <input type="file" name="xray_top" accept="image/*" required>
301
- </div>
302
- </fieldset>
303
-
304
- <div class="button-group">
305
- <button type="button" class="cancel-btn" onclick="document.querySelector('form').reset();" style="font-size: 26px; padding: 10px 20px;">Cancel</button>
306
- <button type="submit" class="submit-btn" style="font-size: 26px; padding: 10px 20px;">Submit</button>
307
- <button type="button" class="download-btn" onclick="window.location.href='report.pdf';" style="font-size: 26px; padding: 10px 20px;">Download Report (PDF)</button>
308
- </div>
309
-
310
- </form>
311
-
312
- </body>
313
- </html>