Website/index.html at main · liamlego/Website · 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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html>
<head>
<title>Liam's Website</title>
</head>


<link rel="stylesheet" href="./css/style.css">

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Audiowide|Sofia|Trirong">

<body>

<header>
    <h1>Liam Morrison</h1>
</header>

<nav>

    <ul>
        <li class="navElement"><a href="./index.html" class="navElement">Home</a></li>
        <li class="navElement"><a href="./html/projects.html" class="navElement">Projects</a></li>
    </ul>

</nav>

<section class="welcomePart">

    <div class="welcomeDiv">
        <div class='welcomeButtons'>
            <button type="button" id="welcomeButtons" class="projButton">Projects</button>
            <button type="button" id="welcomeButtons" class="aboutButton">About</button>
        </div>
    </div>

</section>

<section class="barrier"></section>

<section class="projects">


    <div class="projWrapper">

        <h1 id="projHead"><a id="projHead" href="/html/projects.html">Projects</a></h1>


        <p id="projDescription">

            <img src="./resources/rubik_example.gif" class="pIMAGE">
            <br>
            <br>
            <br>
            Go to my Projects page to see all of my projects! Or just play the game to the right!
        </p>


        <div class="gameDiv">
            <div class="gamePad">
                <button type="button" class="gameButtons" id="gameButtonUp"></button>
                <button type="button" class="gameButtons" id="gameButtonDown"></button>
                <button type="button" class="gameButtons" id="gameButtonRight"></button>
                <button type="button" class="gameButtons" id="gameButtonLeft"></button>
            </div>
            <canvas id="canvas1"></canvas>
        </div>
    </div>

    <script src="./scripts/game.js">

    </script>

</section>

<section class="barrier"></section>

<section id="about">

    <div class="aboutDiv">

        <h1 id="aboutHead">About Me</h1>

        <p id="aboutStatement1"></p>

        <p id="aboutStatement2">

        </p>

        <p id="aboutStatement3">

        </p>

        <p id="aboutStatement4"></p>
            <!--- at the
            <br>

            <br>

            --->


        <img id="myPic" src="./resources/profile_pic.jpg">

    </div>


</section>
<section class="barrier"></section>


<footer>
<p>Liam Morrison, Software Engineering Student at the University of Washington, Bothell</p>
</footer>

<script src="/scripts/home.js"></script>

</body>


</html>