Progress On Terra Page

This commit is contained in:
2026-10-03 15:36:59 -04:00
parent aaa659fcbb
commit 935ac5b5f6
5 changed files with 22 additions and 6 deletions

BIN
.DS_Store vendored Normal file

Binary file not shown.

View File

@@ -49,6 +49,13 @@
height: auto; height: auto;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.cright1 {
width: 40vw;
position: relative;
margin-left: 60%;
height: 0%;
margin-top: 0%;
}
.dreamcard { .dreamcard {
color: #ffffff; color: #ffffff;
@@ -82,13 +89,21 @@
.card2 { .card2 {
color: #ffffff; color: #ffffff;
background-color: #000000; background-color: #000000;
text-align: left;
display: flex;
flex-direction: column;
justify-content: left ;
align-items: left;
margin-top : -30%;
} }
.card3 { .card3 {
background-color: #000000; background-color: #000000;
} }
.card2,
.card3 { .card3 {
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
@@ -99,9 +114,6 @@
.cleft { .cleft {
width: 40vw; width: 40vw;
position: relative; position: relative;
} }
@@ -110,6 +122,7 @@
max-width: 550px; max-width: 550px;
padding: 1.5rem; padding: 1.5rem;
box-sizing: border-box; box-sizing: border-box;
text-align: left;
} }
.tooltip { .tooltip {

Binary file not shown.

After

Width:  |  Height:  |  Size: 228 KiB

BIN
img/IMG_7305.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 193 KiB

View File

@@ -59,7 +59,7 @@
<div class="dreamcard"> <div class="dreamcard">
<div class="cleft"> <div class="cleft">
<img src="../img/IMG_7303.jpg" <img src="../img/IMG_7305.jpg"
style="width: 120%; padding:0rem; transform: translateY(90%);"> style="width: 120%; padding:0rem; transform: translateY(90%);">
</div> </div>
<h1>Power Your Hobbies.</h1> <h1>Power Your Hobbies.</h1>
@@ -70,7 +70,10 @@
</div> </div>
</div> </div>
<div class="card2"> <div class="card2">
<div class="cright1">
<img src="../img/IMG_7303.jpg"
style="width: 120%; padding:0rem; transform: translateY(130%);">
</div>
<div class="cright"> <div class="cright">
<h1>Performance.</h1> <h1>Performance.</h1>
<p>The Inet Terra uses the Raspberry Pi 5, a powerful computer crammed into the size of a credit card. It can <p>The Inet Terra uses the Raspberry Pi 5, a powerful computer crammed into the size of a credit card. It can