website

This is my amazing website!
git clone git://shipwreckt.co.uk/website
Log | Files | Refs | README | LICENSE

commit 3532ce22c10b45f3bfc373d8fd4b80664aa1661b
parent f83ea8997efe58f15198308ae765f102a66c269c
Author: Shipwreckt <Shipwreckt@mailfence.com>
Date:   Sat, 29 Jun 2024 22:01:55 +0100

Added some minor changes to fakefetch page for example adding a line to the header and adding spaces to the images. More will come tomorrow but this is all I had time for today

Diffstat:
Apublic/Images/Fakefetch/logo.png | 0
Mpublic/articles/1Learning_C.html | 4++++
Mpublic/projects/programs/Dotfiles.html | 2+-
Mpublic/projects/programs/Fakefetch.html | 25++++++++++---------------
Mpublic/styles.css | 8+++++++-
5 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/public/Images/Fakefetch/logo.png b/public/Images/Fakefetch/logo.png Binary files differ. diff --git a/public/articles/1Learning_C.html b/public/articles/1Learning_C.html @@ -35,6 +35,10 @@ <p>So as the title implies, I have been learning the C programming language recently, and it has been fun. I am still at the basics, and I have tests coming up, but I am doing my best with the time I have! i  While I have been learning, I have been making a kind of tutorial file from the tutorial videos I have watched, so when I believe it is fully ready, I will publish it to GitLab.</p> + <br><hr> + <h3>Date: 27:6:2024</h3> + <p>It has been a few weeks, and I have not made much progress, sadly. I have been quite busy with school, but I have more free time now, so I will have more time to study. I am happy I have more time because I have been really falling behind on learning C. </p> + <font color="#800000">This page is still being updated as I learn more C so keep checking in! </font> </main> </div> diff --git a/public/projects/programs/Dotfiles.html b/public/projects/programs/Dotfiles.html @@ -17,7 +17,7 @@ </div> <div class="content"> <header> - <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1> + <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1><hr> <nav> <ul> <li><a href="../../index.html">Home</a></li> diff --git a/public/projects/programs/Fakefetch.html b/public/projects/programs/Fakefetch.html @@ -13,12 +13,12 @@ <ul> <li><a href="#info">Fakefetch</a></li> <li><a href="#images">Images</a></li> - <li><a href="https://gitlab.com/Shipwreckt/Fakefetch">Gitlab link</a></li> + <li><a onclick="window.open('https://gitlab.com/Shipwreckt/Fakefetch', '_blank')">GitLab</a></li> </ul> </div> <div class="content"> <header> - <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1> + <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1><hr> <nav> <ul> <li><a href="../../index.html">Home</a></li> @@ -30,7 +30,7 @@ </header> <main id="main-content"> <section id="info"> - <h2>Fakefetch</h2> + <h1>Fakefetch</h1> <h3><b>Background</b></h3> <p> Fakefetch is the first real program I have ever created that I use daily apart from config @@ -69,20 +69,15 @@ <a href="https://gitlab.com/Shipwreckt/fakefetch">Source code on Gitlab</a> </section> - <section id="images" style="display: none;"> - <img src="../../Images/Fakefetch/purplearch.png" width="900" height="auto" class="center"> - <br> - <img src="../../Images/Fakefetch/bluearch.png" width="900" height="auto" class="center"> - <br> - <img src="../../Images/Fakefetch/greenarch.png" width="900" height="auto" class="center"> - <br> - <img src="../../Images/Fakefetch/orangearch.png" width="900" height="auto" class="center"> - <br> - <img src="../../Images/Fakefetch/redarch.png" width="900" height="auto" class="center"> - <br> - <img src="../../Images/Fakefetch/plumarch.png" width="900" height="auto" class="center"> + <section id="images"> + <img src="../../Images/Fakefetch/bluearch.png" width="900" height="auto" class="space-image"> + <img src="../../Images/Fakefetch/greenarch.png" width="900" height="auto" class="space-image"> + <img src="../../Images/Fakefetch/orangearch.png" width="900" height="auto" class="space-image"> + <img src="../../Images/Fakefetch/redarch.png" width="900" height="auto" class="space-image"> + <img src="../../Images/Fakefetch/plumarch.png" width="900" height="auto" class="space-image"> </section> + </main> </div> <script src="../../script.js"></script> diff --git a/public/styles.css b/public/styles.css @@ -62,7 +62,7 @@ body { } header { - background-color: #1f1f1f; + background-color: #191919; padding: 10px; text-align: center; z-index: 1000; @@ -145,6 +145,7 @@ main a:hover { flex-direction: row-reverse; } +/* Images */ .about-image { margin-left: 20px; margin-right: 30px; @@ -157,6 +158,9 @@ main a:hover { border: 5px solid #7a4d7c; } +.space-image{ + margin: 10px; /* Adjust the space around images */ +} /* Article Styles */ .article { background-color: #171717; @@ -174,3 +178,5 @@ main a:hover { color: #9433ff; } + +