diff options
| author | Shipwreckt <Shipwreckt@mailfence.com> | 2024-07-07 20:29:27 +0100 |
|---|---|---|
| committer | Shipwreckt <Shipwreckt@mailfence.com> | 2024-07-07 20:29:27 +0100 |
| commit | 7578e1b5e57a3a5b9b186aefbd93a67c5fda7929 (patch) | |
| tree | a5062fb142d659033dd9c598fda88fbceb9f99c2 /public/index.html | |
| parent | cd0ab5257bc7fc346aa86d651f6436458bbbde78 (diff) | |
fixed issue on gitlab's end hopefully
Diffstat (limited to 'public/index.html')
| -rw-r--r-- | public/index.html | 120 |
1 files changed, 120 insertions, 0 deletions
diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..4f43e65 --- /dev/null +++ b/public/index.html @@ -0,0 +1,120 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Shipwreckt</title> + <link rel="icon" href="Images/misc/logo.jpg" type="image/x-icon"> + <link rel="stylesheet" href="styles.css"> +</head> +<body> + <div class="sidebar"> + <h2>Table of Contents</h2> + <hr> + <ul> + <li><a href="#welcome">Welcome</a></li> + <li><a href="#about">About Me</a></li> + <li><a href="#contact">Reach out</a></li> + </ul> + </div> + <div class="content"> + <header> + <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1> + <hr> + <nav> + <ul> + <li><a href="index.html">Home</a></li> + <li><a href="#projects">Projects</a></li> + <li><a href="#Articles">Articles</a></li> + <li><a href="#contact">Contact</a></li> + </ul> + </nav> + </header> + <main id="main-content"> + <section id="welcome"> + <h2>Welcome To Shipwreckt</h2> + <p>Hello and welcome to my personal website! For the most part this website is + mostly about my programming work I have done, you can find all my coding projects on + the projects page. I do a weekly news artical called the weekly byte where I do a + Linux distro of the week and some software and hardware suggestions, also the odd + bit of news. But that is mostly it for this website have a look around and see what + you like!</p> + <br> + <p>Also quick note this website does need javascript enabled, the javascript can be viewed <a href="https://gitlab.com/Shipwreckt/website/-/blob/master/public/script.js?ref_type=heads">Here</a> if you want to look at it.</p> + </section> + + <section id="about"> + <div class="about-content"> + <div class="about-image"> + <img src="Images/misc/logo.jpg" alt="About Me Image"> + </div> + <div class="about-text"> + <h2>About Me</h2> + <p>Hello there! I am Shipwreckt, a 15-year-old dude who lives in the UK, if you cannot tell I like to program!</p> + + <p>I have enjoyed programming for a number of years now, ever since early 2022, but I only really delved into programming fully in late 2023, when I fully switched from Windows to Linux. The reason why I made the switch was because even though I can see Windows is not all that great, I wanted to challenge myself and also give myself a reason to program again, so I switched over to Linux, and it has been amazing. It has given me the freedom to be creative with my desktop and config files. But I am currently learning the C programming language, and I am planning on making some more programs, so keep your eyes peeled for when I do!</p> + <hr> + <ul> + <li><a href="about/hardware">Hardware I am using</a></li> + <li><a href="about/software">Software I use</a></li> + </ul> + </div> + </div> + </section> + + <section id="contact" style="display: none;"> + <h2>Contact</h2> + <p style="font-size:20px;">You can contact me here for any querys or suggestions.<br> + Email: shipwreckt@mailfence.com</p><br> + + <p style="font-size:20px; ">Code, mostly use gitlab: + <a href="https://gitlab.com/Shipwreckt">Gitlab</a> + <a href="https://github.com/Shipwrecktt">Github</a> + <a href="https://www.freecodecamp.org/Shipwreckt">Freecodecamp.org</a> + <br> + Social: + <a rel="me" href="https://mastodon.online/@shipwreckt">Mastodon</a> + </p> + + <p style ="font-size:20px;"><br> + Donate (If you are feeling kind)<br> + bitcoin: <a href="about/Bitcoin">bc1qfdeuda5hl0t6yxfmlx9rkh06fwhw2x7glpx0tn5555kc0dthz53qexwath?message=Shipwreckt</a> + </p> + </section> + + <section id="projects" style="display: none;"> + <h2>Projects!</h2> + <p>Below is a list of all my projects, have a look around!</p> + + <p>Programming</p> + <ul> + <li><a href="projects/programs/Dotfiles">Dotfiles</a></li> + <li><a href="projects/programs/Fakefetch#info">Fakefetch script</a></li> + </ul><br> + + <p>Written works</p> + <ul> + <li><a href="projects/WeeklyByte/WeeklyByte">Weekly Byte</a></li> + </ul> + </section> + + <section id="Articles" style="display: none;"> + <div class="article"> + <h2><a href="articles/1Learning_C">Learning the C programming language</a></h2> + <p>Date: June 10th, 2024</p> + <p>My journy of learning C with notes and updates.</p> + <font color="#800000">This artical is still being wrote.</font> + </div> + + <div class="article"> + <h2><a href="articles/0How_To_Stay_Safe_Online#article">How to stay safe online</a></h2> + <p>Date: May 30, 2024</p> + <p>This article is about how I stay safe online and what programs I use to do so.</p> + </div> + </section> + </main> + </div> + <script src="script.js"></script> +</body> +</html> + |