mrfluffy/assignment
1
0
Fork 0
mirror of https://github.com/mrfluffy-dev/assignment.git synced 2026-01-17 05:40:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
Zastian Pretorius
2024-05-08 13:55:26 +01:00
commit c31b86fa01
12 changed files with 2118 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
public/pages/index.html Normal file
View File

@@ -0,0 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<title>Mrfluffy-dev</title>
<script src="/pages/loadSrc.js"></script>
</head>
<body onload="loadSidebar()">
<div id="sidebar">
<!-- Sidebar content will be loaded dynamically here -->
</div>
<div id="toggle-btn" onclick="toggleSidebar()">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
<path fill="currentColor" d="M3 13h18v-2H3v2zm0 5h18v-2H3v2zm0-10v2h18V8H3z"/>
</svg>
</div>
<div id="content">
<h1>Star Wars</h1>
<div class="parent">
<div id="div1">
<!-- make a text input that's value will be used for loadPeople -->
<input type="text" id="person1" placeholder="Enter a person">
<button onclick="loadPeople(document.getElementById('person1').value,1)">Load People</button>
<div id="people1">
<!-- People data will be loaded here -->
</div>
</div>
<div id="div2">
<!-- make a text input that's value will be used for loadPeople -->
<input type="text" id="person2" placeholder="Enter a person">
<button onclick="loadPeople(document.getElementById('person2').value,2)">Load People</button>
<div id="people2">
<!-- People data will be loaded here -->
</div>
</div>
</div>
</div>
</body>
</html>