-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (104 loc) · 6.26 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
<!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="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
<link rel="manifest" href="img/favicon/site.webmanifest">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Lexend:wght@700&family=Montserrat&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<title>Jamie Blaut - Software Engineer</title>
</head>
<body>
<main>
<div class="intro-overlay"></div>
<div class="intro">
<h1>Jamie Blaut</h1>
<p>Software Engineer</p>
<div class="buttons">
<a href="https://www.linkedin.com/in/jamie-blaut-aba919146/" target="_blank">
<button class="linkedin">
<svg viewBox="0 0 512 512">
<path
d="m160.007812 423h-70v-226h70zm6.984376-298.003906c0-22.628906-18.359376-40.996094-40.976563-40.996094-22.703125 0-41.015625 18.367188-41.015625 40.996094 0 22.636718 18.3125 41.003906 41.015625 41.003906 22.617187 0 40.976563-18.367188 40.976563-41.003906zm255.007812 173.667968c0-60.667968-12.816406-105.664062-83.6875-105.664062-34.054688 0-56.914062 17.03125-66.246094 34.742188h-.066406v-30.742188h-68v226h68v-112.210938c0-29.386718 7.480469-57.855468 43.90625-57.855468 35.929688 0 37.09375 33.605468 37.09375 59.722656v110.34375h69zm90 153.335938v-392c0-33.085938-26.914062-60-60-60h-392c-33.085938 0-60 26.914062-60 60v392c0 33.085938 26.914062 60 60 60h392c33.085938 0 60-26.914062 60-60zm-60-412c11.027344 0 20 8.972656 20 20v392c0 11.027344-8.972656 20-20 20h-392c-11.027344 0-20-8.972656-20-20v-392c0-11.027344 8.972656-20 20-20zm0 0" />
</svg>
</button>
</a>
<a href="http://github.com/jblaut/" target="_blank">
<button class="github">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<g>
<path d="M255.968,5.329C114.624,5.329,0,120.401,0,262.353c0,113.536,73.344,209.856,175.104,243.872
c12.8,2.368,17.472-5.568,17.472-12.384c0-6.112-0.224-22.272-0.352-43.712c-71.2,15.52-86.24-34.464-86.24-34.464
c-11.616-29.696-28.416-37.6-28.416-37.6c-23.264-15.936,1.728-15.616,1.728-15.616c25.696,1.824,39.2,26.496,39.2,26.496
c22.848,39.264,59.936,27.936,74.528,21.344c2.304-16.608,8.928-27.936,16.256-34.368
c-56.832-6.496-116.608-28.544-116.608-127.008c0-28.064,9.984-51.008,26.368-68.992c-2.656-6.496-11.424-32.64,2.496-68
c0,0,21.504-6.912,70.4,26.336c20.416-5.696,42.304-8.544,64.096-8.64c21.728,0.128,43.648,2.944,64.096,8.672
c48.864-33.248,70.336-26.336,70.336-26.336c13.952,35.392,5.184,61.504,2.56,68c16.416,17.984,26.304,40.928,26.304,68.992
c0,98.72-59.84,120.448-116.864,126.816c9.184,7.936,17.376,23.616,17.376,47.584c0,34.368-0.32,62.08-0.32,70.496
c0,6.88,4.608,14.88,17.6,12.352C438.72,472.145,512,375.857,512,262.353C512,120.401,397.376,5.329,255.968,5.329z" />
</g>
</g>
</svg>
</button>
</a>
</div>
</div>
</main>
<section class="about">
<div class="about-overlay"></div>
<div class="about-me">
<div class="about-box">
<h2>About Me</h2>
<p>Hello! My name is <strong>Jamie</strong>, and I'm a software engineer. I currently work for BBC, more specifically BBC News.
I joined BBC as a trainee back in 2015 in their BBC World Service team, and since then I've moved up the ranks to mid-level engineer.
I've witnessed and took part in many projects, including migrating from a PHP based stack to using JavaScript with ReactJS, and NodeJS backend.</p>
<p>More recently I've been working on the BBC News website, mainly with the article pages, adding functionality for interactive "includes", as well as moving to a brand new Content Managment System.</p>
<p>If you'd like to know more about my employment history with the BBC or learn more about my programming knowledge, please feel free to use the form below to request my CV!</p>
</div>
</div>
</section>
<section class="projects">
<h2>Projects</h2>
<div class="project-box">
<div class="project" id="project-1">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus, quos!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus, quos!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus, quos!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus, quos!
</div>
<div class="project" id="project-2">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque, porro!
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque, porro!
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque, porro!
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque, porro!
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Atque, porro!
</div>
<div class="project" id="project-3">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil, temporibus!
</div>
</div>
</section>
<section class="contact">
<h2>Contact Me</h2>
<form name="contact" method="POST" data-netlify="true">
<label>Your Name:</label>
<input type="text" name="name" placeholder="Your Name" required />
<label>Your Email:</label>
<input type="email" name="email" placeholder="Your Email" required />
<label>Message:</label>
<textarea name="message" placeholder="Your Message" required></textarea>
<button type="submit">Send</button>
</form>
</section>
<footer>
<p>© 2021 - Jamie Blaut</p>
</footer>
</body>
</html>