lots of changes
This commit is contained in:
@@ -7,47 +7,130 @@
|
||||
<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">
|
||||
<script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/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="ContentToInclude"></div>
|
||||
<div class="mainstyle">
|
||||
<div id="nav"></div>
|
||||
<div class="content-wrapper">
|
||||
<div class="content">
|
||||
<img src="https://raw.githubusercontent.com/simplePCBuilding/SimpleMediaUpscalerLite/main/logo.png" alt="smuL Logo" class="project-logo">
|
||||
<h2 class="content-title">Simple­Media­Upscaler­Lite</h2>
|
||||
<div class="sidebyside">
|
||||
<div class="element">
|
||||
<h3>Upscale with EASE.</h3>
|
||||
<p>Upscale any kind of video or image with ease using the electron GUI.</p>
|
||||
<a href="https://github.com/simplePCBuilding/SimpleMediaUpscalerLite" class="linkbutton">Learn more</a>
|
||||
<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>Electron Frontend</h3>
|
||||
<p>smuL features a gorgeous electron frontend as these UIs look a lot better usually compared to QT, GTK or any other toolkit.</p>
|
||||
<a href="https://github.com/simplePCBuilding/SimpleMediaUpscalerLite" class="linkbutton">Learn more</a>
|
||||
<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>CLI.</h3>
|
||||
<p>smuL features a CLI to enable you to upscale things in bulk without the downsides that GUIs bring with them</p>
|
||||
<a href="https://github.com/simplePCBuilding/SimpleMediaUpscalerLite" class="linkbutton">Learn more</a>
|
||||
<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>
|
||||
<a href="https://github.com/simplePCBuilding/SimpleMediaUpscalerLite" class="linkbutton">Learn more</a>
|
||||
<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>
|
||||
<a href="https://github.com/simplePCBuilding/SimpleMediaUpscalerLite" class="linkbutton">Learn more</a>
|
||||
<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>
|
||||
<a class="button" href="https://github.com/simplePCBuilding/SimpleMediaUpscalerLite/releases" target="_blank">DOWNLOAD</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="Footer"></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>
|
||||
Reference in New Issue
Block a user