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

validated home page

This commit is contained in:
Joshua Perry 2022-04-17 15:11:37 +01:00
parent b9757af113
commit 1ee54f27b9
2 changed files with 44 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
home/index.css
View File

@ -16,7 +16,6 @@
} }
.profileImg { .profileImg {
content: url("../assets/images/profileImage.png");
max-height: 20em; max-height: 20em;
border: solid #f29602; border: solid #f29602;
border-radius: 1000%; border-radius: 1000%;
@ -40,9 +39,6 @@
text-align: left; text-align: left;
margin-left: 6em; margin-left: 6em;
color: #E5E5E5; color: #E5E5E5;
}
.generalInfo > span {
display: flex; display: flex;
align-items: center; align-items: center;
font-size: x-large; font-size: x-large;
@ -55,28 +51,31 @@
font-size: xx-large; font-size: xx-large;
} }
.dropdown > span { .dropdown {
display: flex; display: block;
margin-bottom: 3em;
} }
.dropdown > span > a > h2 { .dropdown > a > h2 {
margin-top: 0.5em; margin-top: 1em;
margin-left: 0.25em; margin-left: 0.1em;
} }
.dropdown > span > a { .dropdown > a {
margin: 0; margin: 0;
margin-top: 1em;
text-decoration: 0; text-decoration: 0;
color: #E5E5E5; color: #E5E5E5;
} }
.dropdown > ul > li { .dropdown > ul > li {
margin-left: 1em; margin-left: 1em;
font-family: bio; font-family: bio;
list-style: none; list-style: none;
} }
.generalInfo > span > p { .generalInfo > p {
margin-left: 0.5em; margin-left: 0.5em;
} }

35
home/index.html
View File

@ -56,44 +56,45 @@
<aside class="bio"> <aside class="bio">
<section class="monikers"> <section class="monikers">
<h1>Joshua Perry</h1> <h2>Joshua Perry</h2>
<p>(A.K.A J-Pez)</p> <p>(A.K.A J-Pez)</p>
</section> </section>
<img class="profileImg" alt="An Image of Joshua"/> <img class="profileImg" src="assets/images/profileImage.png" alt="An Image of Joshua"/>
<section class="generalInfo"> <section class="generalInfo">
<span>
<h2 class="title">D.O.B</h2> <h2 class="title">D.O.B</h2>
<p>09/02/2001</p> <p>09/02/2001</p>
</span> </section>
<span>
<section class="generalInfo">
<h2 class="title">Pronouns</h2> <h2 class="title">Pronouns</h2>
<p>He/Him</p> <p>He/Him</p>
</span> </section>
<span>
<section class="generalInfo">
<h2 class="title">Occupation</h2> <h2 class="title">Occupation</h2>
<p>Student</p> <p>Student</p>
</span> </section>
<span>
<section class="generalInfo">
<h2 class="title">Studying</h2> <h2 class="title">Studying</h2>
<p>BSc Computing(Software Engineering)</p> <p>BSc Computing(Software Engineering)</p>
</span> </section>
<span>
<section class="generalInfo">
<h2 class="title">Institution</h2> <h2 class="title">Institution</h2>
<p>University of Northampton</p> <p>University of Northampton</p>
</span> </section>
<span>
<section class="generalInfo">
<h2 class="title">Gradutation Year</h2> <h2 class="title">Gradutation Year</h2>
<p>2024</p> <p>2024</p>
</span>
</section> </section>
<section class="generalInfo dropdown" id="langDrop"> <section class="generalInfo dropdown" id="langDrop">
<span id="lang">
<a href="./home/index.html#lang" class="close">X</a> <a href="./home/index.html#lang" class="close">X</a>
<a href="./home/index.html#langDrop"><h2 class="title">Languages</h2></a> <a href="./home/index.html#langDrop"><h2 class="title">Languages</h2></a>
</span>
<ul class="langList"> <ul class="langList">
<li>HTML5</li> <li>HTML5</li>
<li>CSS</li> <li>CSS</li>
@ -107,10 +108,8 @@
</section> </section>
<section class="generalInfo dropdown" id="qualDrop"> <section class="generalInfo dropdown" id="qualDrop">
<span id="qual">
<a href="./home/index.html#qual" class="close">X</a> <a href="./home/index.html#qual" class="close">X</a>
<a href="./home/index.html#qualDrop"><h2 class="title">Qualifications</h2></a> <a href="./home/index.html#qualDrop"><h2 class="title">Qualifications</h2></a>
</span>
<ul class="qualList"> <ul class="qualList">
<li>A2 Computer Science</li> <li>A2 Computer Science</li>
<li>A2 Mathematics</li> <li>A2 Mathematics</li>