musicalideation/index.html

85 lines
4.5 KiB
HTML

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>The Musical Ideation Podcast</title>
<meta name="description" content="The Musical Ideation Podcast is a podcast about musical ideas from software and hardware to artists and genres.">
<link rel="canonical" href="https://musicalideation.com/">
<!-- Social: Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="The Musical Ideation Podcast" />
<meta name="twitter:description" content="The Musical Ideation Podcast is a podcast about musical ideas from software and hardware to artists and genres."/>
<meta name="twitter:image" content="/assets/images/preview.png" />
<!-- Social: OpenGraph -->
<meta property="og:locale" content="en_US">
<meta property="og:type" content="article">
<meta property="og:title" content="The Musical Ideation Podcast">
<meta property="og:description" content="The Musical Ideation Podcast is a podcast about musical ideas from software and hardware to artists and genres.">
<meta property="og:url" content="https://musicalideation.com/">
<meta property="og:site_name" content="The Musical Ideation Podcast">
<meta property="og:image" content="/assets/images/preview.png" />
<!-- Favicons-->
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicons/favicon-16x16.png">
<link rel="manifest" href="/assets/images/favicons/site.webmanifest">
<link rel="mask-icon" href="/assets/images/favicons/safari-pinned-tab.svg" color="#323234">
<link rel="shortcut icon" href="/assets/images/favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#000000">
<meta name="msapplication-config" content="/assets/images/favicons/browserconfig.xml">
<meta name="theme-color" content="#000">
<!-- Styles -->
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/fonts/fork-awesome/css/fork-awesome.min.css">
<link rel="stylesheet" href="assets/css/plyr.css">
</head>
<body>
<div class=wrapper>
<div class="logo">
</div>
<div class="header">
<h1>
<span class="site-title">The Musical Ideation Podcast</span>
<span class="site-subtitle">Hosted by Joshua Marsh and Gideon White</span>
</h1>
</div>
<div class="player">
<audio id="player" controls>
</audio>
</div>
<div class="menu">
<a href="/archive/feed.xml" class="links">
<span><button class="icons" title="RSS Feed"><i class="fa fa-rss" aria-hidden="true"></i></button></span>
<span class="link-text">RSS Feed</span>
</a>
<a href="https://podcasts.apple.com/us/podcast/the-musical-ideation-podcast/id1468916454" class="links">
<span><button class="icons" title="Listen on iTunes"><i class="fa fa-apple" aria-hidden="true"></i></button></span>
<span class="link-text">iTunes</span>
</a>
<a href="/archive/" class="links">
<span><button class="icons" title="Archive"><i class="fa fa-bank" aria-hidden="true"></i></button></span>
<span class="link-text">Archive</span>
</a>
<a href="/hosts/" class="links">
<span><button class="icons" title="About the hosts"><i class="fa fa-users" aria-hidden="true"></i></button></span>
<span class="link-text">Hosts</span>
</a>
<a href="/contact/" class="links">
<span><button class="icons" title="Contact page"><i class="fa fa-envelope" aria-hidden="true"></i></button></span>
<span class="link-text">Contact</span>
</a>
</div
</div>
<script src="assets/js/plyr.js"></script>
<script>
const player = new Plyr('#player');
</script>
</body>