master
Amolith 3 years ago
parent e48df1cf3d
commit b8bf2c5fb7
Signed by: Amolith
GPG Key ID: 51FD40936DB0065B
  1. 39
      assets/css/main.css
  2. BIN
      assets/images/gideon.png
  3. BIN
      assets/images/joshua.jpg
  4. 31
      hosts/index.html

@ -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%;
}
.description {
width: 40%;
}
.description h1 {
text-align: left;
}
.text a {
.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,30 +40,41 @@
<link rel="stylesheet" href="/assets/css/plyr.css">
</head>
<body>
<body>
<div class="wrapper-page">
<div class="header">
<span class="site-title">Hosts</span>
<div class="menu-top">
<h1>
<span class="site-title">Hosts</span>
<div class="menu-top">
<h1>
<i class="fa fa-home"></i> <a href="/">Home</a> |
<i class="fa fa-rss"></i> <a href="/archive/feed.xml">RSS Feed</a> |
<i class="fa fa-apple"></i> <a href="/">iTunes</a> |
<i class="fa fa-bank"></i> <a href="/archive/">Archive</a> |
<i class="fa fa-envelope"></i> <a href="/">Contact</a>
</h1>
</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 class="container">
</div>
<div class="container">
<div class="flex-wrapper">
<div class="image">
<img src="../assets/images/gideon.png" alt="a picture of Joshua Marsh">
<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>
</div>
</div>
</div>
</body>

Loading…
Cancel
Save