Drive-for-java.github.io/index.html at main · Drive-for-Java/Drive-for-java.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="en" data-theme="dark">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Drive For Java</title>
  <link rel="stylesheet" href="style.css">
  <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
</head>
<body>

  <!-- Theme Toggle -->
  <button id="theme-toggle" class="theme-toggle-btn" aria-label="Toggle Theme">
    <!-- Sun Icon -->
    <svg class="sun-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
    <!-- Moon Icon -->
    <svg class="moon-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
  </button>

  <!-- Hero Section -->
  <section id="hero">
    <div id="particles-js"></div>
    <div class="hero-content" data-aos="zoom-in" data-aos-duration="1200">
      <div class="logo-container">
        <img src="https://github.com/Drive-for-Java.png" alt="Drive For Java Logo" class="logo">
      </div>
      <h1>Drive For Java</h1>
      <p class="tagline">Connect · Code · Collaborate</p>
      <a href="#bio" class="cta-btn">Explore More</a>
    </div>
  </section>

  <!-- Main Content Wrapper -->
  <main class="content-wrapper">

    <!-- Bio Section -->
    <section id="bio" class="glass-card" data-aos="fade-up">
      <div class="card-glow"></div>
      <h2>About Us</h2>
      <div class="text-content">
        <p>Drive For Java is a passionate global community dedicated to empowering developers. Our mission is simple: to connect learners and professionals, to share knowledge, and to build powerful projects together.</p>
        <p>Beyond code, we foster meaningful collaboration and mentorship, ensuring that everyone has the opportunity to grow their skills. Whether you are a beginner eager to contribute or a seasoned developer looking to collaborate on advanced projects — this is your home.</p>
        <p>At <b>Drive For Java</b>, collaboration is not just encouraged, it is celebrated. Together, we’re creating innovative tools, open-source repositories, and a supportive network that inspires future generations of developers.</p>
      </div>
    </section>

    <!-- Code of Conduct -->
    <section id="coc" class="glass-card" data-aos="fade-up">
      <div class="card-glow"></div>
      <h2>Code of Conduct</h2>
      <div class="text-content">
        <p>To ensure a welcoming and inclusive environment, we ask all members of our community to follow this Code of Conduct:</p>
        <ul class="interactive-list">
          <li><b>Respect and Inclusivity:</b> Treat all contributors with kindness. We do not tolerate harassment, discrimination, or disrespectful behavior.</li>
          <li><b>Collaboration:</b> Support one another, share knowledge, and contribute constructively to discussions and code reviews.</li>
          <li><b>Openness:</b> Value diverse perspectives and experiences. Different backgrounds bring stronger solutions.</li>
          <li><b>Professionalism:</b> Use welcoming and appropriate language across all interactions, whether in code, issues, or discussions.</li>
          <li><b>Constructive Feedback:</b> Critique ideas, not people. Provide actionable and respectful suggestions.</li>
          <li><b>Zero Tolerance for Harassment:</b> Any form of intimidation, offensive comments, or personal attacks are prohibited.</li>
          <li><b>Reporting Issues:</b> If you experience or witness a violation, report it to the maintainers immediately. We are committed to investigating and addressing issues promptly.</li>
          <li><b>Shared Responsibility:</b> Every member is responsible for creating a safe and positive community space.</li>
        </ul>
        <p>By participating in this community, you agree to uphold these values and contribute to an environment where collaboration thrives and every voice matters.</p>
      </div>
    </section>

    <!-- Importance of Collaboration -->
    <section id="importance" class="glass-card" data-aos="fade-up">
      <div class="card-glow"></div>
      <h2>Why Collaboration Matters</h2>
      <div class="text-content">
        <p>Collaboration is the heartbeat of Drive For Java. In the world of software development, teamwork fuels innovation and leads to impactful outcomes.</p>
        <ul class="interactive-list">
          <li><b>Learn Faster:</b> Share experiences and learn from peers worldwide.</li>
          <li><b>Build Bigger:</b> Collaborate on projects beyond the scope of individual effort.</li>
          <li><b>Stronger Network:</b> Connect with developers, mentors, and innovators across the globe.</li>
          <li><b>Empower Others:</b> Contributing to open-source inspires and helps future developers.</li>
        </ul>
        <p>Together, we are not just coding — we are building a better tomorrow for developers everywhere.</p>
      </div>
    </section>

    <!-- Invitation Section -->
    <section id="invite" class="glass-card" data-aos="fade-up">
      <div class="card-glow"></div>
      <h2>Join Us</h2>
      <div class="text-content center-align">
        <p>We’re always looking for <b>passionate members</b> to collaborate. Join our Community and Contribute to our awesome repos.</p>

        <div class="shimmer-text">
          💖 Your Work can make this community glow and shine in Moonlight 💖
        </div>

        <div class="invite-box">
          <h3>🌟 Your Face Here?</h3>
          <div class="avatar-wrap">
            <a href="https://github.com/Drive-for-Java/support/issues/new?assignees=&labels=invite+me+to+the+organisation&template=invitation.yml&title=Please+invite+me+to+the+GitHub+Community+Organization" class="profile-link">
              <img src="https://avatars.githubusercontent.com/u/0?v=4" alt="Your Avatar">
              <div class="profile-info">
                <span class="rank">Future Legend</span>
                <span class="handle">@yourusername</span>
              </div>
            </a>
          </div>
          <p>We're on the lookout for <strong>elite-level developers</strong> to join our fast-moving, global, modern team. <br>If you're a builder with vision, speed, and taste - we want to see you here.</p>
          <a href="https://github.com/Drive-for-Java/support/issues/new?assignees=&labels=invite+me+to+the+organisation&template=invitation.yml&title=Please+invite+me+to+the+GitHub+Community+Organization" class="cta-btn small">👾 Join the Drive-for-Java</a>
        </div>
      </div>
    </section>

  </main>

  <footer>
    <p>© 2025 Drive For Java. All rights reserved.</p>
  </footer>

  <!-- Scripts -->
  <script src="https://cdn.jsdelivr.net/npm/particles.js"></script>
  <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
  <script src="script.js"></script>
</body>
</html>