Skip to content

Commit 94d3939

Browse files
mryohomryoho
committed
design a band added
1 parent e7afc64 commit 94d3939

File tree

3 files changed

+49
-62
lines changed

3 files changed

+49
-62
lines changed

‎design_a_band.html

Lines changed: 42 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<html>
33
<head>
44
<!-- TODO: Update your portfolio page title -->
5-
<title>Mr. Yoho - Portfolio</title>
5+
<title>Mr. Yoho - Design A Band</title>
66

77
<!-- Linked Stylesheet (Controls Navbar and Footer) -->
88
<link rel="stylesheet" type="text/css" href="./css/style.css">
@@ -66,80 +66,34 @@
6666
font-family: Verdana;
6767
}
6868

69-
.grid {
70-
background-color: white;
71-
border:1px solid black;
72-
display: inline-block;
73-
margin:8px;
74-
color:black;
75-
}
76-
77-
#carousel {
78-
background-color: #ff6600;
79-
padding:15px;
80-
}
81-
82-
83-
body {
84-
font-family: Verdana;
85-
background-color:#C2C2C2;
86-
}
87-
8869
.main {
8970
display:block;
9071
clear: left;
9172
min-width: 600px;
9273
max-width: 800px;
9374
height:100%;
9475
margin:0 auto;
95-
}
96-
97-
.main-page{
98-
float:right;
99-
background-color:#E0E0E0;
100-
height:100%;
101-
width:75%;
102-
box-sizing:border-box;
103-
}
104-
105-
.sidebar {
106-
box-sizing:border-box;
107-
padding:10px;
108-
float:left;
109-
width:25%;
110-
height:100%;
111-
background-color: #059D8E;
76+
background: white;
77+
color: black;
78+
padding: 10px;
11279
}
11380

114-
.main-title {
115-
margin: 10px 15px;
116-
font-size: 30px;
81+
h1 {
82+
font-size: 2em;
83+
margin-bottom: 5px;
84+
margin-top: 5px;
11785
}
118-
119-
.left-panel{
120-
box-sizing: border-box;
121-
width: 50%;
122-
float:left;
123-
padding:20px;
124-
}
125-
126-
.right-panel{
127-
box-sizing: border-box;
128-
width: 50%;
129-
float:left;
130-
padding:20px;
131-
}
132-
133-
.sub-title {
134-
text-align: center;
86+
87+
h2 {
88+
font-size: 1.5em;
89+
margin-bottom: 5px;
90+
margin-top: 10px;
13591
}
136-
137-
.text-info {
138-
font-size: 0.8em;
139-
margin: 20px;
92+
93+
p {
94+
margin-bottom: 15px;
14095
}
14196

142-
14397
</style>
14498
</head>
14599
<body>
@@ -153,6 +107,32 @@
153107

154108
<div class="main">
155109
<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>
156136

157137
</div>
158138

‎img/portfolio/design_a_band/albumcover.png

277 KB
Loading

‎portfolio.html

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -162,6 +162,13 @@ <h2>My Work</h2>
162162
<p><a href="https://scratch.mit.edu/projects/90479001/" target="_blank">Maze Game</a></p>
163163
</div>
164164

165+
<div class="grid">
166+
<a href="./design_a_band.html">
167+
<img src="./img/portfolio/design_a_band/albumcover.png" alt="Album Cover" width=350>
168+
<p>Design a Band Challenge</p>
169+
</a>
170+
</div>
171+
165172
<!-- The div below is a screenshot of a document that you can click on to get to the document-->
166173
<div class="grid">
167174
<a href="https://www.khanacademy.org/computer-programming/spin-off-of-project-shooting-star/6482264175542272" target="_blank"><img src="./img/portfolio/project_shooting_star.png" alt="Project Shooting Star" width="350"></a>

0 commit comments

Comments
 (0)