VexID/index_es.html at main · SVVSDICAI/VexID · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<head>
  <meta charset="UTF-8" />
  <link
    rel="stylesheet"
    href="https://fonts.googleapis.com/css?family=Roboto"
  />
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Teko" />
  <style>
    #ID {
      font-family: "Roboto", sans-serif;
      font-style: bold;
      position: fixed;
      padding: 10px;
      /*margin-left: 100px;*/
    }
    #Read {
      font-family: "Roboto", sans-serif;
      padding: 10px;
      font-style: bold;
      margin-left: 130px;
      margin-top: 10px;
      position: fixed;
    }
    .header {
      font-family: "Teko", sans-serif;
      text-align: center;
      margin: 10px;
    }
    .webcam {
      margin: 20px;
      border: 5px solid grey;
      border-radius: 5px;
      /*padding: 100px;*/
    }
    .list {
      margin: 20px;
      flex-grow: 1;
      font-family: "Roboto", sans-serif;
      width: 150px;
      border: 2px solid black;
      border-radius: 5px;
      padding: 10px;
      background: white;
    }
    .description {
      margin: 20px;
      flex-grow: 1;
      font-family: "Roboto", sans-serif;
      width: 224px;
      border: 2px solid black;
      border-radius: 5px;
      padding: 10px;
      background: white;
    }

    .flexbody {
      display: flex;
      flex-wrap: wrap;
    }
    body {
      background-image: url("background.jpeg");
      background-attachment: fixed;
    }
  </style>
  <title>Clasificador de imágenes VexId</title>
  <a href="index_man.html">普通话</a>
  <a href="index_en.html">English</a>
  <h1 class="header">VexID IA</h1>
  <button class="header" type="button" id="ID" onclick="capture()">
    <h2>Identifica</h2>
  </button>
  <button type="button" id="Read" onclick="read()"><h2>Lea</h2></button>
</head>
<body>
  <div class="flexbody">
    <div class="webcam" id="webcam-container"></div>
    <div class="description" id="description-container"></div>
    <div class="list" id="label-container"></div>
    <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@latest/dist/tf.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@teachablemachine/image@latest/dist/teachablemachine-image.min.js"></script>
    <script src="script.js" type="text/javascript"></script>
  </div>
</body>