DressOrc/Portfolio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

minor edits after review from friend

Browse source 
-minor wording changes
-added an autoscroll to help confused users
-added page anchors
-minor css changes for mobile
This commit is contained in:
Nye Evans 2021-02-22 22:16:27 +00:00
parent 040a6b7b49
commit fd2250aa70
8 changed files with 35 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
index.html
View file

@ -7,6 +7,7 @@
<meta charset="UTF-8">
<script src = "pages\gallery.js" type = "module"></script>
<script src = "pages\autoScroll.js" type = "module"></script>
<title>Nye Evans Portfolio</title>
</header>
@ -20,7 +21,7 @@
<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.
Most of my work is software based, with Python and C++ along with some web-development experience in HTML, CSS, JavaScript and TypeScript.
</div>
@ -29,13 +30,13 @@
</div>
<div class = "textBox" style = "margin-bottom: 5vh;">
Most of my current work 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
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:
Check out my larger projects here:
<div style = "font-size: 60%;">click a project to find out more</div>
</div>
@ -62,7 +63,7 @@
<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>
<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>
@ -75,7 +76,7 @@
<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 and
<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>
@ -88,7 +89,7 @@
<div class = "textBox" id= "outroText">
I hope you like my work! If you ever want to contact me, my twitter, email and github can be found below.
I hope you like my work! If you ever want to contact me, my Twitter, email and Github can be found below.
</div>
<div id = "socialBar">

5
pages/CVPage.css
View file

@ -182,6 +182,11 @@ a:link, a:visited{
font-size: 3vw;
}
#cvBody{
margin-left: 3vw;
margin-right: 3vw
}
}

10
pages/CVPage.html
View file

@ -16,7 +16,7 @@
<div id = "cvBody">
<div id = "introText">
<h2>Nye Evans</h2>
I’m currently studying Computer Science, Psychology and Philosophy at A-level, as well as completing an Extended Project Qualification (EPQ) in virtual reality interaction design
I’m currently studying Computer Science, Psychology and Philosophy at A-level, as well as completing an Extended Project Qualification (EPQ) in Virtual Veality interaction design
and physics simulation (self-taught). I have a passion for creating new and unique user experiences as well as a strong desire to learn and gain new experience within the software
engineering industry.
</div>
@ -30,8 +30,8 @@
</li>
<li>
<h3>2018</h3>
A weeks work experience at <a href = "https://www.jbaconsulting.com/">jba consulting</a> writing a
program to converts SQL databases to excel spreadsheets.
A week's work experience at <a href = "https://www.jbaconsulting.com/">jba consulting</a> writing a
program that converts SQL databases to excel spreadsheets.
</li>
</ul>
@ -72,7 +72,7 @@
<li>C++</li>
<li>C#</li>
<li>HTML and CSS</li>
<li>Javascript and Typescript</li>
<li>JavaScript and TypeScript</li>
<!--
</ul>
<hr style = "color: #ffd256; width: 30%; margin: 0; margin-top: 25px; margin-left: 5px">
@ -80,7 +80,7 @@
-->
<li>Blender's full 3D toolset</li>
<li>Unity's basic toolset</li>
<li>Unreal Engines basic toolset</li>
<li>Unreal Engine's basic toolset</li>
</ul>
</div>
</div>

4
pages/autoScroll.js Normal file
View file

@ -0,0 +1,4 @@
setTimeout(() => {
if (window.scrollY < 20)
window.scrollBy({top: window.innerHeight, left: 0, behavior: 'smooth'})
}, 2000); // we scroll the screen down a bit so the user realises theres more

2
pages/gallery/aardvark-work/aardvark-work.html
View file

@ -35,7 +35,7 @@
</div>
<div id = "backButtonContainer">
<a href = "../../../index.html" class = "backButton"> <-Back to main page</a>
<a href = "../../../index.html#galleryHeader" class = "backButton"> <-Back to main page</a>
</div>
</body>
</HTML>

4
pages/gallery/cat-tower-defence/cat-tower-defence.html
View file

@ -18,13 +18,13 @@
<div class = "textBox">
<h2>What I did</h2>
Almost all of the project was a team effort with I and my friend sharing ideas and working on the same code in a pair, swapping and working off each others ideas. I proposed alot of the original logic behind the movement
Almost all of the project was a team effort with I and my friend sharing ideas and working on the same code in a pair programming set-up, swapping and working off each others ideas. I proposed alot of the original logic behind the movement
systems, the level select menu and the file structure for custom maps along with alot of the smaller features such as tower placement and selection. These proposals were built off by both myself and my partner as the system
evolved in complexity and scale.
</div>
<div id = "backButtonContainer">
<a href = "../../../index.html" class = "backButton"> <-Back to main page</a>
<a href = "../../../index.html#galleryHeader" class = "backButton"> <-Back to main page</a>
</div>
</body>
</HTML>

7
pages/gallery/epq-project/epq-project.html
View file

@ -13,8 +13,7 @@
The idea of combining VR with this later came about in an attempt to make the project more modern so more primary research and testing could be done.<br><br>
The end result was a system that allowed the user to interact with a virtual environment with 6 degrees of freedom, they could pick up, move and throw objects with their fingers, hands and head being fully tracked to the
real world. Due to time restraints, the physics simulation was released separately and, although fully capable of location and force calculation, could not take rotation of objects into account. The project over all was
predicted an A* but when marked was 2 marks off, resulting in an A.
real world. Due to time restraints, the physics simulation was released separately and, although fully capable of location and force calculation, could not take rotation of objects into account. The project gains a high A grade.
</div>
<div class = "videoContainer">
<iframe width="560" height="315" src="https://www.youtube.com/embed/pSlHM0kMijA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
@ -24,12 +23,12 @@
<h2>What I did</h2>
Over the course of 4-5 months I researched and taught myself a large amount of vector maths, C++, the design of basic physics engines, a large portion of Unreal Engines toolset, a large portion of blenders toolset,
a small amount of 3D rendering theory and the basics of game design for virtual reality. Using this I created a fully functional VR interaction system with many custom made assets, materials and classes as well as a
very basic physics engine running within C++.
very basic physics engine built in C++.
</div>
<div id = "backButtonContainer">
<a href = "../../../index.html" class = "backButton"> <-Back to main page</a>
<a href = "../../../index.html#galleryHeader" class = "backButton"> <-Back to main page</a>
</div>
</body>
</HTML>

17
pages/mainpage.css
View file

@ -172,18 +172,16 @@ h1{
#outroText{
margin-top: 20vh;
margin-bottom: 30vh;
margin-bottom: 20vh;
margin-left: 27vw;
margin-right: 27vw;
}
#socialBar{
display: flex;
margin-left: 1vh;
margin-bottom: 1vh;
bottom: 0;
left: 0 ;
margin-bottom: 5vh;
justify-content: center;
}
@ -324,16 +322,15 @@ h1{
#outroText{
margin-top: 20vh;
margin-bottom: 30vh;
margin-bottom: 20vh;
margin-left: 1vw;
margin-right: 1vw;
}
#socialBar{
position: static;
justify-content: left;
justify-content: center;
font-size: 4vw;
margin-bottom: 0.8vh;
}
}