Spaces:
Running
Running
Update banner.html
Browse files- banner.html +49 -49
banner.html
CHANGED
@@ -1,56 +1,56 @@
|
|
1 |
<div style="
|
2 |
-
|
3 |
-
|
4 |
-
|
5 |
-
|
6 |
-
|
7 |
-
|
8 |
-
|
9 |
-
gap: 24px;
|
10 |
-
border-radius: 8px;
|
11 |
-
">
|
12 |
-
<div style="display: flex; gap: 8px;">
|
13 |
-
<h1 style="
|
14 |
-
font-size: 48px;
|
15 |
-
color: #fafafa;
|
16 |
-
margin: 0;
|
17 |
-
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande',
|
18 |
-
'Lucida Sans', Arial, sans-serif;
|
19 |
">
|
20 |
-
|
21 |
-
|
22 |
-
|
23 |
-
|
24 |
</div>
|
25 |
|
26 |
-
|
27 |
-
margin: 0;
|
28 |
-
line-height: 1.6rem;
|
29 |
-
font-size: 16px;
|
30 |
-
color: #fafafa;
|
31 |
-
opacity: 0.8;
|
32 |
-
">
|
33 |
-
<br />
|
34 |
-
This Space is brought to you by Ariamehr Maleki from Data Mining and Optimization of Intelligent Systems Research Lab at University of Tehran, for your convenience, to showcase the capabilities of Sapiens for
|
35 |
-
Persian Speech to text.
|
36 |
-
|
37 |
-
</p>
|
38 |
-
|
39 |
<div style="
|
40 |
-
|
41 |
-
|
42 |
-
|
43 |
-
|
44 |
-
|
45 |
-
|
46 |
-
<
|
47 |
-
|
48 |
-
|
49 |
-
|
50 |
-
|
51 |
-
|
52 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
53 |
|
54 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
55 |
</div>
|
56 |
-
</div>
|
|
|
1 |
<div style="
|
2 |
+
display: flex;
|
3 |
+
flex-direction: row; /* نمایش افقی عناصر */
|
4 |
+
align-items: center;
|
5 |
+
justify-content: space-between; /* لوگو در چپ و بقیه محتوا وسط */
|
6 |
+
background: linear-gradient(45deg, #3CA04D 0%, #2E7D32 100%); /* سبز تیرهتر و ملایمتر */
|
7 |
+
padding: 24px;
|
8 |
+
border-radius: 8px;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
9 |
">
|
10 |
+
<!-- لوگوی دانشگاه سمت چپ -->
|
11 |
+
<div style="display: flex; align-items: center; justify-content: center;">
|
12 |
+
<img src="UT.png" alt="University of Tehran Logo" style="width: 120px; height: auto;" />
|
|
|
13 |
</div>
|
14 |
|
15 |
+
<!-- محتوای بنر وسط -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
16 |
<div style="
|
17 |
+
display: flex;
|
18 |
+
flex-direction: column;
|
19 |
+
align-items: center;
|
20 |
+
text-align: center;
|
21 |
+
flex: 1; /* گسترش محتوا به وسط */
|
22 |
+
">
|
23 |
+
<h1 style="
|
24 |
+
font-size: 48px;
|
25 |
+
color: #fafafa;
|
26 |
+
margin: 0;
|
27 |
+
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande',
|
28 |
+
'Lucida Sans', Arial, sans-serif;
|
29 |
+
">
|
30 |
+
</h1>
|
31 |
+
<p style="
|
32 |
+
margin: 0;
|
33 |
+
line-height: 1.6rem;
|
34 |
+
font-size: 16px;
|
35 |
+
color: #fafafa;
|
36 |
+
opacity: 0.8;
|
37 |
+
">
|
38 |
+
<br />
|
39 |
+
This Space is brought to you by Ariamehr Maleki from Data Mining and Optimization of Intelligent Systems Research Lab at University of Tehran, for your convenience, to showcase the capabilities of state-of-the-art models for Persian Speech to text transcription.
|
40 |
+
</p>
|
41 |
|
42 |
+
<div style="
|
43 |
+
display: flex;
|
44 |
+
justify-content: center;
|
45 |
+
align-items: center;
|
46 |
+
margin-top: 16px;
|
47 |
+
">
|
48 |
+
<a href="https://github.com/Ariamehr-M">
|
49 |
+
<img src="https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white" alt="Github" />
|
50 |
+
</a>
|
51 |
+
<a href="https://www.linkedin.com/in/ariamehr-maleki">
|
52 |
+
<img src="https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn" />
|
53 |
+
</a>
|
54 |
+
</div>
|
55 |
</div>
|
56 |
+
</div>
|