Added Cv, reworked some text

index.html

@@ -19,20 +19,19 @@
     </div>
 
     <div class = "textBox">
-        Hey I'm Nye, welcome to my portfolio! I'm an aspiring software developer who specialises in C++, C# and Python, with an intrest in lower level langauges like Assembly. 
+        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++, although I sometimes dabble in game design with groups of friends, in Unity, Unreal Engine and some solo level design in Source. 
+        Most of my work is software based, with Python and C++, although I  sometimes try game design with smalls groups of friends, in Unity, Unreal Engine and additionally, some solo level design in Source. 
-        When I'm not programming I'm most often drawing, playing board games, video games or baking.
+        
     </div>
 
-    <div style = "width: 100%; height: auto; text-align: center;">
+    <div style = "text-align: center;">
         <img src = "images\ProfilePlaceholder.png" class = "profileImage orangeBorder">
     </div>
 
     <div class = "textBox" style = "margin-bottom: 5vh;"> 
-        Most of my skills relate to object oriented programming, a big focus of my work is creating intuitive systems that are both developer and user friendly and that work smoothy in all contexts.
+        Most of my current work experience relates to personal projects, however I have previously done work experience at <a href = "https://www.jbaconsulting.com/">jba consulting</a> writing a
-        I love creating and working with large libraries and building intricate systems. The feeling of using systems and classes I or a close friend have built in an earlier part of a project is something I love, 
+        program to convert their sql databases to excel spreadsheets. I also often teach Python and HTML, having taught many students at my schools coding club for over 6 years and having tutored 
-        remembering the thought put into and conversations had around how it works and seeing it interact seemlessly and efficiently with other parts designed separately. I imagine its how it feels to build the house 
+        GCSE students briefly. You can see my full CV <a href = "pages/CVPage.html" target="_blank">here</a>.
-        you live within, each part has a story and feels special to you on a personal level.        
     </div>
 
     <div class = "textBox" id = "galleryHeader">
@@ -48,22 +47,23 @@
         <p class = "galleryCaption"></p>
         <button class = "galleryLeftArrow" onClick = "window.parent.lastSlide();">◄</button>
         <button class = "galleryRightArrow" onClick = "window.parent.nextSlide();">►</button>
-        <!--<div style = "grid-column: 1/13; grid-row: 13; border-bottom: 5px solid #ffd256;"></div>-->
     </div>
 
     <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">
-        <!--
+        <!-- please dont follow me if you see this, i want this to be a work only twitter account,
         <a href = "https://twitter.com/Wi__Ro" target="_blank" style = "color:#ffd256;">Twitter</a>
         -->
-        <a href = "https://twitter.com" target="_blank" style = "color:#ffd256;">Twitter</a>
+        <a href = "pages/NoTwitter.html" target="_blank">Twitter</a>
         &NonBreakingSpace;
-        <a href="mailto:WillowRo@outlook.com" target="_blank" style = "color:#ffd256;">Email</a>
+        <a href="mailto:WillowRo@outlook.com" target="_blank">Email</a>
         &NonBreakingSpace;
-        <a href="https://github.com/WillowRo" target="_blank" style = "color:#ffd256;">Github</a>
+        <a href="https://github.com/WillowRo" target="_blank">Github</a>
+        &NonBreakingSpace;
+        <a href = "pages/CVPage.html" target="_blank">CV</a>
     </div>
 </body>
 

pages/CVPage.css

@@ -0,0 +1,170 @@
+@import url("reset.css");
+
+@font-face{
+    font-family:"roboto";
+    font-weight: 100;
+    src: url("../../fonts/Roboto/RobotoMono-VariableFont_wght.ttf")
+}
+
+body{
+    color: #ffd256;
+    font-family: "roboto";
+    background-color: #181818;
+    
+}
+
+h1{ 
+    font-size: clamp(20px, 4vw, 170px);
+    text-align: left;
+    margin-top: 25vh;
+    margin-left: 10vh;
+    margin-bottom: 5vh;
+
+}
+
+h2{
+    padding-top: 10px;
+}
+
+h3{
+    font-size: 0.9vw;
+    padding-bottom: 4px;
+}
+
+ul{
+    list-style-type: circle;
+    padding-bottom: 5px;
+    padding-left: 20px;
+}
+
+li{
+    padding-top: 20px;
+    font-size: 0.8vw;
+    padding-right: 50px;
+}
+
+a:link, a:visited{
+    color: #ffd256;
+    text-decoration: none;
+}
+
+.backButton{
+    text-align: center;
+    font-size: clamp(20px, 2vw, 170px);
+
+    margin-top: 10vh;
+}
+
+.backButton{
+    text-align: center;
+    font-size: clamp(20px, 2vw, 170px);
+
+    margin-top: 10vh;
+    margin-bottom: 5vh;
+}
+
+#cvBody{
+    display: grid;
+    margin-left: 5vw;
+    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: 5px;
+
+    font-size: 1vw;
+}
+
+#introText{
+    grid-column: 1/3;
+    grid-row: 1;
+    border-bottom: solid 2px #ffd256;
+
+    padding-bottom: 20px;
+}
+
+#workExperienceText{
+    grid-column: 1;
+    grid-row: 2;
+
+    margin-top: 10px;
+}
+
+#extraNotesText{
+    grid-column: 2;
+    grid-row: 2;
+
+    margin-top: 10px;
+}
+
+#cvDownload{
+    margin-top: 10px;
+    margin-left: 5vw;;
+}
+
+@media (orientation:portrait){
+    body{
+        touch-action: manipulation; /*stops double tap zoom*/
+
+        -webkit-text-size-adjust: none; /*stops browsers messing with text size*/
+        -moz-text-size-adjust: none;
+        -ms-text-size-adjust: none;
+        text-size-adjust: none;
+    }
+
+    h1{
+        margin-left: 0;
+        margin-top: 5vh;
+        text-align: center;
+        font-size: clamp(20px, 10vw, 170px);
+    }
+
+    h2{
+        padding-top: 10px;
+        font-size: 3vw;
+    }
+    
+    h3{
+        font-size: 2.4vw;
+        padding-bottom: 4px;
+    }
+    
+    ul{
+        list-style-type: circle;
+        padding-bottom: 5px;
+        padding-left: 20px;
+    }
+    
+    li{
+        padding-top: 20px;
+        font-size: 2vw;
+        padding-right: 50px;
+    }
+
+    #introText{
+        grid-column: 1/3;
+        grid-row: 1;
+        border-bottom: solid 2px #ffd256;
+    
+        padding-bottom: 20px;
+
+        font-size: 2vw;
+    }
+
+    #cvDownload{
+        margin-top: 10px;
+        margin-left: 5vw;;
+        font-size: 3vw;
+    }
+
+}
+
+
+
+
+

pages/CVPage.html

@@ -0,0 +1,75 @@
+<HTML>
+    <header>
+        <link rel = "stylesheet" href = "CVPage.css">
+        <link rel = "icon" href = "..\images\Icon.ico">
+    
+        <meta charset="UTF-8">
+    
+        <script src = "pages\gallery.js" type = "module"></script>
+        <title>Nye Evans CV</title>
+    </header>
+    
+    <body>
+        <h1>
+            CV
+        </h1>
+        
+        <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 
+                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 id = "workExperienceText">
+                <h2>Work Experience:</h2>
+                <ul>
+                    <li>
+                        <h3>2018 – Present</h3>
+                        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.
+
+                    </li>
+                </ul>
+                <h2>Extra Curricular:</h2>
+                <ul>
+                    <li>
+                        <h3>2012 – Present</h3>
+                        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">
+                <h2>Education:</h2>
+                <ul>
+                    <li>
+                        <h3>2014 – Present</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, 
+                        Psychology, and Philosophy<br>EPQ in Computer Science with a predicted grade: A-A*
+                    </li>
+                </ul>
+                <h2>Skills:</h2>
+            </div>
+        </div>
+
+        <div id = "cvDownload">
+            A copy of this can be downloaded <a href = "..\files\CV.pdf"><u>here</u></a>
+        </div>
+
+        <a href = "../../../index.html"><h2 class = "backButton"> <-Back to main page</h2></a>
+    </body>
+</HTML>

pages/NoTwitter.html

@@ -0,0 +1,5 @@
+<HTML>
+    <body>
+        no twitter here :)<br><br>I'll pop something here eventually, before i start using the site properly
+    </body>
+</HTML>

pages/mainpage.css

@@ -28,7 +28,6 @@ button:focus {
 
 a:link, a:visited{
     color: #ffd256;
-    text-decoration: none;
 }
 
 h1{ 
@@ -63,6 +62,11 @@ h1{
     margin-right: 10vw;
 }
 
+.profileImage{
+    width: 30vw; 
+    height: auto; 
+}
+
 #galleryHeader{
     margin-left: 30vw; 
     margin-right: 30vw;