first commit
This commit is contained in:
Patrick
@@ -0,0 +1,386 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>WinnieAPI</title>
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||||
<link rel="stylesheet" href="../static/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="navbar">
|
||||
<a href="#" class="logo">
|
||||
<i class="fas fa-bolt"></i>Winnie<span>API</span>
|
||||
</a>
|
||||
<div class="nav-links">
|
||||
<a href="#features">Features</a>
|
||||
<a href="#documentation">Documentation</a>
|
||||
<a href="#pricing">Pricing</a>
|
||||
<a href="#contact">Contact</a>
|
||||
</div>
|
||||
<button class="mobile-menu-btn">
|
||||
<i class="fas fa-bars"></i>
|
||||
</button>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<section class="hero">
|
||||
<div class="hero-content">
|
||||
<h1>The Most Powerful API for Your Needs</h1>
|
||||
<p>WinnieAPI provides developers with a comprehensive set of tools to build scalable, efficient applications with minimal effort.</p>
|
||||
<div class="hero-buttons">
|
||||
<button class="cta-button" onclick="scammed();">Start Free Trial</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="features" class="features">
|
||||
<div class="section-header">
|
||||
<h2>Why Choose WinnieAPI</h2>
|
||||
<p>Discover the features that make our API stand out from the competition</p>
|
||||
</div>
|
||||
<div class="features-grid">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<i class="fas fa-tachometer-alt"></i>
|
||||
</div>
|
||||
<h3>Lightning Fast</h3>
|
||||
<p>Our optimized infrastructure ensures response times under 50ms globally.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<i class="fas fa-shield-alt"></i>
|
||||
</div>
|
||||
<h3>Secure</h3>
|
||||
<p>We try to collect as much data about you as possible.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<i class="fas fa-sliders-h"></i>
|
||||
</div>
|
||||
<h3>Flexible</h3>
|
||||
<p>If you ask nicely, I may add another endpoint.</p>
|
||||
</div>
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon">
|
||||
<i class="fas fa-chart-line"></i>
|
||||
</div>
|
||||
<h3>Scalable</h3>
|
||||
<p>Handles from 1 to 1 million requests per second without breaking a sweat.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="documentation" class="documentation">
|
||||
<div class="section-header">
|
||||
<h2>API Documentation</h2>
|
||||
<p>Explore all available endpoints and their functionality</p>
|
||||
</div>
|
||||
<div class="endpoints-container">
|
||||
<div class="endpoint-tabs">
|
||||
<button class="tab-btn active" data-tab="users">Minecraft Server</button>
|
||||
<button class="tab-btn" data-tab="products">Minecraft Routes</button>
|
||||
</div>
|
||||
<div class="endpoint-content">
|
||||
<div id="users" class="tab-pane active">
|
||||
<div class="endpoint-card">
|
||||
<div class="endpoint-header">
|
||||
<span class="method get">GET</span>
|
||||
<h3>/api/v1/status/-serverIp-</h3>
|
||||
<button class="copy-btn"><i class="far fa-copy"></i></button>
|
||||
</div>
|
||||
<p>Retrieve data about a Minecraft Server.</p>
|
||||
<div class="endpoint-details">
|
||||
<h4>Parameters</h4>
|
||||
<table>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Type</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>ip</td>
|
||||
<td>String</td>
|
||||
<td>Server Address</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>last_updated</td>
|
||||
<td>String</td>
|
||||
<td>Time of the last update</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>latency</td>
|
||||
<td>String</td>
|
||||
<td>Latency to Server</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>max_players</td>
|
||||
<td>String</td>
|
||||
<td>Maximum amount of players</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>motd</td>
|
||||
<td>String</td>
|
||||
<td>Message Of The Day</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>online</td>
|
||||
<td>String</td>
|
||||
<td>Online indicator</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>players</td>
|
||||
<td>String</td>
|
||||
<td>Current online Players</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>response_time_ms</td>
|
||||
<td>String</td>
|
||||
<td>Time until the Server responded</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>version</td>
|
||||
<td>String</td>
|
||||
<td>Version the server is running on</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="products" class="tab-pane">
|
||||
<div class="endpoint-card">
|
||||
<div class="endpoint-header">
|
||||
<span class="method get">GET</span>
|
||||
<h3>/api/v1/ascii/face/-username-</h3>
|
||||
<button class="copy-btn"><i class="far fa-copy"></i></button>
|
||||
</div>
|
||||
<p>Shows ascii art of the players skin head.</p>
|
||||
<div class="endpoint-details">
|
||||
<h4>Parameters</h4>
|
||||
<table>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Type</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Ascii Render</th>
|
||||
<th>Ascii Render</th>
|
||||
<th>Render of the skins head</th>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="endpoint-card">
|
||||
<div class="endpoint-header">
|
||||
<span class="method get">GET</span>
|
||||
<h3>/api/v1/ascii/fullskin/-username-</h3>
|
||||
<button class="copy-btn"><i class="far fa-copy"></i></button>
|
||||
</div>
|
||||
<p>Shows ascii art of the players skin.</p>
|
||||
<div class="endpoint-details">
|
||||
<h4>Parameters</h4>
|
||||
<table>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Type</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Ascii Render</th>
|
||||
<th>Ascii Render</th>
|
||||
<th>Render of the skins</th>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="endpoint-card">
|
||||
<div class="endpoint-header">
|
||||
<span class="method get">GET</span>
|
||||
<h3>/api/v1/uuid/-username-</h3>
|
||||
<button class="copy-btn"><i class="far fa-copy"></i></button>
|
||||
</div>
|
||||
<p>Shows the uuid of a entered username.</p>
|
||||
<div class="endpoint-details">
|
||||
<h4>Parameters</h4>
|
||||
<table>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Type</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>username</th>
|
||||
<th>String</th>
|
||||
<th>Entered Username</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>uuid</th>
|
||||
<th>String</th>
|
||||
<th>UUID of entered username</th>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="endpoint-card">
|
||||
<div class="endpoint-header">
|
||||
<span class="method get">GET</span>
|
||||
<h3>/api/v1/skinurl/-username-</h3>
|
||||
<button class="copy-btn"><i class="far fa-copy"></i></button>
|
||||
</div>
|
||||
<p>Shows a link to the players skin</p>
|
||||
<div class="endpoint-details">
|
||||
<h4>Parameters</h4>
|
||||
<table>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Type</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>skin_url</th>
|
||||
<th>String</th>
|
||||
<th>URL to players skin</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>username</th>
|
||||
<th>String</th>
|
||||
<th>Entered username</th>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="endpoint-card">
|
||||
<div class="endpoint-header">
|
||||
<span class="method get">GET</span>
|
||||
<h3>/api/v1/cape/-username-</h3>
|
||||
<button class="copy-btn"><i class="far fa-copy"></i></button>
|
||||
</div>
|
||||
<p>Displays the cape of the player</p>
|
||||
<div class="endpoint-details">
|
||||
<h4>Parameters</h4>
|
||||
<table>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Type</th>
|
||||
<th>Description</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>cape</th>
|
||||
<th>cape</th>
|
||||
<th>Cape texture</th>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="pricing" class="pricing">
|
||||
<div class="section-header">
|
||||
<h2>Simple, Transparent Pricing</h2>
|
||||
<p>Choose the plan that fits your needs</p>
|
||||
</div>
|
||||
<div class="pricing-cards">
|
||||
<div class="price-card">
|
||||
<h3>Starter</h3>
|
||||
<div class="price">0€<span>/month</span></div>
|
||||
<ul>
|
||||
<li><i class="fas fa-check"></i> 1,000 requests/month</li>
|
||||
<li><i class="fas fa-check"></i> Basic analytics</li>
|
||||
<li><i class="fas fa-check"></i> Email support</li>
|
||||
</ul>
|
||||
<button class="secondary-button">Get Started</button>
|
||||
</div>
|
||||
<div class="price-card featured">
|
||||
<div class="popular-badge">Most Popular</div>
|
||||
<h3>Pro</h3>
|
||||
<div class="price">0€<span>/month</span></div>
|
||||
<ul>
|
||||
<li><i class="fas fa-check"></i> 50,000 requests/month</li>
|
||||
<li><i class="fas fa-check"></i> Advanced analytics</li>
|
||||
<li><i class="fas fa-check"></i> Priority support</li>
|
||||
<li><i class="fas fa-check"></i> Webhooks</li>
|
||||
</ul>
|
||||
<button class="cta-button">Get Started</button>
|
||||
</div>
|
||||
<div class="price-card">
|
||||
<h3>Enterprise</h3>
|
||||
<div class="price">Custom (0€)</div>
|
||||
<ul>
|
||||
<li><i class="fas fa-check"></i> Unlimited requests</li>
|
||||
<li><i class="fas fa-check"></i> Dedicated infrastructure</li>
|
||||
<li><i class="fas fa-check"></i> 24/7 support</li>
|
||||
<li><i class="fas fa-check"></i> SLA guarantee</li>
|
||||
</ul>
|
||||
<button class="secondary-button">Contact Sales</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="contact" class="contact">
|
||||
<div class="section-header">
|
||||
<h2>Get In Touch</h2>
|
||||
<p>Have questions? We're here to help!</p>
|
||||
</div>
|
||||
<div class="contact-container">
|
||||
<form class="contact-form">
|
||||
<div class="form-group">
|
||||
<input type="text" placeholder="Your Name" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="email" placeholder="Your Email" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<textarea placeholder="Your Message" rows="5" required></textarea>
|
||||
</div>
|
||||
<button type="submit" class="cta-button">Send Message</button>
|
||||
</form>
|
||||
<div class="contact-info">
|
||||
<div class="info-item">
|
||||
<i class="fas fa-envelope"></i>
|
||||
<p>winniepatgg@web.de</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="footer-content">
|
||||
<div class="footer-logo">
|
||||
<a href="#" class="logo">
|
||||
<i class="fas fa-bolt"></i>Winnie<span>API</span>
|
||||
</a>
|
||||
<p>Powering the next generation of applications</p>
|
||||
<div class="social-links">
|
||||
<a href="https://github.com/WinniePatGG" target="_blank"><i class="fab fa-github"></i></a>
|
||||
<a href="https://discord.gg/6Kg6eKkZSe" target="_blank"><i class="fab fa-discord"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<h4>Product</h4>
|
||||
<a href="#features">Features</a>
|
||||
<a href="#pricing">Pricing</a>
|
||||
<a href="#documentation">Documentation</a>
|
||||
<a href="#contact">Contact</a>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<h4>Developer</h4>
|
||||
<a href="https://winniepat.de" target="_blank">About</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<p>© 2025 WinnieAPI. All rights reserved.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script type="module" src="../static/script.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user