<!--=============================================================================================================================================|
|@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@|
|@@@          @@@@@@@@                     @@   @@@@@@@@@@@@@@@@@@@@@@@@   @@@@                 @@@@@@@@@           @@@@@@                   @@@@|
|@@@    @@@@    @@@@@@@@@@@@@@@@  @@@@@@@@@@@@   @@@@@@@@@@@@@@@@@@@@@@   @@@@@@@@@@@@@  @@@@@@@@@@@@@@   @@@@@@@@    @@@@@@@@@@@@@  @@@@@@@@@@@@|
|@@@    @@@@@     @@@@@@@@@@@@@@  @@@@@@@@@@@@@   @@@@@@@@@@@@@@@@@@@@   @@@@@@@@@@@@@@  @@@@@@@@@@@@@  @@@@@@@@@@@@   @@@@@@@@@@@@  @@@@@@@@@@@@|
|@@@    @@@@@@@    @@@@@@@@@@@@@  @@@@@@@@@@@@@@   @@@@@@@@@@@@@@@@@@   @@@@@@@@@@@@@@@  @@@@@@@@@@@@@   @@@@@@@@@@   @@@@@@@@@@@@@  @@@@@@@@@@@@|
|@@@    @@@@@@@@    @@@@@@@@@@@@  @@@@@@@@@@@@@@@   @@@@@@@@@@@@@@@@   @@@@@@@@@@@@@@@@  @@@@@@@@@@@@@@    @@@@@@@@@@@@@@@@@@@@@@@@  @@@@@@@@@@@@|
|@@@    @@@@@@@@@   @@@@@@@@@@@@  @@@@@@@@@@@@@@@@   @@@@@@@@@@@@@@   @@@@@@@@@@@@@@@@@  @@@@@@@@@@@@@@@@     @@@@@@@@@@@@@@@@@@@@@  @@@@@@@@@@@@|
|================================================================================================================================================|
|@@@    @@@@@@@@@   @@@@@@@@@@@@  @@@@@@@@@@@@@@@@@@   @@@@@@@@@@   @@@@@@@@@@@@@@@@@@@  @@@@@@@@@@@@@@@@@@@@     @@@@@@@@@@@@@@@@@  @@@@@@@@@@@@|
|@@@    V@@@@@@@    @@@@@@@@@@@@  @@@@@@@@@@@@@@@@@@@   @@@@@@@@   @@@@@@@@@@@@@@@@@@@@  @@@@@@@@@@@@@@@@@@@@@@@    @@@@@@@@@@@@@@@  @@@@@@@@@@@@|
|@@@    @@@@@@@    @@@@@@@@@@@@@  @@@@@@@@@@@@@@@@@@@@   @@@@@@   @@@@@@@@@@@@@@@@@@@@@  @@@@@@@@@@  @@@@@@@@@@@@   @@@@@@@@@@@@@@@  @@@@@@@@@@@@|
|@@@    @@@@@     @@@@@@@@@@@@@@  @@@@@@@@@@@@@@@@@@@@@   @@@@   @@@@@@@@@@@@@@@@@@@@@@  @@@@@@@@@   @@@@@@@@@@@@   @@@@@@@@@@@@@@@  @@@@@@@@@@@@|
|@@@    @@@@     @@@@@@@@@@@@@@@  @@@@@@@@@@@@@@@@@@@@@@   @@   @@@@@@@@@@@@@@@@@@@@@@@  @@@@@@@@@    @@@@@@@@    @@@@@@@@@@@@@@@@@  @@@@@@@@@@@@|
|@@@          @@@@@@@@                     @@@@@@@@@@@@@@      @@@@@@@@@@@@@@@@                 @@@@            @@@@@@@@@@                   @@@@|
|@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@|
|================================================================================================================================================|
|@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@|
|@@@@@@@@@@@@@@@@@@@@@   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@      @@@@@@@@@@@@@@             @@@@@@@@@@@@@@@           @@@@@@____________________@@@|
|@@@@@@@@@@@@@@@@@@@@@   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@   @@   @@@@@@@@@@@@@   @@@@@@@@    @@@@@@@@@@@   @@@@@@@@    @@@@___Copyright 2015___@@@|
|@@@@@@@@@@@@@@@@@@@@@   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@   @@@@   @@@@@@@@@@@@   @@@@@@@@@@   @@@@@@@@@  @@@@@@@@@@@@   @@@_____Divisi Labs____@@@|
|@@@@@@@@@@@@@@@@@@@@@   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@   @@@@@@   @@@@@@@@@@@   @@@@@@@@@@@   @@@@@@@@   @@@@@@@@@@   @@@@____________________@@@|
|@@@@@@@@@@@@@@@@@@@@@   @@@@@@@@@@@@@@@@@@@@@@@@@@@@   @@@@@@@@   @@@@@@@@@@   @@@@@@@@@@   @@@@@@@@@@    @@@@@@@@@@@@@@@_www.DivisiLabs.com_@@@|
|@@@@@@@@@@@@@@@@@@@@@   @@@@@@@@@@@@@@@@@@@@@@@@@@@   @@@@@@@@@@   @@@@@@@@@   @@@@@@@@@   @@@@@@@@@@@@@     @@@@@@@@@@@@____________________@@@|
|================================================================================================================================================|
|@@@@@@@@@@@@@@@@@@@@@   @@@@@@@@@@@@@@@@@@@@@@@@@   @@@@@@@@@@@@@@   @@@@@@@   @@@@@@@@@   @@@@@@@@@@@@@@@@     @@@@@@@@@____________________@@@|
|@@@@@@@@@@@@@@@@@@@@@   @@@@@@@@@@@@@@@@@@@@@@@@   @@@@@@@@@@@@@@@@   @@@@@@   @@@@@@@@@@   @@@@@@@@@@@@@@@@@@    @@@@@@@____________________@@@|
|@@@@@@@@@@@@@@@@@@@@@   @@@@@@@@@@@@@@@@@@@@@@@   @@@@@@@@@@@@@@@@@@   @@@@@   @@@@@@@@@@@   @@@@@  @@@@@@@@@@@@   @@@@@@_____Powered  by____@@@|
|@@@@@@@@@@@@@@@@@@@@@   @@@@@@@@@@@@@@@@@@@@@@   @@@@@@@@@@@@@@@@@@@@   @@@@   @@@@@@@@@@   @@@@@   @@@@@@@@@@@@   @@@@@@______Polyphony_____@@@|
|@@@@@@@@@@@@@@@@@@@@@   @@@@@@@@@@@@@@@@@@@@@   @@@@@@@@@@@@@@@@@@@@@@   @@@   @@@@@@@@    @@@@@@    @@@@@@@@@   @@@@@@@@____________________@@@|
|@@@@@@@@@@@@@@@@@@@@@                    @@@   @@@@@@@@@@@@@@@@@@@@@@@@   @@             @@@@@@@@@@            @@@@@@@@@@____________________@@@|
|@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@|
|================================================================ Polyphony v3.1 beta==========================================================-->
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script
  async
  src="https://www.googletagmanager.com/gtag/js?id=UA-141573679-1"
></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag() {
    dataLayer.push(arguments);
  }
  gtag("js", new Date());
  gtag("config", "UA-141573679-1");
</script>
<!-- End Analytics -->


<!-- OpenGraph meta Tags -->
<meta
  property="og:title"
  content="Somber Victory"
/>
<meta property="og:description" content="" />
<meta property="og:url" content="https://zachdaniels.com/" />
<meta property="og:image" content="//polyphony.me/uploads/0001/UtahStateCapitol-header.jpg" />
<!-- End OpenGraph -->

<!-- Twitter Cards -->
<meta
  name="twitter:card"
  content="Somber Victory_coverphoto_img"
/>
<meta name="twitter:site" content="@cazgem" />
<meta name="twitter:creator" content="@cazgem" />
<meta
  name="twitter:title"
  content="Somber Victory"
/>
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="//polyphony.me/uploads/0001/UtahStateCapitol-header.jpg" />
<!-- End Twitter Cards -->

<base href="zachdaniels.com" />
<title>
  Somber Victory</title>

<!--[if IE]>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<![endif]-->

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="" />
<meta name="generator" content="Divisi Labs Polyphony - 3.0 Alpha" />
<meta
  name="viewport"
  content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0, user-scalable=yes"
/>
<meta
  name="description"
  content="Zachary C Daniels is a Composer of Contemporary Art Music"
/>

<!-- Styles and Formatting -->
<link rel="image_src" href="/assets/resources/ZachHeader.jpg" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon" href="/assets/apple-touch-icon.png" />
<link
  rel="stylesheet"
  href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
  integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
  crossorigin="anonymous"
/>
<link rel="stylesheet" href="/assets/css/zach5.css" />
<!-- End Styles and Formatting -->

<!-- Scripts -->
<script
  src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
  integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
  crossorigin="anonymous"
></script>
<script src="/assets/js/isotope.pkgd.js"></script>
<!-- End Scripts -->
</head>
<body>
<header>
<div
  class="container fixed-top"
  style="
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-radius: 25px;
  "
>
  <nav
    class="navbar grow2 navbar-dark navbar-expand-lg bg-dark"
    style="
      --growth: 1.025;
      --transition: 0.2s;
      border-radius: 0px 0px 25px 25px;
      box-shadow: 0px 0px 4px blue;
    "
  >
    <a class="navbar-brand" href="/"
      ><img
        src="/favicon.ico"
        width="40"
        height="40"
        class="d-inline-block align-top"
        alt=""
      />
      Home</a
    >
    <button
      class="navbar-toggler"
      type="button"
      data-toggle="collapse"
      data-target="#navbarSupportedContent"
      aria-controls="navbarSupportedContent"
      aria-expanded="false"
      aria-label="Toggle navigation"
    >
      <span class="navbar-toggler-icon"></span>
    </button>
    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav text-right ml-auto">
        <li class="nav-item"><a class="nav-link" href="/about">About</a></li><li class="nav-item"><a class="nav-link" href="/news">News</a></li><li class="nav-item"><a class="nav-link" href="/music">Music</a></li><li class="nav-item dropdown"><a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown"  aria-haspopup="true" aria-expanded="false">Research</a><div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown"><a class="dropdown-item" href="John_Knowles_Paine">John Knowles Paine</a><a class="dropdown-item" href="polyphinite">Polyphinite</a><a class="dropdown-item" href="synchronisms">Synchronisms</a><a class="dropdown-item" href="compositions1960">To Feed A Piano</a><a class="dropdown-item" href="Weathered_Time">Weathered Time</a></div></li><li class="nav-item"><a class="nav-link" href="/events">Events</a></li><li class="nav-item"><a class="nav-link" href="/contact">Contact</a></li>      </ul>
    </div>
  </nav>
</div>
<div class="card bg-dark text-white" style="padding-top: 0px">
  <img
    class="card-img"
    style="object-fit: cover"
    height="250"
    src="https://polyphony.me/scherzo/?embed=P_00beb3e944bd142d5426a7e25bf34ab1c3088759.jpg&type=jpg"
    alt="Card image"
  />
  <div
    class="card-img-overlay container"
    style="background: transparent; width: 100%"
  >
    <h1
      style="
        padding-top: 100px;
        font-size: 3.5rem;
        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,
          1px 1px 0 #000;
      "
      class="card-title"
    >
      <b
        >Somber Victory</b
      >
    </h1>
    <h3
      class="card-text"
      style="
        font-size: 2rem;
        text-shadow: -1px -1px 0 #000, 1px 1px 0 #000, -1px 1px 0 #000,
          1px 1px 0 #000;
      "
    >
      <i
        ></i
      >
    </h3>
  </div>
</div>
</header>
<div class="container" style="text-align:left;">
	<div class="row">
		<div class="col-md-9 col-md-offset-0" style="text-align:left;">
						<div class="row" style="text-align:left;"></div>
			<hr>
		</div>
		<div class="col-md-3 col-md-offset-0" style="text-align:left;"><br>
			<h2>String Orchestra</h2><hr>			<h2>3'</h2><hr>    					<!--  -->
			<h2>ASCAP#</h2><h3>897419937</h3><hr>		</div>
	</div>
	<ul class="nav nav-tabs" id="myTab" role="tablist">
    <li class="nav-item"><a class="nav-link active" id="about-tab" data-toggle="tab" href="#about" role="tab" aria-controls="about" aria-selected="false">About</a></li>
		<li class="nav-item"><a class="nav-link" id="score-tab" data-toggle="tab" href="#score" role="tab" aria-controls="score" aria-selected="true"><i class="fas fa-music"></i> Preview Score</a></li>							</ul>
	<div class="tab-content" id="myTabContent">
	  <div class="tab-pane fade" id="score" role="tabpanel" aria-labelledby="score-tab">
		<div id="issuu" class="col-lg-12">
		<br><h2 style="text-align:left;">Preview Score</h2>
		<p><div data-configid="15309383/64678922" style="width:100%; height:800px;" class="issuuembed"></div><script type="text/javascript" src="//e.issuu.com/embed.js" async="true"></script></p>		</div>
			  </div>
	  <div class="tab-pane fade show active" align="left" id="about" role="tabpanel" aria-labelledby="about-tab">
	  <br><h2  style="text-align:left;">About</h2><br>	  </div>
	  <div class="tab-pane fade" align="left" id="programnotes" role="tabpanel" aria-labelledby="programnotes-tab">
	  <br><h2>Program Notes</h2><br>	  </div>
	  <div class="tab-pane fade" style="text-align:left;" id="media" role="tabpanel" aria-labelledby="media-tab">
		<br><h2 style="text-align:left;">Media</h2>
			<iframe id="ytplayer" type="text/html" width="100%" height="550"
	src="https://www.youtube.com/embed/?rel=0&showinfo=0&color=white&iv_load_policy=3"
	frameborder="0" allowfullscreen></iframe><hr>	  </div>
	  <div class="tab-pane fade" align="left" id="performances" role="tabpanel" aria-labelledby="performances-tab">
		<br><h2 style="text-align:left;">Performances</h2>
				  </div>
	</div>
	<div class="row">
		<div id="purchase" class="col-lg-12" style="margin-top:50px;">
		<br>
		<h2 style="text-align:left;">Further Information</h2>
		<p style="text-align:left;">For all inquiries regarding this piece, please use the contact form <a href="https://zachdaniels.com/contact">here</a> and mention the score name you are interested in.</p>
		</div>	
	</div>
</div>
<footer class="footer">
<div class="navbar navbar-dark bg-dark">
<a class="navbar-brand" style="color:#fff;" >&copy;Copyright 2009 - 2019</a>
<a class="navbar-brand" href="/"><h2>Zachary C Daniels</h2></a>
<a class="navbar-brand" style="color:#fff;" href="https://divisilabs.com" >Powered by Polyphony </a>
</div>
<!-- End Footer -->
<!-- <script defer src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> -->
<script defer src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<!--<script>
  if ('serviceWorker' in navigator) {
    navigator.serviceWorker.register('/service-worker.js')
  }
  document.querySelector('#show').addEventListener('click', () => {
  const iconUrl = document.querySelector('select').selectedOptions[0].value;
  let imgElement = document.createElement('img');
  imgElement.src = iconUrl;
  document.querySelector('#container').appendChild(imgElement);
});
</script>--></footer>
</body>
</html>