hypermc/status-check
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update to add widget section

Browse Source
This commit is contained in:
MCHost
2025-07-03 02:51:10 -04:00
parent 827799b7cb
commit c464f3b3b5
5 changed files with 180 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
public/index.html
View File

@ -51,6 +51,21 @@
<h2 class="text-2xl font-semibold text-blue-400 animate-slide-in">Server Status</h2>
<div id="statusContent" class="mt-4 p-6 bg-gray-700/50 rounded-lg text-gray-200 ring-1 ring-gray-600/50"></div>
</div>
<div id="widgetSection" class="mt-8 hidden">
<h2 class="text-2xl font-semibold text-blue-400 animate-slide-in">Embed Server Status Widget</h2>
<div class="mt-4 p-6 bg-gray-700/50 rounded-lg text-gray-200 ring-1 ring-gray-600/50">
<p class="mb-4">Add a widget to your website to display your server's status:</p>
<pre id="widgetCode" class="bg-gray-800 p-4 rounded-md text-sm text-gray-300 overflow-x-auto" style="display: none;"></pre>
<button id="copyWidgetCode" class="mt-4 bg-blue-600 hover:bg-blue-700 text-white font-semibold py-2 px-4 rounded-lg transition-all duration-300 shadow-md hover:shadow-lg">
Copy Widget Code
</button>
<div id="copyAlert" class="hidden fixed bottom-4 right-4 bg-blue-600 text-white text-sm px-6 py-3 rounded-lg shadow-lg animate-slide-in z-50">
Widget code copied to clipboard!
</div>
</div>
</div>
</div>
</main>
<footer class="relative z-10 bg-gray-800/80 backdrop-blur-md py-4 shadow-md">
@ -58,6 +73,9 @@
<p class="text-gray-400 text-sm">© 2025 My-MC.Link Server Status Checker</p>
</div>
</footer>
<script>
</script>
<script src="js/app.js"></script>
</body>