From 373c68a7416ac6329e07cf1b82420a57e61ac5a4 Mon Sep 17 00:00:00 2001 From: RobertHeaton <57216759+RobertHeaton@users.noreply.github.com> Date: Wed, 6 Sep 2023 00:38:11 +0100 Subject: [PATCH] Added projects page and updated AboutMe. Various CSS changes. Apparent issue with Main banner shrinking on pages other than index. --- 4.css | 99 ++++++++++++++++++++++++++++++++++++++++++++------- extra.html | 15 ++++---- index.html | 30 ++++++++-------- projects.html | 97 +++++++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 204 insertions(+), 37 deletions(-) create mode 100644 projects.html diff --git a/4.css b/4.css index 3cceb08..c69401d 100644 --- a/4.css +++ b/4.css @@ -15,6 +15,10 @@ html{ p{ margin-left:10px; } +p.project{ + margin-left: 0px; + margin-top: 5px; +} a.pan{ color: #0077ff; text-decoration: underline; @@ -30,14 +34,14 @@ a.btn{ margin: 15px; border: 3px solid #ffffff; background-color: #ffffff; - border-radius: 15px; + border-radius: 15px; scroll-behavior: smooth; } a.btn:hover, .btn:focus { - border: 3px solid #0077ff; - background-color: #0077ff; - border-radius: 15px; - text-decoration: none; + border: 3px solid #0077ff; + background-color: #0077ff; + border-radius: 15px; + text-decoration: none; } .spacer{ @@ -73,6 +77,13 @@ a.btn:hover, .btn:focus { margin-top: 10px; margin-bottom: 10px; } +#projects{ + background-color: #ffffff; + padding-top: 10px; + padding-bottom: 10px; + margin-top: 0px; + margin-bottom: 0px; +} #qualifications{ padding-top:20px; padding-bottom:20px; @@ -170,8 +181,7 @@ div.main{ max-width: 986px; padding-top:1px; background-color:#d1d1d1; - border-color:#ffffff; - border:3px solid; + border: 3px solid #000000; border-radius:5px; margin:auto; } @@ -214,7 +224,7 @@ div{ } div.spacing{ border-top: 2px solid #000000; - padding-top: 30px; + padding-top: 15px; margin:auto; margin-top:30px; width:90%; @@ -285,6 +295,15 @@ h3{ font-size:35px; text-align: center; } +h3.project{ + color: #0077ff; + margin-top:0; + margin-bottom:0px; + font-weight:400; + font-size:30px; + text-align: left; + margin-right: 10px; +} hr.intro{ background-color:#000000; @@ -302,6 +321,7 @@ hr.intro{ margin-left:10px; margin-right:10px; margin-bottom:33px; + margin-top: 10px; color:#000000; } #bttn{ @@ -314,15 +334,68 @@ hr.intro{ border-radius:5px; } div.main_info_scroll{ + transition: 0.1s all linear; width:90vw; max-width: 986px; padding-top:1px; - background:#d1d1d1; - border-color:#333333; - border:3px solid; - /*box-shadow:0px 0px 20px 3px #000000;*/ + background:#f0f0f0; + /* border-color:#333333; */ + /* border:3px solid #000000; */ + box-shadow: 0px 0px 1px 1px #e4e4e4; border-radius:5px; - margin:auto; + display: flex; + flex-direction: row; + flex-wrap: wrap; + align-content: space-between; + margin-top: 10px; + margin-bottom: 10px; + margin-left:auto; + margin-right:auto; +} + +a.project, .project:focus, .project:visited{ +text-decoration: none; +cursor: pointer; +scroll-behavior: smooth; +color: inherit; +max-width: 986px; +} + +div.main_info_scroll:hover, .main_info_scroll:focus{ + width:90vw; + max-width: 986px; + padding-top:1px; + background:#f0f0f0; + /* border-color:#333333; */ + /* border:3px solid #000000; */ + box-shadow: 0px 0px 2px 2px #0077ff; + border-radius:5px; + display: flex; + flex-direction: row; + flex-wrap: wrap; + align-content: space-between; + margin-top: 10px; + margin-bottom: 10px; + margin-left:auto; + margin-right:auto; +} +div.projectImage{ + margin: 10px; + width:90vw; + max-width: 970px; + padding-left: 10px; + +} +div.projectImage img{ + max-width: 200px; + max-height: 200px; + margin-top: 3px; + margin-left: 0px; + margin-right: 10px; + padding-right: 10px; + border-right: 1px solid #000000; + overflow: hidden; + float:left; } b.title{ diff --git a/extra.html b/extra.html index bc38531..dbb438d 100644 --- a/extra.html +++ b/extra.html @@ -1,15 +1,17 @@ - + - About + RH: Extras - + + + @@ -24,12 +26,7 @@

About

- -
-

Work

-
- - +

Projects

diff --git a/index.html b/index.html index 6cdce76..95a2b9c 100644 --- a/index.html +++ b/index.html @@ -1,15 +1,17 @@ - + - Portfolio + RH: Home - + + + @@ -24,12 +26,7 @@

About

 - -
-

Work

-
- - +

Projects

@@ -47,12 +44,15 @@

About Me

Hello! My name is Robert Heaton and I am - a Mechatronics Engineer from Lancashire currently working for BAE Digital Intelligence. - This website is a platform to share my work and personal projects, as well as ramble to the - void that is the internet. + 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, - developing a liking for robotics and autonomous systems in my first - year of study, and developing the chronic condition Startusnevercompletus. + and love tinkering away at both hardware and software/simulation. This does mean I + suffer the same condition that affects many an engineer: Startusnevercompletus.

+ 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.
@@ -66,7 +66,7 @@

Contact Information

Robert Heaton
- Email: RSHeaton@outlook.com
+ Email: rsheaton@outlook.com

Copyright © 2020 - 2023 Robert Heaton, all rights reserved. diff --git a/projects.html b/projects.html new file mode 100644 index 0000000..07f02ac --- /dev/null +++ b/projects.html @@ -0,0 +1,97 @@ + + + + RH: Projects + + + + + + + + + + + + + +

+
+

Robert Heaton

+

Mechatronics Engineer

+
+
+ +
+

About

+
+ + +
+

Projects

+
+ + +
+

Extra

+
+ +
+
+ +
+
+ +
+ PCB with infrared sensor array for line-following +

Project 1

+

+ This is a placeholder for project summary.
+ These images are placeholders for style testing and will be updated once an actual project link is + added with an appropriate description.
+ For the interim, enjoy the following texts:
+

+
+ +
+ +
+ +
+ Autonomous arrow-following buggy +

Project 2

+

+ Skipper's in the wardroom drinking gin
+ Hey-oh, chicken on a raft
+ I don't mind knocking but I ain't going in
+ Hey-oh, chicken on a raft
+

+
+ +
+ +
+ +
+ EEPROM test harness circuitry +

Project 3

+

+ Where now the horse and the rider?
+ Where is the horn that was blowing?
+ Where is the helm and the hauberk,
+ And the bright hair flowing? +

+
+ +
+
+ +
+
+

+ Copyright © 2020 - 2023 Robert Heaton, all rights reserved. +

+
+
+ +