This commit is contained in:
Joshua Killen 2020-04-17 12:21:40 +01:00
parent 5460f50857
commit 99e82f1e24
2 changed files with 16 additions and 11 deletions

View File

@ -49,7 +49,7 @@
<h1>About</h1> <h1>About</h1>
</div> </div>
<details class="anchor" open> <details class="anchor" open>
<summary class="aboutTitle">The Website</summary> <summary class="aboutTitle" id="webTitle">The Website</summary>
<article class="aboutContent" id="siteContent"> <article class="aboutContent" id="siteContent">
This website was made in response to the Z14IT Assignment 2 criteria. It has been made to help people to learn about how the internet works up to the understanding of a student that had taken the Digital Technologies course at <abbr title="CU Coventry">CUC</abbr>. The website seen as it is currently is the culmination of 6 weeks work and research, including: a timeline of the internet's evolution; essential knowledge on networks and networking fundamentals; and guides on <abbr title="HyperText Markup Language 5">HTML5</abbr>, <abbr title="Cascading Style Sheets">CSS</abbr>, and Javascript. This website was made in response to the Z14IT Assignment 2 criteria. It has been made to help people to learn about how the internet works up to the understanding of a student that had taken the Digital Technologies course at <abbr title="CU Coventry">CUC</abbr>. The website seen as it is currently is the culmination of 6 weeks work and research, including: a timeline of the internet's evolution; essential knowledge on networks and networking fundamentals; and guides on <abbr title="HyperText Markup Language 5">HTML5</abbr>, <abbr title="Cascading Style Sheets">CSS</abbr>, and Javascript.
</article> </article>

View File

@ -1,7 +1,16 @@
h1 {
padding-bottom: 14.2em;
}
article img { article img {
border: 4px solid #f2f2f2; border: 4px solid #f2f2f2;
} }
summary {
list-style-type: none;
cursor: pointer;
}
.imgLeft { .imgLeft {
float: left; float: left;
} }
@ -36,9 +45,10 @@ p .aboutTitle {
clear: both; clear: both;
} }
summary { .headImg {
list-style-type: none; background-image: url(internet.png);
cursor: pointer; width: 100%;
background-repeat: no-repeat;
} }
#jkillen { #jkillen {
@ -53,12 +63,7 @@ summary {
padding-bottom: 2em padding-bottom: 2em
} }
.headImg { #webTitle {
background-image: url(internet.png); padding-top: none;
width: 100%;
background-repeat: no-repeat;
} }
h1 {
padding-bottom: 14.5em;
}