IDeletedSystem64/blueheartforever-web
IDeletedSystem64/blueheartforever-web
Archived
1
1
Fork 0
Code Releases Activity

Fix issues on mobile

Browse source
This commit is contained in:
Sophie Marie 2023-11-07 16:43:30 -06:00
parent 4a6065249a
commit 2983a2fe52
Signed by: IDeletedSystem64
GPG key ID: 33A12B0480AFC8E9
2 changed files with 17 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
memories.html
View file

@ -7,6 +7,9 @@
<link rel="stylesheet" href="styles/style_buttons.css"> <!-- Button Stylesheet -->
<link rel="icon" type="image/x-icon" href="img/blueheart.gif">
<!-- load script for showing memories from conf/memories.json -->
<script src="/js/memories.js" type="module"></script>
<!-- Website embed -->
<meta name="viewport" content="width=device-width">
<meta content="Blueheart" property="og:title"/>
@ -21,13 +24,10 @@
</div>
<h1>Thank you for the memories.</h1>
<div class="window">
<div class="wrapper">
<div class="memoriesBox" id="memoriesBox"></div>
<div class="window_titlebar"><h3>memories.exe</h3></div>
<button id="prev">◄</button>
<button id="next">►</button>
<script src="/js/memories.js" type="module"></script>
</div>
<div class="window_titlebar"><h3>memories.exe</h3></div>
<div class="memoriesBox" id="memoriesBox"></div>
<button id="prev">◄</button>
<button id="next">►</button>
</div>
</div>
</body>

11
styles/style_main.css
View file

@ -22,7 +22,7 @@ body {
img.art_display { /* ackshually nvm, there's not much art at all so i'm not gonna make the gallery thing */
width: 50%;
width: 45%;
align-self: center;
padding-top: 5vh;
padding-bottom: 5vh;
@ -99,3 +99,12 @@ p {
font-family: 'Bitter', serif;
font-weight: 450;
}
/* mobile :( */
@media (max-width: 900px) {
img.art_display {
width: 80vw;
}
}