-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
163 lines (159 loc) · 9.67 KB
/
Copy pathindex.html
File metadata and controls
163 lines (159 loc) · 9.67 KB
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
<!DOCTYPE html>
<html>
<head>
<title>
Aslan Bennington-Barr
</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Urbanist:wght@100;400&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="index.css">
<meta content="width=device-width, initial-scale=1" name="viewport" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-5GWR5C59NS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-5GWR5C59NS');
</script>
</head>
<body>
<div id="first-panel" class="panel">
<div id="first-panel-content" class="panel-content">
<h1 class="text-center">Hi, I'm Aslan Bennington-Barr!</h1>
<p class="text-justify">I'm a Software Developer and Atlassian Certified Expert from Wellington, New Zealand.</p>
<p class="text-justify">I love solving problems, programming, photography, and reading. I like learning
languages and useless facts in my spare time.</p>
<button id="seemore1" onclick="seeMore1Listener()" class="text-center ">My Portfolio ↓</button>
</div>
</div>
<div id="second-panel" class="panel">
<div id="second-panel-content" class="panel-content">
<h1 class="text-center">My Portfolio</h1>
<div class="display-block ">
<p>
Professional Work
</p>
<div class="project-card">
<h3>TechTime Initiative Group</h3>
<h4>2021 til present</h4>
<p>I've developed Atlassian Plugins for Jira, Confluence, Bitbucket and Confluence, and completed four major certifications to become an Atlassian Certified Expert.</p>
<p>I've worked on customer facing website content and been responsible for work on scripting for
data migration
projects.</p>
</div>
<div class="project-card">
<h3>Architectural Business Project Management Tool</h3>
<h4>2018 - 2022</h4>
<p>I have been developing a project management tool for an architectural company, designed to
replace their clunky spreadsheet based systems with a purpose-built website. The project is in
use but still under development. A demo could be provided on request.</p>
<p>The project has integrations with Xero's WorkflowMax API, uses AJAX and jQuery with an SQL
database, and is built on an HTML, CSS and Javascript stack, with PHP files for automating
certain API functions.</p>
</div>
</div>
<div class="display-block">
<p>Group Work</p>
<div class="project-card">
<h3>Trovu - Job Search Service</h3>
<p><a class="link-black" href="https://www.trovu.co">Trovu.co</a> was a project two friends and I
began in late 2017. We received a grant which enabled us to continue work, but unfortunately
COVID forced us to re-evaluate the viability of the product. A placeholder site is in use for
now. A development version demo could be provided on request.</p>
</div>
<div class="project-card">
<h3>Daily Avocado - SoT Create Camp 2021</h3>
<p>I attended the Summer of Tech Create Camp in 2021. My group produced a financial management tool
called Daily Avocado, an "instant, automatic and visual insight" into your financial spending
habits.</p>
<p>Our project won the Technical Award for the Create Camp, due to our demo and integration with two
datasets.</p>
<a class="link-black" href="https://github.com/harleywelsby/Create-Camp-2021">Link to GitHub</a>,
<a class="link-black"
href="https://www.linkedin.com/feed/update/urn:li:activity:6840227627765248000/">My LinkedIn
post</a>
</div>
</div>
<div class="display-block ">
<p>Personal Projects</p>
<div class="project-card">
<h3>Doomsday Calculator</h3>
<p>The Doomsday Calculator is based on <a href="https://www.wikiwand.com/en/John_Horton_Conway">John
Conway's</a> <a href="https://www.wikiwand.com/en/Doomsday_rule">Doomsday Rule</a>, which
allows us to calculate the day of the week of any date.</p>
<p>I have created a <a href="https://doomsday-calculator.vercel.app/">live web version</a> (<a
href="https://github.com/BionicCat27/Doomsday-Calculator-Web">GitHub</a>), a Java version
(<a href="https://github.com/BionicCat27/Doomsday-Calculator-Java">GitHub</a>) and a Python
version (<a href="https://github.com/BionicCat27/Doomsday-Calculator-Python">GitHub</a>).</p>
</div>
<div class="project-card">
<h3>My Simple Priorities</h3>
<p>My Simple Priorities is a priority tracker. It is in early development, but I intend to add lots
of features - accounts, multiple priority lists, sub-priority lists etc. I am developing My
Simple Priorities because I find to-do lists too one dimensional.</p>
<p>I have created a <a href="https://my-simple-priorities-web.vercel.app">live web demo</a> (<a
href="https://github.com/BionicCat27/My-Simple-Priorities-Web">GitHub</a>), and a Java
version (<a href="https://github.com/BionicCat27/My-Simple-Priorities-Java">GitHub</a>) using
Swing.</p>
</div>
<div class="project-card">
<h3>House Calculator</h3>
<p>The House Calculator is a website for calculating how long it would take for you to buy a house,
given certain parameters.</p>
<p>I have created a <a href="https://house-calculator.vercel.app/">live web demo</a> (<a
href="https://github.com/BionicCat27/HouseCalculator/tree/main">GitHub</a>)</p>
</div>
<div class="project-card">
<h3>This website!</h3>
<p>I have built this website from scratch (<a
href="https://github.com/BionicCat27/PortfolioWebsite">GitHub</a>) to showcase some of my
work. It is written in HTML, CSS, and Javascript, and uses jQuery. I hope you like it!
</p>
</div>
</div>
<button id="seemore1" onclick="seeMore2Listener()" class="text-center">My Skills</button>
<a class="margin-1 back-link text-center" href="#first-panel">Back</a>
</div>
</div>
<div id="third-panel" class="panel">
<div id="third-panel-content" class="panel-content">
<h1 class="text-center">My Skills</h1>
<div class="display-block ">
<p>Technical Skills</p>
<ul>
<li>Java, Python, JavaScript, React, HTML/CSS, C++</li>
<li>Atlassian's Jira, Bitbucket, Confluence</li>
<li>Xero's WorkflowMax API, OAuth2.0, Bootstrap, jQuery, AJAX</li>
<li>GitHub, Firebase</li>
<li>Linux - Ubuntu and Kali Linux</li>
<li>Photography, creative media</li>
</ul>
</div>
<button id="seemore1" onclick="seeMore3Listener()" class="text-center">Want to know more?</button>
<a class="margin-1 back-link text-center" href="#second-panel">Back</a>
</div>
</div>
<div id="fourth-panel" class="panel">
<div id="fourth-panel-content" class="panel-content">
<h1 class="text-center">Contact Me!</h1>
<a class="display-block padding-1 margin-1 embedded-logo"
href="https://www.linkedin.com/in/aslan-bennington-barr/"><img id="linkedin-logo"
src="resources/LI-Logo.png"></a>
<a class="display-block padding-1 margin-1 embedded-logo" href="https://github.com/BionicCat27"><img
id="github-logo" src="resources/GitHub_Logo.png"></a>
<a class="display-block padding-1 margin-1 embedded-logo"
href="mailto:aslan.bennington.barr@gmail.com">aslan.bennington.barr@gmail.com</a>
<button id="seemore1" onclick="seeMore4Listener()" class="text-center">Back to top</button>
<a class="margin-1 back-link text-center" href="#third-panel">Back</a>
</div>
</div>
<footer id="credit-footer">A project by <a href="https://aslanbb.vercel.app/">Aslan Bennington-Barr</a><br>
<a href="https://github.com/BionicCat27"><img id="github-logo" src="resources/GitHub_Logo.png"></a>
<a href="https://www.linkedin.com/in/aslan-bennington-barr/"><img id="linkedin-logo"
src="resources/LI-Logo.png"></a>
</footer>
<script src="index.js"></script>
</body>
</html>