156 lines
No EOL
8.2 KiB
HTML
156 lines
No EOL
8.2 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>Nye Evans Portfolio</title>
|
|
</header>
|
|
|
|
<body>
|
|
<div id = "introScreenSpace">
|
|
<h1 id = "Title">
|
|
<div id = "siteTitle">Nye "Ro" Evans</div>
|
|
<div class = "subTitle">Portfolio</div>
|
|
</h1>
|
|
</div>
|
|
|
|
<div class = "textBox">
|
|
An aspiring software developer who specialises in TypeScript, C# and python, with an intrest in lower level langauges like C++;
|
|
Most of my work is software based, making games and tools in python and C#.
|
|
|
|
</div>
|
|
<div style = "text-align: center;">
|
|
<div class = "profileImageContainer orangeBorder">
|
|
<img src = "images/Profile3.webp" alt = "An image of Nye 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 done work experience at JBA Consulting writing a
|
|
program to convert their SQL databases to Excel spreadsheets. 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 = "pages/CVPage.html">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/cat-tower-defence/cat-tower-defence.html" class = "galleryImageContainer galleryLink">
|
|
<img src = "./pages/gallery/cat-tower-defence/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/cat-tower-defence/projectHeaderImage.webp" class = "popupImage" style = "object-position: center;" alt = "A game which displays a road with cats attacking wool along it">
|
|
<a class = "popupTextContainer galleryLink" href = "./pages/gallery/cat-tower-defence/cat-tower-defence.html">
|
|
<p class = "galleryTitle">Tower defence game</p>
|
|
|
|
<p class = "galleryCaption">One of my first projects, this was created with a friend to help us gain a better understanding of python. <br><br> This was a basic tower defence game but featured a fully scalable
|
|
level design system.
|
|
</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 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 = "https://dev.to/willowro" target="_blank">Dev.to</a>
|
|
|
|
 
|
|
<a href = "./pages/CVPage.html">CV</a>
|
|
</div>
|
|
</body>
|
|
|
|
</HTML> |