Skip to content

Instantly share code, notes, and snippets.

@vasa-develop

vasa-develop/index.html

Created October 5, 2019 07:38
Show Gist options
  • Save vasa-develop/1092a09700461424483311bd271e9ca2 to your computer and use it in GitHub Desktop.
Save vasa-develop/1092a09700461424483311bd271e9ca2 to your computer and use it in GitHub Desktop.
Download ZIP
SimpleAsWater Tutorial - Youtube on IPFS
Raw
index.html
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Youtube on IPFS - SimpleAsWater</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://unpkg.com/ipfs-http-client/dist/index.min.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<!-- Brand/logo -->
<a class="navbar-brand" href="#">Youtube on IPFS</a>
<div class="custom-file">
<input type="file" class="custom-file-input" id="customFile" name="myImage">
<label class="custom-file-label" for="customFile">Upload</label>
</div>
</nav>
<center>
<button style="margin: 20px;" type="button" class="btn btn-primary" onclick="clearList()">Clear List</button>
<div id="videos">
</div>
</center>
<script src="js/app.js"></script>
</body>
</html>
Raw
index01.html
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Youtube on IPFS - SimpleAsWater</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- Import JS IPFS CDN Link -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<!-- Brand/logo -->
<a class="navbar-brand" href="#">Youtube on IPFS</a>
<div class="custom-file">
<input type="file" class="custom-file-input" id="customFile" name="myImage">
<label class="custom-file-label" for="customFile">Upload</label>
</div>
</nav>
<center>
<button style="margin: 20px;" type="button" class="btn btn-primary" onclick="clearList()">Clear List</button>
<div id="videos">
</div>
</center>
<script src="js/app.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment