-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
154 lines (142 loc) · 6.05 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
<!DOCTYPE HTML>
<!--
Massively by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Ada's Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper" class="fade-in">
<!-- Intro -->
<div id="intro">
<h1>Ada's<br />
Portfolio</h1>
<p>Well versed in secure & reliable cloud architecture design and implementation. <br />Experienced in developing cloud native apps, automation, and monitoring.
<br /><a target="_blank" href="https://github.com/awengine/">@awengine</a>
</p>
<ul class="actions">
<li><a href="#header" class="button icon solid solo fa-arrow-down scrolly">Continue</a></li>
</ul>
</div>
<!-- Header -->
<header id="header">
<a class="logo">Be Versatile</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li class="active"><a>Projects</a></li>
<!-- <li><a href="about.html">About</a></li> -->
</ul>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/ada-w-748973a7/" class="icon brands fa-linkedin" target="_blank"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/awengine" class="icon brands fa-github" target="_blank"><span class="label">GitHub</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Featured Post -->
<article class="post featured">
<header class="major">
<h2>Census Data on Interactive Maps<br />
</h2>
<p>
Uers can interact with the map to find ideal locations for retail business based on the demographic data. Visualising census data (from Australian Bureau of Statistics) and population density geo images (from NASA SEDAC) on Google Maps.
</p>
</header>
<a href="https://github.com/awengine/census-data-on-interactive-maps" class="image main" target="_blank"><img src="images/architecture-census-data-on-interactive-maps.jpeg" alt="" /></a>
<ul class="actions special">
<li><a href="https://github.com/awengine/census-data-on-interactive-maps" class="button large" target="_blank">View Project</a></li>
</ul>
</article>
<!-- Posts -->
<section class="posts">
<article>
<header>
<h2>Cloud Architecture in Terraform<br />
</h2>
</header>
<a href="https://github.com/awengine/cloud-architecture-diagram-with-IaC" class="image fit" target="_blank"><img src="images/aws-scalable-wordpress-terraform.png" alt="" /></a>
<p class="align-center">
Designing cloud infrastructure based on well-architectured framework and best practice in security, reliability, and availability.
</p>
<ul class="actions special">
<li><a href="https://github.com/awengine/cloud-architecture-diagram-with-IaC" class="button" target="_blank">View Project</a></li>
</ul>
</article>
<article>
<header>
<h2>Automation with AWS CLI & Bash Scripts<br />
</h2>
</header>
<a href="https://github.com/awengine/patch-automation-with-awscli-bash" class="image fit" target="_blank"><img src="images/code-screenshot1.png" alt="" /></a>
<p class="align-center">
Deploying AWS services with Bash scripts and AWS CLI commands. Fine-tuning configs and specifications. Supporting fast iterations.
</p>
<ul class="actions special">
<li><a href="https://github.com/awengine/patch-automation-with-awscli-bash" class="button" target="_blank">View Project</a></li>
</ul>
</article>
<article>
<header>
<h2>UX/Product Design<br />
in CSS & Wordpress
</h2>
</header>
<a href="https://transitionmade.com" class="image fit" target="_blank"><img src="images/TM-homepage1.jpg" alt="TransitionMade homepage" /></a>
<p class="align-center">
From idealtion to final product the website. This project implements multiple user journeys for a successful vegan lifestyle transition.
</p>
<ul class="actions special">
<li><a href="https://transitionmade.com" class="button" target="_blank">View Project</a></li>
</ul>
</article>
<article>
<header>
<h2>Coming soon ...
</h2>
</header>
<a class="image fit"><img src="images/pic02.jpg" alt="coming soon ..." /></a>
<p class="align-center">
More coming soon ...
</p>
<ul class="actions special">
<!-- <li><a href="" class="button">View Project</a></li> -->
</ul>
</article> </section>
</div>
<!-- Footer -->
<footer id="footer">
<section class="split contact">
<section>
<h3>Social</h3>
<ul class="icons alt">
<li><a href="https://www.linkedin.com/in/ada-w-748973a7/" class="icon brands alt fa-linkedin" target="_blank"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/awengine" class="icon brands alt fa-github" target="_blank"><span class="label">GitHub</span></a></li>
</ul>
</section>
</section>
</footer>
<!-- Copyright -->
<div id="copyright">
<ul><li>© 2022 awengine.github.io</li></ul>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>