diff options
Diffstat (limited to 'public/index.html')
| -rw-r--r-- | public/index.html | 150 |
1 files changed, 30 insertions, 120 deletions
diff --git a/public/index.html b/public/index.html index 130d92e..7a24386 100644 --- a/public/index.html +++ b/public/index.html @@ -3,129 +3,39 @@ <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"> + <title>Home page</title> <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> - - <h3>Some project ideas on my mind / Todo list</h3> - <ul> - <li>Getting PlayStation VR working under Linux</li> - <li>Work on learning the C programming language</li> - <li>Keep writing my Linux guide.</li> - <li>Test out <a href="https://pi-hole.net/">Pihole</a> on my wifi router</li> - </ul> - </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> - <a rel="me" href="https://matrix.to/#/@shipwreckt:matrix.org">Matrix</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/2Dwm#article">Switching to DWM</a></h2> - <p>Date: July 13h, 2024</p> - <p>This artical is just about Suckless's DWM and how I like it.</p> - </div> - - <div class="article"> - <h2><a href="articles/1Learning_C#article">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> + <header> + <nav> + <ul> + <li><a href="index.html">Home</a></li> + <li><a href="links.html">Links</a></li> + <li class="logo"><img src="Images/misc/logo.png" alt="Logo"></li> + <li><a href="projects.html">Projects</a></li> + <li><a href="contact.html">Contact</a></li> + </ul> + </nav> + </header> + <main class="description"> + <p> + Hello there, I am Shipwreckt a teenager from the UK. If you cannot tell I like to program and I am currently learning the C programming language and diffrent algerithems.</p> + <p><a href=about/software>Software</a> and <a href=about/hardware>hardware</a> that I use</p> + <section class="posts"> + <h2>Posts</h2> + <ul> + <li>13-07-2024 - <a href="posts/1dwm">Switching to DWM</a></li> + <li>10-06-2024 - <a href="posts/0learningC">Learning the C programming language</a></li> + </ul> + </section> + <section class="posts"> + <h2>Articals</h2> + <ul> + <li>30-05-2024 - <a href="articals/0How_To_Stay_Safe_Online">How to stay safe online</a></li> + </ul> + </section> + </main> </body> </html> |