Hermann/InetWebHSCopy
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changes to Terra Website

Browse Source
This commit is contained in:
Hermann
2026-10-03 14:41:03 -04:00
parent 1a104f44dd
commit aaa659fcbb
2 changed files with 26 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
css/kerbin.css
View File

@@ -43,6 +43,13 @@
background-color: black; background-color: black;
} }
.dreamcardimage {
width: 100%;
max-width: 600px;
height: auto;
margin-bottom: 1rem;
}
.dreamcard { .dreamcard {
color: #ffffff; color: #ffffff;
background-color: #000000; background-color: #000000;
@@ -52,16 +59,20 @@
text-align: right; text-align: right;
margin-top: auto; margin-top: auto;
margin-bottom: auto; margin-bottom: auto;
margin-left: 30%; margin-left: 0%;
margin-right: 30%; margin-right: 30%;
} }
.dreamcard h1 { .dreamcard h1 {
font-weight: medium; font-weight: medium;
text-align: right;
margin-left: 60%;
} }
.dreamcard p{ .dreamcard p{
font-weight: light; font-weight: light;
text-align: right;
margin-left: 60%;
} }
.card1 { .card1 {
background-color: #000000; background-color: #000000;
@@ -87,9 +98,9 @@
.cleft { .cleft {
width: 40vw; width: 40vw;
position: static; position: relative;
left: 0%;
right: 100%;
} }

18
p/terra.html
View File

@@ -56,7 +56,12 @@
</div> </div>
</div> </div>
<div class="dreamcard" id="about"> <div class="dreamcard" id="about">
<div class="dreamcard"> <div class="dreamcard">
<div class="cleft">
<img src="../img/IMG_7303.jpg"
style="width: 120%; padding:0rem; transform: translateY(90%);">
</div>
<h1>Power Your Hobbies.</h1> <h1>Power Your Hobbies.</h1>
<p>The Inet Terra is the product of about a year of concept ideas and prototyping. Using the power of the <p>The Inet Terra is the product of about a year of concept ideas and prototyping. Using the power of the
Raspberry Pi 5 and the great battery life of the Pisugar 3+, The Inet Terra is able to carry the dreams of Raspberry Pi 5 and the great battery life of the Pisugar 3+, The Inet Terra is able to carry the dreams of
@@ -65,10 +70,7 @@
</div> </div>
</div> </div>
<div class="card2"> <div class="card2">
<div class="cleft">
<img src="../img/IMG_7303.jpg"
style="width: 120%; padding:3rem;">
</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
@@ -102,10 +104,12 @@
</main> </main>
<footer width="10%" style="padding: 10px; background-color: #131313; color: white;"> <footer width="10%" style="padding: 10px; background-color: #131313; color: white;">
<p style="padding: 0px; margin-right: 50%; font-size: 0.75em;">Inet is an independent project and is not affiliated, <p style="padding: 0px; margin-right: 50%; font-size: 0.75em;">Inet-Andeonic LLC is an independent LLC and is not affiliated,
associated, authorized, endorsed by, or in any way officially associated, authorized, endorsed by, or in any way officially
connected with Raspberry Pi Holdings plc., and KDE e.V. or the KDE project. KDE® and the KDE logo are registered connected with Raspberry Pi Holdings plc., and KDE e.V. or the KDE project.
trademarks of KDE e.V. ----- the product page is still being worked on :)</p> KDE® and the KDE logo are registered trademarks of KDE e.V.
----- the product page is still being worked on :)
All Photos of the Terra after main banner are real photos.</p>
</footer> </footer>
<script src="index.js"></script> <script src="index.js"></script>
</body> </body>