PartyService.github.io/about.html at main · PartyService/PartyService.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
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About - Just Dance Party</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="assets/index.css">
    <link rel="icon" href="assets/logo.png" type="image/png">
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        'neon-pink': '#ff1493',
                        'neon-blue': '#00bfff',
                        'dark-bg': '#0a0a0f',
                        'dark-card': '#1a1a2e',
                    },
                    animation: {
                        'float': 'float 6s ease-in-out infinite',
                        'glow': 'glow 2s ease-in-out infinite alternate',
                        'slide-up': 'slideUp 0.6s ease-out',
                        'fade-in': 'fadeIn 0.8s ease-out',
                    }
                }
            }
        }
    </script>
</head>
<body class="bg-dark-bg text-white overflow-x-hidden">
    <!-- Animated Background (Canvas) -->
    <div class="fixed inset-0 z-0">
        <canvas id="starfieldCanvas" class="absolute inset-0"></canvas>
        <div class="absolute inset-0 bg-gradient-to-br from-purple-900/20 via-dark-bg to-blue-900/20"></div>
    </div>

    <!-- Navigation -->
    <nav class="fixed top-0 w-full z-50 bg-dark-bg/80 backdrop-blur-lg border-b border-neon-pink/20">
        <div class="container mx-auto px-6 py-4">
            <div class="flex items-center justify-between">
                <div class="flex items-center space-x-3">
                    <div class="logo-icon"></div>
                    <span
                        class="text-xl font-bold bg-gradient-to-r from-neon-pink to-neon-blue bg-clip-text text-transparent">
                        Just Dance Party
                    </span>
                </div>
                <div class="hidden md:flex space-x-8">
                    <a href="index.html" class="nav-link">Home</a>
                    <a href="about.html" class="nav-link">About</a>
                    <a href="#download" class="nav-link">Download</a>
                </div>
                <button class="md:hidden text-white" onclick="toggleMobileMenu()">
                    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                            d="M4 6h16M4 12h16M4 18h16"></path>
                    </svg>
                </button>
            </div>
        </div>
    </nav>

    <!-- Mobile Menu -->
    <div id="mobile-menu" class="fixed inset-0 z-40 bg-dark-bg/95 backdrop-blur-lg">
        <div class="flex flex-col items-center justify-center h-full space-y-8 text-2xl">
            <a href="index.html" class="nav-link" onclick="toggleMobileMenu()">Home</a>
            <a href="about.html" class="nav-link" onclick="toggleMobileMenu()">About</a>
            <a href="#download" class="nav-link" onclick="toggleMobileMenu()">Download</a>
        </div>
    </div>

    <main class="relative z-10">
        <section class="py-20">
            <div class="container mx-auto px-6">
                <h1 class="text-4xl lg:text-5xl font-bold mb-6 text-gradient text-center">About Just Dance Party</h1>
                <div class="max-w-4xl mx-auto bg-dark-card/50 backdrop-blur-lg rounded-3xl p-8 border border-neon-pink/20 text-gray-300">
                    <p class="mb-4">Welcome to Just Dance Party, a community-driven project dedicated to bringing back the joy of Just Dance Unlimited!</p>
                    <p class="mb-4">Ubisoft's decision to discontinue Just Dance Unlimited left many fans disappointed. We believe that the music and the fun should live on. Our mod aims to restore access to the vast library of songs and features that were once available, allowing players to continue enjoying their favorite dance routines.</p>

                    <h2 class="text-2xl font-bold mb-3 text-neon-blue mt-8">Our Mission</h2>
                    <ul class="list-disc list-inside space-y-2 pl-4 mb-4">
                        <li>To preserve the legacy of Just Dance Unlimited.</li>
                        <li>To provide a platform for the community to access and enjoy unlimited songs.</li>
                        <li>To foster a vibrant and active Just Dance modding community.</li>
                    </ul>

                    <h2 class="text-2xl font-bold mb-3 text-neon-blue mt-8">How it Works</h2>
                    <p class="mb-4">Just Dance Party is a fan-made modification that integrates with your existing Just Dance game. It works by [briefly explain how it works, e.g., connecting to custom servers, patching game files - keep it high-level if specific technical details are complex or sensitive]. Our goal is to make the process as seamless as possible for users.</p>

                    <h2 class="text-2xl font-bold mb-3 text-neon-blue mt-8">Disclaimer</h2>
                    <p class="mb-4">This project is a fan-made initiative and is not affiliated with or endorsed by Ubisoft. All trademarks and copyrights belong to their respective owners. This mod is provided for educational and entertainment purposes only.</p>

                    <h2 class="text-2xl font-bold mb-3 text-neon-blue mt-8">Our Team</h2>
                    <ul class="list-disc list-inside space-y-2 pl-4 mb-4">
                        <li>ibratabian17</li>
                        <li>adrian_flopper</li>
                        <li>nicholasplz</li>
                    </ul>

                    <h2 class="text-2xl font-bold mb-3 text-neon-blue mt-8">Thanks To</h2>
                    <ul class="list-disc list-inside space-y-2 pl-4 mb-4">
                        <li>OpenParty project</li>
                    </ul>

                    <div class="mt-8 text-center">
                        <a href="index.html" class="btn-primary">Back to Homepage</a>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <!-- Footer -->
    <footer class="py-12 border-t border-neon-pink/20 mt-20">
        <div class="container mx-auto px-6 text-center">
            <div class="flex justify-center space-x-6 mb-6">
                <a href="https://discord.gg/dKMVNTcy9x" target="_blank" rel="noopener noreferrer" class="text-gray-400 hover:text-neon-blue transition-colors duration-300">
                    <i class="fab fa-discord fa-2x"></i>
                </a>
            </div>
            <p class="text-gray-300 mb-4">&copy; 2024 Just Dance Party. Built with ❤️ for the dance community.</p>
            <p class="text-gray-500">Based on OpenParty project • Safe • Secure • Open Source</p>
        </div>
    </footer>

    <script src="script.js"></script>
</body>
</html>