141 lines
7.6 KiB
HTML
Executable File
141 lines
7.6 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>smuL - janishutz.com</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=7">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<link rel="stylesheet" href="/css/mainstyle.css">
|
|
<link rel="stylesheet" href="/css/pages/home.css">
|
|
<meta name="keywords" content="video upscaling, photo upscaling, FSR, Electron GUI, FSR Frontend, CLI">
|
|
<meta name="description" content="Upscaling images and videos can be quite challenging. This is what smuL tries to resolve by offering an easy to use graphical user interface.">
|
|
<script defer src="https://static.janishutz.com/libs/jquery/jquery.min.js"></script>
|
|
<script defer src="/js/loader.js"></script>
|
|
<style>
|
|
.button {
|
|
background-color: white !important;
|
|
color: rgb(158, 0, 158) !important;
|
|
border: solid rgb(158, 0, 158) 4px;
|
|
font-weight: bold;
|
|
border-radius: 25px !important;
|
|
}
|
|
|
|
.button:hover {
|
|
box-shadow: 0px 0px 10px 5px white;
|
|
padding: 22px;
|
|
font-size: 105%;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="nav"></div>
|
|
<div class="content-wrapper">
|
|
<div class="content">
|
|
<img src="https://raw.githubusercontent.com/simplePCBuilding/SimpleMediaUpscalerLite/main/assets/logo.png" alt="smuL Logo" class="project-logo">
|
|
<h1 class="content-title">Simple­Media­Upscaler­Lite</h1>
|
|
<a href="/projects" class="back">← All projects</a>
|
|
<p style="text-align: center; margin-bottom: 5%;">Images and videos at low resolutions can be quite restricting in terms of what you can do with it and many upscalers either perform terribly, do not look good, can't upscale videos or are hard to use. smuL (pronounced like 'small' because UPscaling) is an easy to use frontend to upscale all your videos and images.</p>
|
|
<div class="sidebyside">
|
|
<div class="element">
|
|
<h3>Electron Frontend.</h3>
|
|
<p>smuL features a gorgeous electron frontend to make upscaling as convenient as possible.</p>
|
|
<button class="button" onclick="openDetails( 'gui' )">Learn more</button>
|
|
</div>
|
|
<div class="element">
|
|
<h3>CLI.</h3>
|
|
<p>smuL features a CLI to enable you to upscale things in bulk without the downsides that GUIs bring with them</p>
|
|
<button class="button" onclick="openDetails( 'cli' )">Learn more</button>
|
|
</div>
|
|
</div>
|
|
<div class="sidebyside">
|
|
<div class="element">
|
|
<h3>Supported OS.</h3>
|
|
<p>smuL currently supports Windows and Linux. Click the button below to see detailed system requirements.</p>
|
|
<button class="button" onclick="openDetails( 'supportedOS' )">Learn more</button>
|
|
</div>
|
|
<div class="element">
|
|
<h3>Plugins.</h3>
|
|
<p>smuL features plugin support without having to restart the GUI app. You may simply add a new upscaling engine by downloading a plugin.</p>
|
|
<button class="button" onclick="openDetails( 'plugins' )">Learn more</button>
|
|
</div>
|
|
</div>
|
|
<div class="sidebyside">
|
|
<div class="element">
|
|
<h3>FOSS.</h3>
|
|
<p>smuL is fully open source, you may have a look at its entire source code below and contribute to it if you wish to.</p>
|
|
<button class="button" onclick="openDetails( 'foss' )">Learn more</button>
|
|
</div>
|
|
<div class="element">
|
|
<h3>Roadmap.</h3>
|
|
<p>smuL is still actively maintained and developed. Our Roadmap tells you what we are planning to add in the future.</p>
|
|
<button class="button" onclick="openDetails( 'roadmap' )">Learn more</button>
|
|
</div>
|
|
</div>
|
|
<div class="sidebyside">
|
|
<div class="element">
|
|
<h3>Development.</h3>
|
|
<p>Visit our GitHub repo to help develop the project! PRs are warmly welcomed!</p>
|
|
<a href="https://github.com/simplePCBuilding/SimpleMediaUpscalerLite" class="button">GitHub</a>
|
|
</div>
|
|
<div class="element">
|
|
<h3>Contributors.</h3>
|
|
<p>Here's a potentially incomplete list of all past and current contributors to the project.</p>
|
|
<button class="button" onclick="openDetails( 'contributors' )">Learn more</button>
|
|
</div>
|
|
</div>
|
|
<div class="sidebyside">
|
|
</div>
|
|
</div>
|
|
<div class="bottom">
|
|
<h2 class="content-title">Download it today</h2>
|
|
<p>Some bigger updates are planned for the more distant future</p>
|
|
<a class="button" href="https://github.com/simplePCBuilding/SimpleMediaUpscalerLite/releases" target="_blank">DOWNLOAD</a>
|
|
</div>
|
|
</div>
|
|
<div id="popup">
|
|
<div class="popup-positioning">
|
|
<div class="popup-main">
|
|
<p id="popup-message"></p>
|
|
<button onclick="closePopup()" class="submit">Ok</button>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
const texts = {
|
|
'gui': `<h3>Graphical User Interface.</h3><p>This app features a graphical user interface created as an electron app. Features:</p>
|
|
<ul>
|
|
<li>Select input and output files</li>
|
|
<li>Select upscale factor</li>
|
|
<li>Choose a upscaling engine and a algorithm</li>
|
|
</ul>`,
|
|
'cli': '<h3>Command Line Interface.</h3><p>The smuL cli is a powerful tool written in python which the GUI uses to upscale videos and images alike. You can use it to upscale images and videos in large badges. To use it simply search for SimpleMediaUpscaleLite and right click > Open File location. Open a command prompt and type <i>smuL-cli.exe -h</i> to get a list of all available commands.</p>',
|
|
'supportedOS': '<h3>Supported OS.</h3><p>smuL currently supports Windows 8, 10 and 11 and all Debian and all rpm-capable Linux distributions officially. You might be able to use it on different OSes if you compile it yourself.</p><p>To run smuL, you need to have a functional installation of ffmpeg and (if on Linux), a functional installation of wine V7 or higher.</p>',
|
|
'plugins': '<h3>Plugins.</h3><p>smuL features extensive plugin support for its CLI. smuL does not yet have a plugin installer, so please read the plugin installation documentation on our <a href="https://github.com/simplePCBuilding/SimpleMediaUpscalerLite/wiki">GitHub repo</a>!</p>',
|
|
'foss': '<h3>Free and Open Source.</h3><p>smuL is fully free and open source, which means, you can use it without any limits for free. There are also no ads and you can have a look at the source code to confirm that we are in fact not collecting ANY data or sending ANY data to anybody. The only network request we do is to GitHub if you head into settings in the GUI to download the version information.</p>',
|
|
'roadmap': `<h3>Roadmap.</h3><p>For version 2.1.0 the following things are planned:</p>
|
|
<ul>
|
|
<li>Add more scaling engines (as plugins, currentls planning on adding the mpv-player cli)</li>
|
|
<li>Expand Wiki to feature documentation on how to create a plugin and maybe add a project website</li
|
|
<li>Show progress of scaling by guessing progress from output</li>
|
|
</ul>
|
|
<p>If you have any suggestions, please let us know by opening an issue on GitHub</p>`,
|
|
'contributors': `<h3>Contributors.</h3><p>Currently the following people are contributing to this project:</p>
|
|
<ul>
|
|
<li>simplePCBuilding (Maintainer) [Core (CLI), Docs, Website, Frontend, Distribution]</li>
|
|
<li>ThatPlasma (Testing) [Testing, Ideas]</li>
|
|
</ul>`
|
|
};
|
|
function closePopup () {
|
|
$( '#popup' ).fadeOut( 500 );
|
|
$( 'body' ).removeClass( 'menuOpen' );
|
|
}
|
|
function openDetails ( message ) {
|
|
document.getElementById( 'popup-message' ).innerHTML = texts[ message ];
|
|
$( '#popup' ).fadeIn( 500 );
|
|
$( 'body' ).addClass( 'menuOpen' );
|
|
}
|
|
</script>
|
|
</div>
|
|
<div id="footer"></div>
|
|
</body>
|
|
</html> |