enable additional file types and add demo files

This commit is contained in:
Nayan
2025-05-08 19:23:06 -04:00
parent 4e8e22ec61
commit e1e4d728b5
6 changed files with 49 additions and 6 deletions

BIN
public/image.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

14
public/includetest.html Normal file
View File

@@ -0,0 +1,14 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<div id="root">
<h1>Demo page</h1>
<p>If you are seeing this then the server is working :)</p>
<!-- <<LINKS>> -->
</div>
<script src="script.js"></script>
</body>

27
public/index.css Normal file
View File

@@ -0,0 +1,27 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
#root {
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: aqua;
}
h1 {
font-size: 3rem;
}
p {
font-size: 1.5rem;
}
a {
font-size: 1.5rem;
}

View File

@@ -31,6 +31,7 @@
<div id="root">
<h1>Demo page</h1>
<p>If you are seeing this then the server is working :)</p>
<p><a href="/includetest.html">Click here</a> to see an example of including css and js as separate files</p>
<!-- <<LINKS>> -->
</div>
</body>

4
public/script.js Normal file
View File

@@ -0,0 +1,4 @@
const button = document.createElement('button');
button.textContent = 'Click me!';
button.onclick = () => alert('You clicked the button!');
document.body.appendChild(button);