155 lines
8.3 KiB
HTML
155 lines
8.3 KiB
HTML
<!doctype html>
|
|
<HTML lang="en-GB">
|
|
|
|
<header>
|
|
<link rel = "stylesheet" href = "pages\basic.css">
|
|
<link rel = "stylesheet" href = "pages\mainpage.css">
|
|
<link rel = "stylesheet" href = "pages\effects.css">
|
|
<link rel = "icon" href = "images\Icon.ico">
|
|
|
|
<link rel="preload" href="fonts/Roboto/RobotoMono-VariableFont_wght.ttf" as="font" type="font/ttf" crossorigin> <!--we preload the font to stop a flash of unstyled text-->
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
|
<script src = "scripts\autoScroll.js" type = "module"></script>
|
|
<title>Rosia Evans Portfolio</title>
|
|
</header>
|
|
|
|
<body>
|
|
<div id = "introScreenSpace">
|
|
<h1 id = "Title">
|
|
<div id = "siteTitle">Rosia Evans</div>
|
|
<div class = "subTitle">Portfolio</div>
|
|
</h1>
|
|
</div>
|
|
|
|
<div class = "textBox">
|
|
An aspiring developer who specialises in C++, C# and Typescript with an interest in lower level hardware and XR;
|
|
Most of my work is software based, making tools and messing around with VR software.
|
|
|
|
</div>
|
|
<div style = "text-align: center;">
|
|
<div class = "profileImageContainer orangeBorder">
|
|
<img src = "images/Profile4.webp" alt = "An image of Rosia Evans, Me" class = "profileImage">
|
|
</div>
|
|
</div>
|
|
|
|
<div class = "textBox" style = "margin-bottom: 5vh;">
|
|
Most of my experience relates to personal projects, however I have previously worked at <a href = "https://www.skipton.co.uk/">Skipton Building Society</a>, working in a small team
|
|
to experiment with automating their testing. I also often teach Python and HTML, having taught many students at my school's coding club for
|
|
over 6 years and having tutored GCSE students. You can see my full CV <a href = "files/RosiaEvansCV.pdf" target="_blank">here</a>.
|
|
</div>
|
|
|
|
<div class = "textBox" id = "galleryHeader">
|
|
Check out my larger projects here:
|
|
<div style = "font-size: 60%;">hover over or click a project to find out more</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class = "galleryContainer">
|
|
<div class = "gallery">
|
|
|
|
<div class = "galleryItem">
|
|
<a href = "./pages/gallery/epq-project/epq-project.html" class = "galleryImageContainer galleryLink">
|
|
<img src = "./pages/gallery/epq-project/projectHeaderImage.webp" class = "galleryImage" style = "object-position: center;" alt = "A virtual hand grabbing a cube">
|
|
</a>
|
|
<img src = "./images/popup-tongue.webp" class = "popupTongue">
|
|
</div>
|
|
|
|
<div class = "galleryPopup">
|
|
<img src = "./pages/gallery/epq-project/projectHeaderImage.webp" class = "popupImage" style = "object-position: center;" alt = "A virtual hand grabbing a cube">
|
|
<a class = "popupTextContainer galleryLink" href = "./pages/gallery/epq-project/epq-project.html">
|
|
<p class = "galleryTitle">VR physics engine</p>
|
|
|
|
<p class = "galleryCaption">A project done for my EPQ, during post-16, where I aimed to create a virtual reality environment where the user could grab and interact with objects in a semi-physics based
|
|
environment. This system was my introduction to Unreal Engine and mainly used its "Blueprint" visual language, however I later used C++ to try and add my own physics
|
|
to it.
|
|
</p>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<div class = "galleryItem">
|
|
<a href = "./pages/gallery/mind-map/mind-map.html" class = "galleryImageContainer galleryLink">
|
|
<img src = "./pages/gallery/mind-map/projectHeaderImage.webp" class = "galleryImage" style = "object-position: center;" alt = "A mind-map being build in a program">
|
|
</a>
|
|
<img src = "./images/popup-tongue.webp" class = "popupTongue">
|
|
</div>
|
|
|
|
<div class = "galleryPopup">
|
|
<img src = "./pages/gallery/mind-map/projectHeaderImage.webp" class = "popupImage" style = "object-position: center;" alt = "A mind-map being build in a program">
|
|
<a class = "popupTextContainer galleryLink" href = "./pages/gallery/mind-map/mind-map.html">
|
|
<p class = "galleryTitle">Unity based Mind Map software</p>
|
|
|
|
<p class = "galleryCaption">A project done as my final piece for my A-level computer science course. <br> <br> This was a program designed to create mind maps, it could have nodes made, and linked, have images added and
|
|
included a pen tool to allow the user to draw notes on top of the mind maps. It also had a fully functional undo and redo system and the ability to save and load files.
|
|
</p>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<div class = "galleryItem">
|
|
<a href = "./pages/gallery/sbs-work/sbs-work.html" class = "galleryImageContainer galleryLink">
|
|
<img src = "./pages/gallery/sbs-work/projectHeaderImage.webp" class = "galleryImage" style = "object-position: center;" alt = "A game which displays a road with cats attacking wool along it">
|
|
</a>
|
|
<img src = "./images/popup-tongue.webp" class = "popupTongue">
|
|
</div>
|
|
|
|
<div class = "galleryPopup">
|
|
<img src = "./pages/gallery/sbs-work/projectHeaderImage.webp" class = "popupImage" style = "object-position: center;" alt = "The Skipton Building Society Logo, a blue castle">
|
|
<a class = "popupTextContainer galleryLink" href = "./pages/gallery/sbs-work/sbs-work.html">
|
|
<p class = "galleryTitle">Work for Skipton Building Society</p>
|
|
|
|
<p class = "galleryCaption">Work done during an internship as a software tester/software developer in test at Skipton Building Society where I worked with a small team of 2-3 collegues
|
|
to push for, implement and later educate other testers on the society's automated UI testing.
|
|
</p>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<div class = "galleryItem">
|
|
<a href = "./pages/gallery/aardvark-work/aardvark-work.html" class = "galleryImageContainer galleryLink">
|
|
<img src = "./pages/gallery/aardvark-work/projectHeaderImage.webp" class = "galleryImage" style = "object-position: center;" alt = "A virtual hand playing cards">
|
|
</a>
|
|
<img src = "./images/popup-tongue.webp" class = "popupTongue">
|
|
</div>
|
|
|
|
<div class = "galleryPopup">
|
|
<img src = "./pages/gallery/aardvark-work/projectHeaderImage.webp" class = "popupImage" style = "object-position: center;" alt = "A virtual hand playing cards">
|
|
<a class = "popupTextContainer galleryLink" href = "./pages/gallery/aardvark-work/aardvark-work.html">
|
|
<p class = "galleryTitle">Work on Aardvark XR</p>
|
|
|
|
<p class = "galleryCaption">Aardvark is a web-based virtual reality system which allows users to create and share web apps which are overlayed on top of the users VR experience.<br><br>
|
|
Over the course of its release I have attended its first hackathon and continued to support it long afterwards, having worked both on my own and with other developers to create apps
|
|
for the system to help it gain traction.
|
|
</p>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div id="galleryOutroLink">
|
|
<a href = "pages/AllProjects.html">See all my projects here</a>
|
|
</div>
|
|
|
|
<div class = "textBox" id= "outroText">
|
|
I hope you like my work! If you ever want to contact me, my Email, Github and Social Medias can be found below.
|
|
</div>
|
|
|
|
<div id = "socialBar">
|
|
<a rel="me" href="https://fosstodon.org/@Wi__Ro" target="_blank">Mastodon</a>
|
|
 
|
|
<a href = "https://twitter.com/Wi__Ro" target="_blank">Twitter</a>
|
|
 
|
|
<a href="mailto:WillowRo@outlook.com" target="_blank">Email</a>
|
|
 
|
|
<a href="https://github.com/Wil-Ro" target="_blank">Github</a>
|
|
 
|
|
<a href = "./files/RosiaEvansCV.pdf" target="_blank">CV</a>
|
|
</div>
|
|
</body>
|
|
|
|
</HTML>
|