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

updates cv's css to fit new style

Browse source
This commit is contained in:
Nye Evans 2021-09-25 12:10:45 +01:00
parent 3c889d9d75
commit 6ed31a54f4
3 changed files with 105 additions and 170 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
pages/AllProjects.css
View file

@ -1,6 +1,5 @@
.projectThumbnail{ .projectThumbnail{
width: 16vh; width: 16vh;
margin-left: 3vw;
} }
h2{ h2{
@ -18,4 +17,8 @@ h2{
flex-direction: column; flex-direction: column;
padding: 10px; padding: 10px;
color: #ffd256; color: #ffd256;
}
body{
margin: 3vw;
} }

135
pages/CVPage.css
View file

@ -12,14 +12,12 @@ body{
background-color: #181818; background-color: #181818;
line-height: 1.3; line-height: 1.3;
margin: 3vw;
} }
h1{ h1{
font-size: clamp(20px, 4vw, 170px); font-size: clamp(20px, 4vw, 170px);
text-align: left; text-align: left;
margin-top: 25vh;
margin-left: 10vh;
margin-bottom: 5vh;
} }
@ -39,9 +37,8 @@ ul{
} }
li{ li{
padding-top: 20px; padding-top: 10px;
font-size: 0.8vw; font-size: 0.8vw;
padding-right: 50px;
} }
a:link, a:visited{ a:link, a:visited{
@ -50,148 +47,76 @@ a:link, a:visited{
.backButton{ .backButton{
text-align: center; text-align: center;
font-size: clamp(20px, 2vw, 170px); font-size: clamp(20px, 1vw, 170px);
margin-top: 10vh; margin-top: 10vh;
} }
.backButton{
font-size: clamp(20px, 2vw, 170px);
margin-top: 10vh;
margin-bottom: 5vh;
text-decoration: none;
}
#backButtonContainer{ #backButtonContainer{
text-align: center; text-align: center;
margin-bottom: 7vh; margin-bottom: 7vh;
margin-top: 7vh; margin-top: 7vh;
} }
#cvBody{ #cv{
display: grid; display: flex;
margin-left: 5vw; flex-direction: column;
margin-right: 5vw;
grid-template-columns: auto auto;
grid-template-rows: auto auto;
min-height: 200px;
min-width: 90vw;
border: solid 2px #ffd256;
border-radius: 5px;
padding: 10px; padding: 10px;
padding-bottom: 7vh; padding-bottom: 7vh;
}
font-size: 1vw; #cvBody{
display: flex;
flex-direction: row;
justify-content: flex-start;
} }
#introText{ #introText{
grid-column: 1/3;
grid-row: 1;
border-bottom: solid 2px #ffd256; border-bottom: solid 2px #ffd256;
font-size: 1.2rem;
text-align: left; text-align: left;
padding-bottom: 20px; padding-bottom: 20px;
} }
#workExperienceText{ #workExperienceText{
grid-column: 1; width: 50%;
grid-row: 2;
margin-top: 10px;
} }
#extraNotesText{ #extraNotesText{
grid-column: 2; width: 50%;
grid-row: 2;
margin-top: 10px;
} }
#cvDownload{ #cvDownload{
margin-top: 10px; text-align: center;
margin-left: 5vw;;
} }
@media (orientation:portrait){ @media (orientation:portrait){
body{
touch-action: manipulation; /*stops double tap zoom*/
-webkit-text-size-adjust: none; /*stops browsers messing with text size*/ #cv{
-moz-text-size-adjust: none; font-size: 1.8rem;
-ms-text-size-adjust: none;
text-size-adjust: none;
line-height: 1.5em;
} }
h1{
margin-left: 0;
margin-top: 5vh;
text-align: center;
font-size: clamp(20px, 10vw, 170px);
}
h2{
padding-top: 10px;
padding-bottom: 10px;
font-size: 3vw;
}
h3{
font-size: 2.4vw;
padding-bottom: 4px;
}
ul{
list-style-type: circle;
padding-bottom: 5px;
padding-left: 20px;
}
li{ li{
padding-top: 20px; font-size: 1.3rem;
font-size: 2vw;
padding-right: 50px;
} }
.backButton{ h3{
font-size: clamp(20px, 4vw, 170px); font-size: 1.7rem;
margin-top: 10vh;
margin-bottom: 5vh;
text-decoration: none;
} }
#workExperienceText{
width: 100%;
}
#extraNotesText{
width: 100%;
}
#introText{ #introText{
grid-column: 1/3; font-size: 1.28rem;
grid-row: 1;
border-bottom: solid 2px #ffd256;
padding-bottom: 20px;
font-size: 2vw;
} }
#cvDownload{
margin-top: 10px;
margin-left: 5vw;;
font-size: 3vw;
}
#cvBody{
margin-left: 3vw;
margin-right: 3vw
}
} }

135
pages/CVPage.html
View file

@ -12,78 +12,85 @@
<body> <body>
<h1> <h1>
CV Curriculum Vitae
</h1> </h1>
<div id = "cvBody"> <div id = "cv">
<div id = "introText"> <div id = "introText">
<h2>Nye Evans</h2> <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 Currently running a gap year working as a waiter, creating personal projects and teaching myself vector maths and C++ before moving to aberystwyth university in 2022.
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> </div>
<div id = "cvBody">
<div id = "workExperienceText">
<h2>Work Experience:</h2>
<ul>
<li>
<h3>2018</h3>
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.
<div id = "workExperienceText"> </li>
<h2>Work Experience:</h2> </ul>
<ul> <h2>Extra Curricular:</h2>
<li> <ul>
<h3>2018 – 2020</h3> <li>
Kitchen Assistant at The Fleece Inn, Addingham <br>Temporarily left for 6 months to focus on GCSEs, during which I was given a reference by the head chef as one of the most hard-working employees they had. <h3>2012 – Present</h3>
</li> Started programming learning Python and Scratch; moved onto HTML in 2015 and C#/C++ in early 2019.
<li> </li>
<h3>2018</h3> <li>
A week's work experience at <a href = "https://www.jbaconsulting.com/">jba consulting</a> writing a <h3>2018 – Present</h3>
program that converts SQL databases to excel spreadsheets. Run school’s Coding Club, teaching younger children to program and running competitions and projects. First joined in 2014 as a first year.
</li>
<li>
<h3>2016 – Present</h3>
Creating mods and maps for video games; programming side projects.
</li>
<li>
<h3>2018 – Present</h3>
Creating video games and other programs or experiences for virtual reality and flat-screen platforms
</li>
</li> <li>
</ul> <h3>2021 – Present</h3>
<h2>Extra Curricular:</h2> Tutoring GCSE students in python
<ul> </li>
<li> </ul>
<h3>2012 – Present</h3> </div>
Started programming learning Python and Scratch; moved onto HTML in 2015 and C++ in early 2019.
</li>
<li>
<h3>2018 – Present</h3>
Run school’s Coding Club, teaching younger children to program and running competitions and projects. First joined in 2014 as a first year.
</li>
<li>
<h3>2016 – Present</h3>
Creating mods and maps for video games; programming side projects.
</li>
<li>
<h3>2018 – Present</h3>
Creating video games and other programs or experiences for virtual reality and flat-screen platforms; currently working on a tower defence game in Python; developing a new
programming language based in C++; and a virtual reality revision tool running in Unreal Engine 4 but soon to move to Unity.
</li>
</ul>
</div>
<div id = "extraNotesText"> <div id = "extraNotesText">
<h2>Education:</h2> <h2>Education:</h2>
<ul> <ul>
<li> <li>
<h3>2014 – Present</h3> <h3>2014 – 2021</h3>
Student at Ilkley Grammar School <br><br>8 GCSEs grades 7-5<br>Notable Grade 7s in Computer Science, Electronics, and Chemistry<br><br>Current A-levels Computer Science, Student at Ilkley Grammar School <br><br>
Psychology, and Philosophy<br>EPQ in Computer Science with a predicted grade: A-A*
</li> 8 GCSEs grades 7-5 <br>
</ul> Notable Grade 7s in Computer Science, Electronics, and Chemistry <br><br>
<h2>Skills:</h2>
<ul> 3 A-levels <br>
<li>Python</li> Computer Science (A), <br>
<li>C++</li> Psychology (A) <br>
<li>C#</li> Philosophy (B) <br>
<li>HTML and CSS</li> with an EPQ in virtual reality design (A)
<li>JavaScript and TypeScript</li> </li>
<!-- </ul>
</ul> <h2>Skills:</h2>
<hr style = "color: #ffd256; width: 30%; margin: 0; margin-top: 25px; margin-left: 5px"> <ul>
<ul> <li>Python</li>
--> <li>C#</li>
<li>Blender's full 3D toolset</li> <li>HTML and CSS</li>
<li>Unity's basic toolset</li> <li>JavaScript and TypeScript</li>
<li>Unreal Engine's basic toolset</li> <li>C++</li>
</ul> <!--
</ul>
<hr style = "color: #ffd256; width: 30%; margin: 0; margin-top: 25px; margin-left: 5px">
<ul>
-->
<li>Blender's full 3D toolset</li>
<li>Unity's basic toolset</li>
<li>Unreal Engine's basic toolset</li>
</ul>
</div>
</div> </div>
</div> </div>