Skip to content

Commit fce7b49

Browse files
sanjay-kvsanjay-kv
committed
2 parents 9a18930 + b6cbf7b commit fce7b49

17 files changed

Lines changed: 746 additions & 52 deletions

File tree

‎README.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020

2121
**Your all-in-one resource for learning Git, GitHub, Python through comprehensive tutorials and hands-on projects.**
2222

23-
[Website](https://recodehive.com/) • [Documentation](https://recodehive.com/docs) • [Contributing](community/contributing-guidelines.md) • [Discord](https://discord.gg/Yxv9RA3r)
23+
[Website](https://recodehive.com/) • [Documentation](https://recodehive.com/docs) • [Contributing](community/contributing-guidelines.md) • [Discord](https://discord.gg/dh3TA8U55Q)
2424

2525
</div>
2626

@@ -216,7 +216,7 @@ For detailed guidelines, please refer to our [Contributing Guidelines](community
216216

217217
Join our community and connect with fellow learners:
218218

219-
[![Discord](https://img.shields.io/badge/Discord-5865F2.svg?style=for-the-badge&logo=Discord&logoColor=white)](https://discord.gg/Yxv9RA3r)
219+
[![Discord](https://img.shields.io/badge/Discord-5865F2.svg?style=for-the-badge&logo=Discord&logoColor=white)](https://discord.gg/dh3TA8U55Q)
220220
[![LinkedIn](https://img.shields.io/badge/Follow%20on-LinkedIn-blue?style=for-the-badge&logo=linkedin)](https://www.linkedin.com/in/sanjay-k-v/)
221221

222222
## 📊 Project Statistics

‎docs/GitHub/GitHub-basics/index.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ Whether you're completely new or need a refresher, these guides will walk you th
3636

3737
## Need help?
3838

39-
- Join our Discord for real-time help: https://discord.gg/Yxv9RA3r
39+
- Join our Discord for real-time help: https://discord.gg/dh3TA8U55Q
4040
- Browse our GitHub org: https://github.com/recodehive
4141

4242
---

‎docs/html/intro-html.md‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
---
2+
title: Introduction to HTML
3+
sidebar_label: Introduction
4+
---
5+
6+
# Introduction to HTML
7+
8+
HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content. Other technologies besides HTML are generally used to describe a web page's appearance/presentation (CSS) or functionality/behavior (JavaScript).
9+
10+
## What is HTML?
11+
12+
HTML is not a programming language; it is a markup language that defines the structure of your content. HTML consists of a series of elements, which you use to enclose, or wrap, different parts of the content to make it appear a certain way, or act a certain way.
13+
14+
## Basic HTML Structure
15+
16+
Every HTML document has a basic structure:
17+
18+
```html
19+
<!DOCTYPE html>
20+
<html>
21+
<head>
22+
<title>Page Title</title>
23+
</head>
24+
<body>
25+
<h1>My First Heading</h1>
26+
<p>My first paragraph.</p>
27+
</body>
28+
</html>
29+
```
30+
31+
- `<!DOCTYPE html>`: The declaration defines that this document is an HTML5 document.
32+
- `<html>`: The root element of an HTML page.
33+
- `<head>`: Contains meta information about the HTML page.
34+
- `<title>`: Specifies a title for the HTML page.
35+
- `<body>`: Defines the document's body, and is a container for all the visible contents.
36+
- `<h1>`: Defines a large heading.
37+
- `<p>`: Defines a paragraph.

‎docs/index.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ The recode hive GitHub organization ([github.com/recodehive](https://github.com/
4646
recode hive has 600+ GitHub followers and contributors from all over the world. Here is how to become part of it:
4747

4848
1. **Join the GitHub Organization** — raise an issue using the [Invite Link](https://github.com/Recode-Hive/Support/issues/new?assignees=&labels=invite+me+to+the+community&projects=&template=invitation.yml&title=Please+invite+me+to+the+Recode-Hive+GitHub+Community+Organization) and you'll receive an email invitation.
49-
2. **Join Discord** — chat with members, ask questions, and find help in real time at [discord.gg/Yxv9RA3r](https://discord.gg/Yxv9RA3r).
49+
2. **Join Discord** — chat with members, ask questions, and find help in real time at [discord.gg/dh3TA8U55Q](https://discord.gg/dh3TA8U55Q).
5050
3. **Practice open source** — make your first PR in the [Opensource-practice](https://github.com/recodehive/Opensource-practice) repository.
5151
4. **Subscribe to the newsletter** — get career insights delivered to your inbox at [recodehive.substack.com](https://recodehive.substack.com/).
5252

‎docusaurus.config.ts‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -186,7 +186,7 @@ const config: Config = {
186186
},
187187
{
188188
label: "🗺️ Roadmap",
189-
to: "https://github.com/orgs/recodehive/projects/9",
189+
to: "/roadmaps",
190190
},
191191
{
192192
label: "🤝 Community",
@@ -223,7 +223,7 @@ const config: Config = {
223223
{
224224
type: "html",
225225
position: "right",
226-
value: `<a href="https://discord.gg/b6ffxhXRNH" target="_blank" rel="noopener noreferrer" aria-label="Discord" title="Discord" class="navbar__link navbar-social-icon">
226+
value: `<a href="https://discord.gg/dh3TA8U55Q" target="_blank" rel="noopener noreferrer" aria-label="Discord" title="Discord" class="navbar__link navbar-social-icon">
227227
<svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
228228
<path d="M20.317 4.37a19.791 19.791 0 00-4.885-1.515.074.074 0 00-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 00-5.487 0 12.64 12.64 0 00-.617-1.25.077.077 0 00-.079-.037A19.736 19.736 0 003.677 4.37a.07.07 0 00-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 00.031.057 19.9 19.9 0 005.993 3.03.078.078 0 00.084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 00-.041-.106 13.107 13.107 0 01-1.872-.892.077.077 0 01-.008-.128 10.2 10.2 0 00.372-.292.074.074 0 01.077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 01.078.01c.12.098.246.198.373.292a.077.077 0 01-.006.127 12.299 12.299 0 01-1.873.892.077.077 0 00-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 00.084.028 19.839 19.839 0 006.002-3.03.077.077 0 00.032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 00-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z"/>
229229
</svg>

‎src/components/SocialShare/SocialShare.css‎

Lines changed: 65 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,65 @@
1+
.blog-post-share-section {
2+
margin: 3rem 0;
3+
padding: 2rem;
4+
background: rgba(var(--ifm-color-primary-rgb), 0.05);
5+
border-radius: 16px;
6+
text-align: center;
7+
border: 1px solid rgba(var(--ifm-color-primary-rgb), 0.1);
8+
}
9+
10+
.share-title {
11+
margin-bottom: 1.5rem;
12+
font-size: 1.25rem;
13+
font-weight: 700;
14+
color: var(--ifm-font-color-base);
15+
}
16+
17+
.share-buttons-row {
18+
display: flex;
19+
flex-wrap: wrap;
20+
gap: 1rem;
21+
justify-content: center;
22+
}
23+
24+
.share-btn-large {
25+
display: flex;
26+
align-items: center;
27+
gap: 0.75rem;
28+
padding: 0.8rem 1.5rem;
29+
border-radius: 50px;
30+
color: white !important;
31+
font-weight: 600;
32+
text-decoration: none !important;
33+
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
34+
font-size: 0.95rem;
35+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
36+
}
37+
38+
.share-btn-large:hover {
39+
transform: translateY(-3px);
40+
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
41+
filter: brightness(1.1);
42+
}
43+
44+
.share-btn-large.twitter {
45+
background-color: #000000;
46+
}
47+
48+
.share-btn-large.linkedin {
49+
background-color: #0077b5;
50+
}
51+
52+
.share-btn-large.facebook {
53+
background-color: #1877f2;
54+
}
55+
56+
@media (max-width: 576px) {
57+
.share-buttons-row {
58+
flex-direction: column;
59+
align-items: stretch;
60+
}
61+
62+
.share-btn-large {
63+
justify-content: center;
64+
}
65+
}

‎src/components/SocialShare/index.tsx‎

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
import React from 'react';
2+
import { useBlogPost } from '@docusaurus/plugin-content-blog/client';
3+
import { FaTwitter, FaLinkedin, FaFacebook } from 'react-icons/fa';
4+
import './SocialShare.css';
5+
6+
const SocialShare = () => {
7+
// Safe hook call
8+
let blogPost;
9+
try {
10+
blogPost = useBlogPost();
11+
} catch (e) {
12+
return null;
13+
}
14+
15+
if (!blogPost) return null;
16+
17+
const { metadata } = blogPost;
18+
const { permalink, title } = metadata;
19+
const blogUrl = `https://www.recodehive.com${permalink}`;
20+
const shareText = encodeURIComponent(`Check out this article: ${title}`);
21+
22+
return (
23+
<div className="blog-post-share-section">
24+
<h3 className="share-title">Enjoyed the article? Share it!</h3>
25+
<div className="share-buttons-row">
26+
<a
27+
href={`https://twitter.com/intent/tweet?text=${shareText}&url=${encodeURIComponent(blogUrl)}`}
28+
target="_blank"
29+
rel="noopener noreferrer"
30+
className="share-btn-large twitter"
31+
title="Share on X (Twitter)"
32+
>
33+
<FaTwitter /> <span>Share on X</span>
34+
</a>
35+
<a
36+
href={`https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent(blogUrl)}`}
37+
target="_blank"
38+
rel="noopener noreferrer"
39+
className="share-btn-large linkedin"
40+
title="Share on LinkedIn"
41+
>
42+
<FaLinkedin /> <span>Share on LinkedIn</span>
43+
</a>
44+
<a
45+
href={`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(blogUrl)}`}
46+
target="_blank"
47+
rel="noopener noreferrer"
48+
className="share-btn-large facebook"
49+
title="Share on Facebook"
50+
>
51+
<FaFacebook /> <span>Share on Facebook</span>
52+
</a>
53+
</div>
54+
</div>
55+
);
56+
};
57+
58+
export default SocialShare;

‎src/components/faqs/faqs.tsx‎

Lines changed: 14 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ const faqData = [
2727
{
2828
question: "How can I contribute as a beginner?",
2929
answer:
30-
"We've designed our community specifically with beginners in mind! Contributing to open-source can seem intimidating, but we provide a supportive environment for learning.<br><br><strong>Beginner-Friendly Steps:</strong><br>1. Start with our <a href='/docs/GitHub/GitHub-basics' class='text-indigo-600 hover:text-indigo-800 underline'>GitHub Basics guide</a><br>2. Join our <a href='https://discord.gg/Yxv9RA3r' target='_blank' rel='noopener noreferrer' class='text-indigo-600 hover:text-indigo-800 underline'>Discord community</a> for support<br>3. Look for 'good first issue' labels in our repositories<br>4. Follow our <a href='https://github.com/recodehive/recode-website#getting-started' target='_blank' rel='noopener noreferrer' class='text-indigo-600 hover:text-indigo-800 underline'>step-by-step contribution guide</a><br><br>🎯 <a href='/docs/GitHub/GitHub-basics/first-opensource-code' class='text-indigo-600 hover:text-indigo-800 underline'>Make your first open-source contribution</a>",
30+
"We've designed our community specifically with beginners in mind! Contributing to open-source can seem intimidating, but we provide a supportive environment for learning.<br><br><strong>Beginner-Friendly Steps:</strong><br>1. Start with our <a href='/docs/GitHub/GitHub-basics' class='text-indigo-600 hover:text-indigo-800 underline'>GitHub Basics guide</a><br>2. Join our <a href='https://discord.gg/dh3TA8U55Q' target='_blank' rel='noopener noreferrer' class='text-indigo-600 hover:text-indigo-800 underline'>Discord community</a> for support<br>3. Look for 'good first issue' labels in our repositories<br>4. Follow our <a href='https://github.com/recodehive/recode-website#getting-started' target='_blank' rel='noopener noreferrer' class='text-indigo-600 hover:text-indigo-800 underline'>step-by-step contribution guide</a><br><br>🎯 <a href='/docs/GitHub/GitHub-basics/first-opensource-code' class='text-indigo-600 hover:text-indigo-800 underline'>Make your first open-source contribution</a>",
3131
},
3232
{
3333
question: "How can I earn from this recode hive organisation?",
@@ -78,16 +78,14 @@ const FAQs: React.FC = () => {
7878
FAQs
7979
</h6>
8080
<h2
81-
className={`text-5xl font-bold leading-snug md:text-6xl ${
82-
isDark ? "text-gray-100" : "text-gray-900"
83-
}`}
81+
className={`text-5xl font-bold leading-snug md:text-6xl ${isDark ? "text-gray-100" : "text-gray-900"
82+
}`}
8483
>
8584
Looking for answers?
8685
</h2>
8786
<p
88-
className={`mx-auto mt-3 max-w-3xl text-base ${
89-
isDark ? "text-gray-400" : "text-gray-600"
90-
}`}
87+
className={`mx-auto mt-3 max-w-3xl text-base ${isDark ? "text-gray-400" : "text-gray-600"
88+
}`}
9189
>
9290
Find answers to the most common questions about recode hive.
9391
</p>
@@ -117,11 +115,10 @@ const FAQs: React.FC = () => {
117115
}}
118116
>
119117
<button
120-
className={`accordion-toggle group flex w-full cursor-pointer items-center justify-between gap-4 p-4 text-left text-base font-semibold transition-all duration-300 focus:outline-none md:p-5 ${
121-
isDark
118+
className={`accordion-toggle group flex w-full cursor-pointer items-center justify-between gap-4 p-4 text-left text-base font-semibold transition-all duration-300 focus:outline-none md:p-5 ${isDark
122119
? "text-gray-100 hover:text-indigo-300"
123120
: "text-gray-800 hover:text-indigo-700"
124-
}`}
121+
}`}
125122
style={{
126123
background: isDark
127124
? isOpen
@@ -154,9 +151,8 @@ const FAQs: React.FC = () => {
154151
transition={{ duration: 0.3, ease: "easeInOut" }}
155152
>
156153
<div
157-
className={`text-base transition-colors duration-200 ${
158-
isDark ? "text-gray-300" : "text-gray-900"
159-
}`}
154+
className={`text-base transition-colors duration-200 ${isDark ? "text-gray-300" : "text-gray-900"
155+
}`}
160156
style={{
161157
borderTop: isDark
162158
? "1px solid rgba(99, 102, 241, 0.3)"
@@ -184,7 +180,7 @@ const FAQs: React.FC = () => {
184180
);
185181
})}
186182
</div>
187-
183+
188184
<div className="flex w-full flex-1 flex-col gap-4 md:gap-6">
189185
{faqData.filter((_, index) => index % 2 !== 0).map((faq, idx) => {
190186
const originalIndex = idx * 2 + 1;
@@ -208,11 +204,10 @@ const FAQs: React.FC = () => {
208204
}}
209205
>
210206
<button
211-
className={`accordion-toggle group flex w-full cursor-pointer items-center justify-between gap-4 p-4 text-left text-base font-semibold transition-all duration-300 focus:outline-none md:p-5 ${
212-
isDark
207+
className={`accordion-toggle group flex w-full cursor-pointer items-center justify-between gap-4 p-4 text-left text-base font-semibold transition-all duration-300 focus:outline-none md:p-5 ${isDark
213208
? "text-gray-100 hover:text-indigo-300"
214209
: "text-gray-800 hover:text-indigo-700"
215-
}`}
210+
}`}
216211
style={{
217212
background: isDark
218213
? isOpen
@@ -245,9 +240,8 @@ const FAQs: React.FC = () => {
245240
transition={{ duration: 0.3, ease: "easeInOut" }}
246241
>
247242
<div
248-
className={`text-base transition-colors duration-200 ${
249-
isDark ? "text-gray-300" : "text-gray-900"
250-
}`}
243+
className={`text-base transition-colors duration-200 ${isDark ? "text-gray-300" : "text-gray-900"
244+
}`}
251245
style={{
252246
borderTop: isDark
253247
? "1px solid rgba(99, 102, 241, 0.3)"

‎src/pages/community/index.tsx‎

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -75,7 +75,7 @@ const contributionSections: ContributionSection[] = [
7575
"Share resources, tutorials, and best practices to help others grow.",
7676
],
7777
links: [
78-
{ text: "Discord", url: "https://discord.gg/b6ffxhXRNH" },
78+
{ text: "Discord", url: "https://discord.gg/dh3TA8U55Q" },
7979
{
8080
text: "Whatsapp",
8181
url: "https://chat.whatsapp.com/Izl2yfbFlmY8CExjnIpNkX?mode=ems_copy_t",
@@ -273,15 +273,14 @@ export default function CommunityPage(): React.ReactElement {
273273
<motion.div
274274
key={section.id}
275275
id={section.id}
276-
className={`contribution-section ${
277-
(
276+
className={`contribution-section ${(
278277
isMobile
279278
? activeSections.includes(section.id)
280279
: selectedSection === section.id
281280
)
282281
? "selected"
283282
: ""
284-
}`}
283+
}`}
285284
initial={{ opacity: 0, y: 30 }}
286285
animate={{ opacity: 1, y: 0 }}
287286
transition={{ duration: 0.6, delay: 0.1 * index }}

‎src/pages/dashboard/giveaway/index.tsx‎

Lines changed: 19 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -743,32 +743,30 @@ const GiveawayPage: React.FC = () => {
743743

744744
{/* Giveaway Stats Grid */}
745745
<motion.section
746-
className="dashboard-stats-section"
746+
className="dashboard-stats-section grid grid-cols-1 md:grid-cols-3 gap-4 flex-wrap"
747747
initial={{ opacity: 0, y: 10 }}
748748
whileInView={{ opacity: 1 }}
749749
transition={{ duration: 0.6 }}
750750
viewport={{ once: true }}
751751
>
752-
<div className="">
753-
<StatCard
754-
icon="⏳"
755-
title="Next Giveaway"
756-
valueText="5 Days"
757-
description="Time remaining"
758-
/>
759-
<StatCard
760-
icon="🎫"
761-
title="Entries"
762-
valueText={leaderboard.length.toString()}
763-
description="Total participants"
764-
/>
765-
<StatCard
766-
icon="🏅"
767-
title="Total Winners"
768-
valueText="3"
769-
description="Winners per giveaway"
770-
/>
771-
</div>
752+
<StatCard
753+
icon="⏳"
754+
title="Next Giveaway"
755+
valueText="5 Days"
756+
description="Time remaining"
757+
/>
758+
<StatCard
759+
icon="🎫"
760+
title="Entries"
761+
valueText={leaderboard.length.toString()}
762+
description="Total participants"
763+
/>
764+
<StatCard
765+
icon="🏅"
766+
title="Total Winners"
767+
valueText="3"
768+
description="Winners per giveaway"
769+
/>
772770
</motion.section>
773771

774772
{/* Giveaway Leaderboard */}

0 commit comments

Comments
 (0)