header

<!DOCTYPE html>
<html lang="en">
  <head>
    <?php wp_head();?>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!--Nano Bar-->

    <script src="https://cdnjs.cloudflare.com/ajax/libs/nanobar/0.4.2/nanobar.min.js" crossorigin="anonymous"></script>


    <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">
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"> </script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>


    <!--Font awsome-->
    <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
    <title><?php wp_title();?></title>
  </head>
  <body>


   <!--Audio Player Test-->
   <figure>
   <audio id="player"
            controls
            src="sound/audio.mp3">
        </audio>
    </figure>

     <!--Audio Player Test-->


      <div class="accordion" id="callapseMenu">
        <div class="fixed-top white-bg" id="general-header">
<div id ="stream-bar-component" class="navbar stream-bar b-bottom">
    <div class="container-fluid no-pad">

    <div class="bar-controls">
    <button id="live-button" class="stream-button">
        <img class="play-icon" src="<?php echo get_theme_file_uri('/img/icons/play.svg'); ?> "/>
        <img class="stop-icon invisible" src="<?php echo get_theme_file_uri('/img/icons/stop.svg'); ?>"/>

        <span class="radio-text">Tune Now</span>
        <span class="pulsate-css invisible"></span>
      </button>

    </div>
    <a href="<?php echo get_home_url();?>">
    <div class="bar-radio-info mx-auto">

        <img class="desktop-logo d-none d-lg-block" src="<?php echo get_theme_file_uri('/img/logo/logo-5.svg');?>"/>
        <img class="mobile-logo d-lg-none" src="<?php echo get_theme_file_uri('/img/logo/logo-7.svg'); ?>"/>
    </div>
</a>
    <div class="info">
        <a id="infoLink" class="d-none d-lg-block" data-toggle="collapse" href="#collapseInfo" role="button" aria-expanded="false" aria-controls="collapseInfo">
            info </a>


        <a id ="mobile-toggler" class="d-lg-none " type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
        <img class="burger-icon"src="<?php echo get_theme_file_uri('/img/icons/menu.svg');?>">
        <img class="burger-icon-close invisible" src="<?php echo get_theme_file_uri('/img/icons/close.svg');?>">

    </a>
    </div>
</div>

</div>

<nav id="menu-bar-component" class="navbar navbar-expand-lg mobile-pad">


    <div class="collapse navbar-collapse" id="navbarNavDropdown">

      <ul class="navbar-nav">
        <li class="nav-item">
            <a id ="searchCollapse" class="nav-link"data-toggle="collapse" href="#searchForm" role="button" aria-expanded="false" aria-controls="searchForm"><img src="<?php echo get_theme_file_uri('/img/icons/search.svg'); ?>"/></a>
          </li>


        <li class="nav-item">
          <a  class="nav-link" href="#schedule-anchor">Schedule</a>
        </li>
<?php
        $menuLocations = get_nav_menu_locations(); // Get our nav locations (set in our theme)

$menuID = $menuLocations['primary']; // Get the *primary* menu ID
$primaryNav = wp_get_nav_menu_items($menuID); // Get the array of wp objects, the nav items for our queried location.
$categoriest=array();
?>
        <?php foreach ( $primaryNav as $navItem ) {

      echo  '<li class="nav-item">
          <a id ="'.$navItem->title.'Link" class="nav-link"data-toggle="collapse" href="#collapse'.$navItem->title.'" role="button" aria-expanded="false" aria-controls="collapse'.$navItem->title.'"><i class="fa fa-caret-right fa-rotate-90"></i>'.$navItem->title.' </a>
        </li>' ;
         } ?>


          <li class="nav-item d-lg-block">
             <a id ="manifestoLink2" class="nav-link"  data-toggle="collapse" href="#collapseManifesto" role="button" aria-expanded="false" aria-controls="collapseManifesto"><i class="fa fa-caret-right fa-rotate-90"></i>Manifesto [About]</a>
          </li>
      </ul>
    </div>
  </nav>

<!--Collapse info-->
<div class="collapse " id="collapseInfo" aria-labelledby="infoLink" data-parent="#callapseMenu">
    <div class="container-fluid">
        <div class="row b-top b-bottom">
            <div class="col-lg-12">
                <div class="info-text">
                    Movement.Archive.Radio s an international online radio station based in Athens that explores concepts of presence and motion focused mainly in the area of the Mediterranean Basin through myths of exodus and exile, cross-cultural interactions, political and theoretical discourses and reflections on living in or after movement
                </div>

            </div>
        </div>
        <div class="row b-bottom">

            <div class="col-12 col-md-4 col-lg-4   social-style">
                <a href="#" class="social-link">
                Instagram
                </a>
            </div>
            <div class="col-12 col-md-4 col-lg-4   social-style">
                <a href="#" class="social-link">
                Facebook
                </a>
            </div>
            <div class="col-12 col-md-4 col-lg-4   social-style">
                <a href="#" class="social-link">
                Twitter
                </a>
            </div>
            </div>


    </div>

</div>
<!--Collapse info-->


  <!--Collapse Search-->
  <div class="collapse " id="searchForm" aria-labelledby="searchCollapse" data-parent="#callapseMenu">
      <div class="container-fluid">
          <div class="row b-top">
              <div class="col-lg-12">

              <?php get_search_form();?>

              </div>
          </div>
      </div>

  </div>
  <!--Collapse Search-->

<!--Collapse Artists-->

<?php foreach ( $primaryNav as $navItem ) {
  $catname=$navItem->title;
  $catId=get_cat_ID($catname);

  //get subcategries
  $subcategories  = get_categories( array(
    "order_by" => "name",
    "parent"  => $catId,
    "hide_empty" =>0
) );


  echo '
<div class="collapse fade-in-bottom" id="collapse'.$navItem->title.'" aria-labelledby="'.$navItem->title.'Link" data-parent="#callapseMenu">
    <div class="dropdown-inhalt">
        <div class="container-fluid">
            <div class="row sticky-top white-bg offset-header-menu b-bottom b-top">
                <div class="col-lg-12 module-dark">
                    <div class="header-menu">
                        '.$navItem->title.'
                    </div>
                </div>
            </div>
            <div class="row">
                ';
                foreach($subcategories as $category) {

                    $sublink = get_category_link($category->term_id);


              echo ' <div class="col-12 col-md-6 col-lg-4 col-xl-3  artists-style">
                    <a href="'.$sublink.'  " class="artists-link">
                   '.$category->name.'
                    </a>
                </div>'
                ;}
               echo '
            </div>
        </div>
    </div>
</div>';

 } ?>


  <div class="collapse b-bottom" id="collapseManifesto" aria-labelledby="manifestoLink" data-parent="#callapseMenu">
  <div class="manifesto fade-in-bottom">
      <div class="container-fluid">
        <div class="row sticky-top white-bg offset-header-menu b-bottom b-top">
            <div class="col-lg-12 module-dark">
                <div class="header-menu">
                    Movement/Archive/Radio
                </div>

            </div>
        </div>
      <div class="manifesto-text">
          <p>
        <span class="highlight">Movement/Archive/Radio</span> is an international online radio station based in Athens that
        explores concepts of presence and motion focused mainly in the area of the Mediterranean
        Basin through myths of exodus and exile, cross-cultural interactions, political and theoretical
        discourses and reflections on living in or after movement.
    </p><p>
        Movement/Archive/Radio acts like a data center/memory bank for the Movement Festival.
        Over ten days, on a 24-hour-basis, it will feature a continuous broadcast of commissioned
        pieces, thematic mixtapes, audio documentations, testimonies of migration itinerancy,
        narratives, interviews and DJ sets.
    </p>
        <p>
        The Movement’s pop-up radio station aims to move the Festival beyond the event's temporal
        and spatial borders and runs on February 13 - 23, 2020 in a reactivated building in the
        Merchants' Arcade in the center of Athens. At its core, Movement/Archive/Radio is a sonic
        agent broadcasting sounds, tonalities, noises, echoes and reverberations, words, thoughts and
        ideas, a sonicly perceived museum, an archipelago imaginary, mapping communities and
        sounds in movement.
    </p>
      </div>
  </div>
</div>
</div>
</div>
</div>
<!--end accordion-->


 <?php
 /*
if( wp_script_is( 'nano', 'registered' ) ) {
	echo "yessss";
}

else{

    echo "nooooo";
}
*/

?>


<div id="timoscontent">