Hugging Face's logo

Spaces:
Harika22
/
Natural_Language_Processing
Sleeping

App Files Community
Harika22 commited on
Commit
05e322c
·
verified ·
1 Parent(s): 5c0639c

Update pages/3_Terminology.py

Browse files
Files changed (1) hide show
  1. pages/3_Terminology.py +72 -101
pages/3_Terminology.py CHANGED
@@ -1,109 +1,80 @@
1
  import streamlit as st
2
 
3
-
4
- st.markdown(
5
- """
6
  <style>
7
- body {
8
- background-color: #f9f9f9; /* Light background */
9
- font-family: 'Arial', sans-serif;
10
- }
11
- @keyframes fadeIn {
12
- 0% { opacity: 0; transform: translateY(-20px); }
13
- 100% { opacity: 1; transform: translateY(0); }
14
- }
15
-
16
- /* Style for main title */
17
- h1 {
18
- color: black;
19
- font-family: 'Roboto', sans-serif;
20
- font-weight: 700;
21
- text-align: center;
22
- margin-bottom: 25px;
23
- }
24
- /* Style for headers */
25
- h2 {
26
- color: red;
27
- font-family: 'Roboto', sans-serif;
28
- font-weight: 600;
29
- margin-top: 30px;
30
- }
31
 
32
- /* Style for subheaders */
33
- h3 {
34
- color: violet;
35
- font-family: 'Roboto', sans-serif;
36
- font-weight: 500;
37
- margin-top: 20px;
38
- }
39
- .custom-subheader {
40
- color: violet;
41
- font-family: 'Roboto', sans-serif;
42
- font-weight: 600;
43
- margin-bottom: 15px;
44
- }
45
- /* Paragraph styling */
46
- p {
47
- font-family: 'Georgia', serif;
48
- line-height: 1.8;
49
- color: black;
50
- margin-bottom: 20px;
51
- }
52
- /* List styling with checkmark bullets */
53
- .icon-bullet {
54
- list-style-type: none;
55
- padding-left: 20px;
56
- }
57
- .icon-bullet li {
58
- font-family: 'Georgia', serif;
59
- font-size: 1.1em;
60
- margin-bottom: 10px;
61
- color: black;
62
- }
63
- .icon-bullet li::before {
64
- content: "◆";
65
- padding-right: 10px;
66
- color: black;
67
- }
68
- /* Sidebar styling */
69
- .sidebar .sidebar-content {
70
- background-color: #ffffff;
71
- border-radius: 10px;
72
- padding: 15px;
73
- }
74
- .sidebar h2 {
75
- color: #495057;
76
- }
77
- /* Custom button style */
78
- .streamlit-button {
79
- background-color: #00FFFF;
80
- color: #000000;
81
- font-weight: bold;
82
- }
83
-
84
- .section {
85
- font-size: 1.1rem;
86
- text-align: justify;
87
- line-height: 1.8;
88
- color: #34495e; /* Muted gray */
89
- background: #ffffff; /* White background */
90
- padding: 20px;
91
- border-radius: 10px;
92
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
93
- animation: fadeIn 2.5s ease-in-out;
94
- margin: 15px 0;
95
- }
96
-
97
- .definition {
98
- font-style: italic;
99
- color: #34495e;
100
- animation: fadeIn 3.5s ease-in-out;
101
- }
102
-
103
  </style>
104
- """,
105
- unsafe_allow_html=True,
106
- )
107
 
108
  st.markdown("<h1 class='title'>NLP Terminology</h1>", unsafe_allow_html=True)
109
 
 
1
  import streamlit as st
2
 
3
+ st.markdown("""
 
 
4
  <style>
5
+ /* Set a soft background color */
6
+ body {
7
+ background-color: #eef2f7;
8
+ }
9
+ /* Style for main title */
10
+ h1 {
11
+ color: black;
12
+ font-family: 'Roboto', sans-serif;
13
+ font-weight: 700;
14
+ text-align: center;
15
+ margin-bottom: 25px;
16
+ }
17
+ /* Style for headers */
18
+ h2 {
19
+ color: black;
20
+ font-family: 'Roboto', sans-serif;
21
+ font-weight: 600;
22
+ margin-top: 30px;
23
+ }
 
 
 
 
 
24
 
25
+ /* Style for subheaders */
26
+ h3 {
27
+ color: red;
28
+ font-family: 'Roboto', sans-serif;
29
+ font-weight: 500;
30
+ margin-top: 20px;
31
+ }
32
+ .custom-subheader {
33
+ color: black;
34
+ font-family: 'Roboto', sans-serif;
35
+ font-weight: 600;
36
+ margin-bottom: 15px;
37
+ }
38
+ /* Paragraph styling */
39
+ p {
40
+ font-family: 'Georgia', serif;
41
+ line-height: 1.8;
42
+ color: black;
43
+ margin-bottom: 20px;
44
+ }
45
+ /* List styling with checkmark bullets */
46
+ .icon-bullet {
47
+ list-style-type: none;
48
+ padding-left: 20px;
49
+ }
50
+ .icon-bullet li {
51
+ font-family: 'Georgia', serif;
52
+ font-size: 1.1em;
53
+ margin-bottom: 10px;
54
+ color: black;
55
+ }
56
+ .icon-bullet li::before {
57
+ content: "◆";
58
+ padding-right: 10px;
59
+ color: black;
60
+ }
61
+ /* Sidebar styling */
62
+ .sidebar .sidebar-content {
63
+ background-color: #ffffff;
64
+ border-radius: 10px;
65
+ padding: 15px;
66
+ }
67
+ .sidebar h2 {
68
+ color: #495057;
69
+ }
70
+ /* Custom button style */
71
+ .streamlit-button {
72
+ background-color: #00FFFF;
73
+ color: #000000;
74
+ font-weight: bold;
75
+ }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
76
  </style>
77
+ """, unsafe_allow_html=True)
 
 
78
 
79
  st.markdown("<h1 class='title'>NLP Terminology</h1>", unsafe_allow_html=True)
80