Jump to content

User:Shaunak Chakraborty/page: Difference between revisions

From Gyaanipedia
Newer edit →
VisualWikitext
Created page with "<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Epic User Page</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; background: linear-gradient(135deg,..."
Tags: Mobile edit Mobile web edit
 
No edit summary
Tags: Mobile edit Mobile web edit
Line 1: Line 1:
<!DOCTYPE html>
{| style="width:100%; background:linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius:15px; padding:30px; margin-bottom:20px;"
<html lang="en">
|-
<head>
| style="text-align:center; color:white; font-size:24px; font-weight:bold;" |
    <meta charset="UTF-8">
'''Welcome to My Wiki Space! 👋'''
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
|-
    <title>Epic User Page</title>
| style="text-align:center; color:#f0f0f0; padding-top:10px;" |
    <style>
''Editor • Contributor • Knowledge Enthusiast''
        * {
|}
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }


        body {
{| style="width:100%; margin-bottom:20px;"
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
|-
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
| style="width:25%; background:#f093fb; color:white; text-align:center; padding:20px; border-radius:10px;" |
            min-height: 100vh;
'''500+'''<br/>Edits
            overflow-x: hidden;
| style="width:25%; background:#4ecdc4; color:white; text-align:center; padding:20px; border-radius:10px;" |
        }
'''50+'''<br/>Articles
| style="width:25%; background:#45b7d1; color:white; text-align:center; padding:20px; border-radius:10px;" |
'''25+'''<br/>Categories
| style="width:25%; background:#ffa07a; color:white; text-align:center; padding:20px; border-radius:10px;" |
'''2+'''<br/>Years Active
|}


        .stars {
== ✨ About Me ==
            position: fixed;
Hello! I'm a passionate contributor to this wiki, dedicated to creating and maintaining high-quality content. I believe in the power of collaborative knowledge and the importance of accurate, accessible information for everyone.
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }


        .star {
My focus areas include technology, science, and community building. I'm always happy to help new editors!
            position: absolute;
            width: 2px;
            height: 2px;
            background: white;
            border-radius: 50%;
            animation: twinkle 3s infinite;
        }


        @keyframes twinkle {
== 🏆 Achievements ==
            0%, 100% { opacity: 0.3; }
{| style="width:100%;"
            50% { opacity: 1; }
|-
        }
| style="background:#ff6b6b; color:white; padding:10px; border-radius:20px; margin:5px; display:inline-block;" | Featured Article Creator
| style="background:#4ecdc4; color:white; padding:10px; border-radius:20px; margin:5px; display:inline-block;" | Veteran Editor
| style="background:#45b7d1; color:white; padding:10px; border-radius:20px; margin:5px; display:inline-block;" | Template Master
|}


        .container {
== 🚀 Current Projects ==
            position: relative;
* Expanding articles in the Technology category
            z-index: 2;
* Improving documentation and guidelines
            max-width: 1200px;
* Collaborating on community initiatives
            margin: 0 auto;
* Mentoring new contributors
            padding: 40px 20px;
        }


        .hero {
== 💬 Get In Touch ==
            text-align: center;
Feel free to leave a message on my [[User talk:YourUsername|talk page]]! I'm always open to discussions, suggestions, and collaborations.
            padding: 60px 20px;
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border-radius: 30px;
            border: 2px solid rgba(255, 255, 255, 0.2);
            margin-bottom: 40px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            animation: fadeInUp 1s ease;
        }


        @keyframes fadeInUp {
----
            from {
<span style="color:#667eea; font-size:12px;">''Last updated: {{CURRENTMONTHNAME}} {{CURRENTYEAR}}''</span>
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
 
        .avatar {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
            margin: 0 auto 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 60px;
            color: white;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
            animation: pulse 2s infinite;
        }
 
        @keyframes pulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.05); }
        }
 
        h1 {
            color: white;
            font-size: 3em;
            margin-bottom: 10px;
            text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
        }
 
        .tagline {
            color: rgba(255, 255, 255, 0.9);
            font-size: 1.2em;
            margin-bottom: 30px;
        }
 
        .stats {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
            margin-bottom: 40px;
        }
 
        .stat-card {
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(10px);
            padding: 30px;
            border-radius: 20px;
            text-align: center;
            border: 2px solid rgba(255, 255, 255, 0.2);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            animation: fadeInUp 1s ease;
        }
 
        .stat-card:nth-child(2) { animation-delay: 0.1s; }
        .stat-card:nth-child(3) { animation-delay: 0.2s; }
        .stat-card:nth-child(4) { animation-delay: 0.3s; }
 
        .stat-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
        }
 
        .stat-number {
            font-size: 2.5em;
            font-weight: bold;
            color: white;
            margin-bottom: 10px;
        }
 
        .stat-label {
            color: rgba(255, 255, 255, 0.9);
            font-size: 1.1em;
        }
 
        .section {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(10px);
            border-radius: 20px;
            border: 2px solid rgba(255, 255, 255, 0.2);
            padding: 40px;
            margin-bottom: 30px;
            animation: fadeInUp 1s ease;
        }
 
        .section h2 {
            color: white;
            font-size: 2em;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
 
        .section-content {
            color: rgba(255, 255, 255, 0.9);
            font-size: 1.1em;
            line-height: 1.8;
        }
 
        .badges {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin-top: 20px;
        }
 
        .badge {
            background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
            color: white;
            padding: 12px 24px;
            border-radius: 25px;
            font-weight: bold;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
            transition: transform 0.3s ease;
        }
 
        .badge:hover {
            transform: translateY(-5px);
        }
 
        .wave {
            display: inline-block;
            animation: wave 2s infinite;
            transform-origin: 70% 70%;
        }
 
        @keyframes wave {
            0%, 100% { transform: rotate(0deg); }
            10%, 30% { transform: rotate(14deg); }
            20% { transform: rotate(-8deg); }
            40% { transform: rotate(-4deg); }
            50% { transform: rotate(10deg); }
        }
 
        .glow {
            animation: glow 2s ease-in-out infinite;
        }
 
        @keyframes glow {
            0%, 100% { filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.5)); }
            50% { filter: drop-shadow(0 0 20px rgba(255, 255, 255, 0.8)); }
        }
 
        @media (max-width: 768px) {
            h1 { font-size: 2em; }
            .stat-number { font-size: 2em; }
        }
    </style>
</head>
<body>
    <div class="stars" id="stars"></div>
   
    <div class="container">
        <div class="hero">
            <div class="avatar glow">👤</div>
            <h1>Welcome to My Wiki Space! <span class="wave">👋</span></h1>
            <p class="tagline">Editor • Contributor • Knowledge Enthusiast</p>
        </div>
 
        <div class="stats">
            <div class="stat-card">
                <div class="stat-number">500+</div>
                <div class="stat-label">Edits</div>
            </div>
            <div class="stat-card">
                <div class="stat-number">50+</div>
                <div class="stat-label">Articles</div>
            </div>
            <div class="stat-card">
                <div class="stat-number">25+</div>
                <div class="stat-label">Categories</div>
            </div>
            <div class="stat-card">
                <div class="stat-number">2+</div>
                <div class="stat-label">Years Active</div>
            </div>
        </div>
 
        <div class="section">
            <h2>✨ About Me</h2>
            <div class="section-content">
                <p>Hello! I'm a passionate contributor to this wiki, dedicated to creating and maintaining high-quality content. I believe in the power of collaborative knowledge and the importance of accurate, accessible information for everyone.</p>
                <p style="margin-top: 15px;">My focus areas include technology, science, and community building. I'm always happy to help new editors and discuss improvements to our articles!</p>
            </div>
        </div>
 
        <div class="section">
            <h2>🏆 Achievements</h2>
            <div class="badges">
                <div class="badge">Featured Article Creator</div>
                <div class="badge">Veteran Editor</div>
                <div class="badge">Template Master</div>
                <div class="badge">Category Organizer</div>
                <div class="badge">Helpful Contributor</div>
                <div class="badge">Grammar Guardian</div>
            </div>
        </div>
 
        <div class="section">
            <h2>🚀 Current Projects</h2>
            <div class="section-content">
                <p>• Expanding articles in the Technology category</p>
                <p>• Improving documentation and guidelines</p>
                <p>• Collaborating on community initiatives</p>
                <p>• Mentoring new contributors</p>
            </div>
        </div>
 
        <div class="section">
            <h2>💬 Get In Touch</h2>
            <div class="section-content">
                <p>Feel free to leave a message on my talk page! I'm always open to discussions, suggestions, and collaborations. Let's make this wiki even better together!</p>
            </div>
        </div>
    </div>
 
    <script>
        // Create animated stars
        const starsContainer = document.getElementById('stars');
        for (let i = 0; i < 100; i++) {
            const star = document.createElement('div');
            star.className = 'star';
            star.style.left = Math.random() * 100 + '%';
            star.style.top = Math.random() * 100 + '%';
            star.style.animationDelay = Math.random() * 3 + 's';
            starsContainer.appendChild(star);
        }
 
        // Add particle effect on mouse move
        document.addEventListener('mousemove', (e) => {
            if (Math.random() > 0.95) {
                const particle = document.createElement('div');
                particle.style.position = 'fixed';
                particle.style.left = e.clientX + 'px';
                particle.style.top = e.clientY + 'px';
                particle.style.width = '4px';
                particle.style.height = '4px';
                particle.style.background = 'white';
                particle.style.borderRadius = '50%';
                particle.style.pointerEvents = 'none';
                particle.style.zIndex = '9999';
                particle.style.animation = 'particleFade 1s ease-out forwards';
                document.body.appendChild(particle);
               
                setTimeout(() => particle.remove(), 1000);
            }
        });
 
        // Add particle animation
        const style = document.createElement('style');
        style.textContent = `
            @keyframes particleFade {
                to {
                    transform: translateY(-30px);
                    opacity: 0;
                }
            }
        `;
        document.head.appendChild(style);
    </script>
</body>
</html>

Revision as of 21:26, 3 November 2025

Welcome to My Wiki Space! 👋

Editor • Contributor • Knowledge Enthusiast

500+
Edits

50+
Articles

25+
Categories

2+
Years Active

✨ About Me

Hello! I'm a passionate contributor to this wiki, dedicated to creating and maintaining high-quality content. I believe in the power of collaborative knowledge and the importance of accurate, accessible information for everyone.

My focus areas include technology, science, and community building. I'm always happy to help new editors!

🏆 Achievements

Featured Article Creator Veteran Editor Template Master

🚀 Current Projects

  • Expanding articles in the Technology category
  • Improving documentation and guidelines
  • Collaborating on community initiatives
  • Mentoring new contributors

💬 Get In Touch

Feel free to leave a message on my talk page! I'm always open to discussions, suggestions, and collaborations.

Last updated: March 2026

Retrieved from "https://en.gyaanipedia.com/index.php?title=User:Shaunak_Chakraborty/page&oldid=221072"