147 lines
6.9 KiB
HTML
147 lines
6.9 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">
|
|
<meta name="description" content="Portfolio showcasing projects worked on by Joshua Perry">
|
|
<meta name="keywords" content="HTML, CSS, JavaScript, jpez, jpez-development, home, bio, portfolio">
|
|
<meta name="author" content="Joshua Perry">
|
|
|
|
<base href="../">
|
|
|
|
<title>Home: J-Pez Development</title>
|
|
<link rel="icon" type="image/svg+xml" href="assets/images/favicon.svg">
|
|
|
|
<link rel="stylesheet" href="style/main.css" media = "screen">
|
|
<link rel="stylesheet" href="home/index.css" media="screen">
|
|
<link rel="stylesheet" href="style/mobile.css" media ="screen and (max-width:800px)">
|
|
</head>
|
|
|
|
<body id="clicked">
|
|
|
|
<nav class="navigation">
|
|
<a class="hidenav" href="home/index.html#"> X</a>
|
|
<a class="nav link" id="home" href="home/index.html"><h2>J-Pez Development</h2></a>
|
|
<a class="nav link" id="port" href="portfolio/portfolio.html"><h2>Portfolio</h2></a>
|
|
<a class="nav link" id="blog" href="blog/blog.html"><h2>Blog</h2></a>
|
|
<a class="nav link" id="contact" href="contact/contact.html"><h2>Contact</h2></a>
|
|
<a class="arrow"></a>
|
|
</nav>
|
|
|
|
<main>
|
|
<a class="shownav" href="home/index.html#clicked"></a>
|
|
<h1>Welcome to my little corner of the Internet :)</h1>
|
|
<p id="intro">
|
|
You might be wondering who I am and what I do. In which case, you are in luck.
|
|
This website was created by Joshua Perry (me) to showcase the accomplishments, and projects I have completed
|
|
along the way.
|
|
</p>
|
|
<p id="past">
|
|
My interest in technology came at a young age, where I would frequently disassemble things around the house to see how they would work.
|
|
Throughout my life I continued to tinker and study in my own time never satisfied until I understood the inner-workings of anything thrown at me.
|
|
As I got older, I gained the opportunity to study Computing at secondary school where I had my first exposure to Python, <span class="moreInfo">HTML<span class="extraInfo" id="html">HyperText Markup Language</span></span>, <span class="moreInfo">CSS<span class="extraInfo" id="css">Cascading Style Sheet</span></span>, and <span class="moreInfo">JS<span class="extraInfo" id="js">JavaScript</span></span>.
|
|
This was also when I started to look at the theory behind the technology as I learned about boolean logic, binaray mathematics, and flowcharting.
|
|
I would go on to strengthen this knowledge at 6th Form learning C#, and <span class="moreInfo">SQL<span class="extraInfo" id="sql">Structured Query Language</span></span> alongside relational database theory, CPU and Memory architecture, technological legislation, and more.
|
|
</p>
|
|
<p id="present">
|
|
Currently, I at the University of Northampton studying Software Engineering. This has given me knowledge in requirements engineering, design, Java, and neworking concepts so far.
|
|
This website was originally created for my CSY1018 assignment on <span class="moreInfo">UoN's<span class="extraInfo"id="uon">Universirty of Northampton</span></span> BSc Computing(Software Engineering) course. However, I have continued to maintain and improve it to act as a direct, interactable testament to what I can achieve.
|
|
</p>
|
|
<p id="code">
|
|
All the source code for this site is available on <a class="link" href="https://github.com/jpez-development/CSY1018_assignment_1/" target="_blank" rel="noopener noreferrer">GitHub</a> so that those of you that are interested can see how it works too.
|
|
</p>
|
|
</main>
|
|
|
|
<aside class="bio">
|
|
|
|
<section class="monikers">
|
|
<h1>Joshua Perry</h1>
|
|
<p>(A.K.A J-Pez)</p>
|
|
</section>
|
|
|
|
<img class="profileImg" alt="An Image of Joshua"/>
|
|
|
|
<section class="generalInfo">
|
|
<span>
|
|
<h2 class="title">D.O.B</h2>
|
|
<p>09/02/2001</p>
|
|
</span>
|
|
<span>
|
|
<h2 class="title">Pronouns</h2>
|
|
<p>He/Him</p>
|
|
</span>
|
|
<span>
|
|
<h2 class="title">Occupation</h2>
|
|
<p>Student</p>
|
|
</span>
|
|
<span>
|
|
<h2 class="title">Studying</h2>
|
|
<p>BSc Computing(Software Engineering)</p>
|
|
</span>
|
|
<span>
|
|
<h2 class="title">Institution</h2>
|
|
<p>University of Northampton</p>
|
|
</span>
|
|
<span>
|
|
<h2 class="title">Gradutation Year</h2>
|
|
<p>2024</p>
|
|
</span>
|
|
</section>
|
|
|
|
<section class="generalInfo dropdown" id="langDrop">
|
|
<span id="lang">
|
|
<a href="./home/index.html#lang" class="close">X</a>
|
|
<a href="./home/index.html#langDrop"><h2 class="title">Languages</h2></a>
|
|
</span>
|
|
<ul class="langList">
|
|
<li>HTML5</li>
|
|
<li>CSS</li>
|
|
<li>Java</li>
|
|
<li>C#</li>
|
|
<li>F#</li>
|
|
<li>Python</li>
|
|
<li>MongoDB</li>
|
|
<li>JavaScript (including Node.js)</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section class="generalInfo dropdown" id="qualDrop">
|
|
<span id="qual">
|
|
<a href="./home/index.html#qual" class="close">X</a>
|
|
<a href="./home/index.html#qualDrop"><h2 class="title">Qualifications</h2></a>
|
|
</span>
|
|
<ul class="qualList">
|
|
<li>A2 Computer Science</li>
|
|
<li>A2 Mathematics</li>
|
|
<li>A2 Further Mathematics</li>
|
|
<li>A2 Physics</li>
|
|
<li>QCF IT User Skills in Open Systems and Enterprise</li>
|
|
<li>Cambridge National Creative iMedia</li>
|
|
<li>GCSE Mathematics</li>
|
|
<li>GCSE Physics</li>
|
|
<li>GCSE Chemistry</li>
|
|
<li>GCSE Biology</li>
|
|
<li>GCSE English Literature</li>
|
|
<li>GCSE English Language</li>
|
|
<li>GCSE Computer Science</li>
|
|
<li>GCSE Business Studies</li>
|
|
<li>GCSE Product Design</li>
|
|
<li>GCSE Religious Studies</li>
|
|
</ul>
|
|
</section>
|
|
</aside>
|
|
|
|
<footer>
|
|
<a href="home/index.html">
|
|
<img src="assets/images/favicon.svg" id="footer_logo" alt="Logo"/>
|
|
<p>©Joshua Perry 2022</p>
|
|
</a>
|
|
<a href="blog/blog.html"><h1>Blog</h1></a>
|
|
<a href="site/report.html"><h1>Site Report</h1></a>
|
|
<a href="site/map.html"><h1>Site Map</h1></a>
|
|
<a href="legal/terms.html"><h1>Terms</h1></a>
|
|
<a href="legal/privacy.html"><h1>Privacy</h1></a>
|
|
</footer>
|
|
</body>
|
|
</html> |