Hugging Face's logo

Spaces:
rcajegas
/
Philippine_Hospital_issuesSample
Running

App Files Community
rcajegas commited on
Commit
0d1c8c8
•
1 Parent(s): 0bfed14

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +16 -81
style.css CHANGED
@@ -1,81 +1,16 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <title>Hospital issues in the Philippines</title>
5
- <style>
6
- body {
7
- font-family: Arial, sans-serif;
8
- font-size: 16px;
9
- line-height: 1.5;
10
- margin: 0;
11
- padding: 20px;
12
- }
13
-
14
- h1 {
15
- font-size: 28px;
16
- font-weight: bold;
17
- margin-top: 0;
18
- }
19
-
20
- pre {
21
- background-color: #f5f5f5;
22
- border: 1px solid #ddd;
23
- border-radius: 4px;
24
- font-size: 14px;
25
- margin: 20px 0;
26
- padding: 20px;
27
- }
28
-
29
- .highlight span {
30
- font-family: monospace;
31
- }
32
-
33
- .c1 {
34
- color: #999;
35
- font-style: italic;
36
- }
37
-
38
- .k {
39
- color: #008000;
40
- font-weight: bold;
41
- }
42
-
43
- .n {
44
- color: #000080;
45
- }
46
-
47
- .nn {
48
- color: #000080;
49
- font-weight: bold;
50
- }
51
-
52
- .o {
53
- color: #666;
54
- }
55
-
56
- .p {
57
- color: #777;
58
- }
59
-
60
- .s2 {
61
- color: #ba2121;
62
- }
63
- </style>
64
- </head>
65
- <body>
66
- <h1>Hospital issues in the Philippines</h1>
67
- <pre>
68
- <span></span>
69
- <span class="kn">import</span> <span class="nn">spacy</span>
70
- <span class="n">nlp</span> <span class="o">=</span> <span class="n">spacy</span><span class="o">.</span><span class="n">load</span><span class="p">(</span><span class="s2">&quot;en_core_web_sm&quot;</span><span class="p">)</span>
71
-
72
- <span class="c1"># Sample news article text</span>
73
- <span class="n">text</span> <span class="o">=</span> <span class="s2">&quot;The Philippine General Hospital has been facing problems with long waiting times and insufficient medical supplies, according to a recent report. Patients have been complaining about the lack of available doctors and nurses, and some have even been turned away due to overcapacity.&quot;</span>
74
-
75
- <span class="c1"># Process the text with spaCy</span>
76
- <span class="n">doc</span> <span class="o">=</span> <span class="n">nlp</span><span class="p">(</span><span class="n">text</span><span class="p">)</span>
77
-
78
- <span class="c1"># Extract hospital-related issues</span>
79
- <span class="n">issues</span> <span class="o">=</span> <span class="p">[]</span>
80
- <span class="k">for</span> <span class="n">ent</span> <span class="k">in</span> <span class="n">doc</span><span class="o">.</span><span class="n">ents</span><span class="p">:</span>
81
- <span class="k">if</span> <span class="n">ent</span><span class="o">.</span><span class="n">label_</span> <span class="o">==</span> <span class="
 
1
+ /* Set background color and 3D effect */
2
+ body {
3
+ background: linear-gradient(to right top, #ff9800, #ffc107, #ffeb3b, #cddc39, #8bc34a);
4
+ perspective: 50rem;
5
+ transform-style: preserve-3d;
6
+ }
7
+
8
+ /* Add GIF to upper right corner */
9
+ #sad-gif {
10
+ position: fixed;
11
+ top: 0;
12
+ right: 0;
13
+ height: 5rem;
14
+ width: 5rem;
15
+ transform: translateZ(3rem) rotateY(-180deg);
16
+ }