cm107's picture
Initial commit
ef75ac1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Latent Defusion Super Resolution</title>
<link rel="stylesheet" href="../static/css/main.css" />
</head>
<body>
<h1>Latent Defusion Super Resolution</h1>
<div class="card">
<h1>Disclaimer</h1>
<p>
This page is still under testing. If you are reading this, don't expect the model to work as expected right
now.
</p>
<p>
I initially plan on using a model that was trained by someone else.
I can think about how to train a custom model afterwards.
</p>
</div>
<div id="mainContainer">
<div id="resultContainer">
<img id="resultImg" src="">
</div>
<div id="sidebarContainer">
<div id="scDropZone">
<p>Drop An Image In Here</p>
</div>
<div id="scDropImages">
<img class="selectedDropImage" src="../static/img/loadingScreen.webp">
<img class="hoverDropImage" src="../static/img/loadingScreen.webp">
<img src="../static/img/loadingScreen.webp">
</div>
<div id="scPromptsContainer">
<div id="scMaxSidePrompt" class="centeredBox">
<p>Max Side Length:</p>
<input id="scMaxSidePromptInput" type="text" class="textbox" value="100" />
</div>
<div id="scNumIters" class="centeredBox">
<p>Number of Iterations:</p>
<input id="scNumItersInput" type="text" class="textbox" value="20" />
</div>
<div id="scBtnBox" class="centeredBox">
<button id="scRunBtn">
<b>Run</b>
</button>
<button id="scDeleteBtn">
<b>Delete</b>
</button>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="../static/js/main.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.2/iframeResizer.contentWindow.min.js"></script>
</body>
</html>