From 250119d9cc56ffe0bf26cf8de666d94643097751 Mon Sep 17 00:00:00 2001
From: wangqun <wangqun@baidu.com>
Date: Mon, 30 Mar 2020 13:38:12 +0800
Subject: [PATCH] [d][change]mobileNet v2

mobileNet v2
---
 README_cn.md                  |  2 +-
 examples/mobileNet/index.html | 60 ++++++++++++++++++++++++++++++++---
 2 files changed, 57 insertions(+), 5 deletions(-)
diff --git a/README_cn.md b/README_cn.md
index 3170252..383d686 100644
--- a/README_cn.md
+++ b/README_cn.md
@@ -87,7 +87,7 @@ let result = await inst.read();
 
 模型转换器需要输入一个Paddle格式的model，可以是Paddle Hub中的model，运行转换器将会得到paddle.js的JSON格式model。
 
-## eb友好的model格式
+## Web友好的model格式
 
 上面的转换脚本生成两种类型的文件：
 
diff --git a/examples/mobileNet/index.html b/examples/mobileNet/index.html
index b7f89d3..cd11ad8 100644
--- a/examples/mobileNet/index.html
+++ b/examples/mobileNet/index.html
@@ -3,12 +3,64 @@
     <head>
         <meta charset="utf-8">
         <title>paddle web demo</title>
-        <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
+        <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,initial-scale=1,viewport-fit=cover">
+        <style>
+            p {
+                display: block;
+                margin-block-start: 1em;
+                margin-block-end: 1em;
+                margin-inline-start: 0;
+                margin-inline-end: 0;
+            }
+            #uploadImg {
+                border: solid 1px #808080;
+                width: 100%;
+                padding: 10px;
+                background-color: #cabfbf;
+                color: #FFF;
+                font-size: 16px;
+            }
+            p.section-head {
+                font-variant: small-caps;
+                text-transform: uppercase;
+                letter-spacing: .17em;
+                line-height: 1.2em;
+                font-weight: 500;
+                margin-top: 2em;
+                margin-bottom: 1em;
+                border-left: 1px solid #EF6C00;
+                padding-left: 24px;
+                color: #818181;
+            }
+            .image-wrap {
+                position: relative;
+            }
+            #image {
+                width: 100%;
+            }
+            #myDiv {
+                position: absolute;
+                border: 1px solid #F00;
+                box-sizing: border-box;
+            }
+        </style>
     </head>
     <body>
-        <img id="image" src="https://m.baidu.com/se/static/img/iphone/logo.png" style="max-width: 100%;">
-        <input type="file" id="uploadImg">
-        <div id="txt"></div>
+        <section class="title-area">
+            <h1>Paddle.js: Using a pretrained mobileNet V2</h1>
+        </section>
+
+        <section>
+            <p class="section-head">Description</p>
+            <p>
+                Please upload a picture to experience online classification.
+            </p>
+        </section>
+        <section>
+            <img id="image" src="https://m.baidu.com/se/static/img/iphone/logo.png" style="max-width: 100%;">
+            <input type="file" id="uploadImg">
+            <div id="txt"></div>
+        </section>
         <script src="index.es6"></script>
     </body>
 </html>
\ No newline at end of file
-- 
GitLab

