commit 0c4f26b88060b01fdd6f881a83802efe26397339 Author: jpez Date: Fri Mar 4 18:55:12 2022 +0000 first commit diff --git a/CSY1018 - AS1 - 2022 Brief.pdf b/CSY1018 - AS1 - 2022 Brief.pdf new file mode 100644 index 0000000..b53e702 Binary files /dev/null and b/CSY1018 - AS1 - 2022 Brief.pdf differ diff --git a/assets/fonts/RafflesBryantRegular.woff b/assets/fonts/RafflesBryantRegular.woff new file mode 100644 index 0000000..6e787d9 Binary files /dev/null and b/assets/fonts/RafflesBryantRegular.woff differ diff --git a/assets/fonts/game_over.woff b/assets/fonts/game_over.woff new file mode 100644 index 0000000..90e089a Binary files /dev/null and b/assets/fonts/game_over.woff differ diff --git a/assets/images/background.jpg b/assets/images/background.jpg new file mode 100644 index 0000000..9abbafa Binary files /dev/null and b/assets/images/background.jpg differ diff --git a/assets/images/profileImage.png b/assets/images/profileImage.png new file mode 100644 index 0000000..d6fab76 Binary files /dev/null and b/assets/images/profileImage.png differ diff --git a/blog/blog.css b/blog/blog.css new file mode 100644 index 0000000..e69de29 diff --git a/blog/blog.html b/blog/blog.html new file mode 100644 index 0000000..e69de29 diff --git a/contact/contact.css b/contact/contact.css new file mode 100644 index 0000000..e69de29 diff --git a/contact/contact.html b/contact/contact.html new file mode 100644 index 0000000..e69de29 diff --git a/home/index.css b/home/index.css new file mode 100644 index 0000000..abc8824 --- /dev/null +++ b/home/index.css @@ -0,0 +1,109 @@ +.bio { + grid-area: aside; + background-color: #14213d; + opacity: 90%; + border-top-left-radius: 10em; + border-bottom-left-radius: 10em; + text-align: center; +} + +.bio > h1 { + margin: 0; +} + +.bio > p { + margin: 0; +} + +.profileImg { + content: url("../assets/images/profileImage.png"); + size: 10%; + max-height: 20em; + border: solid #f29602; + border-radius: 1000%; +} + +.monikers { + font-family: bio; + font-size: x-large; + color: #E5E5E5; +} + +.monikers > h1 { + margin-bottom: 0; +} + +.monikers > p { + margin-top: 0; +} + +.generalInfo { + text-align: left; + margin-left: 6em; + color: #E5E5E5; +} + +.generalInfo > span { + display: flex; + align-items: center; + margin-top: -2em; +} + +.title { + color: #E5E5E5; + font-family: bio; + font-size: xx-large; +} + +.languages > span { + display: flex; +} + +.languages > span > a > h2 { + margin-top: 0.5em; + margin-left: 0.25em; +} + +.languages > span > a { + margin: 0; + text-decoration: 0; + color: #E5E5E5; +} + +.languages > ul > li { + margin-left: 1em; + font-family: bio; + list-style: none; +} + +.generalInfo > span > p { + margin-left: 0.5em; +} + +@font-face { + font-family: bio; + src: url(../assets/fonts/RafflesBryantRegular.woff); +} + +.langList{ + display: none; + pointer-events: none; +} + +.close { + display: none; + font-family: bio; +} + +#langDrop:target .langList { + display: flex; + pointer-events: all; +} + +#langDrop:target .close { + display: block; +} + +main > h1 { + color: #E5E5E5; +} \ No newline at end of file diff --git a/home/index.html b/home/index.html new file mode 100644 index 0000000..a21968b --- /dev/null +++ b/home/index.html @@ -0,0 +1,84 @@ + + + + + + + J-Pez Development + + + + + + +
+ +

J-Pez Development

 +
+ + +
+

Welcome to my little corner of the internet :)

+
+ + + + + + \ No newline at end of file diff --git a/portfolio/portfolio.css b/portfolio/portfolio.css new file mode 100644 index 0000000..e69de29 diff --git a/portfolio/portfolio.html b/portfolio/portfolio.html new file mode 100644 index 0000000..e69de29 diff --git a/sitereport/sitereport.css b/sitereport/sitereport.css new file mode 100644 index 0000000..e69de29 diff --git a/sitereport/sitereport.html b/sitereport/sitereport.html new file mode 100644 index 0000000..e69de29 diff --git a/style/main.css b/style/main.css new file mode 100644 index 0000000..36ed557 --- /dev/null +++ b/style/main.css @@ -0,0 +1,96 @@ +body { + margin: 0; + background-color: transparent; + background-image: url("../assets/images/background.jpg"); + background-size: cover; + + display: grid; + grid-template-columns: 20% 40% 40%; + grid-template-rows: 20% 60% 20%; + grid-template-areas: + "header nav nav" + "main main aside" + "footer footer footer"; +} + +footer { + grid-area: footer; +} + +main { + grid-area: main; +} + +.title-card { + background-color: #000000; + opacity: 90%; + margin: 0; + color: #f29602; + font-family: headers; + grid-area: header; + font-size: x-large; +} + +.title-card > a { + text-decoration: none; +} + +.title-card > a > h1 { + margin: 0; +} + +.navigation { + margin: 0; + margin-right: -12em; + display: grid; + grid-template-columns: 25% 25% 25%; + grid-template-rows: 100%; + grid-template-areas: "port blog contact"; +} + +.link { + margin: 0; + opacity: 90%; + font-family: headers; + font-size: x-large; + background-color: #000000; + color: #f29602; + text-decoration: none; + text-align: center; +} + +.link > h2 { + margin: 0; +} + + +.link:hover { + border-bottom: 0.5em solid #32cd32; +} + +.link #home { + grid-area: home; +} + +.link #port { + grid-area: port; +} + +.link #blog { + grid-area: blog; +} + +.link #contact { + grid-area: contact; +} + +#contact { + border-top-right-radius: 10em; + border-bottom-right-radius: 10em; +} + + +@font-face { + font-family: headers; + src: url(../assets/fonts/game_over.woff); +} diff --git a/style/mobile.css b/style/mobile.css new file mode 100644 index 0000000..3e3bb5f --- /dev/null +++ b/style/mobile.css @@ -0,0 +1,7 @@ +.bio { + display: none; +} + +.navigation { + display: none; +} \ No newline at end of file