Skip to content

Instantly share code, notes, and snippets.

@thatisuday

thatisuday/index.html

Created December 29, 2020 21:31
Show Gist options
  • Save thatisuday/4352820475b802445770fccced11e90e to your computer and use it in GitHub Desktop.
Save thatisuday/4352820475b802445770fccced11e90e to your computer and use it in GitHub Desktop.
Download ZIP
An Electron application HTML file.
Raw
index.html
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />
<title>Files Manager</title>
<!-- import fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap" rel="stylesheet">
<!-- import styles -->
<link rel='stylesheet' href='../css/styles.css'>
</head>
<body class='app'>
<!-- upload area -->
<div id='uploader' class='app__uploader'>
<div class='app__uploader__icon-area'>
<img src='../assets/upload.svg' class='app__uploader__icon-area__icon' />
<p class='app__uploader__icon-area__text'>Drag file(s) to add</p>
</div>
<div class='app__uploader__button-area'>
<button class='app__uploader__button-area__button' onclick='openDialog()'>Click To Add Files</button>
</div>
</div>
<!-- file list -->
<div id='filelist' class='app__files'></div>
<!-- require render JavaScript -->
<script>
require( '../js/renderer.js' );
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment