124 lines
No EOL
6.3 KiB
HTML
124 lines
No EOL
6.3 KiB
HTML
<!doctype html>
|
|
<HTML>
|
|
|
|
<header>
|
|
<link rel = "stylesheet" href = "pages\mainpage.css">
|
|
<link rel = "stylesheet" href = "pages\effects.css">
|
|
<link rel = "icon" href = "images\Icon.ico">
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<script src = "scripts\gallery.js" type = "module"></script>
|
|
<script src = "scripts\autoScroll.js" type = "module"></script>
|
|
<title>Nye Evans Portfolio</title>
|
|
</header>
|
|
|
|
<body>
|
|
<div id = "introScreenSpace">
|
|
<h1>
|
|
<div id = "siteTitle">Nye "Ro" Evans</div>
|
|
<div class = "subTitle">Portfolio</div>
|
|
</h1>
|
|
</div>
|
|
|
|
<div class = "textBox">
|
|
An aspiring software developer who specialises in C++, C# and Python, with an intrest in lower level langauges like Assembly;
|
|
Most of my work is software based, with Python and C++ along with some web-development experience in HTML, CSS, JavaScript and TypeScript.
|
|
|
|
</div>
|
|
<div style = "text-align: center;">
|
|
<div class = "profileImage orangeBorder" style = "margin: 0 auto;">
|
|
<img src = "images/Profile3.png" alt = "me" style = "border-radius: 2px; object-fit: cover; width: 100%; height:100%">
|
|
</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 briefly. 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%;">click a project to find out more</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- gallery slides defined here, originally we had one slide and just changed its values but loading images is slow, easier to load them before hand and just hide or show them-->
|
|
<div class = "programGallery">
|
|
<p class = "galleryTitle">VR physics engine</p>
|
|
<a href = "./pages/gallery/epq-project/epq-project.html" class = "galleryLink">
|
|
<img src = "./pages/gallery/epq-project/projectHeaderImage.png" class = "galleryImage" style = "object-position: center;">
|
|
</a>
|
|
<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.<br><br>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>
|
|
<button class = "galleryLeftArrow" onClick = "window.parent.lastSlide();">◄</button>
|
|
<button class = "galleryRightArrow" onClick = "window.parent.nextSlide();">►</button>
|
|
</div>
|
|
|
|
<div class = "programGallery">
|
|
<p class = "galleryTitle">Tower defence game</p>
|
|
<a href = "./pages/gallery/cat-tower-defence/cat-tower-defence.html" class = "galleryLink">
|
|
<img src = "./pages/gallery/cat-tower-defence/projectHeaderImage.png" class = "galleryImage" style = "object-position: top;">
|
|
</a>
|
|
<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>
|
|
<button class = "galleryLeftArrow" onClick = "window.parent.lastSlide();">◄</button>
|
|
<button class = "galleryRightArrow" onClick = "window.parent.nextSlide();">►</button>
|
|
</div>
|
|
|
|
<div class = "programGallery">
|
|
<p class = "galleryTitle">Work on Aardvark XR</p>
|
|
<a href = "./pages/gallery/aardvark-work/aardvark-work.html" class = "galleryLink">
|
|
<img src = "./pages/gallery/aardvark-work/projectHeaderImage.png" class = "galleryImage" style = "object-position: center;">
|
|
</a>
|
|
<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>
|
|
<button class = "galleryLeftArrow" onClick = "window.parent.lastSlide();">◄</button>
|
|
<button class = "galleryRightArrow" onClick = "window.parent.nextSlide();">►</button>
|
|
</div>
|
|
|
|
<div class = "programGallery">
|
|
<p class = "galleryTitle">Unity based Mind Map software</p>
|
|
<a href = "./pages/gallery/mind-map/mind-map.html" class = "galleryLink">
|
|
<img src = "./pages/gallery/mind-map/projectHeaderImage.png" class = "galleryImage" style = "object-position: center;">
|
|
</a>
|
|
<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>
|
|
<button class = "galleryLeftArrow" onClick = "window.parent.lastSlide();">◄</button>
|
|
<button class = "galleryRightArrow" onClick = "window.parent.nextSlide();">►</button>
|
|
</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> |