diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-03-09 13:19:22 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-03-09 13:19:22 +0000 |
commit | c21c3b0befeb46a51b6bf3758ffa30813bea0ff0 (patch) | |
tree | 9754ff1ca740f6346cf8483ec915d4054bc5da2d /fluent-bit/lib/wasm-micro-runtime-WAMR-1.2.2/test-tools/IoT-APP-Store-Demo/wasm_django/devices/templates | |
parent | Adding upstream version 1.43.2. (diff) | |
download | netdata-c21c3b0befeb46a51b6bf3758ffa30813bea0ff0.tar.xz netdata-c21c3b0befeb46a51b6bf3758ffa30813bea0ff0.zip |
Adding upstream version 1.44.3.upstream/1.44.3
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'fluent-bit/lib/wasm-micro-runtime-WAMR-1.2.2/test-tools/IoT-APP-Store-Demo/wasm_django/devices/templates')
5 files changed, 557 insertions, 0 deletions
diff --git a/fluent-bit/lib/wasm-micro-runtime-WAMR-1.2.2/test-tools/IoT-APP-Store-Demo/wasm_django/devices/templates/application.html b/fluent-bit/lib/wasm-micro-runtime-WAMR-1.2.2/test-tools/IoT-APP-Store-Demo/wasm_django/devices/templates/application.html new file mode 100644 index 000000000..0b2ea7faf --- /dev/null +++ b/fluent-bit/lib/wasm-micro-runtime-WAMR-1.2.2/test-tools/IoT-APP-Store-Demo/wasm_django/devices/templates/application.html @@ -0,0 +1,141 @@ +<!-- +/* 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/application.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 style="background-image: linear-gradient(to right, rgb(248, 248, 248) , rgb(194, 194, 190))"> + +<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-2 col-md-2 col-lg-2 col-xl-2"></div> + <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8" id="section"> + <div id="photo"> + <p> + <img src="{%static 'photo/net_device.png'%}" ;height="65" width="65" /> + </p> + </div> + <div id="IPs">IP : </div> + <div id="ports">Port : </div> + <div id="installs">Installed apps : </div> + </div> + <div class="col-sm-2 col-md-2 col-lg-2 col-xl-2"></div> +</div> + + <div class="middlebox" style="display:none;"> + <div class="warning">Dialog Box</div> + <div class="findapp"> APP </div> + <button class="surebtn" type="button" value="sure">OK</button> + </div> + + <div class="deletebox" style="display:none;"> + <div class="warning2">Dialog Box</div> + <div class="findapp"> APP </div> + <button class="suresbtn" type="button" value="sure">OK</button> + <button class="cancelsbtn" type="button" value="Cancel">Cancel</button> + </div> + + <div id="loading"> + <p class="loadapp"> app is downloading now </p> + <div id="preloader"> + <div id="loader"></div> + </div> + </div> + + +<div class="main"> + <div class="mainbox"> + <div class= "close"> × </div> + <div class="hotapps">HOT Applications</div> + <div class="col-sm-6" id="searchbar"> + <form method="post" action="/apps/" id="form_addServiceInfoAll"> + {% csrf_token %} + <div class="input-group"> + <input type="text" name="mykey" class="form-control" placeholder="Input the product name" required /> + <input type="hidden" name="voip" id="aa" value=""> + <input type="hidden" name="voport" id="bb" value=""> + <span class="input-group-btn"> + <input type="submit" class="btn btn-default" value="Search" /> + </span> + </div> + </form> + </div> + <div id="scrollba"> + <div id="Dapplications"> + <div id="appslogo" style="width:45px; height:25px; float:left; "><img src="{%static 'photo/application.png'%}" ;height="35" width="35" /></div> + <p id="appsinfo1" style="font-size:15px;font-family:'sansationlight';width:310px; height:25px; float:left; "> Product Name: </p> + <p id="appsinfo2" style="font-size:15px;font-family:'sansationlight';width:120px; height:25px; float:left; "> Current Version: </p> + <button class="mybtn2" type="button" onclick="getthis(this)" value="downloadit"> ↓ Install</button> + </div> + </div> + </div> +</div> + + + <div class="col-sm-8 col-md-8 col-lg-8 col-xl-8" id="download"> + <p class = "explain pull-left" >List of Installed Apps:</p> + <button id="btn" class="btn btn-outline-primary pull-right" style="float:right" type="button" value="add">Install Application</button> + </div> + + + <div id="APPS" class="sourceapp"> + <div id="applications"> + <div id="applogo"><img src="{%static 'photo/app(1).png'%}" ;height="35" width="35" /></div> + <div id="appinfo1"> Product Name: </div> + <div id="appinfo2"> Staus: </div> + <div id="appinfo3"> Current Version: </div> + </div> + <div id="delete" ><img class="mybtn" style="cursor:pointer" src="{%static 'photo/delete.png'%}" ;height="35" width="35" /></div> + </div> + +<footer class="footer"> Copyright© intel.com</footer> + + + +<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script> +<script> +var alist = {{alist|safe}}; /*alist is a list of downloaded apps under the current device*/ +var dlist = {{dlist|safe}}; /*dlist saves the device info that includes its IP, Port and number of apps*/ +var llist = {{llist|safe}}; /*llist is a list of apps avaliable for installing that are synchronously updated with appstore*/ +var open_status ={{open_status|safe}};/*check is the search bar working&searching,otherwise, close window and return to the main page*/ +var search_node ={{search_node|safe}};/*THe queried app node*/ +</script> +<script type="text/javascript" src="{%static 'js/application.js'%}"></script> + +</body> + +</html> + diff --git a/fluent-bit/lib/wasm-micro-runtime-WAMR-1.2.2/test-tools/IoT-APP-Store-Demo/wasm_django/devices/templates/appstore.html b/fluent-bit/lib/wasm-micro-runtime-WAMR-1.2.2/test-tools/IoT-APP-Store-Demo/wasm_django/devices/templates/appstore.html new file mode 100644 index 000000000..46ecedf15 --- /dev/null +++ b/fluent-bit/lib/wasm-micro-runtime-WAMR-1.2.2/test-tools/IoT-APP-Store-Demo/wasm_django/devices/templates/appstore.html @@ -0,0 +1,98 @@ +<!-- +/* 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/appstore.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 style="background-color:rgb(240, 240, 240)"> + +<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 id="introinfo"></div> --> +<!-- <div class="style-one"></div> --> + +<div class="deletebox" style="display:none;"> + <div class="warning2">Dialog Box</div> + <div class="findapp"> APP </div> + <button class="suresbtn" type="button" value="sure">OK</button> + <button class="delsbtn" type="button" value="Cancel">Cancel</button> +</div> + + <div id = "introstore"> + <div id="applicationlist"> + <div class="bar"> + <div class="leftpart">The products </div> + <div style="position:relative; float:left; left:50px; font-size:14px; height:50px; top:10px;">Application List</div> + <div class="rightpart"> + <form action="/upload" method = "POST" enctype="multipart/form-data"> + {%csrf_token%} + <div class="stylehere"> + <input type ="file" required name="myfile" class = "file"> + <a href="#" class="choosestyle">Choose File</a> + </div> + <div class="stylehere"> + <input type="submit" value = "upload" class="btn btn-info"> + </div> + </form> + </div> + </div> + <div class = "appbook"> + <div id="applications"> + <div id="appimage" ><img class="mysoftware" src="{%static 'photo/software-icon-32081.png'%}" ;height="50" width="40"/></div> + <p id="appinfo1" style="position:relative; font-size:15px;width:35%; height:25px; float:left; left:5%;"> Product Name: </p> + <p id="appinfo2" style="position:relative; font-size:15px;width:30%; height:25px; float:left; left:5%;"> Product Version: </p> + <p id="lable" style="position:relative;font-size:11px;font-family:'logo';width:10%; height:25px; float:left; left:5%;"> Preloaded Apps </p> + <button id="delbutton" type="button" style="position: relative; height:25px; float:left; left:5%;" onclick="deleteClick(this)" method = "get" name="delete">Remove</button> + </div> + </div> + <br> + </div> + </div> +</div> + +<footer class="footer"> + Copyright© intel.com +</footer> + +<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script> +<script> +var elist = {{staticlist|safe}}/*saves all the apps that preloaded and are not able to be removed from applestore*/ +var flist = {{flist|safe}} /*a list of locally uploaded apps installed by users*/ +var ulist = {{ulist|safe}} /*Declare about is the app avaliable for uploading to the appstore: wasm_file OR preloaded already*/ +</script> +<script type="text/javascript" src="{%static 'js/appstore.js'%}"></script> + +</body> + +</html> + diff --git a/fluent-bit/lib/wasm-micro-runtime-WAMR-1.2.2/test-tools/IoT-APP-Store-Demo/wasm_django/devices/templates/empty.html b/fluent-bit/lib/wasm-micro-runtime-WAMR-1.2.2/test-tools/IoT-APP-Store-Demo/wasm_django/devices/templates/empty.html new file mode 100644 index 000000000..5610a2d84 --- /dev/null +++ b/fluent-bit/lib/wasm-micro-runtime-WAMR-1.2.2/test-tools/IoT-APP-Store-Demo/wasm_django/devices/templates/empty.html @@ -0,0 +1,125 @@ +<!-- +/* Copyright (C) 2019 Intel Corporation. All rights reserved. + * SPDX-License-Identifier: Apache-2.0 WITH LLVM-exception + */ +--> + +<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> + +<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"> +<title>wasm-micro-runtime</title> + +<style type="text/css"> +html, body{overflow:hidden;margin:0;background:#000;} +body{font-family:'Open Sans', 'Helvetica Neue', 'Hiragino Sans GB', 'LiHei Pro', Arial, sans-serif;color:#333;} +#wrapper{position:absolute;left:0;width:320px;text-align:center;top:50%;left:50%;margin-left:-160px;margin-top:-160px;-webkit-user-select:none;-moz-user-select:none;user-select:none;} +h1{font-family:'Montserrat', 'Helvetica Neue', Arial, sans-serif;font-weight:700;font-size:50px;letter-spacing:9px;text-transform:uppercase;color:#eee;margin:12px 0;left:4px;} +h2{color:#999;font-weight:normal;font-size:20px;letter-spacing:.200em;margin-bottom:30px;left:3px;} +h1, h2{position:relative;} +p{font-size:14px;line-height:2em;margin:0;letter-spacing:2px;} +canvas{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none;} +a{color:#999;text-decoration:none;transition:color .2s ease;} +a:hover{color:#f33;} +</style> + + + +</head> +<body> + +<script type="text/javascript" src="./js/jquery.min.js"></script> + +<div id="wrapper"> + <h1>404</h1> + <h2>Server Not Found</h2> + <p><a href="https://github.com/intel/wasm-micro-runtime" target="_blank">Github</a></p> +</div> + + +<canvas width="1920" height="917"></canvas> + +<script type="text/javascript"> +document.addEventListener('touchmove', function (e) { + e.preventDefault() +}) +var c = document.getElementsByTagName('canvas')[0], + x = c.getContext('2d'), + pr = window.devicePixelRatio || 1, + w = window.innerWidth, + h = window.innerHeight, + f = 90, + q, + m = Math, + r = 0, + u = m.PI*2, + v = m.cos, + z = m.random +c.width = w*pr +c.height = h*pr +x.scale(pr, pr) +x.globalAlpha = 0.6 +function i(){ + x.clearRect(0,0,w,h) + q=[{x:0,y:h*.7+f},{x:0,y:h*.7-f}] + while(q[1].x<w+f) d(q[0], q[1]) +} +function d(i,j){ + x.beginPath() + x.moveTo(i.x, i.y) + x.lineTo(j.x, j.y) + var k = j.x + (z()*2-0.25)*f, + n = y(j.y) + x.lineTo(k, n) + x.closePath() + r-=u/-50 + x.fillStyle = '#'+(v(r)*127+128<<16 | v(r+u/3)*127+128<<8 | v(r+u/3*2)*127+128).toString(16) + x.fill() + q[0] = q[1] + q[1] = {x:k,y:n} +} +function y(p){ + var t = p + (z()*2-1.1)*f + return (t>h||t<0) ? y(p) : t +} +document.onclick = i +document.ontouchstart = i +i() +</script> + +<script type="text/javascript"> +var snow = function() { +if(1==1) { +$("body").append('<canvas id="christmasCanvas" style="top: 0px; left: 0px; z-index: 5000; position: fixed; pointer-events: none;"></canvas>'); +var b = document.getElementById("christmasCanvas"), a = b.getContext("2d"), d = window.innerWidth, c = window.innerHeight; +b.width = d; +b.height = c; +for(var e = [], b = 0;b < 70;b++) { +e.push({x:Math.random() * d, y:Math.random() * c, r:Math.random() * 4 + 1, d:Math.random() * 70}) +} +var h = 0; +window.intervral4Christmas = setInterval(function() { +a.clearRect(0, 0, d, c); +a.fillStyle = "rgba(255, 255, 255, 0.6)"; +a.shadowBlur = 5; +a.shadowColor = "rgba(255, 255, 255, 0.9)"; +a.beginPath(); +for(var b = 0;b < 70;b++) { +var f = e[b]; +a.moveTo(f.x, f.y); +a.arc(f.x, f.y, f.r, 0, Math.PI * 2, !0) +} +a.fill(); +h += 0.01; +for(b = 0;b < 70;b++) { +if(f = e[b], f.y += Math.cos(h + f.d) + 1 + f.r / 2, f.x += Math.sin(h) * 2, f.x > d + 5 || f.x < -5 || f.y > c) { +e[b] = b % 3 > 0 ? {x:Math.random() * d, y:-10, r:f.r, d:f.d} : Math.sin(h) > 0 ? {x:-5, y:Math.random() * c, r:f.r, d:f.d} : {x:d + 5, y:Math.random() * c, r:f.r, d:f.d} +} +} +}, 70) +} +} +snow(); +</script><canvas id="christmasCanvas" style="top: 0px; left: 0px; z-index: 5000; position: fixed; pointer-events: none;" width="1920" height="917"></canvas> + + +</body></html> diff --git a/fluent-bit/lib/wasm-micro-runtime-WAMR-1.2.2/test-tools/IoT-APP-Store-Demo/wasm_django/devices/templates/help.html b/fluent-bit/lib/wasm-micro-runtime-WAMR-1.2.2/test-tools/IoT-APP-Store-Demo/wasm_django/devices/templates/help.html new file mode 100755 index 000000000..4ad7427ba --- /dev/null +++ b/fluent-bit/lib/wasm-micro-runtime-WAMR-1.2.2/test-tools/IoT-APP-Store-Demo/wasm_django/devices/templates/help.html @@ -0,0 +1,102 @@ +<!--
+/* 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">
+ <title> Wasm-Micro-Runtime </title>
+ <script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
+ <!-- <link rel="stylesheet" type="text/css" href="{%static%/css/index.css"/> -->
+ <!-- <link rel="stylesheet" type="text/css" href="/home/xujun/mysite/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 class="container">
+ <div class="row clearfix">
+ <div class="col-md-12 column">
+ <div class="jumbotron">
+ <h1>
+ How to use?
+ </h1>
+ <p>
+ 1. Download a simple runtime (build for ubuntu 20.04 64 bits, other platforms please build
+ from the <a href="https://github.com/bytecodealliance/wasm-micro-runtime/tree/main/samples/simple">source code</a>)
+ </p>
+ <p>
+ 2. In the terminal: <code>cd ~/Download && ./simple -a 82.156.57.236</code>
+ </p>
+ <div class="span12">
+ <div class="alert alert-info">
+ <!-- <button class="close" type="button" data-dismiss="alert">×</button> -->
+ <h5>
+ Notes:
+ </h5> We also have a <strong>UI-enabled runtime</strong>, please <a
+ href="../static/upload/wasm_runtime_wgl">download here</a> and enjoy.</strong> It may require
+ a few more setups.
+ <p>Before running the UI-enabled runtime, please install some required softwares:</p>
+ <p><code>sudo apt-get install libsdl2-2.0-0:i386</code> </p>
+ <p>For more details please refer to this <a
+ href="https://github.com/bytecodealliance/wasm-micro-runtime/tree/main/samples/littlevgl">guide</a>
+ </p>
+ <p><code>cd ~/Download && ./wasm_runtime_wgl -a 82.156.57.236</code></p>
+ </div>
+ </div>
+ <p>
+ 3. Return to device page, find your device according to the IP address and click it, you
+ will enter application installation page
+ </p>
+ <p>
+ 4. In the application installation page, click the Install Application button, and chose an
+ app to install. (The "ui_app" is only for UI_enabled_runtimes, simple runtime can't install
+ this app)
+ </p>
+ <p>
+ 5. If you want to upload a new application, go to App Store page, choose a file and click
+ upload
+ </p>
+ <p>
+ <a class="btn btn-primary btn-large" href="/">Go Back</a>
+ <a class="btn btn-primary btn-large" href="../static/upload/simple">Download
+ simple_runtime</a>
+ <a class="btn btn-primary btn-large" href="../static/upload/wasm_runtime_wgl">Download
+ UI_enabled_runtime</a>
+ </p>
+ </div>
+ <div class="container">
+ <div class="card">
+ <div class="card-body">
+ <h4 class="card-title">Like this project?</h4>
+ <p class="card-text">Join us and build a powerful and interesting world for embedded
+ devices!</p>
+ <iframe
+ src="https://ghbtns.com/github-btn.html?user=intel&repo=wasm-micro-runtime&type=star&count=true&size=large"
+ frameborder="0" scrolling="0" width="160px" height="30px"></iframe>
+ <iframe
+ src="https://ghbtns.com/github-btn.html?user=intel&repo=wasm-micro-runtime&type=fork&count=true&size=large"
+ frameborder="0" scrolling="0" width="158px" height="30px"></iframe>
+ <p>
+ <a href="https://github.com/intel/wasm-micro-runtime" class="btn btn-success">View
+ on GitHub</a>
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </body>
+
+</html>
diff --git a/fluent-bit/lib/wasm-micro-runtime-WAMR-1.2.2/test-tools/IoT-APP-Store-Demo/wasm_django/devices/templates/mysite.html b/fluent-bit/lib/wasm-micro-runtime-WAMR-1.2.2/test-tools/IoT-APP-Store-Demo/wasm_django/devices/templates/mysite.html new file mode 100644 index 000000000..3832791d1 --- /dev/null +++ b/fluent-bit/lib/wasm-micro-runtime-WAMR-1.2.2/test-tools/IoT-APP-Store-Demo/wasm_django/devices/templates/mysite.html @@ -0,0 +1,91 @@ +<!--
+/* 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© 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>
|