CSY1018-assignment-1/home/index.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)">
    <link rel="stylesheet" href="home/index_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">
            <h2>Joshua Perry</h2>
            <p>(A.K.A J-Pez)</p>
        </section>

        <img class="profileImg" src="assets/images/profileImage.png" alt="An Image of Joshua"/>

        <section class="generalInfo">
            <h2 class="title">D.O.B</h2>
            <p>09/02/2001</p>
        </section>

        <section class="generalInfo">
            <h2 class="title">Pronouns</h2>
            <p>He/Him</p>
        </section>

        <section class="generalInfo">
            <h2 class="title">Occupation</h2>
            <p>Student</p>
        </section>

        <section class="generalInfo">
            <h2 class="title">Studying</h2>
            <p>BSc Computing(Software Engineering)</p>
        </section>

        <section class="generalInfo">
            <h2 class="title">Institution</h2>
            <p>University of Northampton</p>
        </section>

        <section class="generalInfo">
            <h2 class="title">Gradutation Year</h2>
            <p>2024</p>
        </section>

        <section class="generalInfo dropdown" id="langDrop">
            <a href="./home/index.html#lang" class="close">X</a>
            <a href="./home/index.html#langDrop"><h2 class="title">Languages</h2></a>
            <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">
            <a href="./home/index.html#qual" class="close">X</a>
            <a href="./home/index.html#qualDrop"><h2 class="title">Qualifications</h2></a>
            <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>&copy;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/construction.html"><h1>Site Map</h1></a>
        <a href="site/construction.html"><h1>Terms</h1></a>
        <a href="site/construction.html"><h1>Privacy</h1></a>
    </footer>
</body>
</html>
first commit 2022-03-04 18:55:12 +00:00			`<!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">`
added metadata 2022-03-09 18:55:23 +00:00			`<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">`
added favicon 2022-03-04 19:46:28 +00:00
added base url and updated hrefs 2022-03-10 14:38:16 +00:00			`<base href="../">`

adjusted titles 2022-04-11 15:04:55 +00:00			`<title>Home: J-Pez Development</title>`
added base url and updated hrefs 2022-03-10 14:38:16 +00:00			`<link rel="icon" type="image/svg+xml" href="assets/images/favicon.svg">`
first commit 2022-03-04 18:55:12 +00:00
added base url and updated hrefs 2022-03-10 14:38:16 +00:00			`<link rel="stylesheet" href="style/main.css" media = "screen">`
			`<link rel="stylesheet" href="home/index.css" media="screen">`
misc changes 2022-03-27 18:51:01 +00:00			`<link rel="stylesheet" href="style/mobile.css" media ="screen and (max-width:800px)">`
individual css for mobile , minor formatting 2022-04-17 11:18:00 +00:00			`<link rel="stylesheet" href="home/index_mobile.css" media ="screen and (max-width:800px)">`
first commit 2022-03-04 18:55:12 +00:00			`</head>`
formatting adjustments. project layout started. 2022-04-04 16:30:50 +00:00
added mobile responsiveness 2022-03-10 16:17:19 +00:00			`<body id="clicked">`
added favicon 2022-03-04 19:46:28 +00:00
first commit 2022-03-04 18:55:12 +00:00			`<nav class="navigation">`
misc changes 2022-03-27 18:51:01 +00:00			`<a class="hidenav" href="home/index.html#"> X</a>`
added base url and updated hrefs 2022-03-10 14:38:16 +00:00			`<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>`
formatting adjustments. project layout started. 2022-04-04 16:30:50 +00:00			`<a class="arrow"></a>`
first commit 2022-03-04 18:55:12 +00:00			`</nav>`

			`<main>`
misc changes 2022-03-27 18:51:01 +00:00			`<a class="shownav" href="home/index.html#clicked"></a>`
added default font 2022-03-04 20:06:43 +00:00			`<h1>Welcome to my little corner of the Internet :)</h1>`
added mobile responsiveness 2022-03-10 16:17:19 +00:00			`<p id="intro">`
			`You might be wondering who I am and what I do. In which case, you are in luck.`
minor formatting changes 2022-03-09 19:13:41 +00:00			`This website was created by Joshua Perry (me) to showcase the accomplishments, and projects I have completed`
added tooltips above acronyms 2022-03-09 16:34:28 +00:00			`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">`
minor formatting changes 2022-03-09 19:13:41 +00:00			`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.`
validated home page 2022-04-17 14:11:37 +00:00			`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.`
added tooltips above acronyms 2022-03-09 16:34:28 +00:00			`</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>`
first commit 2022-03-04 18:55:12 +00:00			`</main>`

			`<aside class="bio">`
added favicon 2022-03-04 19:46:28 +00:00
first commit 2022-03-04 18:55:12 +00:00			`<section class="monikers">`
validated home page 2022-04-17 14:11:37 +00:00			`<h2>Joshua Perry</h2>`
first commit 2022-03-04 18:55:12 +00:00			`<p>(A.K.A J-Pez)</p>`
			`</section>`
added favicon 2022-03-04 19:46:28 +00:00
validated home page 2022-04-17 14:11:37 +00:00			`<img class="profileImg" src="assets/images/profileImage.png" alt="An Image of Joshua"/>`
added favicon 2022-03-04 19:46:28 +00:00
first commit 2022-03-04 18:55:12 +00:00			`<section class="generalInfo">`
validated home page 2022-04-17 14:11:37 +00:00			`<h2 class="title">D.O.B</h2>`
			`<p>09/02/2001</p>`
			`</section>`

			`<section class="generalInfo">`
			`<h2 class="title">Pronouns</h2>`
			`<p>He/Him</p>`
			`</section>`

			`<section class="generalInfo">`
			`<h2 class="title">Occupation</h2>`
			`<p>Student</p>`
			`</section>`

			`<section class="generalInfo">`
			`<h2 class="title">Studying</h2>`
			`<p>BSc Computing(Software Engineering)</p>`
			`</section>`

			`<section class="generalInfo">`
			`<h2 class="title">Institution</h2>`
			`<p>University of Northampton</p>`
			`</section>`

			`<section class="generalInfo">`
			`<h2 class="title">Gradutation Year</h2>`
			`<p>2024</p>`
first commit 2022-03-04 18:55:12 +00:00			`</section>`
added favicon 2022-03-04 19:46:28 +00:00
added qualifications to bio aside 2022-03-04 19:31:15 +00:00			`<section class="generalInfo dropdown" id="langDrop">`
validated home page 2022-04-17 14:11:37 +00:00			`<a href="./home/index.html#lang" class="close">X</a>`
			`<a href="./home/index.html#langDrop"><h2 class="title">Languages</h2></a>`
first commit 2022-03-04 18:55:12 +00:00			`<ul class="langList">`
			`<li>HTML5</li>`
			`<li>CSS</li>`
			`<li>Java</li>`
			`<li>C#</li>`
			`<li>F#</li>`
			`<li>Python</li>`
added qualifications to bio aside 2022-03-04 19:31:15 +00:00			`<li>MongoDB</li>`
			`<li>JavaScript (including Node.js)</li>`
first commit 2022-03-04 18:55:12 +00:00			`</ul>`
			`</section>`
added favicon 2022-03-04 19:46:28 +00:00
added qualifications to bio aside 2022-03-04 19:31:15 +00:00			`<section class="generalInfo dropdown" id="qualDrop">`
validated home page 2022-04-17 14:11:37 +00:00			`<a href="./home/index.html#qual" class="close">X</a>`
			`<a href="./home/index.html#qualDrop"><h2 class="title">Qualifications</h2></a>`
added qualifications to bio aside 2022-03-04 19:31:15 +00:00			`<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>`
first commit 2022-03-04 18:55:12 +00:00			`</section>`
			`</aside>`

			`<footer>`
added footer & folders/files for the related pages 2022-04-14 16:44:53 +00:00			`<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>`
corrected href error 2022-04-14 17:40:34 +00:00			`<a href="site/report.html"><h1>Site Report</h1></a>`
changed href for map to point to construction 2022-04-17 18:14:37 +00:00			`<a href="site/construction.html"><h1>Site Map</h1></a>`
added construction page 2022-04-14 17:14:47 +00:00			`<a href="site/construction.html"><h1>Terms</h1></a>`
			`<a href="site/construction.html"><h1>Privacy</h1></a>`
first commit 2022-03-04 18:55:12 +00:00			`</footer>`
			`</body>`
			`</html>`