1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
|
<!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/logo.jpg" type="image/x-icon">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="sidebar">
<h2>Table of Contents</h2>
<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>Shipwreckt</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/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>
</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.html">Dotfiles</a></li>
<li><a href="projects/programs/Fakefetch.html#info">Fakefetch script</a></li>
</ul><br>
<p>Written works</p>
<ul>
<li><a href="projects/WeeklyByte/WeeklyByte.html">Weekly Byte</a></li>
</ul>
</section>
<section id="Articles" style="display: none;">
<div class="article">
<h2><a href="articles/0How_To_Stay_Safe_Online.html#article">How to stay safe online</a></h2>
<p>Date: May 30, 2024</p>
</div>
</section>
</main>
</div>
<script src="script.js"></script>
</body>
</html>
|
