r0r-5chach/CSY1018-assignment-1
r0r-5chach
/
CSY1018-assignment-1
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added base url and updated hrefs

This commit is contained in:
jpez 2022-03-10 14:38:16 +00:00
parent 832551d947
commit 4cb177b812
6 changed files with 149 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
blog/blog.html
View File

@ -0,0 +1,34 @@
<!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>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="style/mobile.css" media ="screen and (max-width:800px)">
<link rel="stylesheet" href="./blog.css" media="screen">
</head>
<body>
<nav class="navigation">
<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.html"><h2>Blog</h2></a>
<a class="nav link" id="contact" href="contact/contact.html"><h2>Contact</h2></a>
<a class="arrow right"></a>
</nav>
<footer>
&copy; Joshua Perry 2022
</footer>
</body>
</html>

34
contact/contact.html
View File

@ -0,0 +1,34 @@
<!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>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="style/mobile.css" media ="screen and (max-width:800px)">
<link rel="stylesheet" href="./contact.css" media="screen">
</head>
<body>
<nav class="navigation">
<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.html"><h2>Contact</h2></a>
<a class="arrow right"></a>
</nav>
<footer>
&copy; Joshua Perry 2022
</footer>
</body>
</html>

20
home/index.html
View File

@ -8,20 +8,22 @@
<meta name="keywords" content="HTML, CSS, JavaScript, jpez, jpez-development, home, bio, portfolio">
<meta name="author" content="Joshua Perry">
<title>J-Pez Development</title>
<link rel="icon" type="image/svg+xml" href="../assets/images/favicon.svg">
<base href="../">
<link rel="stylesheet" href="../style/main.css" media = "screen">
<link rel="stylesheet" href="../style/mobile.css" media ="screen and (max-width:800px)">
<link rel="stylesheet" href="../home/index.css" media="screen">
<title>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="style/mobile.css" media ="screen and (max-width:800px)">
<link rel="stylesheet" href="home/index.css" media="screen">
</head>
<body>
<nav class="navigation">
<a class="nav link" id="home" href="./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="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 right"></a>
</nav>

34
portfolio/portfolio.html
View File

@ -0,0 +1,34 @@
<!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>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="style/mobile.css" media ="screen and (max-width:800px)">
<link rel="stylesheet" href="./portfolio.css" media="screen">
</head>
<body>
<nav class="navigation">
<a class="nav link" id="home" href="home/index.html"><h2>J-Pez Development</h2></a>
<a class="nav link" id="port" href="./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 right"></a>
</nav>
<footer>
&copy; Joshua Perry 2022
</footer>
</body>
</html>

34
sitereport/sitereport.html
View File

@ -0,0 +1,34 @@
<!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>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="style/mobile.css" media ="screen and (max-width:800px)">
<link rel="stylesheet" href="./sitereport.css" media="screen">
</head>
<body>
<nav class="navigation">
<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 right"></a>
</nav>
<footer>
&copy; Joshua Perry 2022
</footer>
</body>
</html>

3
style/main.css
View File

@ -124,12 +124,13 @@ nav > .link:hover {
.extraInfo {
white-space: nowrap;
padding: 0.2em;
margin-top: -1.2em;
margin-top: -1.6em;
margin-left: -2em;
background-color: #e5e5e5;
color: #000000;
display: none;
z-index: 1000;
border-radius: 10em;
position: absolute;
}