परियोजनाएं

परियोजनाएं

हमारा डिजिटल इन्फ्रास्ट्रक्चर, ओपन सोर्स रिपॉजिटरी और सहयोगी परियोजनाएं

हमारी परियोजनाएं हमारे समुदाय की सामूहिक रचनात्मकता का प्रमाण हैं। हर repository एक collaboration का अवसर है, हर issue सीखने का एक मौका है। चाहे आप योगदान देना चाहते हों या अपनी परियोजना शुरू करना, आपका स्वागत है।

नेटवर्क टोपोलॉजी

ओपन सोर्स परियोजनाएं

जिन परियोजनाओं पर हम काम कर रहे हैं - आपका योगदान स्वागत योग्य है

stykalabria/website

यही वेबसाइट — स्थैतिक HTML/CSS/JS, बहुभाषी, WebGL प्रभाव। योगदान स्वागत योग्य।

⭐ 42 🍴 12 HTML/CSS

stykalabria/discord-bot

हमारे Discord के लिए समुदाय बॉट। Event scheduling, code snippets और moderation tools।

⭐ 28 🍴 8 Python

stykalabria/ai-lab

AI प्रयोग और ट्यूटोरियल। LLM fine-tuning से लेकर generative art models तक।

⭐ 67 🍴 23 Python/PyTorch

stykalabria/game-jam-template

हमारे मासिक game jams के लिए Godot starter template। CI/CD, export configs शामिल।

⭐ 35 🍴 15 GDScript

stykalabria/learning-resources

सभी स्तरों के लिए curated learning paths। किसी भी भाषा में zero से hero तक।

⭐ 89 🍴 34 Markdown

stykalabria/rust-cli-tools

High-performance CLI utilities। File processing, data transformation और बहुत कुछ।

⭐ 56 🍴 18 Rust

सोर्स कोड प्रदर्शनी

📜 cyberdomain.html — रेपो ग्रिड

GitHub-शैली metadata के साथ ओपन सोर्स परियोजनाएं प्रदर्शित करने वाला repository card grid।

<!-- रिपॉजिटरी ग्रिड -->
<div class="repo-grid">
  <article class="repo-card">
    <h3 class="repo-name">stykalabria/website</h3>
    <p class="repo-desc">
      यही वेबसाइट — स्थैतिक HTML/CSS/JS, 
      बहुभाषी, WebGL प्रभाव।
    </p>
    <div class="repo-meta">
      <span>⭐ 42</span>
      <span>🍴 12</span>
      <span>HTML/CSS</span>
    </div>
  </article>
</div>

🎨 हेक्स ग्रिड CSS

Network topology visualization के लिए CSS clip-path का उपयोग करके षट्कोणीय grid layout।

/* षट्कोणीय ग्रिड */
.hex-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  padding: 1.5rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}

.hex {
  width: 70px;
  height: 60px;
  background: rgba(0, 255, 170, 0.05);
  border: 1px solid rgba(0, 255, 170, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Share Tech Mono', monospace;
  font-size: 0.7rem;
  color: #5a7a68;
  /* षट्कोण आकार */
  clip-path: polygon(
    50% 0%, 100% 25%, 100% 75%, 
    50% 100%, 0% 75%, 0% 25%
  );
  transition: all 0.3s ease;
}

.hex:hover {
  background: rgba(0, 255, 170, 0.15);
  border-color: #00ffaa;
  color: #00ffaa;
  transform: scale(1.05);
}

⚡ WebGL कण प्रणाली

Mouse repulsion और smooth animation के साथ background particle system।

// WebGL पृष्ठभूमि
const WebGLBackground = {
  createParticles() {
    for (let i = 0; i < 100; i++) {
      this.particles.push({
        x: Math.random() * 2 - 1,
        y: Math.random() * 2 - 1,
        vx: (Math.random() - 0.5) * 0.002,
        vy: (Math.random() - 0.5) * 0.002,
        size: Math.random() * 2 + 1
      });
    }
  },

  animate() {
    this.particles.forEach(p => {
      p.x += p.vx;
      p.y += p.vy;

      // माउस प्रतिकर्षण
      const dx = p.x - (this.mouseX * 2 - 1);
      const dy = p.y - (this.mouseY * 2 - 1);
      const dist = Math.sqrt(dx * dx + dy * dy);
      if (dist < 0.2) {
        p.vx += dx * 0.0001;
        p.vy += dy * 0.0001;
      }
    });
  }
};

योगदान के लिए तैयार हैं?

हमारी परियोजनाएं केवल code नहीं हैं — वे collaboration के अवसर हैं। चाहे आप bugs ठीक करें, documentation सुधारें, या नई features जोड़ें — हर योगदान मायने रखता है।