Hugging Face's logo

Spaces:
Akarimvand
/
akarimvand
Running

App Files Community
Akarimvand commited on
Commit
fdff77d
·
verified ·
1 Parent(s): 7decf9a

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +38 -14
index.html CHANGED
@@ -4,28 +4,29 @@
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>eUM : اوپن پرفلکسی</title>
 
 
7
  <style>
8
  * {
9
  margin: 0;
10
  padding: 0;
11
  box-sizing: border-box;
12
  }
13
-
14
  body {
15
- font-family: Arial, sans-serif;
16
- display: flex;
17
- flex-direction: column;
18
- height: 100vh;
19
  }
20
 
21
  header {
22
- background-color: #f8f9fa;
23
- padding: 0.5rem;
24
- box-shadow: 0 1px 2px rgba(0,0,0,0.1);
25
  display: flex;
26
  align-items: center;
27
  gap: 1rem;
28
- font-size: 0.8rem;
29
  }
30
 
31
  .header-text {
@@ -33,13 +34,14 @@
33
  }
34
 
35
  h1 {
36
- font-size: 1rem;
37
- margin-bottom: 0.25rem;
 
38
  }
39
 
40
  p {
41
- color: #666;
42
- font-size: 0.8rem;
43
  }
44
 
45
  .visitor-badge {
@@ -50,11 +52,22 @@
50
  flex: 1;
51
  width: 100%;
52
  border: none;
 
 
 
 
 
 
 
 
 
 
 
53
  }
54
  </style>
55
  </head>
56
  <body>
57
- <header>
58
  <div class="header-text">
59
  <h1>eUM : اوپن پرفلکسی</h1>
60
  <p>توسعه یافته توسط امین ناصری🏢 جامعه: <a href="https://discord.gg/openfreeai" target="_blank">https://discord.gg/openfreeai</a></p>
@@ -65,6 +78,17 @@
65
  </a>
66
  </div>
67
  </header>
 
 
 
 
 
 
68
  <iframe src="https://eum-lovat.vercel.app" allowfullscreen></iframe>
 
 
 
 
 
69
  </body>
70
  </html>
 
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>eUM : اوپن پرفلکسی</title>
7
+ <!-- لینک به CSS بوت‌استرپ -->
8
+ <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">
9
  <style>
10
  * {
11
  margin: 0;
12
  padding: 0;
13
  box-sizing: border-box;
14
  }
15
+
16
  body {
17
+ padding: 2rem;
18
+ font-family: 'Iran Sans', sans-serif; /* استفاده از فونت ایران سنس */
19
+ background-color: #f0f2f5; /* رنگ پس‌زمینه */
 
20
  }
21
 
22
  header {
23
+ background-color: #ffffff; /* رنگ پس‌زمینه هدر */
24
+ padding: 1rem;
25
+ box-shadow: 0 1px 3px rgba(0,0,0,0.1);
26
  display: flex;
27
  align-items: center;
28
  gap: 1rem;
29
+ border-radius: 8px; /* گوشه‌های گرد */
30
  }
31
 
32
  .header-text {
 
34
  }
35
 
36
  h1 {
37
+ font-size: 24px; /* اندازه بزرگتر برای عنوان */
38
+ margin-bottom: 0.5rem;
39
+ color: #333; /* رنگ متن عنوان */
40
  }
41
 
42
  p {
43
+ color: rgb(107, 114, 128); /* رنگ متن مشابه فیس‌بوک */
44
+ font-size: 15px; /* اندازه متن */
45
  }
46
 
47
  .visitor-badge {
 
52
  flex: 1;
53
  width: 100%;
54
  border: none;
55
+ border-radius: 8px; /* گوشه‌های گرد برای iframe */
56
+ }
57
+
58
+ .card {
59
+ max-width: 620px;
60
+ margin: 20px auto; /* فاصله عمودی کارت */
61
+ padding: 16px;
62
+ border: 1px solid #ddd; /* حاشیه کارت */
63
+ border-radius: 8px; /* گوشه‌های گرد کارت */
64
+ background-color: #ffffff; /* رنگ پس‌زمینه کارت */
65
+ box-shadow: 0 1px 3px rgba(0,0,0,0.2); /* سایه ملایم برای کارت */
66
  }
67
  </style>
68
  </head>
69
  <body>
70
+ <header class="mb-4">
71
  <div class="header-text">
72
  <h1>eUM : اوپن پرفلکسی</h1>
73
  <p>توسعه یافته توسط امین ناصری🏢 جامعه: <a href="https://discord.gg/openfreeai" target="_blank">https://discord.gg/openfreeai</a></p>
 
78
  </a>
79
  </div>
80
  </header>
81
+
82
+ <div class="card">
83
+ <p>این یک نمونه از محتوای داخل کارت است. شما می‌توانید اطلاعات بیشتری را در اینجا قرار دهید.</p>
84
+ <p>این متن به شما کمک می‌کند تا با ساختار کلی صفحه آشنا شوید.</p>
85
+ </div>
86
+
87
  <iframe src="https://eum-lovat.vercel.app" allowfullscreen></iframe>
88
+
89
+ <!-- اسکریپت‌های بوت‌استرپ -->
90
+ <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
91
+ <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
92
+ <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
93
  </body>
94
  </html>