<?php
    require_once("markdown.php"); // provides global $converter object
    require_once("pub.php");
    print(file_get_contents("base.html"));
?>

<div class="container">

<div class="bigspacer"></div>

<div class="row">
    <div class="col-md-12">
    <!-- <div class="carousel-overlay logotitle logobox">
        Integrative Observational Platforms
    </div> -->
    <div id="carousel" class="carousel carousel-fade" data-ride="carousel">
<!--
      <ol class="carousel-indicators">
        <li data-target="#carousel" data-slide-to="0" class="active"></li>
        <li data-target="#carousel" data-slide-to="1"></li>
        <li data-target="#carousel" data-slide-to="2"></li>
        <li data-target="#carousel" data-slide-to="3"></li>
      </ol>
-->
      <!-- Carousel items -->
      <div class="carousel-inner">
        <div class="active item">
            <img src="/assets/images/banner/glider_ice_shelf.png" width='1200px' alt="">
        </div>
        <div class="item">
            <img src="/assets/images/banner/Healy_gliders_on_rail.jpeg" width='1200px' alt="">
        </div>
        <div class="item">
            <img src="/assets/images/banner/jokinen_rainville_armstrong.png" width='1200px' alt="">
        </div>
        <div class="item">
            <img src="/assets/images/banner/KnorrAndIceberg_BaffinBay2004.jpg" width='1200px' alt="">
        </div>
        <div class="item">
            <img src="/assets/images/banner/PhilEx_triaxus_gliders.png" width='1200px' alt="">
        </div>
        <div class="item">
            <img src="/assets/images/banner/Laura_Martin.jpeg" width='1200px' alt="">
        </div>
        <div class="item">
            <img src="/assets/images/banner/SG179_Guam2019.jpeg" width='1200px' alt="">
        </div>
        <div class="item">
            <img src="/assets/images/banner/Healy_Craig_Jason.jpeg" width='1200px' alt="">
        </div>
        <div class="item">
            <img src="/assets/images/banner/Healy_workboat_glider.jpeg" width='1200px' alt="">
        </div>
        <div class="item">
            <img src="/assets/images/banner/MtSipple.png" width='1200px' alt="">
        </div>
        <div class="item">
            <img src="/assets/images/banner/sgx241_ice.jpg" width='1200px' alt="">
        </div>
      </div>
      <!-- Carousel nav -->
<!-- prev/next controls do not show with fade transitions
      <a class="left carousel-control" href="#carousel" role="button" data-slide="prev">
        <span class="icon-prev"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#carousel" role="button" data-slide="next">
        <span class="icon-next"></span>
        <span class="sr-only">Next</span>
      </a>
-->
    </div>
    </div>              
</div>

<div class="bigspacer"></div>

<div class="row">
    <div class="col-md-12">
        <div class="logotitle">
            Integrative Observational Platforms
        </div>
    </div> 
</div>
<div class="bigspacer"></div>
<div class="row">
    <div class="col-md-12">
        <div class="smallhead">
            <p>We focus on observational investigations of ocean physics at a variety of spatial and temporal scales. 
               This requires a wide range of measurement capabilities, from rapidly occupied synoptic, three-dimensional 
               surveys to repeated sections monitored over periods of months or years. Many of the important processes 
               are episodic, occurring over short temporal or spatial scales that require highly adaptive sampling 
               strategies to capture and resolve. Progress in other areas, such as high latitude circulation, may 
               be hindered by difficult access and limited platform endurance. Motivated by these observational 
               challenges, the IOP team works to develop and maintain expertise with a suite of measurement technologies 
               that can be applied either singly or in flexible combinations optimized for particular problems. 
            </p>
        </div>
    </div>              
</div>

<div class="hugespacer"></div>

<div class="row">
    <div class="col-md-4">
        <div class="head">
            <a class="off" href="news.php">News</a>
        </div>
        <div class="bigspacer"></div>
        <div class="feedbox pad-left">
               
<?php
    $cwd = getcwd(); chdir("./xml/"); 
    $data = file_get_contents("news.xml");
    $xml = new SimpleXMLElement($data, 0, FALSE);
    $dom = dom_import_simplexml($xml);
    $dom -> ownerDocument -> xinclude();
    chdir($cwd);

    $n = count($xml -> item);
    for ($i = 0 ; $i < $n && $i < 5 ; $i++) {
        $item = $xml->item[$i];
        $text = $converter->convertToHtml($item->text);
echo <<<EON
                <div class="note-title">
                    <i class="fa fa-bullhorn fa-fw"></i>
                    <a class="off" href="$item->link">
                    $item->title
                    </a>
                </div>
                <div class="note-news">
                    <p>$text</p>
                </div>
                <div class="smallspacer"></div>
                <div class="smallnote">
                    Posted $item->date
                </div>
                <div class="spacer"></div>  
                <div class="spacer"></div>              

EON;
    }
?> 
            
        </div>
        <div class="bigspacer"></div>       
    </div>

<?php

    $cwd = getcwd(); chdir("./xml/"); 
    $data = file_get_contents("projects.xml");
    $xml = new SimpleXMLElement($data, 0, FALSE);
    $dom = dom_import_simplexml($xml);
    $dom -> ownerDocument -> xinclude();
    chdir($cwd);

?>

    <div class="col-md-4">
        <div class="head">
            <a class="off" href="projects.php">Projects</a>
        </div>
        <div class="bigspacer"></div>
        <div class="feedbox pad-left">
            
<?php
    $n = count($xml->project);
    for ($i = 0 ; $i < $n && $i < 5 ; $i++) {
        $p = $xml->project[$i];
        if (isset($p->tag))
            $link = "project.php?id=" . $p->tag;
        else if (isset($p->link))
            $link = $p->link;

        $icon = "fa-map-marker";
        if (isset($p->grant[0]->sponsorlogo)) {
            if (stripos($p->grant[0]->sponsorlogo, "onr") !== FALSE)
                $icon = "fa-anchor";
            else if (stripos($p->grant[0]->sponsorlogo, "nsf") !== FALSE)
                $icon = "fa-globe";
            else if (stripos($p->grant[0]->sponsorlogo, "nasa") !== FALSE)
                $icon = "fa-rocket";
            else if (stripos($p->grant[0]->sponsorlogo, "noaa") !== FALSE)
                $icon = "fa-cloud";
        }

        if (isset($p->short))
            $title = trim($p -> short) . ": " . trim($p -> title);
        else
            $title = trim($p -> title);
        $sponsor = $p->grant[0]->sponsor;
echo <<<EON
                <div class="note-title">
                    <i class="fa $icon fa-fw"></i>
                    <a class="off" href="$link">
                    $title
                    </a>
                </div>
                <div class="note">
                    <p>$sponsor
                </div>
                <div class="smallspacer"></div>
                <div class="smallnote">
                    $p->pi
                </div>
                <div class="spacer"></div>  
                <div class="spacer"></div>              

EON;
    }
?> 
 
        </div>
        <div class="bigspacer"></div>       
    </div>

    <div class="col-md-4">
        <div class="head">
            <a class="off" href="papers/">Publications
            </a>
        </div>
        <div class="bigspacer"></div>
        <div class="feedbox pad-left">      
<?php
    $p = readPubs("ioppubs.xml", false);
    $o = searchPubsYear($p, 2021, 2021);            
    for ($i = 0 ; $i < count($o) ; $i++) {
        printf("<div class=\"note-title\">\n");
        printf("<i class=\"fa fa-file-text-o fa-fw\"></i>\n");
        if (count($o[$i]->urls) > 1) {
            printf("<a class=\"off\" href=\"%s\">\n", $o[$i]->urls[0]);
            printf("%s\n", $o[$i]->title);
            printf("</a>\n");
        }
        else {
            printf("%s\n", $o[$i]->title);
        }
        printf("<br/>\n");            
        printf("<div class='shortref note'>\n");
        $na = count($o[$i]->authors);
        printf("%s", $o[$i]->authors[0]);
        if ($na == 2) 
            printf("and %s\n", $o[$i]->authors[1]);
        else if ($na > 2)
            printf(" <i>et al.</i>\n");
        printf("</div></div>\n");
        printf("<div class=\"smallspacer\"></div>\n");
        printf("<div class=\"smallnote\">\n");
        printf("%s, %d\n", $o[$i]->periodical, $o[$i]->year);
        printf("</div><div class=\"spacer\"></div><div class=\"spacer\"></div>\n");
    }            
?>
            
        </div>
        <div class="bigspacer"></div>
    </div>

</div>

<div class="bigspacer"></div>


</div>

<?php
    print(file_get_contents("footer.html"));
?>
