summaryrefslogtreecommitdiff
path: root/public/index.html
blob: 8234dd6f78ed08001ded19dcfdc82db795e54a04 (plain)
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
<!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" style="display: none;">
                <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>
                <li><a href="about/hardware">Hardware I am using</a></li>
                <li><a href="about/software">Software I use</a></li>
            </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
            <li><a href="projects/programs/Dotfiles.html">Dotfiles</a></li>
            <li><a href="projects/programs/Fakefetch.html#info">Fakefetch script</a></li>
            </p><br>

            <p>Written works
            <li><a href="projects/WeeklyByte/WeeklyByte.html">Weekly Byte</a></li>
            </p>
            </section>
            
            <section id="Articles">
                <div class="article">
                    <h2><a href="articles/0How_To_Stay_Safe_Online.html">How to stay safe online</a></h2>
                    <p>Date: May 30, 2024</p>
                    </div>
                </div>

            </section>

        </main>
    </div>
    <script src="script.js"></script>
</body>
</html>