Files
SoftwareManager/docs/index.html
T
2026-04-10 13:30:56 +02:00

272 lines
13 KiB
HTML

<!DOCTYPE html>
<html lang="en" style="background:#0f1011">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="darkreader-lock">
<link rel="stylesheet" href="main.css"/>
<title>SoftwareManager - Main</title>
<!-- <link rel="icon" type="image/x-icon" href="/assets/icons/favicon.ico"> -->
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;700&display=swap" rel="stylesheet">
<!-- Open Graph / Discord Embed -->
<meta property="og:type" content="website">
<meta property="og:title" content="SoftwareManager">
<meta property="og:description" content="Simply search and download software from various sources.">
<meta property="og:image" content="https://softwaremanager.xyz/assets/softwaremanager/search_tab_rounded.png">
<meta property="og:url" content="https://softwaremanager.xyz/">
<meta property="og:site_name" content="KeksPirates">
<meta name="theme-color" content="#db65d5">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="SoftwareManager">
<meta name="twitter:description" content="Simply search and download software from various sources.">
<meta name="twitter:image" content="https://softwaremanager.xyz/assets/softwaremanager/search_tab_rounded.png">
</head>
<body>
<header>
<div class="logo-text">
<h1>KeksPirates</h1>
</div>
<nav class="tab">
<a class="tablinks" onclick="openTab(event, 'start')" id="defaultOpen">Home</a>
<a class="tablinks" onclick="openTab(event, 'api')">API</a>
<a class="tablinks" onclick="openTab(event, 'docs')">Docs</a>
<!-- <a class="tablinks" onclick="openTab(event, 'notfound')">404</a> -->
</nav>
</header>
<main>
<div id="start" class="tabcontent">
<div class="introduction-frame">
<div class="introduction-text inline-block">
<h1 class="hometitle"><br><span style="color: #db65d5">SoftwareManager</span></h1>
<p class="title_subtext">Simply search and download software from various sources</p>
<a href="https://github.com/KeksPirates/SoftwareManager" class="btn_big github"><img class="github-button" src="assets/icons/GitHub_Invertocat_White.png">GitHub</a>
<a href="https://github.com/KeksPirates/SoftwareManager/releases/latest" class="btn_big download"><img class="download-button" src="assets/icons/download_icon_black.png">Download</a>
</div>
<div class="introduction-image inline-block">
<div class="softwaremanager-scene">
<img class="softwaremanager-image" src="assets/softwaremanager/search_tab_rounded.png">
</div>
<img class="softwaremanager-image-2" src="assets/softwaremanager/search_tab_rounded.png">
</div>
</div>
</div>
<div id="api" class="tabcontent">
<h1 class="title"><span class="json-string">API Documentation</span> </h1>
<p>This API allows you to search for posts on rutracker.</p>
<div class="base-information-frame">
<h3>API URL</h3>
<p class="api-url">https://api.michijackson.xyz/</p>
<br>
<h3>Endpoint</h3>
<p class="endpoint-url"><span class="request-type">GET</span><span class="endpoint-type-container">/search?q=<span class="endpoint-parameter">{query}</span></span></p>
<div class="endpoint-parameters-container">
<div class="endpoint-parameters-header">
<p>Parameter</p>
<p>Type</p>
<p>Required</p>
<p>Description</p>
</div>
<div class="endpoint-parameters-content">
<p class="endpoint-parameter">q</p>
<p class="endpoint-type">String</p>
<p class="endpoint-required">True</p>
<p class="endpoint-description">Search query</p>
</div>
</div>
</div>
<div class="request-frame">
<h2>Example Request</h2>
<div class="request-type-container">
<p><span class="request-type">GET</span> <span class="request-type-subcontainer">api.michijackson.xyz/search?q=keks</span></p>
</div>
</div>
<div class="api-response-frame">
<h3>Response</h3>
<pre class="api-response"><span class="json-punctuation">{</span>
"cached"<span class="json-punctuation">:</span> <span class="json-boolean">false</span><span class="json-punctuation">,</span>
"count"<span class="json-punctuation">:</span> <span class="json-integer">1</span><span class="json-punctuation">,</span>
"data"<span class="json-punctuation">:</span> <span class="json-punctuation">[</span>
<span class="json-punctuation">{</span>
"author"<span class="json-punctuation">:</span> <span class="json-string">"Viterrson"</span><span class="json-punctuation">,</span>
"id"<span class="json-punctuation">:</span> <span class="json-integer">1</span><span class="json-punctuation">,</span>
"leechers"<span class="json-punctuation">:</span> <span class="json-integer">0</span><span class="json-punctuation">,</span>
"seeders"<span class="json-punctuation">:</span> <span class="json-integer">3</span><span class="json-punctuation">,</span>
"title"<span class="json-punctuation">:</span> <span class="json-string">"(Hard - Rock) Keks - Keks - 1983, MP3, 320 kbps"</span><span class="json-punctuation">,</span>
"url"<span class="json-punctuation">:</span> <span class="json-string">"https://rutracker.org/forum/viewtopic.php?t=3835559"</span>
<span class="json-punctuation">}</span>
<span class="json-punctuation">],</span>
"query"<span class="json-punctuation">:</span> <span class="json-string">"keks"</span><span class="json-punctuation">,</span>
"success"<span class="json-punctuation">:</span> <span class="json-boolean">true</span>
<span class="json-punctuation">}</span></pre>
</div>
</div>
<div id="docs" class="tabcontent">
<h1 class="title"><span style="color: #db65d5">Docs</span></h1>
<p>SoftwareManager is a desktop app to search, browse, and download software & games from multiple sources in one place.</p>
<div class="base-information-frame">
<h2>Features</h2>
<div class="endpoint-parameters-container docs-tips">
<p class="sources-text">• Searching & Downloading Software from various pages</p>
<p class="sources-text">• Network Interface Binding</p>
<p class="sources-text">• Simple UI, Speed Limiting etc.</p>
<p class="sources-text">• No Logins required</p>
</div>
</div>
<div class="base-information-frame">
<h2>General Information</h2>
<div class="endpoint-parameters-container docs-tips">
<p class="sources-text">• Rutracker is the default source since it is the largest index overall.</p>
<p class="sources-text">• Use m0nkrus if you want Adobe software, it directly gets the posts from his Telegram channel.</p>
<p class="sources-text">• Torrents start seeding after completion and start seeding on application start.</p>
<p class="sources-text">• MacOS Builds haven't been properly tested - We're thankful to receive feedback.</p>
<p class="sources-text">• If you want to host your own server, clone our <a href="https://github.com/KeksPirates/SoftwareManager-Server" style="color: #db65d5;">server repository</a>, enter your cookie for rutracker.org and run server.py. Detailed Instructions on how to get your rutracker cookie are in the README of the server repo.</p>
<p class="sources-text">• SoftwareManager is still in development and most likely contains issues. Please report any bugs you find via GitHub. Contributions are also greatly appreciated.</p>
</div>
</div>
<div class="base-information-frame">
<h2>Sources</h2>
<br>
<p>Use the dropdown menu in the top right to select your source.</p>
<div class="endpoint-parameters-container docs-grid">
<div class="endpoint-parameters-header">
<p>Source</p>
<p>Category</p>
<p>Notes</p>
</div>
<div class="endpoint-parameters-content">
<p class="sources-text">RuTracker</p>
<p class="sources-text">Software & games</p>
<p class="sources-text">Has an extremely large amount of Software. Relies on an API for searching.</p>
</div>
<div class="endpoint-parameters-content">
<p class="sources-text">UzTracker</p>
<p class="sources-text">Software & games</p>
<p class="sources-text">Similar to RuTracker, smaller. Use this as fallback if RuTracker is down or there's API issues.</p>
</div>
<div class="endpoint-parameters-content">
<p class="sources-text">m0nkrus</p>
<p class="sources-text">Adobe Software</p>
<p class="sources-text">Lots of curated releases. Focused on mainly professional Software.</p>
</div>
<div class="endpoint-parameters-content">
<p class="sources-text">SteamRip</p>
<p class="sources-text">Games</p>
<p class="sources-text">Currently very experimental due to download link retrieveal. May not always work as expected.</p>
</div>
</div>
</div>
</div>
<div id="notfound" class="tabcontent">
<div class="notfound-frame">
<h1 class="notfound-title">404</h1>
<br>
<h1 class="notfound-subtext">(╯°□°)╯︵ ┻━┻</h1>
<a class="btn_big download" onclick="openTab(event, 'start')" style="cursor: pointer;">Go Home</a>
</div>
</div>
</main>
<footer>
<small>KeksPirates - SoftwareManager</small>
</footer>
<script>
function openTab(evt, tabName, pushToHistory = true) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
var target = document.getElementById(tabName);
target.style.display = "block";
// restart animation
target.classList.remove('tab-animate');
void target.offsetWidth;
target.classList.add('tab-animate');
let activeButton = document.querySelector(`.tablinks[onclick*="${tabName}"]`);
if (activeButton) {
activeButton.className += " active";
}
if (pushToHistory) {
let path = "/";
if (tabName === 'api') path = "/api";
if (tabName === 'docs') path = "/docs";
history.pushState({ tab: tabName }, "", path);
}
}
window.addEventListener('popstate', function(event) {
if (event.state && event.state.tab) {
openTab(null, event.state.tab, false);
} else {
openTab(null, 'start', false);
}
});
// Determine the correct tab immediately (before full load) to prevent flash
(function() {
let currentPath = window.location.pathname;
let tabName = 'start';
if (currentPath === '/api') tabName = 'api';
else if (currentPath === '/docs') tabName = 'docs';
else if (currentPath !== '/') tabName = 'notfound';
// Show only the correct tab right away
document.getElementById(tabName).style.display = 'block';
})();
window.onload = function() {
let currentPath = window.location.pathname;
if (currentPath === '/api') {
openTab(null, 'api', false);
} else if (currentPath === '/docs') {
openTab(null, 'docs', false);
} else if (currentPath === '/') {
history.replaceState({ tab: 'start' }, "", "/");
openTab(null, 'start', false);
} else {
openTab(null, 'notfound', false);
}
};
</script>
</body>
</html>