Hugging Face's logo

Spaces:
soiz1
/
s4s-editor-beta
Runtime error

App Files Community
s4s-editor-beta / ml2scratch /old /dist /example.html
soiz1's picture
soiz1
Upload 208 files
72c8f1c verified
raw
history blame
10.2 kB
 <!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ML2Scratch</title>
<meta property="og:type" content="website">
<meta property="og:title" content="ML2Scratch">
<meta property="og:url" content="https://champierre.github.io/ml2scratch/">
<meta property="og:site_name" content="ML2Scratch">
<meta property="og:image" content="https://champierre.github.io/ml2scratch/dist/images/common/og_image.png">
<link rel="canonical" href="https://champierre.github.io/ml2scratch/">
<link href="https://fonts.googleapis.com/css?family=Noto+Sans:400,700" rel="stylesheet">
<link rel="shortcut icon" href="/images/common/favicon.ico">
<link rel="apple-touch-icon" href="/images/common/apple-touch-icon.png">
<link rel="stylesheet" href="/stylesheets/styles.css">
</head>
<body>
<div class="container mb-5 is-min">
<div class="row">
<div class="col">
<div class="header">
<a href="#">
<span class="logo">ML2Scratch</span>
</a>
<div class="header__links">
<ul>
<li>
<a href="#">日本語</a>
</li>
<li>
<a href="#">简体中文</a>
</li>
<li>
<a href="#">GitHub</a>
</li>
</ul>
</div>
</div>
<div class="card is-top">
<div class="card__inner">
<div class="title-block">
<h3>入力</h3>
</div>
<div class="dummy-photo is-lg"></div>
<div class="card__action">
<a href="#" class="button is-w100">
<i class="icon-camera"></i>
</a>
</div>
</div>
</div>
<div class="card">
<div class="card__inner">
<div class="title-block">
<h3>学習</h3>
<div class="dropdown">
<a href="#" class="link" data-toggle="dropdown">
<i class="icon-dots"></i>
</a>
<div class="card-dropdown-menu dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#">削除</a>
</div>
</div>
</div>
<div class="card-block-container">
<!-- card-block -->
<div class="card-block">
<div class="dummy-photo"></div>
<div class="card-block__info">
<span>
<i class="icon-photos"></i>
x 5
</span>
<div class="dropdown">
<a href="#" class="link" data-toggle="dropdown">
<i class="icon-dots-white"></i>
</a>
<div class="card-dropdown-menu dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#">削除</a>
</div>
</div>
</div>
<a href="#" class="button is-w100 is-mini">
<i class="icon-camera is-mini"></i>
</a>
</div>
<!-- card-block -->
<div class="card-block">
<div class="dummy-photo"></div>
<div class="card-block__info">
<span>
<i class="icon-photos"></i>
x 5
</span>
<div class="dropdown">
<a href="#" class="link" data-toggle="dropdown">
<i class="icon-dots-white"></i>
</a>
<div class="card-dropdown-menu dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#">削除</a>
</div>
</div>
</div>
<a href="#" class="button is-w100 is-mini">
<i class="icon-camera is-mini"></i>
</a>
</div>
<!-- card-block -->
<div class="card-block">
<div class="dummy-photo"></div>
<div class="card-block__info">
<span>
<i class="icon-photos"></i>
x 5
</span>
<div class="dropdown">
<a href="#" class="link" data-toggle="dropdown">
<i class="icon-dots-white"></i>
</a>
<div class="card-dropdown-menu dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#">削除</a>
</div>
</div>
</div>
<a href="#" class="button is-w100 is-mini">
<i class="icon-camera is-mini"></i>
</a>
</div>
<!-- card-block -->
<div class="card-block">
<div class="dummy-photo"></div>
<div class="card-block__info">
<span>
<i class="icon-photos"></i>
x 5
</span>
<div class="dropdown">
<a href="#" class="link" data-toggle="dropdown">
<i class="icon-dots-white"></i>
</a>
<div class="card-dropdown-menu dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#">削除</a>
</div>
</div>
</div>
<a href="#" class="button is-w100 is-mini">
<i class="icon-camera is-mini"></i>
</a>
</div>
<!-- card-block -->
<div class="card-block">
<div class="dummy-photo"></div>
<div class="card-block__info">
<span>
<i class="icon-photos"></i>
x 5
</span>
<div class="dropdown">
<a href="#" class="link" data-toggle="dropdown">
<i class="icon-dots-white"></i>
</a>
<div class="card-dropdown-menu dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#">削除</a>
</div>
</div>
</div>
<a href="#" class="button is-w100 is-mini">
<i class="icon-camera is-mini"></i>
</a>
</div>
<!-- card-block -->
<div class="card-block">
<div class="dummy-photo"></div>
<div class="card-block__info">
<span>
<i class="icon-photos"></i>
x 5
</span>
<div class="dropdown">
<a href="#" class="link" data-toggle="dropdown">
<i class="icon-dots-white"></i>
</a>
<div class="card-dropdown-menu dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#">削除</a>
</div>
</div>
</div>
<a href="#" class="button is-w100">
<i class="icon-camera is-mini"></i>
</a>
</div>
<!-- card-block -->
<div class="card-block">
<div class="dummy-photo"></div>
<div class="card-block__info">
<span>
<i class="icon-photos"></i>
x 5
</span>
<div class="dropdown">
<a href="#" class="link" data-toggle="dropdown">
<i class="icon-dots-white"></i>
</a>
<div class="card-dropdown-menu dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#">削除</a>
</div>
</div>
</div>
<a href="#" class="button is-w100 is-mini">
<i class="icon-camera is-mini"></i>
</a>
</div>
<!-- card-block -->
<div class="card-block">
<div class="dummy-photo"></div>
<div class="card-block__info">
<span>
<i class="icon-photos"></i>
x 5
</span>
<div class="dropdown">
<a href="#" class="link" data-toggle="dropdown">
<i class="icon-dots-white"></i>
</a>
<div class="card-dropdown-menu dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#">削除</a>
</div>
</div>
</div>
<a href="#" class="button is-w100">
<i class="icon-camera is-mini"></i>
</a>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card__inner">
<div class="title-block">
<h3>学習済みモデル</h3>
</div>
<p>学習済みのモデルをアップロードして、学習に追加で組み込みます</p>
<div class="input-group mt-4">
<label class="input-file">
<input type="file" name="" data-file />
<span data-file-name>Choose file...</span>
</label>
<button class="button">追 加</button>
</div>
</div>
</div>
<div class="card">
<div class="card__inner">
<div class="title-block">
<h3>認識</h3>
<div class="dropdown">
<a href="#" class="link" data-toggle="dropdown">
<i class="icon-dots"></i>
</a>
<div class="card-dropdown-menu dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#">学習済みモデルをダウンロード</a>
</div>
</div>
</div>
<div class="progress">
<div class="bar" style="flex-basis: 70%"></div>
<div class="bar" style="flex-basis: 18%"></div>
<div class="bar" style="flex-basis: 2%"></div>
<div class="bar" style="flex-basis: 2%"></div>
<div class="bar" style="flex-basis: 2%"></div>
<div class="bar" style="flex-basis: 2%"></div>
<div class="bar" style="flex-basis: 2%"></div>
<div class="bar" style="flex-basis: 2%"></div>
</div>
</div>
</div>
<div class="card">
<div class="card__inner">
<div class="title-block">
<h3>接続</h3>
</div>
<p>拡張機能を読み込んだScratchXのページを開いて、下記の接続IDを「ID: [ ]で接続する」ブロックにコピー&ペーストしてください。</p>
<div class="input-group mt-4">
<input type="text" name="" placeholder="" class="input" value="k3iqrlypc8" />
<button class="button">接 続</button>
</div>
</div>
</div>
<div class="card-button-container">
<a href="#" class="card-button">
<div class="card-button__inner">
ScratchX を開く
</div>
</a>
</div>
</div>
</div>
</div>
<script src="/javascripts/scripts.js"></script>
</body>
</html>