alex/agb
1
0
Fork 0
mirror of https://github.com/italicsjenga/agb.git synced 2024-12-23 08:11:33 +11:00
Code Issues Packages Projects Releases Wiki Activity

clean up the edges

Browse source
This commit is contained in:
Corwin 2024-04-04 17:46:11 +01:00
parent 374b45be48
commit b2b93be33d
No known key found for this signature in database
3 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
website/site/assets/left.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 251 B

After

Width:  |  Height:  |  Size: 181 B

BIN
website/site/assets/right.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 275 B

After

Width:  |  Height:  |  Size: 206 B

14
website/site/index.html
View file

@ -31,24 +31,24 @@
}
.gameDisplay {
height: calc(min(480px, 60vh));
height: calc(min(480px, 40vh, calc(100vw / 3)));
margin-left: auto;
margin-right: auto;
max-width: 100vw;
margin-top: 20px;
}
.gameDisplay > div > div {
aspect-ratio: 17 / 33;
.gameDisplay .imageWrapper {
aspect-ratio: 15 / 31;
height: 100%;
}
.gameDisplay > div > div > img {
.gameDisplay .imageWrapper > img {
height: 100%;
image-rendering: pixelated;
}
.gameDisplay > div > iframe {
.gameDisplay iframe {
border: 0;
height: 100%;
max-width: 100vw;
@ -99,12 +99,12 @@
<section>
<div class="gameDisplay">
<div>
<div><img src="assets/left.png" /></div>
<div class="imageWrapper"><img src="assets/left.png" /></div>
<iframe
onload="this.contentWindow.focus()"
src="mgba/index.html"
></iframe>
<div><img src="assets/right.png" /></div>
<div class="imageWrapper"><img src="assets/right.png" /></div>
</div>
</div>
<div class="help">