www/index.html
2022-08-04 23:39:10 +02:00

74 lines
2.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="node_modules/siimple/siimple.css">
<link rel="icon" href="https://gitnet.fr/assets/img/logo.svg" type="image/svg+xml">
<link rel="stylesheet" href="assets/css/app.css">
<title>Gitnet Pages</title>
</head>
<body>
<div class="has-py-16 has-text-center header">
<div class="is-inline-flex">
<a class="navlink"><img src="https://gitnet.fr/assets/img/logo.svg" width="150" alt="Gitnet"></a>
</div>
<div class="has-size-7 has-weight-bold has-mb-4 has-lh-none">
Host <span class="has-text-primary">static websites</span> with Gitnet Pages!
</div>
<div class="has-size-1 has-lh-heading has-mb-4">
It's quick, easy, free &amp; fast - just put your project's homepage, blog or web experiment into a Git repository at Gitnet, and we'll do the rest.
</div>
</div>
<div class="container">
<div class="columns">
<div class="column is-one-third is-full-mobile">
<div class="card has-shadow-md">
<div class="">
<i class="si-rocket has-size-9 has-text-primary"></i>
</div>
<div class="title is-4">1. Set up your repository</div>
<p class="has-text-justify has-mb-4">
Create a public repository named <code>pages</code> to make the site available at the main subdomain.
</p>
<div class="divider"></div>
<p class="has-text-justify has-mb-4">
You can also create a branch <code>pages</code> in an existing repository:
<pre><code>git switch --orphan pages
# In case if ignored files exist
git rm --cached -r .</code></pre>
</p>
</div>
</div>
<div class="column is-one-third is-full-mobile">
<div class="card has-shadow-md">
<div class="">
<i class="si-rocket has-size-9 has-text-primary"></i>
</div>
<div class="title is-4">2. Upload your files</div>
<p class="has-text-justify has-mb-4">
Push your static content, HTML, style, fonts, images or anything else.
</p>
</div>
</div>
<div class="column is-one-third is-full-mobile">
<div class="card has-shadow-md">
<div class="">
<i class="si-rocket has-size-9 has-text-primary"></i>
</div>
<div class="title is-4">3. You're done!</div>
<p class="has-text-justify has-mb-4">
Access your new website using this link: <code>https://USERNAME.gitnet.page[/REPOSITORY][/@BRANCH]</code>.
</p>
</div>
</div>
</div>
</div>
</body>
</html>