-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathapp.html
More file actions
117 lines (116 loc) · 7.73 KB
/
Copy pathapp.html
File metadata and controls
117 lines (116 loc) · 7.73 KB
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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>pinokio</title>
<link rel="icon" href="favicon.ico" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Pinokio" />
<meta name="twitter:description" content="AI Browser"/>
<meta name="twitter:image" content="https://pinokiocomputer.github.io/homepage/poster.png" />
<meta property="og:url" content="https://pinokiocomputer.github.io/homepage" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Pinokio" />
<meta property="og:description" content="AI Browser" />
<meta property="og:image" content="https://pinokiocomputer.github.io/poster.png" />
<link rel="stylesheet" href="styles/app.css">
<link rel="stylesheet" href="/vendor/font-awesome/css/all.min.css">
<script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "674a99b0f2cb4d4da3346c9740f606ed"}'></script>
</head>
<body>
<div class="container">
<main>
<!-- Verified Scripts Section -->
<div class="grid">
<aside>
<h2><i class="fas fa-rss"></i> News</h2>
<div id="newsContainer">
<!-- News/tweets will be loaded here -->
</div>
</aside>
<div class='sections'>
<h2 class="apps-header"><i class="fas fa-desktop"></i> Apps</h2>
<input type="search" id="searchInput" class="input" placeholder="Search scripts from verified publishers">
<!-- Tab Navigation -->
<nav class="tab">
<button id="verifiedTab" class="selected" onclick="selectTab('verified')">
<i class="fas fa-check"></i> Verified scripts
</button>
<div class="filler"></div>
<div class='download-container'>
<button id="toggleDownloadBtn" class="download-btn" onclick="toggleDownloadSection()">
<i class="fas fa-download"></i> Download from URL
</button>
</div>
</nav>
<div id="downloadSection" class="download-section hidden">
<h3><i class="fas fa-download"></i> Download from URL</h3>
<div>Enter a Git URL to download a script directly:</div>
<div class='git-form'>
<input type="text" id="downloadUrl" class="download-input" placeholder="The git url (example: https://github.com/username/repo.git)">
<input type="text" id="branch" class="download-input" placeholder="The git branch (optional)">
</div>
<a target="_blank" id='clone-url' class="download-btn">
<i class="fas fa-download"></i> Download
</a>
<button class="download-btn cancel" onclick="toggleDownloadSection()">
Cancel
</button>
</div>
<section id="verifiedSection" class="minimalItemsContainer">
<div class="community">
<div class="community_item">
<h3>What is a verified script?</h3>
<div><strong>1. Verified Authors:</strong> Verified scripts are scripts from verified publishers.</div>
<div><strong>2. How to get verified:</strong> Start by publishing as a community script and ask to be featured on <a href="https://discord.gg/TQdNwadtE4" target="_blank">Pinokio community Discord</a></div>
</div>
</div>
<section class="minimal_items" id="featuredItems">
<!-- Latest items will be loaded here -->
</section>
</section>
<!-- Community Scripts Section -->
<section id="communitySection" class="minimalItemsContainer hidden">
<div class="community">
<div class="community_item">
<h3>What is a community script?</h3>
<div><strong>1. No filter:</strong> This is a raw feed of pinokio scripts published by the community.</div>
<div><strong>2. Automated:</strong> All github repositories tagged as 'pinokio' show up here automatically.</div>
<div><strong>3. May not work:</strong> Remember, these scripts have NOT been vetted, and they may not work as you expect. If you decide to try these scripts, make sure to find the publisher on <a href="https://discord.gg/TQdNwadtE4" target="_blank">Pinokio community Discord</a> and ask first.</div>
</div>
<div class="community_item">
<h3>Should you install?</h3>
<div><strong>1. Why you need to be careful:</strong> Since Pinokio scripts can run system commands, you need to be careful with what you install and run.</div>
<div><strong>2. [WARNING!!!] DO NOT install a community script unless you TRUST the person who published it.</strong></div>
<div><strong>3. Ask:</strong> Even if you trust the publisher, ask around in <a href="https://discord.gg/TQdNwadtE4" target="_blank">the Pinokio community Discord</a> before installing anything. Ideally, the publisher should be on Discord.</div>
<div><strong>4. Verify yourself:</strong> If you're adventureous, you can read through the script source code to <strong>verify yourself there's nothing wrong</strong>, and then install.</div>
</div>
<div class="community_item">
<h3>How to get listed & verified</h3>
<div><strong>1. Listing:</strong> To list your script here, simply add a topic named <strong>pinokio</strong> on your Github repo. It will automatically show up here. <a target="_blank" href="https://pinokiodocs.netlify.app/#/?id=list-your-script-on-the-directory">Learn more</a></div>
<div><strong>2. When verification?</strong> If the publisher makes a request, or enough people request a community script to be verified, it may be promoted to the "Verified" status through <a href="https://github.com/pinokiofactory" target="_blank">Pinokio Factory</a></div>
<div><strong>3. How verification works:</strong> The original publisher doesn't need to do anything (except for publishing as a community script). The Pinokio Factory Github organization may fork the original code, freeze the code, and THEN feature the frozen script on the "Verified" section.</div>
</div>
</div>
<section class="minimal_items" id="latestItems">
<!-- Latest items will be loaded here -->
</section>
</section>
</div>
</div>
</main>
</div>
<script>
var page = "app"
var currentTab = "verified"
var allFeaturedItems = []
var filteredFeaturedItems = []
var allLatestItems = []
var filteredLatestItems = []
</script>
<script src="js/config.js"></script>
<script src="js/tweet.js"></script>
<script src="js/app.js"></script>
</body>
</html>