//index.html

/* Create a new file index.html and copy/paste the following code. */

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>Duplicate file finder</title>
  <link rel="stylesheet" type="text/css" href="style.css">
 </head>
 <body>
  <div id="close" class="icon-close"></div>
  <div id="fixtop"><div id="header"><img src="logo.png" />
   <div class="fix">
    <span class="blue">Duplicate</span> file finder<br>
    <span class="ver">Version <span class="blue">1.0.0</span></span> 
   </div>
  </div>
  <div id="menu">
   <button id="addBtn" class="btn"><span class="icon-folder"></span>Add folder</button>
   <button id="startBtn" class="btn" value="start"><span class="icon-play"></span>Start</button>
  </div></div>
  <div id="container">
   <div id="pathsHead" class="hide">
    <span class="delDirHead"></span>
    <span class="typeDirHead">Mode</span>
    <span>Location</span>
   </div>
  <div id="paths"></div>
 </div>
 <webview id="results" src="./grid.html" style="flex:1 1 auto;"></webview>
 <footer id="footer">
  <div id="fcontainer">
   <div id="status">Ready</div>
  </div>
 </footer>
 <script>
 onload = () => {
 const webview = document.querySelector('webview');
 webview.addEventListener('dom-ready', () => {
 require('./renderer.js')
 });
 }
 </script>
 </body>
</html>