Skip to content

Commit efbf652

Browse files
boudhayanboudhayan
committed
add github page4
1 parent 52a0dca commit efbf652

File tree

2 files changed

+219
-4
lines changed

2 files changed

+219
-4
lines changed

‎assets/css/style.scss‎

Lines changed: 190 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,190 @@
1+
---
2+
---
3+
4+
@import "{{ site.theme }}";
5+
@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&family=Source+Serif+4:wght@400;600&display=swap");
6+
7+
:root {
8+
--bg-0: #f4f1ea;
9+
--bg-1: #fdfbf6;
10+
--ink-0: #171717;
11+
--ink-1: #3a3a3a;
12+
--accent: #d04a1a;
13+
--accent-soft: #ffe8df;
14+
--line: #dfd6c8;
15+
--card: #ffffffcc;
16+
}
17+
18+
body {
19+
font-family: "Source Serif 4", Georgia, serif;
20+
background:
21+
radial-gradient(circle at 8% 8%, #ffe7cc 0%, transparent 36%),
22+
radial-gradient(circle at 92% 16%, #e8f7f3 0%, transparent 38%),
23+
linear-gradient(180deg, var(--bg-0), var(--bg-1));
24+
color: var(--ink-0);
25+
}
26+
27+
h1,
28+
h2,
29+
h3,
30+
h4,
31+
h5,
32+
h6,
33+
.btn {
34+
font-family: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;
35+
}
36+
37+
.site-shell {
38+
max-width: 1200px;
39+
margin: 0 auto;
40+
padding: 1.2rem 1rem 2rem;
41+
}
42+
43+
.hero-card {
44+
border: 1px solid var(--line);
45+
background: linear-gradient(120deg, #fffdf7, #fff);
46+
border-radius: 16px;
47+
padding: 1.4rem 1.2rem;
48+
box-shadow: 0 12px 24px rgba(17, 17, 17, 0.08);
49+
position: relative;
50+
overflow: hidden;
51+
}
52+
53+
.hero-card::after {
54+
content: "";
55+
position: absolute;
56+
right: -120px;
57+
top: -120px;
58+
width: 260px;
59+
height: 260px;
60+
border-radius: 999px;
61+
background: radial-gradient(circle, #ffd2bf 0%, transparent 65%);
62+
}
63+
64+
.hero-eyebrow {
65+
margin: 0 0 0.5rem;
66+
font-size: 0.83rem;
67+
letter-spacing: 0.08em;
68+
text-transform: uppercase;
69+
color: var(--accent);
70+
font-weight: 700;
71+
}
72+
73+
.hero-card h1 {
74+
margin: 0;
75+
line-height: 1.15;
76+
}
77+
78+
.hero-card p {
79+
margin: 0.85rem 0 0;
80+
max-width: 74ch;
81+
color: var(--ink-1);
82+
}
83+
84+
.hero-actions {
85+
display: flex;
86+
gap: 0.7rem;
87+
margin-top: 1rem;
88+
flex-wrap: wrap;
89+
}
90+
91+
.btn {
92+
display: inline-flex;
93+
align-items: center;
94+
justify-content: center;
95+
text-decoration: none;
96+
border-radius: 999px;
97+
font-size: 0.92rem;
98+
font-weight: 600;
99+
padding: 0.55rem 0.95rem;
100+
border: 1px solid transparent;
101+
}
102+
103+
.btn-primary {
104+
color: #fff;
105+
background: var(--accent);
106+
}
107+
108+
.btn-primary:hover {
109+
background: #b53f16;
110+
}
111+
112+
.btn-ghost {
113+
color: var(--accent);
114+
background: var(--accent-soft);
115+
border-color: #f2cbbd;
116+
}
117+
118+
.btn-ghost:hover {
119+
background: #ffe0d2;
120+
}
121+
122+
.quick-links {
123+
display: flex;
124+
gap: 0.6rem;
125+
margin: 1rem 0 1.1rem;
126+
flex-wrap: wrap;
127+
}
128+
129+
.quick-links a {
130+
text-decoration: none;
131+
font-family: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;
132+
color: #1f4f44;
133+
background: #e8f7f3;
134+
border: 1px solid #c8e8df;
135+
border-radius: 999px;
136+
font-size: 0.84rem;
137+
font-weight: 600;
138+
padding: 0.34rem 0.68rem;
139+
}
140+
141+
.quick-links a:hover {
142+
background: #daf1ea;
143+
}
144+
145+
.readme-panel {
146+
border: 1px solid var(--line);
147+
border-radius: 16px;
148+
padding: 1rem 0.8rem;
149+
background: var(--card);
150+
backdrop-filter: blur(2px);
151+
}
152+
153+
.readme-panel table {
154+
display: block;
155+
width: 100%;
156+
overflow-x: auto;
157+
border-collapse: collapse;
158+
border-spacing: 0;
159+
margin: 0.9rem 0 1.4rem;
160+
}
161+
162+
.readme-panel th,
163+
.readme-panel td {
164+
white-space: nowrap;
165+
border: 1px solid #e4ddd1;
166+
padding: 0.45rem 0.55rem;
167+
}
168+
169+
.readme-panel th {
170+
font-family: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;
171+
background: #faf6ed;
172+
position: sticky;
173+
top: 0;
174+
z-index: 1;
175+
}
176+
177+
.readme-panel a {
178+
color: #0b5a72;
179+
}
180+
181+
@media (min-width: 900px) {
182+
.site-shell {
183+
padding: 1.4rem 1.4rem 2.2rem;
184+
}
185+
186+
.hero-card,
187+
.readme-panel {
188+
padding: 1.4rem;
189+
}
190+
}

‎index.md‎

Lines changed: 29 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,32 @@ layout: default
33
title: Algorithm Solutions in Swift
44
---
55

6-
{% capture readme_content %}
7-
{% include_relative README.md %}
8-
{% endcapture %}
9-
{{ readme_content | markdownify }}
6+
<div class="site-shell">
7+
<section class="hero-card">
8+
<p class="hero-eyebrow">Swift Practice Vault</p>
9+
<h1>Algorithm Solutions in Swift</h1>
10+
<p>
11+
Curated problem solutions across LeetCode, HackerRank, AlgoExpert,
12+
GeekForGeeks, and Pramp, with an auto-updating index from every commit.
13+
</p>
14+
<div class="hero-actions">
15+
<a class="btn btn-primary" href="https://github.com/boudhayan/Algorithm-Solutions-In-Swift">View Repository</a>
16+
<a class="btn btn-ghost" href="#solution-index">Jump to Solution Index</a>
17+
</div>
18+
</section>
19+
20+
<section class="quick-links">
21+
<a href="https://github.com/boudhayan/Algorithm-Solutions-In-Swift/tree/main/LeetCode/">LeetCode</a>
22+
<a href="https://github.com/boudhayan/Algorithm-Solutions-In-Swift/tree/main/HackerRank/">HackerRank</a>
23+
<a href="https://github.com/boudhayan/Algorithm-Solutions-In-Swift/tree/main/AlgoExpert/">AlgoExpert</a>
24+
<a href="https://github.com/boudhayan/Algorithm-Solutions-In-Swift/tree/main/GeekForGeeks/">GeekForGeeks</a>
25+
<a href="https://github.com/boudhayan/Algorithm-Solutions-In-Swift/tree/main/Pramp/">Pramp</a>
26+
</section>
27+
28+
<section class="readme-panel" id="solution-index">
29+
{% capture readme_content %}
30+
{% include_relative README.md %}
31+
{% endcapture %}
32+
{{ readme_content | markdownify }}
33+
</section>
34+
</div>

0 commit comments

Comments
 (0)