sessioncore.github.io/index.html at main · YggUtils/sessioncore.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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SessionCore</title>
    <meta name="description" content="Take control of your Minecraft server authentication. Open source, secure, and self-hosted middleware.">

    <meta property="og:title" content="SessionCore — Authentication Made Easy">
    <meta property="og:image" content="https://sessioncore.github.io/banner.png?v=10">
    <meta property="og:image:type" content="image/png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:url" content="https://sessioncore.github.io/">
    <meta property="og:type" content="website">

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:image" content="https://sessioncore.github.io/banner.png?v=10">

    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;900&display=swap" rel="stylesheet">
    <link rel="icon" type="image/png" href="/favicon.ico">
    <link rel="apple-touch-icon" href="/favicon.ico">
    <link rel="stylesheet" href="style.css">
</head>

<body class="antialiased selection:bg-indigo-500 selection:text-white">

    <div class="fixed inset-0 overflow-hidden pointer-events-none">
        <div class="floating-blob blob-1"></div>
        <div class="floating-blob blob-2"></div>
        <div class="floating-blob blob-3"></div>
    </div>

    <canvas id="network-canvas"></canvas>

    <nav class="fixed w-full z-50 top-0" id="navbar">
        <div class="max-w-7xl mx-auto px-6 py-6 flex justify-between items-center">
            <div class="font-bold text-xl tracking-tighter flex items-center gap-2">
                <div class="w-3 h-3 bg-white rounded-full shadow-[0_0_10px_rgba(255,255,255,0.8)]"></div>
                SessionCore
            </div>
            <div class="hidden md:flex gap-8 text-sm font-medium text-gray-400">
                <a href="#features" class="hover:text-white transition-colors">Features</a>
                <a href="#security" class="hover:text-white transition-colors">Security</a>
                <a href="#download" class="hover:text-white transition-colors">Download</a>
            </div>
            <a href="https://github.com/SessionCore/SessionCore" target="_blank" class="hidden md:flex items-center gap-2 bg-white/10 hover:bg-white/20 px-4 py-2 rounded-full text-sm font-medium transition-all border border-white/5">
                <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
                GitHub
            </a>
        </div>
    </nav>

    <main class="z-content px-6 flex items-center justify-center" style="min-height: 100vh;">
        <div class="max-w-4xl mx-auto text-center pt-24 pb-12">
            <div id="version-tag" class="inline-block mb-4 px-3 py-1 bg-white/5 border border-white/10 rounded-full text-xs font-semibold uppercase tracking-wider text-indigo-300">
                Loading Latest Version...
            </div>

            <h1 class="text-7xl md:text-9xl font-black tracking-tighter mb-6 gradient-text select-none">
                SessionCore
            </h1>

            <p class="text-xl md:text-2xl text-gray-400 mb-10 max-w-1xl mx-auto leading-relaxed">
                The next-generation middleware for custom Minecraft authentication. Secure, private, and fully under your control.
            </p>

            <div class="flex flex-col sm:flex-row items-center justify-center gap-4">
                <a id="download-button" href="#download" class="w-full sm:w-auto px-8 py-4 bg-white text-black font-bold rounded-lg opacity-50 pointer-events-none transition-all">
                    Download Latest
                </a>
                <a href="https://sessioncore.github.io/documentation" class="w-full sm:w-auto px-8 py-4 bg-transparent border border-white/20 text-white font-semibold rounded-lg hover:bg-white/5 transition-all">
                    Documentation
                </a>
            </div>

            <p class="mt-6 text-sm text-gray-500">Compatible with Spigot, Paper, and Velocity.</p>
        </div>
    </main>

    <section id="features" class="z-content py-24 bg-black/50 border-t border-white/5">
        <div class="max-w-7xl mx-auto px-6">
            <h2 class="text-3xl font-bold mb-12 text-center text-white">Architecture & Features</h2>

            <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
                <div class="glass-panel p-8 rounded-2xl">
                    <div class="w-12 h-12 bg-blue-500/20 rounded-lg flex items-center justify-center mb-6 text-blue-400">
                        <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="M19.428 15.428a2 2 0 00-1.022-.547l-2.384-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"></path></svg>
                    </div>
                    <h3 class="text-xl font-bold mb-3">Authlib Injector Fetching</h3>
                    <p class="text-gray-400 leading-relaxed">
                        SessionCore automatically retrieves the latest Authlib Injector from the web at runtime.
                    </p>
                </div>

                <div class="glass-panel p-8 rounded-2xl">
                    <div class="w-12 h-12 bg-green-500/20 rounded-lg flex items-center justify-center mb-6 text-green-400">
                        <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="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg>
                    </div>
                    <h3 class="text-xl font-bold mb-3">Dynamic Launch Configuration</h3>
                    <p class="text-gray-400 leading-relaxed">
                        Powered by a minimal config file, SessionCore builds and executes your server launch command automatically.
                    </p>
                </div>

                <div class="glass-panel p-8 rounded-2xl">
                    <div class="w-12 h-12 bg-purple-500/20 rounded-lg flex items-center justify-center mb-6 text-purple-400">
                        <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="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"></path></svg>
                    </div>
                    <h3 class="text-xl font-bold mb-3">Native Console Interface</h3>
                    <p class="text-gray-400 leading-relaxed">
                        SessionCore mirrors a real server console with instant input and live output.
                    </p>
                </div>
            </div>
        </div>
    </section>

    <section id="security" class="z-content py-24">
        <div class="max-w-7xl mx-auto px-6 flex flex-col md:flex-row items-center gap-12">
            <div class="flex-1">
                <h2 class="text-3xl md:text-4xl font-bold mb-6">Auditable by Design.</h2>
                <p class="text-gray-400 text-lg mb-6">
                    SessionCore is fully open source and transparent.
                </p>
                <ul class="space-y-4 mb-8">
                    <li class="flex items-center gap-3 text-gray-300">
                        <svg class="w-5 h-5 text-green-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
                        No obfuscated code
                    </li>
                    <li class="flex items-center gap-3 text-gray-300">
                        <svg class="w-5 h-5 text-green-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
                        MIT Licensed
                    </li>
                    <li class="flex items-center gap-3 text-gray-300">
                        <svg class="w-5 h-5 text-green-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>
                        Transparent networking
                    </li>
                </ul>

                <a href="https://github.com/SessionCore/SessionCore" class="text-indigo-400 hover:text-indigo-300 font-semibold inline-flex items-center gap-2">
                    Check the Code on GitHub
                </a>
            </div>

            <div class="flex-1 w-full">
                <div class="bg-[#0f0f0f] border border-white/10 rounded-xl shadow-2xl overflow-hidden">
                    <div class="flex items-center px-4 py-3 bg-white/5 border-b border-white/5 gap-2">
                        <div class="w-3 h-3 rounded-full bg-red-500"></div>
                        <div class="w-3 h-3 rounded-full bg-yellow-500"></div>
                        <div class="w-3 h-3 rounded-full bg-green-500"></div>
                        <span class="ml-2 text-xs text-gray-500 font-mono">Minecraft Server</span>
                    </div>
                    <div id="console-output" class="font-mono" style="background-color:#1a1a1a;">
                        <p class="text-gray-600 px-4 py-3">Scroll down to see the server startup log...</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="download" class="z-content py-20 bg-gradient-to-b from-transparent to-white/5">
        <div class="max-w-3xl mx-auto text-center px-6">
            <h2 class="text-3xl font-bold mb-8">Ready to deploy?</h2>

            <div class="glass-panel p-8 rounded-2xl flex flex-col md:flex-row items-center justify-between gap-6">
                <div class="text-left">
                    <h3 class="text-xl font-bold text-white">SessionCore <span id="download-version">v?.?.?</span></h3>
                    <p class="text-sm text-gray-400 mt-1">Latest release • <span id="asset-size">Loading Size...</span></p>
                </div>
                <div class="flex gap-3">
                    <a href="#" id="download-jar-button" target="_blank" class="px-6 py-3 bg-white text-black font-bold rounded-lg opacity-50 pointer-events-none">
                        Download JAR
                    </a>
                </div>
            </div>

            <p class="mt-8 text-sm text-gray-500">
                By downloading, you agree to the <a href="#" class="underline hover:text-white">Terms of Service</a>.
                Requires Java 17+.
            </p>
        </div>
    </section>

    <footer class="z-content py-10 border-t border-white/10 mt-10">
        <div class="max-w-7xl mx-auto px-6 flex flex-col md:flex-row justify-between items-center gap-4 text-sm text-gray-600">
            <div>
                &copy; 2025 SessionCore. All rights reserved.
            </div>
            <div class="flex gap-6">
                <a href="https://github.com/SessionCore/SessionCore" target="_blank" class="hover:text-white transition-colors">GitHub</a>
                <a href="https://sessioncore.github.io/documentation" class="hover:text-white transition-colors">Documentation</a>
                <a href="https://github.com/SessionCore/SessionCore/issues" class="hover:text-white transition-colors">Report Issue</a>
            </div>
        </div>
    </footer>

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