Skip to content

Commit f805fa1

Browse files
CodeWithEmadCodeWithEmad
committed
initial commit
0 parents  commit f805fa1

File tree

4 files changed

+170
-0
lines changed

4 files changed

+170
-0
lines changed

‎.github/workflows/deploy.yml

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
name: Deploy static website
2+
on:
3+
push:
4+
branches: ["master"]
5+
workflow_dispatch:
6+
7+
permissions:
8+
contents: read
9+
pages: write
10+
id-token: write
11+
12+
concurrency:
13+
group: "pages"
14+
cancel-in-progress: false
15+
16+
jobs:
17+
deploy:
18+
environment:
19+
name: github-pages
20+
url: ${{ steps.deployment.outputs.page_url }}
21+
runs-on: ubuntu-latest
22+
steps:
23+
- name: Checkout
24+
uses: actions/checkout@v4
25+
26+
- name: Setup Pages
27+
uses: actions/configure-pages@v4
28+
29+
- name: Upload artifact
30+
uses: actions/upload-pages-artifact@v3
31+
with:
32+
path: "."
33+
34+
- name: Deploy to GitHub Pages
35+
id: deployment
36+
uses: actions/deploy-pages@v4

‎assets/favicon.ico

14.7 KB
Binary file not shown.

‎index.html

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Iranian Github</title>
7+
8+
<!-- Favicon -->
9+
<link rel="shortcut icon" type="image/x-icon" href="/assets/favicon.ico">
10+
11+
<!-- Open Graph / Facebook -->
12+
<meta property="og:type" content="website">
13+
<meta property="og:url" content="https://iranian-github.ir/">
14+
<meta property="og:title" content="Iranian Github">
15+
<meta property="og:description" content="Iranian Github is a platform for Iranian developers to showcase their projects and connect with each other.">
16+
17+
<!-- Twitter -->
18+
<meta name="twitter:card" content="summary_large_image">
19+
<meta name="twitter:url" content="https://iranian-github.ir/">
20+
<meta name="twitter:title" content="Iranian Github">
21+
<meta name="twitter:description" content="Iranian Github is a platform for Iranian developers to showcase their projects and connect with each other.">
22+
23+
<!-- Fonts and Styles -->
24+
<link rel="stylesheet" href="styles.css">
25+
<link rel="preconnect" href="https://fonts.googleapis.com">
26+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
27+
<link href="https://fonts.googleapis.com/css2?family=SF+Pro+Display:wght@300;400;500&display=swap" rel="stylesheet">
28+
</head>
29+
<body>
30+
<div class="container">
31+
<div class="content">
32+
<h1>Coming Soon</h1>
33+
<p>Something incredible is brewing.</p>
34+
</div>
35+
</div>
36+
</body>
37+
</html>

‎styles.css

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
* {
2+
margin: 0;
3+
padding: 0;
4+
box-sizing: border-box;
5+
font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI",
6+
Roboto, sans-serif;
7+
}
8+
9+
body {
10+
background: #000;
11+
height: 100vh;
12+
color: #fff;
13+
overflow: hidden;
14+
}
15+
16+
.container {
17+
height: 100vh;
18+
display: flex;
19+
justify-content: center;
20+
align-items: center;
21+
text-align: center;
22+
position: relative;
23+
background: radial-gradient(circle at center, #1a1a1a 0%, #000 100%);
24+
}
25+
26+
.container::before {
27+
content: "";
28+
position: absolute;
29+
top: 50%;
30+
left: 50%;
31+
transform: translate(-50%, -50%);
32+
width: 150px;
33+
height: 150px;
34+
background: #0066cc;
35+
filter: blur(100px);
36+
opacity: 0.5;
37+
animation: pulse 4s ease-in-out infinite;
38+
}
39+
40+
@keyframes pulse {
41+
0% {
42+
transform: translate(-50%, -50%) scale(1);
43+
opacity: 0.5;
44+
}
45+
50% {
46+
transform: translate(-50%, -50%) scale(1.5);
47+
opacity: 0.3;
48+
}
49+
100% {
50+
transform: translate(-50%, -50%) scale(1);
51+
opacity: 0.5;
52+
}
53+
}
54+
55+
.content {
56+
position: relative;
57+
z-index: 1;
58+
padding: 20px;
59+
}
60+
61+
h1 {
62+
font-size: 5rem;
63+
font-weight: 500;
64+
margin-bottom: 20px;
65+
background: linear-gradient(to right, #fff, #999);
66+
background-clip: text;
67+
-webkit-background-clip: text;
68+
-webkit-text-fill-color: transparent;
69+
letter-spacing: -2px;
70+
}
71+
72+
p {
73+
font-size: 1.5rem;
74+
margin-bottom: 40px;
75+
font-weight: 300;
76+
color: #999;
77+
}
78+
79+
@media (max-width: 768px) {
80+
h1 {
81+
font-size: 3.5rem;
82+
}
83+
84+
p {
85+
font-size: 1.2rem;
86+
}
87+
}
88+
89+
@media (max-width: 480px) {
90+
h1 {
91+
font-size: 2.5rem;
92+
}
93+
94+
p {
95+
font-size: 1rem;
96+
}
97+
}

0 commit comments

Comments
 (0)