CSY1018-assignment-1/portfolio/portfolio.html

78 lines
4.4 KiB
HTML
Raw Permalink Normal View History

2022-03-10 14:38:16 +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">
<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="../">
2022-04-11 15:04:55 +00:00
<title>Portfolio: J-Pez Development</title>
2022-03-10 14:38:16 +00:00
<link rel="icon" type="image/svg+xml" href="assets/images/favicon.svg">
<link rel="stylesheet" href="style/main.css" media = "screen">
2022-03-27 18:51:01 +00:00
<link rel="stylesheet" href="portfolio/portfolio.css" media="screen">
2022-04-17 11:42:52 +00:00
<link rel="stylesheet" href="style/mobile.css" media ="screen and (max-width:800px)">
<link rel="stylesheet" href="portfolio/portfolio_mobile.css" media ="screen and (max-width:800px)">
2022-03-10 14:38:16 +00:00
</head>
2022-03-27 18:51:01 +00:00
<body id="clicked">
2022-03-10 14:38:16 +00:00
<nav class="navigation">
2022-03-27 18:51:01 +00:00
<a class="hidenav" href="portfolio/portfolio.html#"> X</a>
2022-03-10 14:38:16 +00:00
<a class="nav link" id="home" href="home/index.html"><h2>J-Pez Development</h2></a>
2022-03-27 18:51:01 +00:00
<a class="nav link" id="port" href="portfolio/portfolio.html"><h2>Portfolio</h2></a>
2022-03-10 14:38:16 +00:00
<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>
2022-03-10 14:38:16 +00:00
</nav>
2022-03-27 18:51:01 +00:00
<main>
<a class="shownav" href="portfolio/portfolio.html#clicked"></a>
<section class="project left">
2022-04-17 15:18:04 +00:00
<h2 class="title">Ardent (Front-end Design)</h2>
<video controls>
2022-04-04 17:22:14 +00:00
<source src="assets/portfolio/videos/ardent.mp4" type="video/mp4"/>
</video>
2022-04-17 18:40:24 +00:00
<p class="description"><span class="moreInfo">Ardent London<span class="extraInfo">A candle and wax melt retailer</span></span> contracted me to design the front-end of their new e-commerce website on wix. This entailed pitching colour themes, motifs, and layout ideas until the employer was satisfied.
After the design phase, I was required to implement the design through the wix interface. Other tech stacks were left unconsidered due to the employer wanting to use wix for it's user-friendly dashboard
used to manage the inventory of products they sell. The video is from early in the design stage, as I am still waiting for a finished walkthrough for my portfolio.
</p>
</section>
<section class="project right">
2022-04-17 15:18:04 +00:00
<h2 class="title">Efron's Dice (Java CLI script)</h2>
2022-04-04 17:22:14 +00:00
<img src="assets/portfolio/images/efron.png" alt="An image of the output of the project script"/>
2022-04-17 18:40:24 +00:00
<p class="description">I developed this code using Java, this code proves the mathematical reasoning behind Efron's Dice.
Efron's dice is an example of intransitive dice. In the example to the left, <span class="moreInfo">A > B > C > D<span class="extraInfo">In terms of rolling higher</span></span> more than 50% of the time.
This would lead us to believe that A > D, however this is not true. TL;DR: there is always a die in the set that can roll higher than the die we roll.
</p>
</section>
<section class="project left">
2022-04-17 15:18:04 +00:00
<h2 class="title">Portfolio Website (Fullstack Project)</h2>
2022-04-04 17:22:14 +00:00
<img src="assets/portfolio/images/website.png" alt="An image of the project site"/>
2022-04-17 18:40:24 +00:00
<p class="description">I developed this for a university assignment in my web design <span class="moreInfo">module<span class="extraInfo">CSY1018</span></span> in my Software Engnineering degree.
I was required to produce the portfolio website that you are currently viewing to show my skills in HTML and CSS. The site itself needed to display past projects, a blog, and be mobile responsive.
</p>
</section>
2022-03-27 18:51:01 +00:00
</main>
2022-03-10 14:38:16 +00:00
<footer>
2022-04-14 16:46:39 +00:00
<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>
2022-04-14 17:40:34 +00:00
<a href="site/report.html"><h1>Site Report</h1></a>
<a href="site/construction.html"><h1>Site Map</h1></a>
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>
2022-03-10 14:38:16 +00:00
</footer>
</body>
</html>