Skip to content

Commit ca6ca1f

Browse files
xkeshavxkeshav
committed
lintify
1 parent 4fc2479 commit ca6ca1f

File tree

13 files changed

+342
-338
lines changed

13 files changed

+342
-338
lines changed

‎src/assets/styles/about.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -98,4 +98,4 @@
9898
.section-title {
9999
font-size: 1.5rem;
100100
}
101-
}
101+
}

‎src/assets/styles/zodiac.css‎

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
:root {
2-
--primary-color: #7b1fa2;
2+
--primary-color: #7b1fa2;
33
--secondary-color: rgba(161, 10, 144, 0.72);
44
--text-color: #f5f5f5;
55
--bg-color1: #121212;
@@ -18,7 +18,7 @@
1818
--header-bg: #1e1e1e;
1919
--footer-social-bg: #33353d;
2020
}
21-
[data-theme="light"]{
21+
[data-theme="light"] {
2222
--primary-color: #f12711;
2323
--secondary-color: #f5af19;
2424
--text-color: #333;
@@ -232,7 +232,6 @@ article {
232232
justify-content: space-between;
233233
width: 100%;
234234
}
235-
236235
}
237236

238237
@media (max-width: 480px) {
@@ -243,10 +242,9 @@ article {
243242
}
244243

245244
.language-buttons {
246-
order: 1;
245+
order: 1;
247246
justify-content: space-between;
248247
}
249-
250248
}
251249
.info-btn {
252250
background: none;

‎src/components/IndicLanguageGrid.astro‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -173,7 +173,6 @@ const { primary, secondary } = Astro.props;
173173
const dropdown2 = document.getElementById("secondaryDropdown");
174174
const toggleButton = document.getElementById("toggleButton");
175175
// Get the popup elements
176-
const closeButton = document.getElementById("closePopup");
177176
const mainHeader = document.querySelector(".main-header");
178177
const scrollThreshold = 50; // Pixels to scroll before the header shrinks
179178

‎src/components/LanguageSwitcher.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
const setLang = `(lang) => {
2+
export const setLang = `(lang) => {
33
localStorage.setItem('language', lang);
44
document.documentElement.lang = lang === 'hindi' ? 'hi' : 'en';
55
document.body.classList.toggle('hindi', lang === 'hindi');

‎src/components/about/FeaturesSection.astro‎

Lines changed: 48 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -100,60 +100,62 @@ const features: Feature[] = [
100100
Designed to spark curiosity and foster a lifelong love for learning through innovative experiences
101101
</p>
102102
<div class="features-grid">
103-
{features.map((feature) => (
104-
<div class="feature-card" style={`--accent-color: ${feature.color}`}>
105-
<div class="feature-icon" aria-label={feature.title}>
106-
{feature.icon}
103+
{
104+
features.map((feature) => (
105+
<div class="feature-card" style={`--accent-color: ${feature.color}`}>
106+
<div class="feature-icon" aria-label={feature.title}>
107+
{feature.icon}
108+
</div>
109+
<h3 class="feature-title">{feature.title}</h3>
110+
<p class="feature-desc">{feature.description}</p>
107111
</div>
108-
<h3 class="feature-title">{feature.title}</h3>
109-
<p class="feature-desc">{feature.description}</p>
110-
</div>
111-
))}
112+
))
113+
}
112114
</div>
113115
</section>
114116

115117
<style>
116-
.features-section {
117-
margin-bottom: 4rem;
118-
}
118+
.features-section {
119+
margin-bottom: 4rem;
120+
}
119121

120-
.features-grid {
121-
display: grid;
122-
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
123-
gap: 2rem;
124-
}
122+
.features-grid {
123+
display: grid;
124+
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
125+
gap: 2rem;
126+
}
125127

126-
.feature-card {
127-
background: light-dark(var(--bg-light), var(--bg-secondary));
128-
border-radius: 1rem;
129-
padding: 2rem;
130-
transition: transform 0.3s ease;
131-
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2);
132-
border: 1px solid rgba(59, 130, 246, 0.2);
133-
display: flex;
134-
flex-direction: column;
135-
align-items: center;
136-
text-align: center;
137-
}
128+
.feature-card {
129+
background: light-dark(var(--bg-light), var(--bg-secondary));
130+
border-radius: 1rem;
131+
padding: 2rem;
132+
transition: transform 0.3s ease;
133+
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2);
134+
border: 1px solid rgba(59, 130, 246, 0.2);
135+
display: flex;
136+
flex-direction: column;
137+
align-items: center;
138+
text-align: center;
139+
}
138140

139-
.feature-card:hover {
140-
transform: translateY(-10px);
141-
}
141+
.feature-card:hover {
142+
transform: translateY(-10px);
143+
}
142144

143-
.feature-icon {
144-
font-size: 3rem;
145-
margin-bottom: 1.5rem;
146-
color: var(--accent-color);
147-
}
145+
.feature-icon {
146+
font-size: 3rem;
147+
margin-bottom: 1.5rem;
148+
color: var(--accent-color);
149+
}
148150

149-
.feature-title {
150-
font-size: 1.5rem;
151-
margin-bottom: 1rem;
152-
color: light-dark(var(--primary), var(--text-main));
153-
}
151+
.feature-title {
152+
font-size: 1.5rem;
153+
margin-bottom: 1rem;
154+
color: light-dark(var(--primary), var(--text-main));
155+
}
154156

155-
.feature-desc {
156-
color: light-dark(var(--bg-dark), var(--text-primary));
157-
line-height: 1.6;
158-
}
159-
</style>
157+
.feature-desc {
158+
color: light-dark(var(--bg-dark), var(--text-primary));
159+
line-height: 1.6;
160+
}
161+
</style>

‎src/components/about/HeroSection.astro‎

Lines changed: 101 additions & 99 deletions
Original file line numberDiff line numberDiff line change
@@ -13,126 +13,128 @@ const { appName } = Astro.props;
1313
<img src={Logo.src} alt={`${appName} Logo`} class="hero-logo" />
1414
<h1 class="hero-title">Learning Made <span class="text-highlight">Magical!</span></h1>
1515
<p class="hero-text">
16-
At {appName}, we transform education into captivating adventures that ignite young minds. Our interactive
17-
platform takes children on an unforgettable journey through letters, words, and diverse cultures.
16+
At {appName}, we transform education into captivating adventures that ignite young minds. Our interactive platform
17+
takes children on an unforgettable journey through letters, words, and diverse cultures.
1818
</p>
1919
<div class="hero-buttons">
2020
<a href="https://parixan.xyz" class="btn btn-primary">Let's Get Started</a>
2121
<a href="https://deepwiki.com/recursivezero/abcd" class="btn btn-secondary">Read More</a>
2222
</div>
2323
</div>
2424
<div class="hero-bubbles">
25-
{["A", "B", "C", "D", "1", "2", "🎈", "📚", "🌈"].map((char, i) => (
26-
<span class="bubble" style={`--i: ${i}; --size: ${Math.random() * 2 + 1}rem;`} aria-hidden="true">
27-
{char}
28-
</span>
29-
))}
25+
{
26+
["A", "B", "C", "D", "1", "2", "🎈", "📚", "🌈"].map((char, i) => (
27+
<span class="bubble" style={`--i: ${i}; --size: ${Math.random() * 2 + 1}rem;`} aria-hidden="true">
28+
{char}
29+
</span>
30+
))
31+
}
3032
</div>
3133
</section>
3234

3335
<style>
34-
/* Hero Section */
35-
.hero-section {
36-
position: relative;
37-
text-align: center;
38-
padding: 4rem 1rem;
39-
margin-bottom: 4rem;
40-
border-radius: 1rem;
41-
background: light-dark(var(--bg-light), linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-dark) 100%));
42-
box-shadow: 2px 5px 10px 3px rgba(0, 0, 0, 0.2);
43-
overflow: hidden;
44-
}
45-
46-
.hero-content {
47-
max-width: 800px;
48-
margin: 0 auto;
49-
z-index: 2;
50-
position: relative;
51-
}
52-
53-
.hero-logo {
54-
max-width: 150px;
55-
height: auto;
56-
margin-bottom: 1.5rem;
57-
display: block;
58-
margin-left: auto;
59-
margin-right: auto;
60-
}
61-
62-
.hero-title {
63-
font-size: 2.5rem;
64-
margin-bottom: 1.5rem;
65-
color: light-dark(var(--text-secondary), var(--text-primary));
66-
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
67-
}
68-
69-
.hero-text {
70-
font-size: 1.25rem;
71-
color: light-dark(var(--text-secondary), var(--text-primary));
72-
line-height: 1.6;
73-
margin-bottom: 2rem;
74-
}
36+
/* Hero Section */
37+
.hero-section {
38+
position: relative;
39+
text-align: center;
40+
padding: 4rem 1rem;
41+
margin-bottom: 4rem;
42+
border-radius: 1rem;
43+
background: light-dark(var(--bg-light), linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-dark) 100%));
44+
box-shadow: 2px 5px 10px 3px rgba(0, 0, 0, 0.2);
45+
overflow: hidden;
46+
}
7547

76-
.hero-buttons {
77-
display: flex;
78-
justify-content: center;
79-
flex-wrap: wrap;
80-
gap: 1rem;
81-
margin-top: 2rem;
82-
}
48+
.hero-content {
49+
max-width: 800px;
50+
margin: 0 auto;
51+
z-index: 2;
52+
position: relative;
53+
}
8354

84-
.hero-bubbles {
85-
position: absolute;
86-
width: 100%;
87-
height: 100%;
88-
top: 0;
89-
left: 0;
90-
z-index: 1;
91-
pointer-events: none;
92-
}
55+
.hero-logo {
56+
max-width: 150px;
57+
height: auto;
58+
margin-bottom: 1.5rem;
59+
display: block;
60+
margin-left: auto;
61+
margin-right: auto;
62+
}
9363

94-
.bubble {
95-
position: absolute;
96-
background: light-dark(rgb(226, 223, 223), rgba(59, 130, 246, 0.2));
97-
color: light-dark(var(--bg-dark), var(--bg-light));
98-
border-radius: 50%;
99-
display: flex;
100-
justify-content: center;
101-
align-items: center;
102-
font-size: calc(var(--size) * 0.6);
103-
animation: float-up 15s linear infinite;
104-
animation-delay: calc(var(--i) * 2s);
105-
width: var(--size);
106-
height: var(--size);
107-
bottom: -10%;
108-
left: calc(10% + var(--i) * 12%);
109-
}
64+
.hero-title {
65+
font-size: 2.5rem;
66+
margin-bottom: 1.5rem;
67+
color: light-dark(var(--text-secondary), var(--text-primary));
68+
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
69+
}
11070

111-
@keyframes float-up {
112-
0% {
113-
transform: translateY(0) rotate(0deg);
114-
opacity: 0;
71+
.hero-text {
72+
font-size: 1.25rem;
73+
color: light-dark(var(--text-secondary), var(--text-primary));
74+
line-height: 1.6;
75+
margin-bottom: 2rem;
11576
}
116-
10% {
117-
opacity: 1;
77+
78+
.hero-buttons {
79+
display: flex;
80+
justify-content: center;
81+
flex-wrap: wrap;
82+
gap: 1rem;
83+
margin-top: 2rem;
11884
}
119-
100% {
120-
transform: translateY(-100vh) rotate(360deg);
121-
opacity: 0;
85+
86+
.hero-bubbles {
87+
position: absolute;
88+
width: 100%;
89+
height: 100%;
90+
top: 0;
91+
left: 0;
92+
z-index: 1;
93+
pointer-events: none;
12294
}
123-
}
12495

125-
@media (max-width: 768px) {
126-
.hero-logo {
127-
max-width: 120px;
96+
.bubble {
97+
position: absolute;
98+
background: light-dark(rgb(226, 223, 223), rgba(59, 130, 246, 0.2));
99+
color: light-dark(var(--bg-dark), var(--bg-light));
100+
border-radius: 50%;
101+
display: flex;
102+
justify-content: center;
103+
align-items: center;
104+
font-size: calc(var(--size) * 0.6);
105+
animation: float-up 15s linear infinite;
106+
animation-delay: calc(var(--i) * 2s);
107+
width: var(--size);
108+
height: var(--size);
109+
bottom: -10%;
110+
left: calc(10% + var(--i) * 12%);
128111
}
129112

130-
.hero-title {
131-
font-size: 1.8rem;
113+
@keyframes float-up {
114+
0% {
115+
transform: translateY(0) rotate(0deg);
116+
opacity: 0;
117+
}
118+
10% {
119+
opacity: 1;
120+
}
121+
100% {
122+
transform: translateY(-100vh) rotate(360deg);
123+
opacity: 0;
124+
}
132125
}
133126

134-
.hero-text {
135-
font-size: 1rem;
127+
@media (max-width: 768px) {
128+
.hero-logo {
129+
max-width: 120px;
130+
}
131+
132+
.hero-title {
133+
font-size: 1.8rem;
134+
}
135+
136+
.hero-text {
137+
font-size: 1rem;
138+
}
136139
}
137-
}
138-
</style>
140+
</style>

0 commit comments

Comments
 (0)