diff --git a/4.css b/4.css new file mode 100644 index 0000000..4d9616b --- /dev/null +++ b/4.css @@ -0,0 +1,249 @@ +body { + background: #ffffff; + background-attachment: fixed; + margin: 0; + padding: 0; + height: 100%; + width: 100%; +} +a{ + color: #0077ff; + text-decoration: underline; + cursor: pointer; +} +a:hover{ + color:#000000; +} + +.spacer{ + margin-top:10px; + height:7px; +} + +.full_page{ + width:50vw; + border-radius:5px; + margin:auto; +} + +#circuit{ + width:100%; + height:100vh; + background-color: #333; + background-image:url(circuitBanner.jpg); + background-repeat:no-repeat; + background-size:cover; +} +#aboutMe{ + background-color:#ffffff; + background-image:url(collageBanner.png); + background-position: center; + background-repeat:no-repeat; + background-size:cover; + padding-top:20px; + padding-bottom:20px; + margin-top: 10px; + margin-bottom: 10px; +} +#qualifications{ + padding-top:20px; + padding-bottom:20px; + background-color: #333; + background-image:url(codeBanner.jpg); + background-repeat:no-repeat; + background-size:cover; +} +#pastWork{ + background-color:#ffffff; + padding-top:20px; + padding-bottom:20px; +} +#contactInfo{ + padding-top:20px; + padding-bottom:20px; + background-color:#333; + background-image:url(unionBanner.jpg); + background-repeat:no-repeat; + background-size:cover; +} +div.pageText{ + width:50vw; + padding-top:20px; + background-color:#d1d1d1; + border-color:#ffffff; + box-shadow:0px 0px 20px 3px #000000; + border-radius:5px; + margin:auto; + margin-top: 40px; +} +div.pageBanner{ + width:50vw; + background-color:#0077ff; + border-color:#0077ff; + box-shadow:0px 0px 20px 3px #000000; + border-radius:5px; + margin:auto; +} +div.terminator{ + width:50vw; + padding-top:1px; + background-color:#d1d1d1; + border-color:#ffffff; + box-shadow:0px 0px 20px 3px #000000; + border-radius:5px; + margin:auto; +} +div.main{ + width:50vw; + padding-top:1px; + background-color:#d1d1d1; + border-color:#ffffff; + box-shadow:0px 0px 20px 3px #000000; + border-radius:5px; + margin:auto; +} + +h6 span{ + cursor:pointer; + + line-height: 40px; + font-size:30px; + padding-top: 2px; + padding-left: 2px; + padding-right: 2px; + padding-bottom:2px; + border-bottom:3px solid #0077ff; + transition: border-color .2s ease-out,border-color .2s ease-out; + white-space: nowrap; + margin-left: 15px; + margin-right: 15px; +} +h6 span.active,h6 span:hover, h6 span:focus{ + padding-bottom:2px; + border-bottom:3px solid #000000; + +} +h6{ + padding-top:15px; + padding-bottom: 15px; + width:90%; + margin:auto; + text-align:center; + border-radius:5px; + background-color:#0077ff; + color:#ffffff; + display:flex; + justify-content: space-around; + flex-wrap: wrap; +} +div{ + display:block; +} +div.spacing{ + border-top: 2px solid #000000; + padding-top: 30px; + margin:auto; + margin-top:30px; + width:90%; +} +div.pages{ + + padding-top:1px; + display:none; + border-color:#ffffff; + background-color:#ffffff; + margin:auto; +} +div.shown{ + display:block; +} +div.subSpace{ + border-top: 2px solid #4c4c4c; + padding-top: 30px; + margin:auto; + margin-top:30px; + width:90%; + padding-left: 20px; + padding-right: 20px; +} +.bottom_banner{ + width:860px; + height:248px; + margin-top:5px; + margin-left:5px; + margin-right:5px; + background:#000000; + border-color:#000000; + border:2px solid; + border-radius:5px; + float:left; +} +h1{ + color:#000000; + margin-left:10px; + margin-top:10px; + margin-bottom:10px; + font-weight:700; + font-size:130px; + text-align: center; +} +h2{ + color:#333; + margin-left:10px; + margin-top:10px; + margin-bottom:10px; + font-weight:700; + font-size:40px; + text-align: center; +} +h3{ + color:#000000; + margin-left:10px; + margin-top:0; + margin-bottom:15px; + font-weight:400; + font-size:30px; + text-align: left; +} + +hr.intro{ + background-color:#000000; + position:relative; + top:30px; + height:1px; + clear: both; + + margin-left:10px; + margin-right:10px; + margin-top:30px; + margin-bottom:30px; +} +.introductary_text{ + margin-left:10px; + margin-right:10px; + margin-bottom:33px; + color:#000000; +} +#bttn{ + width: 1054px; + height: 200px; + padding-top: 30vh; + margin: auto; + margin-bottom:30px; + border-radius:5px; +} +div.main_info_scroll{ + width:50vw; + padding-top:1px; + background:#d1d1d1; + border-color:#333333; + box-shadow:0px 0px 20px 3px #000000; + border-radius:5px; + margin:auto; +} + +b.title{ + font-weight:700; + color:#0077ff; + font-size:130px; +} diff --git a/android-chrome-192x192.png b/android-chrome-192x192.png new file mode 100644 index 0000000..4df8e3b Binary files /dev/null and b/android-chrome-192x192.png differ diff --git a/android-chrome-384x384.png b/android-chrome-384x384.png new file mode 100644 index 0000000..c48922b Binary files /dev/null and b/android-chrome-384x384.png differ diff --git a/apple-touch-icon.png b/apple-touch-icon.png new file mode 100644 index 0000000..7dd25f2 Binary files /dev/null and b/apple-touch-icon.png differ diff --git a/browserconfig.xml b/browserconfig.xml new file mode 100644 index 0000000..b3930d0 --- /dev/null +++ b/browserconfig.xml @@ -0,0 +1,9 @@ + + + + + + #da532c + + + diff --git a/circuitBanner.jpg b/circuitBanner.jpg new file mode 100644 index 0000000..45cb84c Binary files /dev/null and b/circuitBanner.jpg differ diff --git a/code.jpg b/code.jpg new file mode 100644 index 0000000..63cb34e Binary files /dev/null and b/code.jpg differ diff --git a/codeBanner.jpg b/codeBanner.jpg new file mode 100644 index 0000000..e1da988 Binary files /dev/null and b/codeBanner.jpg differ diff --git a/collageBanner.png b/collageBanner.png new file mode 100644 index 0000000..ae773a3 Binary files /dev/null and b/collageBanner.png differ diff --git a/favicon-16x16.png b/favicon-16x16.png new file mode 100644 index 0000000..9d7804a Binary files /dev/null and b/favicon-16x16.png differ diff --git a/favicon-32x32.png b/favicon-32x32.png new file mode 100644 index 0000000..f546682 Binary files /dev/null and b/favicon-32x32.png differ diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..b2dbf8f Binary files /dev/null and b/favicon.ico differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..2dce118 --- /dev/null +++ b/index.html @@ -0,0 +1,173 @@ + + + + Portfolio + + + + + + + + + + + + +
+
+

Robert Heaton

+

Mechatronics Engineer

+
+ +
+
+
+
+

About Me

+
Hello! My name is Robert Heaton and I am + an undergraduate Mechatronics Engineer from Preston, England, and I am + currently studying at the University of + Manchester. I have always enjoyed electronics and embedded systems, + developing a liking for robotics and autonomous systems in my first + year of study, thus becomming naturally enthralled by the field of + mechatronics. I enjoy reading, jigsaws, history, electronics projects, + shooting, poetry, video games, rock-climbing, video editing, + and wood and metal working. +
+ It is my philosophy that any system can be improved and any problem + overcome. I beleieve that any individual, big or small, can have a + huge impact and + should strive to better themselves and their environment. + It is very important that a modern engineer is ethical + in thier work and operates sustainably, and so this is always a + consideration of mine when undertaking any work. To myself, the role + of + an engineer therefore involves applying scientific principles in a + consciensious manner with the purpose to better mankind. +
+
+ I consider myself a natural leader and enjoy working on projects, + whether in a group or in an individual scope. Others would consider + me a good listener and strong decision maker capable of action or + caution depending on whichever the situation calls for. I am good + at delegating work to people's strengths, and am not afraid to seek + advise on subjects that are not my speciality. I often like to + automate repative tasks and experiment with using mechatronics to + optimise processes around me, drawing inspiration from personal + experience and a vision of what can be. I am always trying to learn + new things, such as the HTML and CSS required to build this site! +
+
+
+
+
+
+
+
+
+
+

Experience and Qualifications

+

+ Qualifications and experience here. Photos need adding. +

+

+ I have completed a + + sponsored street sleep + to raise money for chairty with NCS and have also won the first + + Blackpool + and Fylde Young Scientist/Engineer Award + in 2009. +

+
+
+
+
+
+
+
+
+
+
+ Extended Project Qualification + Embedded Systems Project + Third Year Project +
+
+
+
+
+

Extended Project Qualification

+
+
+
+
+
+
+
+
+ Extended Project Qualification + Embedded Systems Project + Third Year Project +
+
+
+
+
+

Embedded Systems Project

+

Unga

+
+
+
+
+
+
+
+
+ Extended Project Qualification + Embedded Systems Project + Third Year Project +
+
+
+
+
+

Third Year Project

+

Bunga

+
+
+
+
+
+
+
+
+
+

Contact Information

+

+ Robert Heaton
+ Email: rsheaton@outlook.com
+ Mobile: 07941 567 117
+ Address: 1 Cavendish Road, Preston, Lancashire, PR1 4TY
+

+

+ Citations: +

+

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

+
+
+
+
+ + diff --git a/jigsaw.JPG b/jigsaw.JPG new file mode 100644 index 0000000..25f47a4 Binary files /dev/null and b/jigsaw.JPG differ diff --git a/manchesterBanner.jpg b/manchesterBanner.jpg new file mode 100644 index 0000000..362bbe4 Binary files /dev/null and b/manchesterBanner.jpg differ diff --git a/mstile-150x150.png b/mstile-150x150.png new file mode 100644 index 0000000..c855525 Binary files /dev/null and b/mstile-150x150.png differ diff --git a/pc.JPG b/pc.JPG new file mode 100644 index 0000000..f52c2ca Binary files /dev/null and b/pc.JPG differ diff --git a/pcb.JPG b/pcb.JPG new file mode 100644 index 0000000..b2a92fd Binary files /dev/null and b/pcb.JPG differ diff --git a/photo_2018-11-14_18-51-49.jpg b/photo_2018-11-14_18-51-49.jpg new file mode 100644 index 0000000..47258d0 Binary files /dev/null and b/photo_2018-11-14_18-51-49.jpg differ diff --git a/photo_2018-11-19_22-01-43.jpg b/photo_2018-11-19_22-01-43.jpg new file mode 100644 index 0000000..1a980a7 Binary files /dev/null and b/photo_2018-11-19_22-01-43.jpg differ diff --git a/photo_2018-11-20_19-14-26.jpg b/photo_2018-11-20_19-14-26.jpg new file mode 100644 index 0000000..c37ae7a Binary files /dev/null and b/photo_2018-11-20_19-14-26.jpg differ diff --git a/photo_2018-11-20_20-30-15.jpg b/photo_2018-11-20_20-30-15.jpg new file mode 100644 index 0000000..f5d6b73 Binary files /dev/null and b/photo_2018-11-20_20-30-15.jpg differ diff --git a/photo_2019-02-20_15-33-53.jpg b/photo_2019-02-20_15-33-53.jpg new file mode 100644 index 0000000..0c0f226 Binary files /dev/null and b/photo_2019-02-20_15-33-53.jpg differ diff --git a/photo_2019-10-09_20-09-21.jpg b/photo_2019-10-09_20-09-21.jpg new file mode 100644 index 0000000..91ea963 Binary files /dev/null and b/photo_2019-10-09_20-09-21.jpg differ diff --git a/photo_2019-11-01_18-46-35.jpg b/photo_2019-11-01_18-46-35.jpg new file mode 100644 index 0000000..1785d9a Binary files /dev/null and b/photo_2019-11-01_18-46-35.jpg differ diff --git a/photo_2019-11-01_19-19-59.jpg b/photo_2019-11-01_19-19-59.jpg new file mode 100644 index 0000000..bcea850 Binary files /dev/null and b/photo_2019-11-01_19-19-59.jpg differ diff --git a/photobot.JPG b/photobot.JPG new file mode 100644 index 0000000..815b245 Binary files /dev/null and b/photobot.JPG differ diff --git a/safari-pinned-tab.svg b/safari-pinned-tab.svg new file mode 100644 index 0000000..c0cc6f9 --- /dev/null +++ b/safari-pinned-tab.svg @@ -0,0 +1,39 @@ + + + + +Created by potrace 1.11, written by Peter Selinger 2001-2013 + + + + + + diff --git a/shooting.JPG b/shooting.JPG new file mode 100644 index 0000000..47ccff8 Binary files /dev/null and b/shooting.JPG differ diff --git a/site.webmanifest b/site.webmanifest new file mode 100644 index 0000000..30017f4 --- /dev/null +++ b/site.webmanifest @@ -0,0 +1,19 @@ +{ + "name": "Portfolio", + "short_name": "Portfolio", + "icons": [ + { + "src": "/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/android-chrome-384x384.png", + "sizes": "384x384", + "type": "image/png" + } + ], + "theme_color": "#ffffff", + "background_color": "#ffffff", + "display": "standalone" +} diff --git a/unionBanner.jpg b/unionBanner.jpg new file mode 100644 index 0000000..198cccc Binary files /dev/null and b/unionBanner.jpg differ diff --git a/webIcon.png b/webIcon.png new file mode 100644 index 0000000..bb63dcf Binary files /dev/null and b/webIcon.png differ