| Server IP : 74.208.236.79 / Your IP : 216.73.217.19 Web Server : Apache System : Linux infongp-us50 4.4.400-icpu-108 #2 SMP Wed Feb 11 10:12:42 UTC 2026 x86_64 User : u93192080 ( 6162215) PHP Version : 8.4.22 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /homepages/45/d732875416/htdocs/clickandbuilds/IronWyvern/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple Tourny</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="simple-tourny.css">
<!--
simple-tourny is a product of Iron Wyvern
concept and design by Thomas Blue (c)2025
it is to be use only at an ironwyvern.com
path and is not to be relocated without
written consent.
Don't be a thief.
Do Work.
-->
</head>
<body class="p-4">
<div class="container">
<h1 class="text-3xl font-bold text-center text-orange-400 mb-8">Simple Tourny</h1>
<!-- Modal Placeholder -->
<div id="custom-modal" class="fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center p-4 z-50 hidden"></div>
<!-- File Management Section (moved to the top) -->
<div class="bg-gray-800 p-6 rounded-lg mb-8 shadow-inner">
<div class="flex justify-end items-center space-x-4 mt-4">
<button id="download-btn" class="w-[200px] bg-gray-600 text-white font-semibold py-3 px-6 rounded-lg shadow-md hover:bg-gray-500 transition-colors duration-200">Save</button>
<label for="file-input" class="w-[200px] text-center bg-gray-600 text-white font-semibold py-3 px-6 rounded-lg shadow-md hover:bg-gray-500 transition-colors duration-200 cursor-pointer">
Load
<input type="file" id="file-input" class="hidden">
</label>
</div>
</div>
<!-- Setup Section -->
<div class="setup-section bg-gray-800 p-6 rounded-lg mb-8 shadow-inner">
<header id="setup-toggle-header" class="flex items-center justify-between cursor-pointer">
<h2 class="text-xl font-bold text-gray-200">Event Setup</h2>
<svg id="setup-toggle-icon" class="w-6 h-6 transform transition-transform duration-300 rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
</svg>
</header>
<div id="setup-content" class="space-y-4 mt-4 overflow-hidden transition-all duration-500 ease-in-out">
<div>
<label for="title-input" class="block text-sm font-medium text-gray-400 mb-1">Name</label>
<input type="text" id="title-input" class="w-full p-3 rounded-lg border-2 border-gray-600 bg-gray-700 text-white placeholder-gray-400 focus:outline-none focus:border-orange-500 transition-colors shadow-inner" placeholder="e.g., Spring Championship Event">
</div>
<!-- Combined row for date, type, and rounds -->
<div class="flex flex-col sm:flex-row gap-4">
<div class="flex-1">
<label for="date-input" class="block text-sm font-medium text-gray-400 mb-1">Date</label>
<div class="date-input-container">
<input type="date" id="date-input" class="w-full p-3 rounded-lg border-2 border-gray-600 bg-gray-700 text-white placeholder-gray-400 focus:outline-none focus:border-orange-500 transition-colors shadow-inner">
<svg class="date-icon w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
</svg>
</div>
</div>
<div class="flex-1">
<label for="mode-select" class="block text-sm font-medium text-gray-400 mb-1">Type</label>
<select id="mode-select" class="w-full p-3 rounded-lg border-2 border-gray-600 bg-gray-700 text-white focus:outline-none focus:border-orange-500 transition-colors shadow-inner">
<option value="1v1">1 vs 1</option>
<option value="pod">Pod</option>
</select>
</div>
<div class="flex-1">
<label for="rounds-select" class="block text-sm font-medium text-gray-400 mb-1">Rounds</label>
<select id="rounds-select" class="w-full p-3 rounded-lg border-2 border-gray-600 bg-gray-700 text-white focus:outline-none focus:border-orange-500 transition-colors shadow-inner">
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>
</div>
</div>
<div id="dynamic-fields-container" class="space-y-2">
<!-- Player input fields will be added here dynamically -->
<div class="player-row flex items-center gap-2">
<input type="text" class="player-input flex-1 p-3 rounded-lg border-2 border-gray-600 bg-gray-800 text-white placeholder-gray-400 focus:outline-none focus:border-orange-500 transition-colors duration-200 shadow-inner" placeholder="Player Name">
<button class="remove-player-btn invisible"><svg 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" class="lucide lucide-minus"><path d="M5 12h14"/></svg></button>
</div>
</div>
<div class="flex justify-between items-center space-x-2">
<button id="make-pairings-btn" class="w-full bg-blue-500 text-white font-semibold py-3 px-6 rounded-lg shadow-md transition-colors duration-200 hover:bg-blue-600 disabled:opacity-50 disabled:cursor-not-allowed">Start Tournament</button>
<button id="reset-btn" class="flex-shrink-0 bg-red-500 text-white font-semibold w-12 h-12 rounded-full shadow-md hover:bg-red-600 transition-colors duration-200" title="Reset Tournament">
<svg 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" class="lucide lucide-rotate-ccw m-auto"><path d="M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.76 2.75L3 8"/><path d="M3 3v5h5"/></svg>
</button>
</div>
</div>
</div>
<!-- Pairings Section -->
<div id="pairings-container" class="hidden space-y-4"></div>
<!-- Standings Section -->
<div id="standings-container" class="hidden mt-8"></div>
</div>
<script src="simple-tourny.js"></script>
<div align="right">Property of <a href="https://www.ironwyvern.com">Iron Wyvern</a> (c)2025</div>
</body>
</html>