File organisation:
Generated resources folder to hold images in imgs. Browser resources like favicons in browser folder
10
4.css
@ -62,13 +62,13 @@ a.btn:hover, .btn:focus {
|
|||||||
width:100%;
|
width:100%;
|
||||||
height:100vh;
|
height:100vh;
|
||||||
background-color: #333;
|
background-color: #333;
|
||||||
background-image:url(circuitBanner.jpg);
|
background-image:url(resources/imgs/circuitBanner.jpg);
|
||||||
background-repeat:no-repeat;
|
background-repeat:no-repeat;
|
||||||
background-size:cover;
|
background-size:cover;
|
||||||
}
|
}
|
||||||
#aboutMe{
|
#aboutMe{
|
||||||
background-color:#ffffff;
|
background-color:#ffffff;
|
||||||
background-image:url(collageBanner.png);
|
background-image:url(resources/imgs/collageBanner.png);
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-repeat:no-repeat;
|
background-repeat:no-repeat;
|
||||||
background-size:cover;
|
background-size:cover;
|
||||||
@ -88,7 +88,7 @@ a.btn:hover, .btn:focus {
|
|||||||
padding-top:20px;
|
padding-top:20px;
|
||||||
padding-bottom:20px;
|
padding-bottom:20px;
|
||||||
background-color: #333;
|
background-color: #333;
|
||||||
background-image:url(codeBanner.jpg);
|
background-image:url(resources/imgs/codeBanner.jpg);
|
||||||
background-repeat:no-repeat;
|
background-repeat:no-repeat;
|
||||||
background-size:cover;
|
background-size:cover;
|
||||||
}
|
}
|
||||||
@ -96,7 +96,7 @@ a.btn:hover, .btn:focus {
|
|||||||
padding-top:20px;
|
padding-top:20px;
|
||||||
padding-bottom:20px;
|
padding-bottom:20px;
|
||||||
background-color: #333;
|
background-color: #333;
|
||||||
background-image:url(poppy.jpg);
|
background-image:url(resources/imgs/poppy.jpg);
|
||||||
background-repeat:no-repeat;
|
background-repeat:no-repeat;
|
||||||
background-size:cover;
|
background-size:cover;
|
||||||
}
|
}
|
||||||
@ -109,7 +109,7 @@ a.btn:hover, .btn:focus {
|
|||||||
padding-top:20px;
|
padding-top:20px;
|
||||||
padding-bottom:20px;
|
padding-bottom:20px;
|
||||||
background-color:#333;
|
background-color:#333;
|
||||||
background-image:url(unionBanner.jpg);
|
background-image:url(resources/imgs/unionBanner.jpg);
|
||||||
background-repeat:no-repeat;
|
background-repeat:no-repeat;
|
||||||
background-size:cover;
|
background-size:cover;
|
||||||
}
|
}
|
||||||
|
|||||||
19
about.html
@ -3,11 +3,11 @@
|
|||||||
<head>
|
<head>
|
||||||
<title>RH: Home</title>
|
<title>RH: Home</title>
|
||||||
<link rel="stylesheet" href="4.css"/>
|
<link rel="stylesheet" href="4.css"/>
|
||||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.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="favicon-32x32.png">
|
<link rel="icon" type="image/png" sizes="32x32" href="resources/browser/favicon-32x32.png">
|
||||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
|
<link rel="icon" type="image/png" sizes="16x16" href="resources/browser/favicon-16x16.png">
|
||||||
<link rel="manifest" href="site.webmanifest">
|
<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 name="theme-color" content="#ffffff">
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="msapplication-TileColor" content="#da532c">
|
<meta name="msapplication-TileColor" content="#da532c">
|
||||||
@ -45,15 +45,22 @@
|
|||||||
<h3>About Me</h3>
|
<h3>About Me</h3>
|
||||||
<div class="introductary_text">
|
<div class="introductary_text">
|
||||||
Hello! My name is Robert Heaton and I am
|
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.
|
This website is a platform to share some of my work and personal projects.
|
||||||
I have always enjoyed electronics and embedded systems,
|
I have always enjoyed electronics and embedded systems,
|
||||||
and love tinkering away at both hardware and software/simulation. This does mean I
|
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
|
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
|
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
|
and the ground station user-interface, system technician for supporting modem-connected computer, and
|
||||||
front-line tech support for customers.
|
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>
|
</div>
|
||||||
<div class="spacing">
|
<div class="spacing">
|
||||||
|
|||||||
@ -2,7 +2,7 @@
|
|||||||
<browserconfig>
|
<browserconfig>
|
||||||
<msapplication>
|
<msapplication>
|
||||||
<tile>
|
<tile>
|
||||||
<square150x150logo src="/mstile-150x150.png"/>
|
<square150x150logo src="resources/browser/mstile-150x150.png"/>
|
||||||
<TileColor>#da532c</TileColor>
|
<TileColor>#da532c</TileColor>
|
||||||
</tile>
|
</tile>
|
||||||
</msapplication>
|
</msapplication>
|
||||||
|
|||||||
@ -3,11 +3,11 @@
|
|||||||
<head>
|
<head>
|
||||||
<title>RH: Extras</title>
|
<title>RH: Extras</title>
|
||||||
<link rel="stylesheet" href="4.css"/>
|
<link rel="stylesheet" href="4.css"/>
|
||||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.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="favicon-32x32.png">
|
<link rel="icon" type="image/png" sizes="32x32" href="resources/browser/favicon-32x32.png">
|
||||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
|
<link rel="icon" type="image/png" sizes="16x16" href="resources/browser/favicon-16x16.png">
|
||||||
<link rel="manifest" href="site.webmanifest">
|
<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 name="theme-color" content="#ffffff">
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="msapplication-TileColor" content="#da532c">
|
<meta name="msapplication-TileColor" content="#da532c">
|
||||||
|
|||||||
@ -3,11 +3,12 @@
|
|||||||
<head>
|
<head>
|
||||||
<title>RH: Home</title>
|
<title>RH: Home</title>
|
||||||
<link rel="stylesheet" href="4.css"/>
|
<link rel="stylesheet" href="4.css"/>
|
||||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.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="favicon-32x32.png">
|
<link rel="icon" type="image/x-icon" href="resources/browser/favicon.ico">
|
||||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.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="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 name="theme-color" content="#ffffff">
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="msapplication-TileColor" content="#da532c">
|
<meta name="msapplication-TileColor" content="#da532c">
|
||||||
|
|||||||
@ -3,11 +3,11 @@
|
|||||||
<head>
|
<head>
|
||||||
<title>RH: Projects</title>
|
<title>RH: Projects</title>
|
||||||
<link rel="stylesheet" href="4.css"/>
|
<link rel="stylesheet" href="4.css"/>
|
||||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.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="favicon-32x32.png">
|
<link rel="icon" type="image/png" sizes="32x32" href="resources/browser/favicon-32x32.png">
|
||||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
|
<link rel="icon" type="image/png" sizes="16x16" href="resources/browser/favicon-16x16.png">
|
||||||
<link rel="manifest" href="site.webmanifest">
|
<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 name="theme-color" content="#ffffff">
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="msapplication-TileColor" content="#da532c">
|
<meta name="msapplication-TileColor" content="#da532c">
|
||||||
@ -43,7 +43,7 @@
|
|||||||
<div class="main_info_scroll">
|
<div class="main_info_scroll">
|
||||||
<a class="project" href="project1.html">
|
<a class="project" href="project1.html">
|
||||||
<div class="projectImage">
|
<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>
|
<h3 class="project">Project 1</h3>
|
||||||
<p class="project">
|
<p class="project">
|
||||||
This is a placeholder for project summary.<br>
|
This is a placeholder for project summary.<br>
|
||||||
@ -58,7 +58,7 @@
|
|||||||
<div class="main_info_scroll">
|
<div class="main_info_scroll">
|
||||||
<a class="project" href="project2.html">
|
<a class="project" href="project2.html">
|
||||||
<div class="projectImage">
|
<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>
|
<h3 class="project">Project 2</h3>
|
||||||
<p class="project">
|
<p class="project">
|
||||||
Skipper's in the wardroom drinking gin<br>
|
Skipper's in the wardroom drinking gin<br>
|
||||||
@ -73,7 +73,7 @@
|
|||||||
<div class="main_info_scroll">
|
<div class="main_info_scroll">
|
||||||
<a class="project" href="project1.html">
|
<a class="project" href="project1.html">
|
||||||
<div class="projectImage">
|
<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>
|
<h3 class="project">Project 3</h3>
|
||||||
<p class="project">
|
<p class="project">
|
||||||
Where now the horse and the rider?<br>
|
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",
|
"name": "Robert Heaton",
|
||||||
"short_name": "Portfolio",
|
"short_name": "RH",
|
||||||
"icons": [
|
"icons": [
|
||||||
{
|
{
|
||||||
"src": "/android-chrome-192x192.png",
|
"src": "/android-chrome-192x192.png",
|
||||||
|
|||||||