Files
isotope-server/templates/index.html
T

185 lines
10 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Isotope</title>
<link rel="stylesheet" type="text/css" href="/styles.css" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
/>
<link
rel="apple-touch-icon"
sizes="180x180"
href="/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="194x194"
href="/favicon-194x194.png"
/>
<link
rel="icon"
type="image/png"
sizes="192x192"
href="/android-chrome-192x192.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/favicon-16x16.png"
/>
<link rel="manifest" href="/site.webmanifest" />
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#0b1d28" />
<meta name="apple-mobile-web-app-title" content="Isotope" />
<meta name="application-name" content="Isotope" />
<meta name="msapplication-TileColor" content="#0b1d28" />
<meta name="msapplication-TileImage" content="/mstile-144x144.png" />
<meta name="theme-color" content="#0b1d28" />
<meta name="description" content="The official package manager for Argon" />
<script src="/script.js"></script>
</head>
<body>
<div class="content">
{{%navbar}}
<div class="welcome">
<h1>
The official package manager for
<a
style="color: var(--primary)"
href="https://argon.wbell.dev/"
>Argon</a
>
</h1>
<svg
id="eT9u5McXzkK1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 300 300"
shape-rendering="geometricPrecision"
text-rendering="geometricPrecision"
>
<g
transform="matrix(1.98929 0 0 1.891235-148.412096-129.5244)"
>
<g
transform="matrix(.986514-.163675 0.163675 0.986514-21.773451 28.982775)"
>
<polygon
points="0,-45.9484 13.503896,-18.586518 43.699525,-14.198837 21.849763,7.099418 27.007792,37.173037 0,22.9742 -27.007792,37.173037 -21.849763,7.099418 -43.699525,-14.198837 -13.503896,-18.586518 0,-45.9484"
transform="matrix(-.612086 0.250678-.217119-.530145 176.859342 137.109295)"
fill="#4c89ad"
stroke-width="0"
/>
<polygon
points="0,-45.9484 13.503896,-18.586518 43.699525,-14.198837 21.849763,7.099418 27.007792,37.173037 0,22.9742 -27.007792,37.173037 -21.849763,7.099418 -43.699525,-14.198837 -13.503896,-18.586518 0,-45.9484"
transform="matrix(.809335-.33146 0.246936 0.602948 128.860597 135.525042)"
fill="#64b0dc"
stroke-width="0"
/>
<polygon
points="0,-45.9484 13.503896,-18.586518 43.699525,-14.198837 21.849763,7.099418 27.007792,37.173037 0,22.9742 -27.007792,37.173037 -21.849763,7.099418 -43.699525,-14.198837 -13.503896,-18.586518 0,-45.9484"
transform="matrix(-.656039 0.754727-.754727-.656039 141.427369 117.722841)"
fill="#74c3f1"
stroke-width="0"
/>
<rect
width="94.680693"
height="66.232034"
rx="10"
ry="10"
transform="translate(103.022335 151.478337)"
fill="#e45b0c"
stroke-width="0"
/>
<rect
width="94.680693"
height="66.232034"
rx="10"
ry="10"
transform="matrix(-.287913-.218611 0.077108-.101552 105.430759 157.856037)"
fill="#e45b0c"
stroke-width="0"
/>
<rect
width="94.680693"
height="66.232034"
rx="10"
ry="10"
transform="matrix(-.299 0.203183-.071666-.105463 221.829015 140.779844)"
fill="#e45b0c"
stroke-width="0"
/>
</g>
</g>
</svg>
</div>
<div>
<form action="/search" method="GET" class="search">
<input
type="text"
name="q"
placeholder="Search for a package"
class="bar"
/>
<input type="submit" value="Search" class="button" />
</form>
</div>
<div>
<h1>What is Isotope?</h1>
<p>
Isotope is the official package manager for
<a
style="color: var(--primary)"
href="https://argon.wbell.dev/"
>Argon</a
>. It is a simple, fast, and secure package manager for
Argon. It is designed to be easy to use and easy to install.
</p>
<h1>How do I install Isotope?</h1>
<p>
Isotope comes pre-packaged with <a href="https://github.com/Open-Argon/argon-v3"
style="color: var(--primary)">Open Argon's official distribution of the Argon programming language</a>.
If you would like to compile Isotope from source, you can find the source code at <a href="https://github.com/Open-Argon/Isotope"
style="color: var(--primary)">https://github.com/Open-Argon/Isotope</a> and follow the instructions in the README.
</p>
<h1>How do I use Isotope?</h1>
<p>to access the help menu in isotope, run the following command inside the terminal:</p>
<pre class="copyable-pre" onclick="copyToClipboard('isotope help')" data-command="isotope --help">isotope help<div style="float: right;margin-left: 1rem;">📋 Click to Copy</div></pre>
<p>If you need any further assistance, please feel free to reach out to us on our <a href="{{discord_URL}}" style="color: var(--primary)">Discord server</a>.</p>
<h1>How do I host my own Isotope Server?</h1>
<p>
If you would like to host your own Isotope server, you can find the source code at <a href="{{source_code_URL}}">{{source_code_URL}}</a>.
All you need to do is follow the instructions in the README. If you need any further assistance, please feel free to reach out to us on our <a href="{{discord_URL}}" style="color: var(--primary)">Discord server</a>.
</p>
<h1>How do I make and upload a package to Isotope?</h1>
<p>
If you would like to upload a package to Isotope, <a href="/login">login</a> or <a href="/register">register</a> then create an empty folder and run the following command inside the terminal:
</p>
<pre class="copyable-pre" onclick="copyToClipboard('isotope init')" data-command="isotope create">isotope init<div style="float: right;margin-left: 1rem;">📋 Click to Copy</div></pre>
<p>Edit "argon-package.json" and choose a name and version of your package. Note: all names and versions sent to this server have to be lowercase alpha-numeric characters, and can also include "-" and ".". The first and last characters can only be alpha-numeric. All names have to be between 3 and 32 characters long, and all versions types cannot be greater than 16 characters long.</p>
<p>Then make a folder called "src" inside the folder you just created, and write all your code inside the folder. Remember, for a package, its recommended to name the main file "init.ar".</p>
<p>Once you have written your code, run the following command inside the terminal:</p>
<pre class="copyable-pre" onclick="copyToClipboard('isotope package build')" data-command="isotope create">isotope package build<div style="float: right;margin-left: 1rem;">📋 Click to Copy</div></pre>
<p>make sure you are in the same folder as "argon-package.json".</p>
<p>Then run the following command inside the terminal:</p>
<pre class="copyable-pre" onclick="copyToClipboard('{{push_command_quote}}')" data-command="isotope create">{{push_command}}<div style="float: right;margin-left: 1rem;">📋 Click to Copy</div></pre>
<p>again, make sure you are in the same folder as "argon-package.json".</p>
<p>If you are ready to make a full stable release, run the following command:</p>
<pre class="copyable-pre" onclick="copyToClipboard('{{push_command_latest_quote}}')" data-command="isotope create">{{push_command_latest}}<div style="float: right;margin-left: 1rem;">📋 Click to Copy</div></pre>
<p>again, make sure you are in the same folder as "argon-package.json".</p>
<p>If you need any further assistance, please feel free to reach out to us on our <a href="{{discord_URL}}" style="color: var(--primary)">Discord server</a>.</p>
</div>
</div>
</body>
</html>