Modified landing page and user navigation flow.

Seperated contact info from copyright banner
This commit is contained in:
RobertHeaton
2023-09-06 13:59:44 +01:00
parent 373c68a741
commit 6b4ca30478
5 changed files with 90 additions and 40 deletions

8
4.css
View File

@ -353,6 +353,14 @@ div.main_info_scroll{
margin-right:auto;
}
a.banner, .banner:focus, .banner:visited{
text-decoration: none;
cursor: pointer;
scroll-behavior: smooth;
color: inherit;
max-width: 986px;
}
a.project, .project:focus, .project:visited{
text-decoration: none;
cursor: pointer;

78
about.html Normal file
View File

@ -0,0 +1,78 @@
<!DOCTYPE html>
<html lang="en">
<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="manifest" href="site.webmanifest">
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
<meta charset="utf-8">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div id="circuit">
<div id="bttn">
<h1>Robert <b class = "title">Heaton</b></h1>
<h2>Mechatronics Engineer</h2>
</div>
<div class="wrapper2">
<a class="btn" href="index.html#aboutMe">
<div class="landing-bttn">
<h3>About</h3>
</div>
</a>
<a class="btn" href="projects.html#projects">
<div class="landing-bttn">
<h3>Projects</h3>
</div>
</a>
<a class="btn" href="extra.html#memoriam">
<div class="landing-bttn">
<h3>Extra</h3>
</div>
</a>
</div>
</div>
<div id="aboutMe">
<div class="main">
<div class="spacing">
<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.
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>
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.
</div>
</div>
<div class="spacing">
<h3>Contact Information</h3>
<p>
Robert Heaton MEng MIET<br>
Email: <a class="pan" href="mailto:rsheaton@outlook.com"> rsheaton@outlook.com</a><br>
</p>
</div>
<div class="spacing"></div>
</div>
</div>
<div id="contactInfo">
<div class="terminator">
<p>
Copyright &#169; 2020 - 2023 Robert Heaton, all rights reserved.
</p>
</div>
</div>
</body>
</html>

View File

@ -21,7 +21,7 @@
<h2>Mechatronics Engineer</h2>
</div>
<div class="wrapper2">
<a class="btn" href="index.html#aboutMe">
<a class="btn" href="about.html#aboutMe">
<div class="landing-bttn">
<h3>About</h3>
</div>

View File

@ -21,7 +21,7 @@
<h2>Mechatronics Engineer</h2>
</div>
<div class="wrapper2">
<a class="btn" href="index.html#aboutMe">
<a class="btn" href="about.html#aboutMe">
<div class="landing-bttn">
<h3>About</h3>
</div>
@ -38,42 +38,6 @@
</a>
</div>
</div>
<div id="aboutMe">
<div class="main">
<div class="spacing">
<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.
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>
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.
</div>
</div>
<div class="spacing">
</div>
</div>
</div>
<div id="contactInfo">
<div class="terminator">
<div class="spacing">
<h3>Contact Information</h3>
<p>
Robert Heaton<br>
Email: <a class="pan" href="mailto:rsheaton@outlook.com"> rsheaton@outlook.com</a><br>
</p>
<p>
Copyright &#169; 2020 - 2023 Robert Heaton, all rights reserved.
</p>
</div>
<div class="spacing"></div>
</div>
</div>
</body>
</html>

View File

@ -21,7 +21,7 @@
<h2>Mechatronics Engineer</h2>
</div>
<div class="wrapper2">
<a class="btn" href="index.html#aboutMe">
<a class="btn" href="about.html#aboutMe">
<div class="landing-bttn">
<h3>About</h3>
</div>