various
This commit is contained in:
parent
e48df1cf3d
commit
b8bf2c5fb7
|
@ -61,14 +61,15 @@ body {
|
|||
padding-bottom: 2rem;
|
||||
}
|
||||
.menu-top {
|
||||
margin-top: 30px;
|
||||
margin-top: -10px;
|
||||
color: #000;
|
||||
font-family: Nunito;
|
||||
}
|
||||
.menu-top a {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
font-weight: lighter;
|
||||
font-size: smaller;
|
||||
font-size: 24px;
|
||||
}
|
||||
.menu-top a:hover {
|
||||
text-decoration: underline;
|
||||
|
@ -88,16 +89,30 @@ body {
|
|||
display:flex;
|
||||
align-items:center;
|
||||
flex-direction:row;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
img {
|
||||
border-radius: 50%;
|
||||
border: 7px solid #000;
|
||||
width: 70%;
|
||||
width: 50%;
|
||||
}
|
||||
.text a {
|
||||
.description {
|
||||
width: 40%;
|
||||
}
|
||||
.description h1 {
|
||||
text-align: left;
|
||||
}
|
||||
.description a {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
text-align: justify;
|
||||
white-space: nowrap;
|
||||
color: #000;
|
||||
}
|
||||
.description a::before {
|
||||
content: "\f0c1 ";
|
||||
font-size: 15px;
|
||||
font-family: "ForkAwesome";
|
||||
}
|
||||
.text a::before {
|
||||
content: "\f0c1 ";
|
||||
|
@ -106,7 +121,6 @@ img {
|
|||
}
|
||||
.flex-wrapper .image {
|
||||
flex: 1;
|
||||
padding: 0 20px;
|
||||
}
|
||||
.flex-wrapper .text {
|
||||
flex: 1;
|
||||
|
@ -115,7 +129,7 @@ img {
|
|||
}
|
||||
.flex-wrapper p {
|
||||
text-align: left;
|
||||
font-size: 3vh;
|
||||
font-size: 21px;
|
||||
}
|
||||
.player {
|
||||
width: 80%;
|
||||
|
@ -206,7 +220,7 @@ img {
|
|||
.flex-wrapper .image img {
|
||||
border-color: #fff;
|
||||
}
|
||||
.text a {
|
||||
.description a {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
@ -231,6 +245,15 @@ img {
|
|||
margin-left: -1.5rem;
|
||||
margin-right: -1.5rem;
|
||||
}
|
||||
.description {
|
||||
min-width: 100%;
|
||||
}
|
||||
.description h1 {
|
||||
text-align: center;
|
||||
}
|
||||
.description p {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.links {
|
||||
|
|
Binary file not shown.
Before Width: | Height: | Size: 5.5 MiB After Width: | Height: | Size: 2.1 MiB |
Binary file not shown.
After Width: | Height: | Size: 33 KiB |
|
@ -40,7 +40,7 @@
|
|||
<link rel="stylesheet" href="/assets/css/plyr.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<body>
|
||||
<div class="wrapper-page">
|
||||
<div class="header">
|
||||
<span class="site-title">Hosts</span>
|
||||
|
@ -53,14 +53,25 @@
|
|||
<i class="fa fa-envelope"></i> <a href="/">Contact</a>
|
||||
</h1>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="flex-wrapper">
|
||||
<div class="image">
|
||||
<img src="../assets/images/joshua.jpg" alt="a picture of Joshua Marsh">
|
||||
</div>
|
||||
<div class="description">
|
||||
<h1>Joshua Marsh</h1>
|
||||
<p>Joshua is a singer-songwriter based in Lenoir, NC. His passion for music has developed over the past 15 years; he started with guitar and writing music at the age of 13 and now plays a variety of instruments from hammered dulcimer to ukulele. He works full-time as a Chemistry instructor at CCC&TI and part-time as an education professor at Lees-McRae College.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="flex-wrapper">
|
||||
<div class="image">
|
||||
<img src="../assets/images/gideon.png" alt="a picture of Joshua Marsh">
|
||||
</div>
|
||||
<div class="text">
|
||||
<div class="description">
|
||||
<h1>Gideon White</h1>
|
||||
<p style="text-align: center;">Hello! Listen to the first episode where I introduce myself!</p>
|
||||
<p>Gideon is primarily a student; he's currently attending Appalachian State University and majoring in Computer Science, minoring in Music, and is planning to study a few languages. Listen to <a href="/archive/?name=2019-06-01_episode_0.mp3" rel="noreferrer noopener" target="_blank">Episode 0</a> to learn more about him.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue