-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
164 lines (145 loc) · 7.62 KB
/
index.html
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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html lang="en">
<head>
<title>Choco - Parker Hawke</title>
<meta charset="utf-8" />
<meta name="author" content="Parker Hawke" />
<meta name="description" content="My name is Parker Hawke and I'm a software developer based out of Ontario, Canada. I make plugins for Minecraft servers and develop standalone games in my free time." />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="canonical" href="http://choco.wtf/" />
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
<link rel="stylesheet" href="./css/index.css" />
</head>
<body>
<nav class="container-fluid">
<div class="row align-items-center py-4">
<!-- Left nav bar -->
<div class="col-5">
<ul class="nav-list">
<li><a href="https://spigotmc.org/members/31119" target="_blank">SpigotMC</a></li>
<li><a href="https://github.com/2008Choco" target="_blank">GitHub</a></li>
<li><a href="http://discord.choco.wtf" target="_blank">Discord</a></li>
<li><a href="https://twitter.com/2008Choco_" target="_blank">Twitter</a></li>
</ul>
</div>
<!-- Home button -->
<div class="col-2 d-flex justify-content-center">
<a href="#"><img src="./assets/icons/home_filled.svg" alt="Home" id="home"></a>
</div>
<!-- Right nav bar -->
<div class="col">
<ul class="nav-list float-right">
<li><a href="./plugins/veinminer.html">VeinMiner</a></li> <!-- RID: 12038 -->
<li><a href="./plugins/dragoneggdrop.html">DragonEggDrop</a></li> <!-- RID: 35570 -->
<li><a href="./plugins/alchemicalarrows.html">AlchemicalArrows</a></li> <!-- RID: 11693 -->
<li><a href="./plugins/locksecurity.html">LockSecurity</a></li> <!-- RID: 81282 -->
<li><a href="./plugins/alchema.html">Alchema</a></li> <!-- RID: 87078 -->
</ul>
</div>
</div>
</nav>
<main class="container-fluid mb-5">
<!-- About me -->
<h2 class="text-center py-4">About Me</h2>
<div class="row mx-5">
<div class="col-xl-3 d-flex justify-content-center">
<img src="./assets/profile.png" class="border border-dark rounded-circle m-auto" id="profile-picture" alt="Profile picture">
</div>
<div class="col-xl m-auto px-4 py-3">
<h3>Personal Life</h3>
<p class="text-justify m-0 age-injector">
My name is Parker Hawke. I was born in Ontario and am a proud {age} year old Canadian currently living east of the Greater Toronto Area.
Throughout my childhood I was taught to pursue my goals and work hard at everything I set my mind to, to continue to learn and to grow.
I am currently enrolled in various post-secondary courses seeking to complete a certification in software development.
</p>
</div>
<div class="col-xl m-auto px-4 py-3">
<h3>Experience</h3>
<p class="text-justify m-0">
From the age of 7, programming had become a massive interest of mine.
Starting with Lua and making my way up to more enterprise languages like Java (from early 2015) and Python (from early 2017), I was eager to learn more.
I have a strong understanding of complex software design and development and am confident with languages including Java, Python, C++, JavaScript among others.
</p>
</div>
<div class="col-xl m-auto px-4 py-3">
<h3>Minecraft</h3>
<p class="text-justify m-0">
The game beloved by all, Minecraft, has become a large part of my life over the course of the last 8 - 9 years.
After being a player for many years, as my interest in software development grew, my desire to mod the game was also growing and I began learning to write server-sided mods in February of 2015.
I've continued to make mods since that day, exploring also client-sided modding.
</p>
</div>
</div>
<hr class="divider">
<!-- Plugin information cards -->
<h2 class="text-center pb-4">My Minecraft Plugins</h2>
<div class="row mt-3" id="plugin-card-container">
<!-- These cards are generated using JavaScript and the card template below -->
<noscript>
<p class="text-center my-0">Oops! JavaScript must be enabled in order for plugin cards to be generated.</p>
</noscript>
</div>
<hr class="divider">
</main>
<footer class="footer mt-auto py-3 px-5">
<div class="container-flex">
<div class="row">
<div class="col">
<span class="text-muted text-justify">Icons made by <a class="muted" href="https://www.flaticon.com/authors/freepik" title="Freepik">Freepik</a> from <a class="muted" href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></span>
</div>
<div class="col">
<span class="text-muted text-justify float-end">Website designed & written by <a class="muted" href="https://twitter.com/2008Choco_" title="Freepik">Parker Hawke</a></span>
</div>
</div>
</div>
</footer>
<!-- Defining an HTML template for a plugin card. These are generated using JavaScript in index.js -->
<script id="plugin-card-template" type="text/template">
<div class="col my-3 d-flex justify-content-center">
<div class="card bg-light" style="width: 22rem;">
<img class="card-img-top" src="./assets/plugins/{{plugin_id}}/preview_cover.png" alt="{{alt_text}}">
<div class="card-body">
<h5 class="card-title">{{title}}</h5>
<p class="card-text text-justify">{{description}}</p>
<div class="container">
<div class="row">
<div class="col d-flex justify-content-center">
<a href="{{url_github}}" target="_blank" title="View source on GitHub"><img class="carded-icon" src="./assets/icons/github.svg" alt="GitHub"></a>
</div>
<div class="col d-flex justify-content-center">
<a href="{{url_javadocs}}" target="_blank" title="View developer API Javadocs"><img class="carded-icon" src="./assets/icons/books.svg" alt="Javadocs"></a>
</div>
<div class="col d-flex justify-content-center">
<a href="{{url_spigotmc}}" target="_blank" title="View on SpigotMC"><img class="carded-icon" src="./assets/icons/download.svg" alt="SpigotMC"></a>
</div>
<div class="col d-flex justify-content-center">
<a href="{{url_moreinfo}}" title="View more information"><img class="carded-icon" src="./assets/icons/info.svg" alt="More Info"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</script>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
<!-- My JS -->
<script src="./scripts/index.js"></script>
</body>
</html>
<!--
_________
/ ======= \
/ __________\
| ___________ |
| | - | |
| | | |
| |_________| |________________________
\_____________/ i made this website )
/ """"""""""" \ on this computer /
/ ::::::::::::: \ =D-'
(_________________)
(art by: Brian MacDonald @ https://www.asciiart.eu/computers/computers)
-->