Added CV and rewritten Interests Section

This commit is contained in:
lukejelse04 2021-06-27 22:44:28 +01:00
parent eb08632791
commit 5d21baaac7
8 changed files with 74 additions and 75 deletions

BIN
assets/Luke Else - CV.pdf Normal file

Binary file not shown.

View File

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

View File

Before

Width:  |  Height:  |  Size: 425 KiB

After

Width:  |  Height:  |  Size: 425 KiB

View File

Before

Width:  |  Height:  |  Size: 99 KiB

After

Width:  |  Height:  |  Size: 99 KiB

View File

@ -47,6 +47,7 @@
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
@ -10142,3 +10143,19 @@ section.resume-section .resume-section-content {
padding-bottom: 5rem;
}
}
#type{
display: inline;
border-right: 4px solid #6c757d;
animation: blink 1s infinite;
color: rgba(36, 129, 60, 0.7);
}
@keyframes blink {
50%{
border-right: none;
}
}

View File

@ -1,11 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<html lang="en" loading="lazy">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="description" content="Luke Else - Junior Software Developer from Kent" />
<meta name="author" content="" />
<title>Luke Else- Junior Software Developer</title>
<title>Luke Else - Junior Software Developer</title>
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script>
@ -14,6 +14,7 @@
<link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
<link href="css/type.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
@ -31,9 +32,6 @@
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#education">Education</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#skills">Skills</a></li>
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#interests">Interests</a></li>
<!--
<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#awards">Awards</a></li>
-->
</ul>
</div>
</nav>
@ -46,20 +44,25 @@
<span class="text-secondary">{</span>
Luke
<span class="text-primary">Else</span>
<span class="text-secondary">}</span>
</h1>
<br />
<h2 class="mb-0">
<p id="type"></p>
</h2>
<br />
<div class="subheading mb-5">
<?php
//An example date of birth.
$userDob = '2004-01-12';
$dob = '2004-01-12';
//Create a DateTime object using the user's date of birth.
$dob = new DateTime($userDob);
$dob = new DateTime($dob);
//We need to compare the user's date of birth with today's date.
$now = new DateTime();
@ -82,11 +85,12 @@
E-Mail:
<a href="mailto:name@email.com">luke@luke-else.co.uk</a>
</div>
<p class="lead mb-5">I am a Junior but well practised Software Developer. I have a great passion for learning, especially in topics oriented around Software Development, Networks and Backend Engineering. I am constantly striving to learn more and more whilst pushing myself to explore new technologies!</p>
<p class="lead mb-5">I am a Junior but well practised Software Developer. I have a great passion for learning, especially in topics oriented around Software Development, Networks and Backend Engineering. I am constantly striving to learn more whilst pushing myself to explore new technologies!</p>
<div class="social-icons">
<a class="social-icon" href="https://www.linkedin.com/in/luke-else-a7183a205/"><i class="fab fa-linkedin-in"></i></a>
<a class="social-icon" href="https://github.com/lukejelse04"><i class="fab fa-github"></i></a>
<a class="social-icon" href="https://www.instagram.com/lukejelse04/"><i class="fab fa-instagram"></i></a>
<a class="social-icon" href="assets/Luke Else - CV.pdf"><i class="fas fa-file-download"></i></a>
</div>
</div>
</section>
@ -99,7 +103,7 @@
<div class="flex-grow-1">
<h3 class="mb-0">Car Valeter</h3>
<div class="subheading mb-3">CSM Valeting</div>
<p>This job involved ensuring customer satisfaction was very high! Every car had to be cleaned maticulously to ensure the highest standard was achieved. We often spent a lot of our time in commercial workspace environments and so remaining profesional was key to the service we provided. I enjoyed working here a lot becuase of both the independent and teamworking aspects. On many occasions we would find ourselves working on a car in a group so communication was key to ensure that no part was missed nor any unecessary work was undetaken!</p>
<p>This job involved ensuring customer satisfaction was very high! Every car had to be cleaned meticulously to ensure the highest standard was achieved. We often spent a lot of our time in commercial workspace environments and so remaining professional was key to the service we provided. I enjoyed working here a lot because of both the independent and teamworking aspects. On many occasions we would find ourselves working on a car in a group so communication was key to ensure that no part was missed nor any unnecessary work was undertaken!</p>
</div>
<div class="flex-shrink-0"><span class="text-primary">March 2020 - Present</span></div>
</div>
@ -107,7 +111,7 @@
<div class="flex-grow-1">
<h3 class="mb-0">Site Maintenance</h3>
<div class="subheading mb-3">Ashford Self Storage</div>
<p>Working at Ashford Self Storage was my first taste of working in the real world. I spend a lot of time interacting with the customers throughout the day whilst also maintaining the cleanliness and presentability of the site. I was in charge of making sure the loading bay was clear and safe to use in addition to landscaping out the front and sides of the warehouse building!</p>
<p>Working at Ashford Self Storage was my first taste of working in the real world. I spent a lot of time interacting with the customers throughout the day whilst also maintaining the cleanliness and presentability of the site. I was in charge of making sure the loading bay was clear and safe to use in addition to landscaping out the front and sides of the warehouse building!</p>
</div>
<div class="flex-shrink-0"><span class="text-primary">July 2018 - September 2020</span></div>
</div>
@ -133,13 +137,13 @@
<div class="subheading mb-3">Spotify Client</div>
<p>This one is more of a personal project that allows me to learn more about and make use of a documented API. I will be staging the App as a website so that it can easily be accessed. I will also be trying to make a divide between the use of server and client side processing due to the limited resources I have available!</p>
</div>
<div class="flex-shrink-0"><span class="text-primary"><a href="https://luke-else.com">luke-else.com</a></span></div>
<div class="flex-shrink-0"><span class="text-primary"><a href="https://spotify.luke-else.com">spotify.luke-else.com</a></span></div>
</div>
<div class="d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="flex-grow-1">
<h3 class="mb-0">Flight Simulator EFB</h3>
<div class="subheading mb-3">A-Level Project</div>
<p>Capitalize on low hanging fruit to identify a ballpark value added activity to beta test. Override the digital divide with additional clickthroughs from DevOps. Nanotechnology immersion along the information highway will close the loop on focusing solely on the bottom line.</p>
<p>This project is probably one of the largest so far! It is designed for flight sim users to be able to brief and track their flights as well as giving them the ability to fetch relevant routes and charts with just the click of a button. The project is a part of my A-Level course and so is heavily documented at all stages throughout the analysis, design and production cycle. It has taught me a lot about the agile development ideology, something that will be really useful to apply to some of my next projects!</p>
</div>
<div class="flex-shrink-0"><span class="text-primary"><a href="https://github.com/lukejelse04/FlightSimulatorIntergration">GitHub</a></span></div>
</div>
@ -155,7 +159,7 @@
<h3 class="mb-0">The Norton Knatchbull School</h3>
<div class="subheading mb-3">A-Levels</div>
<div>Maths, Physics and Computer Science</div>
<p>Grades: A, A, <b>A*</b></p>
<p>Grades (Predicted): A, A, <b>A*</b></p>
</div>
<div class="flex-shrink-0"><span class="text-primary">September 2020 - Present</span></div>
@ -165,7 +169,7 @@
<div class="flex-grow-1">
<h3 class="mb-0">The Norton Knatchbull School</h3>
<div class="subheading mb-3">GCSE's</div>
<div>FSMQ (C), Maths (8), Geography (<b>9</b>), Biology (<b>9</b>), Chemistry (<b>9</b>), Physics (<b>9</b>), Spanish (7), English (Literature & Language) (7, 7), Computer Science (<b>9</b>), Religious Studies (4)</div>
<div>FSMQ (C), Maths (8), Geography (<b>9</b>), Biology (<b>9</b>), Chemistry (<b>9</b>), Physics (<b>9</b>), Spanish (7), English (Literature & Language) (7, 7), Computer Science (<b>9</b>)</div>
</div>
<div class="flex-shrink-0"><span class="text-primary">September 2015 - August 2020</span></div>
@ -185,14 +189,17 @@
<li class="list-inline-item"><i class="fab fa-html5"></i></li>
<li class="list-inline-item"><i class="fab fa-css3-alt"></i></li>
<li class="list-inline-item"><i class="fab fa-js-square"></i></li>
<li class="list-inline-item"><i class="fab fa-php"></i></li>
<li class="list-inline-item"><span class="test-secondary">C#</span></li>
<li class="list-inline-item"><span class="test-secondary">.Net</span></li>
<!--
<li class="list-inline-item"><i class="fab fa-python"></i></li>
<li class="list-inline-item"><i class="fas fa-ethernet"></i></li>
<li class="list-inline-item"><i class="fab fa-php"></i></li>
-->
<li class="list-inline-item"><i class="fas fa-network-wired"></i></li>
<li class="list-inline-item"><i class="fas fa-server"></i></li>
<li class="list-inline-item"><i class="fab fa-aws"></i></li>
<li class="list-inline-item"><i class="fab fa-linux"></i></li>
<li class="list-inline-item"><i class="fab fa-git-alt"></i></li>
</ul>
<div class="subheading mb-3">Workflow</div>
<ul class="fa-ul mb-0">
@ -220,59 +227,12 @@
<section class="resume-section" id="interests">
<div class="resume-section-content">
<h2 class="mb-5">Interests</h2>
<p>Apart from software development, I also enjoy ethical hacking and pentesting. I am still very new to the skill but it is something I enjoy learning about. I will often spend my evenings researching exploits and how they work. This knowledge can then be applied to my own setups and servers to ensure they are safe and secure!</p>
<p class="mb-0">On a nice day I will often find myself exploring outside, whether it be through a forest walk or a run with friends. Who doesn't love a bit of fresh air!</p>
<p>In my spare time, I will often find myself working on some of my smaller projects such as websites for my friends which I host on my own rented cloud servers. As well as this, I am quite interested in reading about system exploits as it is something that I can apply to my own work in order to keep it safe and secure.</p>
<p>I am also an avid member of VATSIM flight simulation community and spend my evening interacting with the many members that it holds. I operate as a virtual air traffic controller on one of the biggest virtual flight networks in the world, VATSIM. In addition, I will also fly on the network in some of the many events they host each week.</p>
<p class="mb-0">From 2015 to 2020 I was also in the 'Royal Air Force Air Cadets' which taught me a lot of leadership, communication and problem solving skills. Whilst there, I partook in the Bronze Duke Of Edinburgh award and joined the squadron band which were both tough but rewarding experiences. Throughout the year we would attend many parades in which drill and discipline standard had to be impeccable.</p>
</div>
</section>
<hr class="m-0" />
<!--
<!-- Awards
<section class="resume-section" id="awards">
<div class="resume-section-content">
<h2 class="mb-5">Awards & Certifications</h2>
<ul class="fa-ul mb-0">
<li>
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
Google Analytics Certified Developer
</li>
<li>
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
Mobile Web Specialist - Google Certification
</li>
<li>
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
1
<sup>st</sup>
Place - University of Colorado Boulder - Emerging Tech Competition 2009
</li>
<li>
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
1
<sup>st</sup>
Place - University of Colorado Boulder - Adobe Creative Jam 2008 (UI Design Category)
</li>
<li>
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
2
<sup>nd</sup>
Place - University of Colorado Boulder - Emerging Tech Competition 2008
</li>
<li>
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
1
<sup>st</sup>
Place - James Buchanan High School - Hackathon 2006
</li>
<li>
<span class="fa-li"><i class="fas fa-trophy text-warning"></i></span>
3
<sup>rd</sup>
Place - James Buchanan High School - Hackathon 2005
</li>
</ul>
</div>
</section>
-->
</div>
<!-- Bootstrap core JS-->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
@ -281,5 +241,6 @@
<script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
<script src="js/type.js"></script>
</body>
</html>

View File

@ -34,9 +34,12 @@
$(".navbar-collapse").collapse("hide");
});
// Activate scrollspy to add active class to navbar items on scroll
$("body").scrollspy({
target: "#mainNav"
/* Activate scrollspy to add active class to navbar items on scroll
$('body').scrollspy({
target: "#sideNav"
});
*/
})(jQuery); // End of use strict

18
js/type.js Normal file
View File

@ -0,0 +1,18 @@
var i = 0
var text="//Junior Software Developer";
var speed=150;
var item = document.getElementById("type");
function type(){
item.innerHTML += text.charAt(i);
i++;
if (i < text.length) {
setTimeout(type, speed);
}
console.log(i);
}
type();