This repository has been archived by the owner on Apr 19, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 8
/
index.html
70 lines (65 loc) · 3.32 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<!-- SEO TAGS -->
<meta name="description" content="An English, Indian, Anime Series and Movie Content library built upon YouTube links. ">
<meta name="keywords" content="Youtube,Movies,Series,Free">
<meta name="author" content="Animesh Nath">
<title>YTFLIX</title>
<!-- App Tags -->
<meta name="theme-color" content="crimson" id="tabColor">
<meta name="mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="Assets/Icons/maskable_icon_x192.png" />
<link defer rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit/dist/css/uikit.min.css" />
<link defer rel="stylesheet" href="style.css" />
<script defer src="https://cdn.jsdelivr.net/npm/uikit/dist/js/uikit.min.js"></script>
<script defer src="https://cdn.jsdelivr.net/npm/uikit/dist/js/uikit-icons.min.js"></script>
</head>
<body class="uk-text-center">
<!-- NAVIGATION BAR -->
<nav id="nav" uk-navbar uk-sticky class="uk-navbar-container uk-navbar-transparent">
<div class="nav-overlay uk-navbar-left">
<h1><b>YTFLIX</b></h1>
</div>
<div class="nav-overlay uk-navbar-right">
<div class="uk-iconnav">
<a id="search_button" uk-search-icon uk-toggle="target: .nav-overlay; animation: uk-animation-fade"><span>Search </span></a>
<a id="info" uk-toggle="target:#modal-center" uk-icon="icon: info"><span>Info </span></a>
<a id="github" href="https://github.com/n-ce/YTFLIX" uk-icon="icon: github"><span>Github </span></a>
<a id="post" uk-toggle="target:#post" uk-icon="icon: plus-circle"><span>Post </span></a>
<label id="dark" uk-icon="icon: paint-bucket"><input id="checkbox" class="uk-checkbox" type="checkbox" /><span>Dark Mode </span></label>
</div>
</div>
<div class="nav-overlay uk-navbar-left uk-flex-1" hidden>
<div class="uk-navbar-item uk-width-expand">
<form class="uk-search uk-search-navbar uk-width-1-1">
<input id="search_input" class="uk-search-input" type="text" name="search" placeholder="SEARCH" autocomplete="off">
</form>
</div>
<a class="uk-navbar-toggle" uk-close uk-toggle="target: .nav-overlay; animation: uk-animation-fade"></a>
</div>
</nav><br>
<blockquote> A Free Movie & Series Library made of Youtube links.</blockquote><br>
<!-- CATEGORIES -->
<ul id="container" class="uk-child-width-1-2@s uk-padding" uk-grid></ul>
<!-- VERSION CONTROL TAG -->
<p class="uk-badge">version 2</p>
<!-- POSTING & REPORTING -->
<div id="post" class="uk-flex-top" uk-modal>
<button class="uk-modal-close-default" type="button" uk-close></button>
<br>
<h4><b>ONLY EXISTS FOR EXAMPLE PURPOSE</b></h4>
</div>
<!-- ABOUT -->
<div id="modal-center" class="uk-flex-top" uk-modal>
<div class=" uk-modal-dialog uk-modal-body uk-margin-auto-vertical">
<button class="uk-modal-close-default" type="button" uk-close></button>
<p>YTFLIX is a free and open source website with one goal which is to provide full length movie links from youtube. It has been a solo project so far, it utilizes the UIKIT Framework and is completely coded on a mobile device using Spck Code Editor on Android. Thank you for reading and Share this website to your friends & family.<br><br>@n-ce, Animesh Nath.</p>
</div>
</div>
<!-- MAIN SCRIPT-->
<script src="script.js" type="module"></script>
</body>
</html>