Ariamehr commited on
Commit
e7557b6
1 Parent(s): 9044b9d

Update banner.html

Browse files
Files changed (1) hide show
  1. banner.html +49 -49
banner.html CHANGED
@@ -1,56 +1,56 @@
1
  <div style="
2
- display: flex;
3
- flex-direction: column;
4
- justify-content: center;
5
- align-items: center;
6
- text-align: center;
7
- background: linear-gradient(45deg, #53FE5C 0%, #53FE5C 100%);
8
- padding: 24px;
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
- Persian Speech-to-Text Models
21
- </h1>
22
-
23
-
24
  </div>
25
 
26
- <p style="
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
- display: flex;
41
- justify-content: center;
42
- align-items: center;
43
- text-align: center;
44
- ">
45
-
46
- <a href="https://github.com/Ariamehr-M"><img
47
- src="https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white"
48
- alt="Github" /></a>
49
- <a href="https://www.linkedin.com/in/ariamehr-maleki">
50
- <img src="https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white"
51
- alt="LinkedIn" />
52
- </a>
 
 
 
 
 
 
 
 
 
 
 
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>