File organisation:
Generated resources folder to hold images in imgs. Browser resources like favicons in browser folder
RobertHeaton
10
4.css
@ -62,13 +62,13 @@ a.btn:hover, .btn:focus {
|
||||
width:100%;
|
||||
height:100vh;
|
||||
background-color: #333;
|
||||
background-image:url(circuitBanner.jpg);
|
||||
background-image:url(resources/imgs/circuitBanner.jpg);
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
#aboutMe{
|
||||
background-color:#ffffff;
|
||||
background-image:url(collageBanner.png);
|
||||
background-image:url(resources/imgs/collageBanner.png);
|
||||
background-position: center;
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
@ -88,7 +88,7 @@ a.btn:hover, .btn:focus {
|
||||
padding-top:20px;
|
||||
padding-bottom:20px;
|
||||
background-color: #333;
|
||||
background-image:url(codeBanner.jpg);
|
||||
background-image:url(resources/imgs/codeBanner.jpg);
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
@ -96,7 +96,7 @@ a.btn:hover, .btn:focus {
|
||||
padding-top:20px;
|
||||
padding-bottom:20px;
|
||||
background-color: #333;
|
||||
background-image:url(poppy.jpg);
|
||||
background-image:url(resources/imgs/poppy.jpg);
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
@ -109,7 +109,7 @@ a.btn:hover, .btn:focus {
|
||||
padding-top:20px;
|
||||
padding-bottom:20px;
|
||||
background-color:#333;
|
||||
background-image:url(unionBanner.jpg);
|
||||
background-image:url(resources/imgs/unionBanner.jpg);
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
}
|
||||
|
||||
19
about.html
@ -3,11 +3,11 @@
|
||||
<head>
|
||||
<title>RH: Home</title>
|
||||
<link rel="stylesheet" href="4.css"/>
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
|
||||
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="resources/browser/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="resources/browser/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="resources/browser/favicon-16x16.png">
|
||||
<link rel="manifest" href="site.webmanifest">
|
||||
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
|
||||
<link rel="mask-icon" href="resources/browser/safari-pinned-tab.svg" color="#5bbad5">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<meta charset="utf-8">
|
||||
<meta name="msapplication-TileColor" content="#da532c">
|
||||
@ -45,15 +45,22 @@
|
||||
<h3>About Me</h3>
|
||||
<div class="introductary_text">
|
||||
Hello! My name is Robert Heaton and I am
|
||||
a Mechatronics Engineer from Lancashire currently working in the defense and space sector.
|
||||
a Mechatronics Engineer from Lancashire currently working in the Defense and Space industry.
|
||||
This website is a platform to share some of my work and personal projects.
|
||||
I have always enjoyed electronics and embedded systems,
|
||||
and love tinkering away at both hardware and software/simulation. This does mean I
|
||||
suffer the same condition that affects many an engineer: Startusnevercompletus.<br><br>
|
||||
suffer the same condition that affects many an engineer: Startusnevercompletus.
|
||||
<br><br>
|
||||
Currently my work involves writing VHDL as a firmware engineer for SDR modems, scripting
|
||||
automatic testbenches and test-vector generation, C and Java programming to support modem operation
|
||||
and the ground station user-interface, system technician for supporting modem-connected computer, and
|
||||
front-line tech support for customers.
|
||||
<br><br>
|
||||
Outside of work, I keep myself busy playing video games with friends as well as table-top games like
|
||||
Dungeons and Dragons. My other hobby is to collect hobbies, which is apparent in the Projects page.
|
||||
I love trying new things, especially if it involves making something, it's tech-related, or I can tinker around.<br>
|
||||
For example, I like: Air Rifles, 3D Printing, Reading, Rock Climbing, Wood Working, Formula 1,
|
||||
Brewing Beer, Music, anything involving Dinosaurs, ...<br>
|
||||
</div>
|
||||
</div>
|
||||
<div class="spacing">
|
||||
|
||||
@ -2,7 +2,7 @@
|
||||
<browserconfig>
|
||||
<msapplication>
|
||||
<tile>
|
||||
<square150x150logo src="/mstile-150x150.png"/>
|
||||
<square150x150logo src="resources/browser/mstile-150x150.png"/>
|
||||
<TileColor>#da532c</TileColor>
|
||||
</tile>
|
||||
</msapplication>
|
||||
|
||||
@ -3,11 +3,11 @@
|
||||
<head>
|
||||
<title>RH: Extras</title>
|
||||
<link rel="stylesheet" href="4.css"/>
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
|
||||
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="resources/browser/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="resources/browser/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="resources/browser/favicon-16x16.png">
|
||||
<link rel="manifest" href="site.webmanifest">
|
||||
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
|
||||
<link rel="mask-icon" href="resources/browser/safari-pinned-tab.svg" color="#5bbad5">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<meta charset="utf-8">
|
||||
<meta name="msapplication-TileColor" content="#da532c">
|
||||
|
||||
@ -3,11 +3,12 @@
|
||||
<head>
|
||||
<title>RH: Home</title>
|
||||
<link rel="stylesheet" href="4.css"/>
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
|
||||
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="resources/browser/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/x-icon" href="resources/browser/favicon.ico">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="resources/browser/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="resources/browser/favicon-16x16.png">
|
||||
<link rel="manifest" href="site.webmanifest">
|
||||
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
|
||||
<link rel="mask-icon" href="resources/browser/safari-pinned-tab.svg" color="#5bbad5">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<meta charset="utf-8">
|
||||
<meta name="msapplication-TileColor" content="#da532c">
|
||||
|
||||
@ -3,11 +3,11 @@
|
||||
<head>
|
||||
<title>RH: Projects</title>
|
||||
<link rel="stylesheet" href="4.css"/>
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
|
||||
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="resources/browser/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="resources/browser/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="resources/browser/favicon-16x16.png">
|
||||
<link rel="manifest" href="site.webmanifest">
|
||||
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
|
||||
<link rel="mask-icon" href="resources/browser/safari-pinned-tab.svg" color="#5bbad5">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<meta charset="utf-8">
|
||||
<meta name="msapplication-TileColor" content="#da532c">
|
||||
@ -43,7 +43,7 @@
|
||||
<div class="main_info_scroll">
|
||||
<a class="project" href="project1.html">
|
||||
<div class="projectImage">
|
||||
<img src="pcb.JPG" alt="PCB with infrared sensor array for line-following" title="PCB with infrared sensor array for line-following"/>
|
||||
<img src="resources/imgs/pcb.JPG" alt="PCB with infrared sensor array for line-following" title="PCB with infrared sensor array for line-following"/>
|
||||
<h3 class="project">Project 1</h3>
|
||||
<p class="project">
|
||||
This is a placeholder for project summary.<br>
|
||||
@ -58,7 +58,7 @@
|
||||
<div class="main_info_scroll">
|
||||
<a class="project" href="project2.html">
|
||||
<div class="projectImage">
|
||||
<img src="photobot.JPG" alt="Autonomous arrow-following buggy" title="Autonomous arrow-following buggy"/>
|
||||
<img src="resources/imgs/photobot.JPG" alt="Autonomous arrow-following buggy" title="Autonomous arrow-following buggy"/>
|
||||
<h3 class="project">Project 2</h3>
|
||||
<p class="project">
|
||||
Skipper's in the wardroom drinking gin<br>
|
||||
@ -73,7 +73,7 @@
|
||||
<div class="main_info_scroll">
|
||||
<a class="project" href="project1.html">
|
||||
<div class="projectImage">
|
||||
<img src="photo_2019-11-01_19-19-59.jpg" alt="EEPROM test harness circuitry" title="EEPROM test harness circuitry"/>
|
||||
<img src="resources/imgs/photo_2019-11-01_19-19-59.jpg" alt="EEPROM test harness circuitry" title="EEPROM test harness circuitry"/>
|
||||
<h3 class="project">Project 3</h3>
|
||||
<p class="project">
|
||||
Where now the horse and the rider?<br>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
|
Before Width: | Height: | Size: 5.6 KiB After Width: | Height: | Size: 5.6 KiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 925 B After Width: | Height: | Size: 925 B |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 15 KiB After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 4.4 KiB After Width: | Height: | Size: 4.4 KiB |
|
Before Width: | Height: | Size: 257 KiB After Width: | Height: | Size: 257 KiB |
|
Before Width: | Height: | Size: 519 KiB After Width: | Height: | Size: 519 KiB |
|
Before Width: | Height: | Size: 783 KiB After Width: | Height: | Size: 783 KiB |
|
Before Width: | Height: | Size: 3.1 MiB After Width: | Height: | Size: 3.1 MiB |
|
Before Width: | Height: | Size: 5.4 MiB After Width: | Height: | Size: 5.4 MiB |
|
Before Width: | Height: | Size: 956 KiB After Width: | Height: | Size: 956 KiB |
|
Before Width: | Height: | Size: 4.3 MiB After Width: | Height: | Size: 4.3 MiB |
|
Before Width: | Height: | Size: 2.4 MiB After Width: | Height: | Size: 2.4 MiB |
|
Before Width: | Height: | Size: 108 KiB After Width: | Height: | Size: 108 KiB |
|
Before Width: | Height: | Size: 141 KiB After Width: | Height: | Size: 141 KiB |
|
Before Width: | Height: | Size: 126 KiB After Width: | Height: | Size: 126 KiB |
|
Before Width: | Height: | Size: 215 KiB After Width: | Height: | Size: 215 KiB |
|
Before Width: | Height: | Size: 111 KiB After Width: | Height: | Size: 111 KiB |
|
Before Width: | Height: | Size: 135 KiB After Width: | Height: | Size: 135 KiB |
|
Before Width: | Height: | Size: 124 KiB After Width: | Height: | Size: 124 KiB |
|
Before Width: | Height: | Size: 111 KiB After Width: | Height: | Size: 111 KiB |
|
Before Width: | Height: | Size: 4.3 MiB After Width: | Height: | Size: 4.3 MiB |
|
Before Width: | Height: | Size: 122 KiB After Width: | Height: | Size: 122 KiB |
|
Before Width: | Height: | Size: 3.0 MiB After Width: | Height: | Size: 3.0 MiB |
|
Before Width: | Height: | Size: 2.7 MiB After Width: | Height: | Size: 2.7 MiB |
@ -1,6 +1,6 @@
|
||||
{
|
||||
"name": "Portfolio",
|
||||
"short_name": "Portfolio",
|
||||
"name": "Robert Heaton",
|
||||
"short_name": "RH",
|
||||
"icons": [
|
||||
{
|
||||
"src": "/android-chrome-192x192.png",
|
||||
|
||||