<!--
/* Copyright (C) 2019 Intel Corporation.  All rights reserved.
 * SPDX-License-Identifier: Apache-2.0 WITH LLVM-exception
 */
-->

{% load static %}
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0,shrink-to-fit=no">
    <title> Wasm-Micro-Runtime </title>
	<link rel="stylesheet" type="text/css" href="{%static 'css/index.css'%}"/> 
    
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script>
</head>


<body>
<div id="container" style="background-image: url('{%static 'photo/totalblack.png'%}')">
    <div id="content">
        <div id= "mainnav">
            <ul>
                <li ><a href="https://github.com/intel/wasm-micro-runtime">GitHub</a></li>
                <li ><a href="/">Devices</a></li>
                <li ><a href="/appstore/">App Store</a></li>
                <li ><a href="/help/">Help</a></li>
            </ul>  
        </div>
    </div>
    <div class="headers" style="background-image: url('{%static 'photo/milky-way-2695569_1280.jpg'%}')">
        <h1 id="maintitle">WebAssembly Micro Runtime - APP Store Demo</h1>
    </div>
</div>  
        
<div class="row">
    <div class="col-sm-1 col-md-1 col-lg-1 col-xl-1"></div>
    <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4">
        <div id="photo2">
            <p>
                <img src="{%static 'photo/net_device.png'%}" ;height="45" width="45" />
            </p>
        </div>
        <div id="devic"><p style="font-size:22px;">The devices</p></div>
    </div>
</div>
 
<div id="dividebar"></div>


<div id="devices" class="devics">
    <div class="deviceClick" style="cursor:pointer" onclick="deviceClick(this)">
        <div id="section">
            <div id="photo">
                <p>
                    <img src="{%static 'photo/net_device.png'%}" ;height="60" width="60" />
                </p>
            </div>
            <div id="IPs">IP : </div>
            <div id="ports">Port : </div>
            <div id="installs">Installed apps : </div>
        </div>
        <div class="smenu">
            <p id="del" style="cursor:pointer">
                <img class = "toapps" src="{%static 'photo/menu.png'%}" href= "javascript:void(0);" height="30" width="30" />
            </p>
        </div>
    </div>
</div>

<!-- <button class="prev" type="button" value="prev" onclick="prevpage(this)">Previous</button>-->
<!-- <button class="next" type="button" value="next" onclick="nextpage(this)">Next</button> -->

<footer class="footer">
    Copyright&copy; intel.com
</footer>


<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script>
var dlist = {{dlist|safe}};/*Devices List that render to the current page*/
</script>        
<script type="text/javascript" src="{%static 'js/index.js'%}"></script>
</body>

</html>
