153 lines
5 KiB
HTML
153 lines
5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Nye Evans Portfolio</title>
|
|
<link rel="stylesheet" href="main.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="nav">
|
|
<div class="nav-left">Nye Evans Portfolio</div>
|
|
<div class="menu-btn btn">
|
|
<div class="line line1"></div>
|
|
<div class="line line2"></div>
|
|
<div class="line line3"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="menu">
|
|
<div class="menu-inner">
|
|
<a class="btn" href="#home">home</a>
|
|
<a class="btn" href="#skills">skills</a>
|
|
<a class="btn" href="#projects">projects</a>
|
|
<a class="btn" href="#contact">contact me</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sec-1" id="home">
|
|
<div class="sec1-left">
|
|
<div class="sec1-title">Hello 👋</div>
|
|
<div class="sec1-body">
|
|
I'm Nye Ro Evans And I'm <br />
|
|
<span class="colored-text">software developer</span>
|
|
</div>
|
|
<a href="#projects">
|
|
<div class="sec1-btn btn">My Projects</div>
|
|
</a>
|
|
</div>
|
|
<div class="sec1-img"></div>
|
|
</div>
|
|
|
|
<div class="sec-2" id="skills">
|
|
<div class="sec2-title">skills</div>
|
|
<div class="sec2-body">
|
|
specialises in TypeScript, C# and python, with an interest in lower
|
|
level languages like C++; Most of my work is software based, making
|
|
games and tools in python and C#.
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sec-3" id="exp">
|
|
<div class="sec3-inner">
|
|
<div class="sec3-title">Work expearince</div>
|
|
<div class="sec3-body">
|
|
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
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sec-5" id="projects">
|
|
<div class="sec5-title">My Projects</div>
|
|
|
|
<div class="project">
|
|
<div class="project-img"></div>
|
|
<div class="project-title">VR physics engine</div>
|
|
<div class="project-body">
|
|
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.
|
|
</div>
|
|
<div class="proj-learn-more-btn btn">learn more</div>
|
|
</div>
|
|
|
|
<div class="project">
|
|
<div
|
|
class="project-img"
|
|
style="
|
|
background-image: url(./pages/gallery/cat-tower-defence/projectHeaderImage.png);
|
|
"
|
|
></div>
|
|
<div class="project-title">Tower defence game</div>
|
|
<div class="project-body">
|
|
One of my first projects, this was created with a friend to help us
|
|
gain a better understanding of python.
|
|
</div>
|
|
<div class="proj-learn-more-btn btn">learn more</div>
|
|
</div>
|
|
|
|
<div class="project">
|
|
<div
|
|
class="project-img"
|
|
style="
|
|
background-image: url(./pages/gallery/aardvark-work/projectHeaderImage.png);"
|
|
></div>
|
|
<div class="project-title">Work on Aardvark XR</div>
|
|
<div class="project-body">
|
|
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.
|
|
|
|
<div class="proj-learn-more-btn btn">learn more</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="sec-6" id="contact">
|
|
<div class="sec6-title">I hope you like my work! If you ever want to <br> contact me, my Email, Github and Social Medias can be found below.</div>
|
|
|
|
<div class="contacts"><a class="btn" href="">
|
|
<div class="social-media">
|
|
<div class="s-img twitter"></div>
|
|
<div class="s-name">Twitter</div>
|
|
</div>
|
|
</a>
|
|
|
|
<a class="btn" href="">
|
|
<div class="social-media">
|
|
<div class="s-img github"></div>
|
|
<div class="s-name">Github</div>
|
|
</div>
|
|
</a>
|
|
<a class="btn" href="">
|
|
<div class="social-media">
|
|
<div class="s-img email"></div>
|
|
<div class="s-name">Email</div>
|
|
</div>
|
|
</a>
|
|
<a class="btn" href="">
|
|
<div class="social-media">
|
|
<div class="s-img dev"></div>
|
|
<div class="s-name">Dev</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
<script src="./main.js"></script>
|
|
</html>
|