Skip to content

Commit 81ffdb6

Browse files
mryohomryoho
committed
Added acs pset5pre.zip
1 parent 94d3939 commit 81ffdb6

File tree

3 files changed

+263
-0
lines changed

3 files changed

+263
-0
lines changed

‎acs/pset5pre.zip

7.1 KB
Binary file not shown.

‎design_a_band_BEGINNER.1.html

Lines changed: 144 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,144 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<!-- TODO: Update your portfolio page title -->
5+
<title>Mr. Yoho - Design A Band</title>
6+
7+
<!-- Linked Stylesheet (Controls Navbar and Footer) -->
8+
<link rel="stylesheet" type="text/css" href="./css/style.css">
9+
<style>
10+
/*Reset CSS below -- this gets rid of a lot of cross-browser bugs*/
11+
/************ DO NOT TOUCH ANY OF THE CSS BELOW ***************/
12+
13+
html, body, div, span, applet, object, iframe,
14+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
15+
a, abbr, acronym, address, big, cite, code,
16+
del, dfn, em, img, ins, kbd, q, s, samp,
17+
small, strike, strong, sub, sup, tt, var,
18+
b, u, i, center,
19+
dl, dt, dd, ol, ul, li,
20+
fieldset, form, label, legend,
21+
table, caption, tbody, tfoot, thead, tr, th, td,
22+
article, aside, canvas, details, embed,
23+
figure, figcaption, footer, header, hgroup,
24+
menu, nav, output, ruby, section, summary,
25+
time, mark, audio, video {
26+
margin: 0;
27+
padding: 0;
28+
border: 0;
29+
font-size: 100%;
30+
font: inherit;
31+
vertical-align: baseline;
32+
}
33+
/* HTML5 display-role reset for older browsers */
34+
article, aside, details, figcaption, figure,
35+
footer, header, hgroup, menu, nav, section {
36+
display: block;
37+
}
38+
body {
39+
line-height: 1;
40+
}
41+
ol, ul {
42+
list-style: none;
43+
}
44+
blockquote, q {
45+
quotes: none;
46+
}
47+
blockquote:before, blockquote:after,
48+
q:before, q:after {
49+
content: '';
50+
content: none;
51+
}
52+
table {
53+
border-collapse: collapse;
54+
border-spacing: 0;
55+
}
56+
57+
/************** END OF RESET CSS **************/
58+
</style>
59+
60+
<!-- TODO: Change the CSS colors below so that it fits your website theme -->
61+
<style type="text/css" media="screen">
62+
body {
63+
background-color: gray;
64+
padding:5px;
65+
color:white;
66+
font-family: Verdana;
67+
}
68+
69+
.main {
70+
display:block;
71+
clear: left;
72+
min-width: 600px;
73+
max-width: 800px;
74+
height:100%;
75+
margin:0 auto;
76+
background: white;
77+
color: black;
78+
padding: 10px;
79+
}
80+
81+
h1 {
82+
font-size: 2em;
83+
margin-bottom: 5px;
84+
margin-top: 5px;
85+
}
86+
87+
h2 {
88+
font-size: 1.5em;
89+
margin-bottom: 5px;
90+
margin-top: 10px;
91+
}
92+
93+
p {
94+
margin-bottom: 15px;
95+
}
96+
97+
</style>
98+
</head>
99+
<body>
100+
<div class="navbar">
101+
<ul class="navigation">
102+
<!-- TODO: Ensure that your Navbar is correct -->
103+
<li><a href="./index.html">Home</a></li>
104+
<li class="active"><a href="">Portfolio</a></li>
105+
</ul>
106+
</div>
107+
108+
<div class="main">
109+
<h1>Challenge: Design a Band</h1>
110+
<h2>Challenge Information</h2>
111+
112+
<p>
113+
Write in your own information about the challenge. Ideas to include:
114+
<ul>
115+
<li>---What is design thinking? Why are we studying it?</li>
116+
<li>---What are the steps of the DEEP design thinking process?</li>
117+
<li>---Summarize the steps that we did in class to make the album cover.</li>
118+
</ul>
119+
</p>
120+
121+
<h2>Album Cover</h2>
122+
<img src="./img/portfolio/design_a_band/albumcover.png" alt="Discoursing the Trinity - Lux Veritatis">
123+
124+
<h2>Band Biography</h2>
125+
<p>
126+
Lux Veritatis hails from the small mountain town of Visp, Switzerland. Members Gunther Vandosa and Jean Paul Sartre grew up together listening to Swedish Death Pop and wanting nothing more than to make music forever. Unfortunately, tragedy struck when Gunther dropped out of middle school after being attacked by an insane clown. In order to get past his PTSD from this experience, Gunther moved to Poland and joined a monastery, where he learned about Lux Veritatis and the work that they are doing there to help find thermal water. During this time, Gunther lost touch with Jean Paul and Swedish Death Pop, but never lost his love for the music. While at the monastery, he got really into Gregorian Chant, and began performing in the monk chorus. As he grew older, Gunther learned to get past his clown PTSD with the help of the other monks. Finally, when he was 17, he decided it was time to again leave and face the cold, cruel world.
127+
</p>
128+
129+
<p>
130+
Meanwhile, Jean Paul had grown up and grown into a locally well-known dubstep producer after having been inspired by Skrillex. One day, Jean Paul and Gunther happened to meet each other on the street and instantly started reminiscing about their history of listening to Swedish Death Pop. The two shared their current musical interests, and 12 songs later, little did they know that they would start a regional phenomenon: Gregorian Dubstep. The inspiration of the melodies draws on Gunther’s time at the monastery and his fear of clowns. These inspirations, along with a chill-yet-complicated sounding band name came together to form the band's first album: Discoursing about the Trinity.
131+
</p>
132+
133+
<p>
134+
To hear track one of the new album, check out the following link: <a href="https://www.youtube.com/watch?v=MgHclJGCOPY">Gregorian Chant Part 1</a>
135+
</p>
136+
137+
</div>
138+
139+
<div class="footer">
140+
</div>
141+
142+
143+
</body>
144+
</html>

‎design_a_band_INTERMEDIATE.html

Lines changed: 119 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,119 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<!-- TODO: Update your portfolio page title -->
5+
<title>Your Name - Design A Band</title>
6+
7+
<!-- Linked Stylesheet (Controls Navbar and Footer) -->
8+
<link rel="stylesheet" type="text/css" href="./css/style.css">
9+
<style>
10+
/*Reset CSS below -- this gets rid of a lot of cross-browser bugs*/
11+
/************ DO NOT TOUCH ANY OF THE CSS BELOW ***************/
12+
13+
html, body, div, span, applet, object, iframe,
14+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
15+
a, abbr, acronym, address, big, cite, code,
16+
del, dfn, em, img, ins, kbd, q, s, samp,
17+
small, strike, strong, sub, sup, tt, var,
18+
b, u, i, center,
19+
dl, dt, dd, ol, ul, li,
20+
fieldset, form, label, legend,
21+
table, caption, tbody, tfoot, thead, tr, th, td,
22+
article, aside, canvas, details, embed,
23+
figure, figcaption, footer, header, hgroup,
24+
menu, nav, output, ruby, section, summary,
25+
time, mark, audio, video {
26+
margin: 0;
27+
padding: 0;
28+
border: 0;
29+
font-size: 100%;
30+
font: inherit;
31+
vertical-align: baseline;
32+
}
33+
/* HTML5 display-role reset for older browsers */
34+
article, aside, details, figcaption, figure,
35+
footer, header, hgroup, menu, nav, section {
36+
display: block;
37+
}
38+
body {
39+
line-height: 1;
40+
}
41+
ol, ul {
42+
list-style: none;
43+
}
44+
blockquote, q {
45+
quotes: none;
46+
}
47+
blockquote:before, blockquote:after,
48+
q:before, q:after {
49+
content: '';
50+
content: none;
51+
}
52+
table {
53+
border-collapse: collapse;
54+
border-spacing: 0;
55+
}
56+
57+
/************** END OF RESET CSS **************/
58+
</style>
59+
60+
<!-- TODO: Change the CSS colors below so that it fits your website theme -->
61+
<style type="text/css" media="screen">
62+
body {
63+
background-color: gray;
64+
padding:5px;
65+
color:white;
66+
font-family: Verdana;
67+
}
68+
69+
.main {
70+
display:block;
71+
clear: left;
72+
min-width: 600px;
73+
max-width: 800px;
74+
height:100%;
75+
margin:0 auto;
76+
background: white;
77+
color: black;
78+
padding: 10px;
79+
}
80+
81+
h1 {
82+
font-size: 2em;
83+
margin-bottom: 5px;
84+
margin-top: 5px;
85+
}
86+
87+
h2 {
88+
font-size: 1.5em;
89+
margin-bottom: 5px;
90+
margin-top: 10px;
91+
}
92+
93+
p {
94+
margin-bottom: 15px;
95+
}
96+
97+
</style>
98+
</head>
99+
<body>
100+
<div class="navbar">
101+
<ul class="navigation">
102+
<!-- TODO: Ensure that your Navbar is correct -->
103+
<li><a href="./index.html">Home</a></li>
104+
<li class="active"><a href="">Portfolio</a></li>
105+
</ul>
106+
</div>
107+
108+
<div class="main">
109+
<!-- TODO: Create your page here -->
110+
111+
112+
</div>
113+
114+
<div class="footer">
115+
</div>
116+
117+
118+
</body>
119+
</html>

0 commit comments

Comments
 (0)