-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (128 loc) · 6.24 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="./assets/favicon.ico" type="image/x-icon" />
<script defer src="https://use.fontawesome.com/releases/v5.15.3/js/brands.js"
integrity="sha384-oEE/PrsvhwsuT1MjC4sgnz39CQ84HoPt8jwH0RLyJDdDOKulN+UEbm9IgJW0aTu5"
crossorigin="anonymous"></script>
<script defer src="https://use.fontawesome.com/releases/v5.15.3/js/fontawesome.js"
integrity="sha384-hD97VKS04Rv8VYShf782apVZOVP6bVH/ubzrWXIIbKOwnD6gsDIcB29K03FL1A9J"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="./assets/css/styles.css" />
<title>Porfolio - Ashley Mann</title>
</head>
<body>
<main>
<header>
<h1>Porfolio - Ashley Mann</h1>
<nav>
<a href="#about-me">About Me</a>
<a href="#projects">Projects</a>
<a href="#social-links">Social Links</a>
</nav>
</header>
<section id="about-me">
<h2>About Me</h2>
<div class="about-me">
<img class=".avatar" src="./assets/images/avatar_blue_2021.png" />
<p>
Hi, My name is Ashley, also known as minusInfinite. I've
had a fair long history of creating interactive
experience but haven't been able to find the time. My
previous experience was mostly around the use of a
software programme called Flash. It allowed for making
animations and interactions that could be used to build
really interesting websites. Unfortunately, my career
took a more methodical turn and all the fun and time
tinkering with webpage and web technology felt like a
misuse of my free time.
</p>
<br />
<p>All that said, we'll call this a personal renaissance</p>
</div>
</section>
<section id="projects">
<h2>Projects</h2>
<div class="projects">
<div class="card">
<figure>
<a href="https://nodebbs-demo.herokuapp.com/" target="_blank"><img
src="./assets/images/project-nodebbs.png" alt="image of the nodebbs homepage"
title="The landing page for NodeBBS" /></a>
<figcaption>
A concept for a classic Buliten Board forum in Node/Express/Handlebars -
<a href="https://github.com/minusInfinite/nodebbs" target="_blank">Github</a>
</figcaption>
</figure>
</div>
<div class="card">
<figure>
<a href="https://boot-dev-blog.herokuapp.com/" target="_blank">
<img src="./assets/images/devblog.png" alt="image of the devblog homepage"
title="the landing page for a Dev Blog" />
</a>
<figcaption>
A Node/Express/Handlebars blogging Web App -
<a href="https://github.com/minusInfinite/devblog" target="_blank">Github</a>
</figcaption>
</figure>
</div>
<div class="card">
<figure>
<a href="https://minusinfinite.id.au/shaztxt" target="_blank">
<img src="./assets/images/project-shaztxt - small.png" alt="The Landing page for ShazTXT"
title="The Landing page for ShazTXT" /></a>
<figcaption>
ShazTXT - Lyric Search with Genius and Youtube APIs -
<a href="https://github.com/minusInfinite/project-1">Github</a>
</figcaption>
</figure>
</div>
<div class="card">
<figure>
<a href="https://minusinfinite.github.io/weather-dashboard/">
<img src="./assets/images/weather_dashboard.png" alt="Landing page for my Weather Dashboard"
title="Landing page for my Weather Dashboard" /></a>
<figcaption>A Weather Dashboard using OpenWeatherMap.org - <a
href="https://github.com/minusInfinite/weather-dashboard">Github</a></figcaption>
</figure>
</div>
<div class="card">
<figure>
<a href="https://github.com/minusInfinite/employee-managment-cli">
<img src="./assets/images/emp-man.png"
title="link to the Github employee-managment-cli" /></a>
<figcaption>A fun little CLI that could be used to manage a small team - Click the Image for
Github</figcaption>
</figure>
</div>
</div>
</section>
<section id="social-links">
<h2>Socials</h2>
<ul>
<li>
<a href="https://www.twitter.com/minusinfinite" target="_blank"><i
class="fab fa-twitter fa-3x"></i></a>
</li>
<li>
<a href="https://www.linkedin.com/in/ashley-minusinfinite-mann/" target="_blank"><i
class="fab fa-linkedin-in fa-3x"></i></a>
</li>
<li>
<a href="https://github.com/minusInfinite" target="_blank"><i class="fab fa-github fa-3x"></i></a>
</li>
<li>
<a href="https://minusInfinite.net" target="_blank"><i class="fab fa-blogger-b fa-3x"></i></i></a>
</li>
</ul>
</section>
</main>
<footer>
<h2>Made by minusInfinite</h2>
</footer>
</body>
</html>