privatecoffee-website/index.html

261 lines
9.5 KiB
HTML

<!DOCTYPE html>
<!-- This file was created as part of the Private.coffee project
It is licensed under the MIT license
For more information, please visit https://private.coffee -->
<html>
<head>
<title>Private.coffee</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" type="image/svg+xml" href="assets/img/logo.svg" />
<link rel="stylesheet" href="assets/css/base.css" />
<link rel="stylesheet" href="dist/css/bootstrap.min.css" />
<script src="dist/js/jquery.min.js"></script>
<script src="dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<div class="container">
<a class="navbar-brand" href="/">
<img
class="navbar-brand-img"
src="assets/img/logo.svg"
alt="Private.coffee logo"
/>
Private.coffee
</a>
<ul class="navbar-nav">
<ul class="nav-item dropdown">
<a
class="nav-link dropdown-toggle"
href="#"
id="navbardrop"
data-bs-toggle="dropdown"
>Status Page</a
>
<div class="dropdown-menu">
<a class="dropdown-item" href="https://status.private.coffee"
>Clearnet</a
>
<a
class="dropdown-item"
href="http://status.coffee2m3bjsrrqqycx6ghkxrnejl2q6nl7pjw2j4clchjj6uk5zozad.onion/"
>Tor</a
>
</div>
</ul>
</ul>
</div>
</nav>
<section id="content">
<div class="container">
<h1>Welcome to Private.coffee</h1>
<p>
Private.coffee is a collection of services that respect your privacy.
</p>
<p>
Click on a service to go to it. Some services are also available using
Tor and/or I2P. Click the arrow behind the "Go to" link to see all
available versions.
</p>
<div class="row" id="services">
<div class="service col-sm-4">
<h3>Invidious</h3>
<p>Watch YouTube videos without Google tracking you.</p>
<a href="https://invidious.private.coffee/" class="btn btn-primary"
>Go to Invidious</a
>
</div>
<div class="service col-sm-4">
<h3>Libreddit</h3>
<p>Use Reddit without Reddit tracking you.</p>
<div class="btn-group">
<a href="https://libreddit.private.coffee" class="btn btn-primary"
>Go to Libreddit</a
>
<button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
<span class="visually-hidden">Toggle Dropdown</span>
</button>
<ul
class="dropdown-menu"
x-placement="bottom-start"
style="
position: absolute;
transform: translate3d(80px, 38px, 0px);
top: 0px;
left: 0px;
will-change: transform;
"
>
<a class="dropdown-item" href="https://libreddit.private.coffee"
>Clearnet</a
>
<a
class="dropdown-item"
href="http://libreddit.coffee2m3bjsrrqqycx6ghkxrnejl2q6nl7pjw2j4clchjj6uk5zozad.onion/"
>Tor (.onion)</a
>
</ul>
</div>
</div>
<div class="service col-sm-4">
<h3>Nitter</h3>
<p>Use Twitter without Twitter tracking you.
</a>
</p>
<div class="btn-group">
<a href="https://nitter.private.coffee" class="btn btn-primary"
>Go to Nitter</a
>
<button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
<span class="visually-hidden">Toggle Dropdown</span>
</button>
<ul
class="dropdown-menu"
x-placement="bottom-start"
style="
position: absolute;
transform: translate3d(80px, 38px, 0px);
top: 0px;
left: 0px;
will-change: transform;
"
>
<a class="dropdown-item" href="https://nitter.private.coffee"
>Clearnet</a
>
<a
class="dropdown-item"
href="http://nitter.coffee2m3bjsrrqqycx6ghkxrnejl2q6nl7pjw2j4clchjj6uk5zozad.onion/"
>Tor (.onion)</a
>
</ul>
</div>
</div>
<div class="service col-sm-4">
<h3>Matrix</h3>
<p>
Private.coffee runs a Matrix server. You can use it to chat with
other people at Private.coffee or around the world.
</p>
<a href="https://element.private.coffee/" class="btn btn-primary"
>Go to Element (Matrix client)</a
>
</div>
<div class="service col-sm-4">
<h3>CryptPad</h3>
<p>
CryptPad is a private, encrypted, zero-knowledge, realtime
collaborative editor, similar to Google Docs and Office 365.
</p>
<a href="https://cryptpad.private.coffee/" class="btn btn-primary"
>Go to CryptPad</a
>
</div>
<div class="service col-sm-4">
<h3>Gothub</h3>
<p>
Gothub is an alternative GitHub interface that respects your
privacy. It is currently in alpha, but you can browse and download
repositories, and you can also clone them using git+https
(although the text on the main page would disagree).
</p>
<a href="https://gothub.private.coffee/" class="btn btn-primary"
>Go to Gothub</a
>
</div>
<div class="service col-sm-4">
<h3>AllTube</h3>
<p>
AllTube is a video downloader powered by yt-dlp. It allows you to
download videos from YouTube, Vimeo, and many other sites. You
can also stream the download through our server for extra privacy.
</p>
<a href="https://alltube.private.coffee/" class="btn btn-primary"
>Go to AllTube</a
>
</div>
<div class="service col-sm-4">
<h3>Indestructables</h3>
<p>
Indestructables allows you to browse Instructables without
being tracked. It seems to be in early development, but it works
well enough for some browsing. (N.B.: We forked this project, our
instance does not use the original code.)
</p>
<a href="https://indestructables.private.coffee/" class="btn btn-primary"
>Go to Indestructables</a
>
</div>
<div class="service col-sm-4">
<h3>Hosting</h3>
<p>
Need hosting for your privacy-related, social or wholesome
project? We might be able to share our resources with you for
free!
</p>
<a href="mailto:support@private.coffee" class="btn btn-primary"
>Get in touch!</a
>
</div>
<div class="service col-sm-4">
<h3>More?</h3>
<p>
We are working on more services. If you have any suggestions,
please let us know!
</p>
<a href="mailto:support@private.coffee" class="btn btn-primary"
>Get in touch!</a
>
</div>
</div>
</div>
</section>
<footer class="page-footer font-small bg-dark text-white pt-4">
<div class="container text-center text-md-left">
<div class="row">
<div class="col-md-6 mt-md-0 mt-3">
<h5 class="text-uppercase">Private.coffee</h5>
<p>
Private.coffee is a collection of services that respect your
privacy.
</p>
</div>
<hr class="clearfix w-100 d-md-none pb-3" />
<div class="col-md-3 mb-md-0 mb-3">
<h5 class="text-uppercase">Legalese</h5>
<ul class="list-unstyled">
<li>
<a href="legal.html">Legal Notice</a>
</li>
<li>
<a href="privacy.html">Privacy Policy</a>
</li>
<li>
<a href="terms.html">Terms of Service</a>
</li>
</ul>
</div>
<div class="col-md-3 mb-md-0 mb-3">
<h5 class="text-uppercase">Contact</h5>
<ul class="list-unstyled">
<li><a href="mailto:support@private.coffee">Email</a></li>
<li><a href="https://matrix.private.cf/#/#support:private.coffee">Matrix</a></li>
<li>
<a href="https://kumig.it/privatecoffee/">KumiGit</a> |
<a href="https://github.com/privatecoffee/">GitHub</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>