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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
|
<!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>
<h3>Some project ideas on my mind / Todo list</h3>
<ul>
<li>Getting PlayStation VR working under Linux</li>
<li>Test out <a href="https://pi-hole.net/">Pihole</a> on my wifi router</li>
<li>Making xinitrc working on my Dotfiles on first install</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>
</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>
</body>
</html>
|
