liam-ralph.github.io/elements.html at main · Liam-Ralph/liam-ralph.github.io · GitHub

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
<!DOCTYPE html>

<html lang="en">

    <!--First Header-->
    <div id="first-header">

        <!--Logo-->
        <img class="logo-medium" src="/images/logo.png" alt="Site Logo">

        <!--Site Title-->
        <p class="name-title">Liam Ralph</p>

        <!--Website Version-->
        <p class="first-header-side-text" id="first-header-released">Released August 2025</p>

        <!--Website Version-->
        <p class="first-header-side-text" id="first-header-version">Loading...</p>

        <!--Github Logo-->
        <img id="first-header-github-logo" src="/images/github-mark.svg" alt="Github Logo">

        <!--Github Profile-->
        <a class="first-header-side-text offwhite-hover"
            id="first-header-profile" href="https://github.com/Liam-Ralph" target="blank">Github Profile</a>

        <!--Github Pages Source-->
        <a class="first-header-side-text offwhite-hover" id="first-header-source"
            href="https://github.com/Liam-Ralph/liam-ralph.github.io" target="blank">
            Github Pages Source
        </a>

    </div>

    <!--Second Header-->
    <div id="second-header">

        <!--Site Navigation Buttons-->

        <div class="site-nav-button-box">
            <button class="site-nav-button" onclick="window.open('/about-me', '_self');">
                <p class="site-nav-button-text" id="about-me-page-button">About Me</p>
            </button>
        </div>

        <div class="site-nav-button-box">
            <button class="site-nav-button" onclick="window.open('/projects', '_self');">
                <p class="site-nav-button-text" id="projects-page-button">Projects</p>
            </button>
        </div>

        <div class="site-nav-button-box">
            <button class="site-nav-button" onclick="window.open('/statistics', '_self');">
                <p class="site-nav-button-text" id="statistics-page-button">Statistics</p>
            </button>
        </div>

    </div>

    <!--Footer-->
    <div id="footer">

        <!--First Line-->
        <div class="footer-line" id="first-footer-line">

            <!--Logo-->
            <img class="logo-medium" id="footer-logo" src="/images/logo.png" alt="Site Logo">

            <!--Site Title-->
            <p class="name-title" id="footer-title">Liam Ralph</p>

        </div>

        <!--Second Line-->
        <div class="footer-line" id="second-footer-line">

            <!--Made With Title-->
            <p id="credit-title">Made With</p>

        </div>

        <!--Third Line-->
        <div class="footer-line" id="third-footer-line">

            <!--Github Pages-->
            <div class="footer-credit-box">
                <img class="footer-credit-logo" src="/images/github-mark.svg" alt="Github Logo">
                <p class="footer-credit-logo-text">Github Pages</p>
            </div>

        </div>

        <!--Fourth Line-->
        <div class="footer-line" id="fourth-footer-line">

            <img class="footer-image" src="/images/canada-flag.svg" alt="Canadian Flag">

        </div>

    </div>

</html>