-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
142 lines (133 loc) · 8.37 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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Philip Rowlands' Portfolio</title>
</head>
<body>
<header>
<h1>Philip Rowlands / Aceade</h1>
<p>I'm a software engineer and scifi/fantasy writer. Up until 2021, most of what I did was full-stack Java work; since then, I've been working on JavaScript full-stack. I am considering moving into frontend development and specialising in accessibility.</p>
<img id="authorImg" src="images/me.jpg" alt="A black-and-white selfie of a man in a fleece and sun hat, framed against the sea" />
<hr />
</header>
<main>
<h2>Web development examples</h2>
<h3>Sydfjords</h3>
<p>Inspired by a fictional world I am working on. Porting the Vue app below to another framework is my go-to practice project for that framework.</p>
<div class="linksGrid">
<div class="link">
<a href="https://aceade.github.io/sydfjords" target="_blank">
<img class="backImage" src="https://aceade.github.io/sydfjords/icons/Sydfjords_Logo_1.png" alt="Link to the Sydfjords page (Vue version). Opens in a new tab"/>
<p class="linkTitle">Sydfjord Tourism (Vue)</p>
<p class="hideOnMobile">Practicing responsive web design with a mock tourism site.</p>
</a>
</div>
<div class="link">
<a href="https://aceade.github.io/sydfjords-react" target="_blank">
<img class="backImage" src="https://aceade.github.io/sydfjords-react/vite.svg" alt="Link to the Sydfjords page (React version). Opens in a new tab"/>
<p class="linkTitle">Sydfjord Tourism (React)</p>
<p class="hideOnMobile">Porting the Sydfjords repo to React.</p>
</a>
</div>
<div class="link">
<a href="" target="_blank">
<img class="backImage" src="https://aceade.github.io/sydfjords-angular/images/icons/Sydfjords_Logo_1.png" alt="Link to the Sydfjords page (Angular version). Opens in a new tab"/>
<p class="linkTitle">Sydfjord Tourism (Angular)</p>
<p class="hideOnMobile">Porting the Sydfjords repo to Angular.</p>
</a>
</div>
<div class="link">
<a href="https://aceade.github.io/colwdvatn-rails" target="_blank">
<img class="backImage invert" src="./images/link.svg" alt="Link to the Colwdvatn and Kerbalstead Rails page. Opens in a new tab"/>
<p class="linkTitle">Colwdvatn & Kerbalstead Rails</p>
<p class="hideOnMobile">The main railway line for this fictional setting.</p>
</a>
</div>
</div>
<h3>Other web development projects</h3>
<div class="linksGrid">
<div class="link">
<a href="https://aceade.github.io/cdz-vue-site" target="_blank">
<img class="backImage" src="https://aceade.github.io/cdz-vue-site/favicon.ico" alt="Link to a scifi series page. Opens in a new tab"/>
<p class="linkTitle">Connacht Disaster Zone (Vue)</p>
<p class="hideOnMobile">An alternative site for my main scifi series, made to teach myself Vue.</p>
</a>
</div>
<div class="link">
<a href="https://github.com/aceade/express-echo" target="_blank">
<img class="backImage invert" src="./images/cloud.svg" alt="Link to a repo for a NodeJS test app. Opens in a new tab"/>
<p class="linkTitle">Express Echo</p>
<p class="hideOnMobile">A Node/Express test app that echoes REST calls back to the sender.</p>
</a>
</div>
<div class="link">
<a href="https://github.com/aceade/express-chat-backend" target="_blank">
<img class="backImage invert" src="./images/cloud.svg" alt="Link to the express-chat-backend repo. Opens in a new tab"/>
<p class="linkTitle">Express Chat Backend</p>
<p class="hideOnMobile">A NodeJS/Express chat backend with socket.io. Was hosted on Azure, has since been taken down.</p>
</a>
</div>
<div class="link">
<a href="https://github.com/aceade/express-chat-client" target="_blank">
<img class="backImage invert" src="./images/chat.svg" alt="Link to the express-chat-client repo. Opens in a new tab"/>
<p class="linkTitle">Express Chat Client</p>
<p class="hideOnMobile">A React client for testing the Express Chat Backend. No longer deployed.</p>
</a>
</div>
</div>
<h2>Other projects</h2>
<div class="linksGrid">
<div class="link">
<a href="./Fiptubat" target="_blank">
<img class="backImage invert" src="./images/game.svg" alt="Link to a Unity game. Opens in a new tab. Not for mobile"/>
<p class="linkTitle">Fiptubat (desktop only)</p>
<p class="hideOnMobile">A turn-based tactics game made in Unity/C# with a first-person perspective.</p>
</a>
</div>
<div class="link">
<a href="https://github.com/aceade/pyshotcutupload" target="_blank">
<img class="backImage invert" src="./images/link.svg" alt="Link to a repo for an upload automation script. Opens in a new tab"/>
<p class="linkTitle">pyshotcutupload</p>
<p class="hideOnMobile">A Python utility I wrote for uploading Shotcut project files to a different machine for rendering.</p>
</a>
</div>
<div class="link">
<a href="https://aceade.github.io/tacpath-ml/" target="_blank">
<img class="backImage invert" src="./images/bot.svg" alt="Link to a repo for a machine learning project. Opens in a new tab"/>
<p class="linkTitle">Tacpath ML</p>
<p class="hideOnMobile">Teaching myself some basic machine learning with ml5 using the data from my Master's thesis.</p>
</a>
</div>
</div>
<h2>Where else to find me</h2>
<div class="linksGrid">
<div class="link">
<a href="https://github.com/aceade" target="_blank">
<img class="invert" src="images/github.svg" alt="Link to my GitHUb profile. Opens in a new tab" title="GitHub">
<p class="linkTitle">GitHub</p>
</a>
</div>
<div class="link">
<a href="https://www.linkedin.com/in/philip-rowlands-galway/" target="_blank">
<img class="invert" src="images/linkedin.svg" alt="Link to my LinkedIn profile. Opens in a new tab" title="LinkedIn">
<p class="linkTitle">LinkedIn</p>
</a>
</div>
<div class="link">
<a href="https://aceade.net/" target="_blank">
<img class="invert" src="images/home.svg" alt="Link to my main site and writing blog. Opens in a new tab" title="My main site and writing blog">
<p class="linkTitle">My main site</p>
</a>
</div>
<div class="link">
<a href="https://mastodon.ie/@aceade" target="_blank">
<img class="invert" src="images/mastodon.svg" alt="Link to my Mastodon account. Opens in a new tab" title="Mastodon">
<p class="linkTitle">Mastodon</p>
</a>
</div>
</div>
</main>
</body>
</html>