Skip to content

Commit 0737ad2

Browse files
eric-lseric-ls
committed
added home button
1 parent 85e3f5a commit 0737ad2

File tree

11 files changed

+127
-9
lines changed

11 files changed

+127
-9
lines changed

‎assets/style.css

+10-2
Original file line numberDiff line numberDiff line change
@@ -116,9 +116,9 @@ a {
116116
.body img {
117117
width: 100%;
118118
}
119-
.body a {
119+
/*.body a {
120120
color: #78c272;
121-
}
121+
}*/
122122
.body li {
123123
line-height: 24px;
124124
}
@@ -134,4 +134,12 @@ a {
134134
#submission-content p, #submission-content li {
135135
line-height: 24px;
136136
opacity: 0.75;
137+
}
138+
139+
.program {
140+
color: #6392c0;
141+
}
142+
143+
.design {
144+
color: #78c272;
137145
}

‎index.html

+9-7
Original file line numberDiff line numberDiff line change
@@ -40,14 +40,16 @@
4040
<!-- Use UL LI Tags for each lists -->
4141
<!-- Use P Tags with "caption" class for paragraph captions (60% opacity) -->
4242
<!-- Use IMG Tags for assets/images -->
43-
<p>Programming: <a href="sp15/wk2-programming/instructions.html">More HTML Fun</a></p>
44-
<p>Design: <a href="sp15/wk2-design/instructions.html">Design Cycle</a></p>
45-
<!--<div class = "body-header">Previous Programming</div>
46-
<a href=""></a>
47-
48-
</p>
49-
<div class = "body-header">Previous Design</div>-->
43+
<p>Programming: <a class="design" href="sp15/wk3-programming/instructions.html">CSS Box Model</a></p>
44+
<p>Design: <a class="design" href="sp15/wk3-design/instructions.html">NAME HERE</a></p>
5045

46+
<br><br>
47+
<div class="body-header program">Programming Archive</div>
48+
<p>Week 2: <a class="program" href="sp15/wk2-programming/instructions.html">More HTML Fun</a></p>
49+
50+
<br><br>
51+
<div class="body-header">Previous Design</div>
52+
<p>Week 2: <a class="design" href="sp15/wk2-design/instructions.html">Design Cycle</a></p>
5153
<br>
5254
</div>
5355
</div>

‎sp15/wk2-design/assets/images/home.svg

+13
Loading

‎sp15/wk2-design/assets/style.css

+19
Original file line numberDiff line numberDiff line change
@@ -40,12 +40,31 @@ a {
4040
position: relative;
4141
padding: 30px 0px;
4242
}
43+
#header-back {
44+
background: #78c272;
45+
display: inline-block;
46+
height: 43px;
47+
margin-right: -2px;
48+
padding: 15px;
49+
width: 20px;
50+
}
4351
#header {
4452
background: #78c272;
53+
display: inline-block;
4554
padding: 15px;
4655
color: white;
4756
width: 270px;
4857
}
58+
#header-img {
59+
opacity: .8;
60+
position: absolute;
61+
top: 55px;
62+
transition: 0.2s;
63+
width: 20px;
64+
}
65+
#header-img:hover {
66+
opacity: 1;
67+
}
4968
#header-caption-logo {
5069
width: 20px;
5170
float: left;

‎sp15/wk2-design/instructions.html

+4
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,10 @@
66
</head>
77
<body>
88
<div id="container">
9+
<a href="../../index.html">
10+
<div id="header-back"><img id="header-img" src="assets/images/home.svg">
11+
</div>
12+
</a>
913
<div id="header">
1014
<div id="header-caption">
1115
<div id="header-caption-logo"><img class="img-scaled" src="assets/images/logo.png" /></div>

‎sp15/wk2-programming/assets/images/home.svg

+13
Loading

‎sp15/wk2-programming/assets/style.css

+19
Original file line numberDiff line numberDiff line change
@@ -40,12 +40,31 @@ a {
4040
position: relative;
4141
padding: 30px 0px;
4242
}
43+
#header-back {
44+
background: #78c272;
45+
display: inline-block;
46+
height: 43px;
47+
margin-right: -2px;
48+
padding: 15px;
49+
width: 20px;
50+
}
4351
#header {
4452
background: #78c272;
53+
display: inline-block;
4554
padding: 15px;
4655
color: white;
4756
width: 270px;
4857
}
58+
#header-img {
59+
opacity: .8;
60+
position: absolute;
61+
top: 55px;
62+
transition: 0.2s;
63+
width: 20px;
64+
}
65+
#header-img:hover {
66+
opacity: 1;
67+
}
4968
#header-caption-logo {
5069
width: 20px;
5170
float: left;

‎sp15/wk2-programming/instructions.html

+4
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,10 @@
66
</head>
77
<body>
88
<div id="container">
9+
<a href="../../index.html">
10+
<div id="header-back"><img id="header-img" src="assets/images/home.svg">
11+
</div>
12+
</a>
913
<div id="header">
1014
<div id="header-caption">
1115
<div id="header-caption-logo"><img class="img-scaled" src="assets/images/logo.png" /></div>

‎sp15/wk3-programming/assets/images/home.svg

+13
Loading

‎sp15/wk3-programming/assets/style.css

+19
Original file line numberDiff line numberDiff line change
@@ -40,12 +40,31 @@ a {
4040
position: relative;
4141
padding: 30px 0px;
4242
}
43+
#header-back {
44+
background: #78c272;
45+
display: inline-block;
46+
height: 43px;
47+
margin-right: -2px;
48+
padding: 15px;
49+
width: 20px;
50+
}
4351
#header {
4452
background: #78c272;
53+
display: inline-block;
4554
padding: 15px;
4655
color: white;
4756
width: 270px;
4857
}
58+
#header-img {
59+
opacity: .8;
60+
position: absolute;
61+
top: 55px;
62+
transition: 0.2s;
63+
width: 20px;
64+
}
65+
#header-img:hover {
66+
opacity: 1;
67+
}
4968
#header-caption-logo {
5069
width: 20px;
5170
float: left;

‎sp15/wk3-programming/instructions.html

+4
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,10 @@
66
</head>
77
<body>
88
<div id="container">
9+
<a href="../../index.html">
10+
<div id="header-back"><img id="header-img" src="assets/images/home.svg">
11+
</div>
12+
</a>
913
<div id="header">
1014
<div id="header-caption">
1115
<div id="header-caption-logo"><img class="img-scaled" src="assets/images/logo.png" /></div>

0 commit comments

Comments
 (0)