-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
134 lines (126 loc) · 4.3 KB
/
index.html
File metadata and controls
134 lines (126 loc) · 4.3 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
<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Secular+One" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
<link rel="icon" type="image/png" href="icon.png">
<head>
<meta charset="UTF-8">
<meta id="meta" name="theme-color" content="#F44336" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Matt</title>
</head>
<body>
<div class="header-section">
<div class="pic">
<!-- photo section on the left -->
</div>
<div class="sideWrap">
<div class="sideText">
<!-- right side where the text goes-->
<div class="wrapText"><!--adds elipses to the wrapping of the text--></div>
<div class="profile-pic">
<!-- must be square image-->
<img src="./headshot.jpg">
</div>
<p> </p>
<p><h3>Hi,</h3></p>
<p>My name is Matt and I'm a Full-stack Web Developer.</p>
<p>You can view my CV <a href="./CV.pdf" target="blank">here</a> or check out some projects I've made underneath.</p>
<p><a href="mailto:matt@matthewbarlow.co.uk">Get in touch</a></p>
<div class="header-arrow">ˬ<!--bouncing down arrow--></div>
</div>
</div>
<div class="image-cover">
</div>
</div>
<div class="bgSlideEffect"></div>
<div class="part2">
<div class="background"></div>
<h2 style="mix-blend-mode: soft-light; color: black">Projects:</h2>
<a class="project-outer" href="pedestrian/index.html">
<div class="project">
<div class="projectLink">
<div class="projectLink-inner">
<h3>Pedestrian Crossing</h3>
<p>Making my pedestrian crossing active using a raspberry pi zero.</p>
</div>
</div>
<div class="projectImage">
<img src="pedestrian/ped.jpeg">
</div>
</div>
</a>
<a class="project-outer" href="n64/index.html">
<div class="project">
<div class="projectLink">
<div class="projectLink-inner">
<h3>Go Board game for N64</h3>
<p>Building a game for the 1996 Nintendo 64.</p>
</div>
</div>
<div class="projectImage">
<img src="n64/shot3.png">
</div>
</div>
</a>
<a class="project-outer" href="fyp/index.html">
<div class="project">
<div class="projectLink">
<div class="projectLink-inner">
<h3>Final Year University Project</h3>
<p>Creation of patterns using genetic algorithms.</p>
</div>
</div>
<div class="projectImage">
<img src="dragon.jpeg">
</div>
</div>
</a>
<a class="project-outer" href="https://github.com/Matthewbgithub/cs2010.git">
<div class="project">
<div class="projectLink">
<div class="projectLink-inner">
<h3>Go Board Game</h3>
<p>A group project at university where I acted as the lead programmer, creating a video game of the board game; go.</p>
</div>
</div>
<div class="projectImage">
<img src="other/go.png">
</div>
</div>
</a>
<a class="project-outer" href="https://chrome.google.com/webstore/detail/youtube-auto-skip/ohikijpdhhnifdnlfibeicbbdfammlpo">
<div class="project">
<div class="projectLink">
<div class="projectLink-inner">
<h3>Youtube Auto Skip</h3>
<p>A chrome extension I've developed that skips the start of youtube videos to get to the content.</p>
</div>
</div>
<div class="projectImage">
<img src="extensionbanner.png">
</div>
</div>
</a>
<a class="project-outer" href="astonhack/index.html">
<div class="project">
<div class="projectLink">
<div class="projectLink-inner">
<h3>Findasaur</h3>
<p>Web game developed at AstonHack hackathon 2018</p>
</div>
</div>
<div class="projectImage">
<img src="astonhack/thumb.jpg">
</div>
</div>
</a>
</div>
</body>
</html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="google/analytics.js"></script>
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
<script src="main.js"></script>