OpenMedia/web-fim-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: OpenMedia:05b86db63bb55bf6e825e710ac45f270ff9b8fa4
Branches Tags
OpenMedia:main
...
compare: OpenMedia:main
Branches Tags
OpenMedia:main

3 Commits
05b86db63b ... main

Author SHA1 Message Date
Andrea
a1dfebf9b3 Added border and margins to player side panel 2026-01-10 22:11:28 +01:00
Andrea
f3347be39c Added placeholder and fixed clanker button error 2026-01-10 22:11:06 +01:00
Andrea
d0e28d0324 Added stylesheet + arranged viewer and controls horizontally 2026-01-10 22:04:47 +01:00
3 changed files with 18 additions and 8 deletions
Expand all files Collapse all files

BIN
img/placeholder.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 84 KiB

17
index.html
View File

@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FIM Simulator</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<button onclick="selectFolder()">Select Menu Folder</button>
@@ -14,16 +15,16 @@
<br><br>
<div id="viewer">
<div id="screen">
<img src="img/placeholder.jpg" width="1280" height="720">
</div>
<div>
<div id="sidePanel">
<div id="controls">
<button onclick="pressButton('up')">Up</button>
<button onclick="pressButton('down')">Down</button>
<button onclick="pressButton('left')">Left</button>
<button onclick="pressButton('right')">Right</button>
<button onclick="pressButton('select')">Select</button>
<button onclick="pressButton('back')">Back</button>
<button onclick="pressButton('up')">Up</button><br>
<button onclick="pressButton('down')">Down</button><br>
<button onclick="pressButton('left')">Left</button><br>
<button onclick="pressButton('right')">Right</button><br>
<button onclick="pressButton('select')">Select</button><br>
<button onclick="pressButton('menu')">Menu</button>
</div>
</div>
</div>

9
style.css Normal file
View File

@@ -0,0 +1,9 @@
#viewer{
display: flex;
flex-direction: row;
}
#sidePanel{
border: solid black 1px;
margin: 10px;
padding: 20px;
}