Trianta/trianta.dev
1
0
Fork 0
Code Issues 13 Pull Requests Packages Projects Releases 4 Wiki Activity

core: only reserve large space on cards with JS canvas stuff

Browse Source
This commit is contained in:
Trianta 2024-12-10 01:45:00 -06:00
parent c4cd3ce557
commit e22751a9a1
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
default.css
View File

@ -22,6 +22,7 @@ body {
#introLeft { #introLeft {
display: inline-block; display: inline-block;
width: 85%; width: 85%;
vertical-align: top;
} }
#introRight { #introRight {
@ -119,12 +120,15 @@ a:visited {
.card { .card {
text-align: center; text-align: center;
min-height: 800px;
margin: 0px auto; margin: 0px auto;
margin-top: 25px; margin-top: 25px;
margin-bottom: 25px; margin-bottom: 25px;
} }
.reserve {
min-height: 800px;
}
#pong { #pong {
margin: 6px; margin: 6px;
background: #03001C; background: #03001C;

4
pages/completed/index.html
View File

@ -16,7 +16,7 @@
<a href="https://lab.trianta.dev/Trianta">Projects</a> <a href="https://lab.trianta.dev/Trianta">Projects</a>
</div> </div>
<h2>Completed Projects</h2> <h2>Completed Projects</h2>
<div class="card"> <div class="card reserve">
<div class="canvas"> <div class="canvas">
<canvas width="750" height="585" id="pong"></canvas> <canvas width="750" height="585" id="pong"></canvas>
<script src="public/pong.js"></script> <script src="public/pong.js"></script>
@ -34,7 +34,7 @@
<a href="https://lab.trianta.dev/Trianta/trianta.dev/src/branch/main/src/pong.js">View Code</a> <a href="https://lab.trianta.dev/Trianta/trianta.dev/src/branch/main/src/pong.js">View Code</a>
</div> </div>
</div> </div>
<div class="card"> <div class="card reserve">
<div class="canvas"> <div class="canvas">
<canvas width="625" height="375" id="snake"></canvas> <canvas width="625" height="375" id="snake"></canvas>
<script src="public/snake.js"></script> <script src="public/snake.js"></script>