privatecoffee-website/index.html
Kumi d159175915
Updated asset URLs to absolute paths
Switched all asset references to absolute URLs to ensure consistent resource loading, especially when the website is accessed from different subpaths. This change resolves the issue with relative paths causing resources to fail to load on pages outside of the root directory. It enhances reliability and user experience across the site.
2023-12-26 18:49:05 +01:00

361 lines
13 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="https://private.coffee/assets/img/logo-inv.svg" />
<link rel="stylesheet" href="https://private.coffee/assets/css/base.css" />
<link rel="stylesheet" href="https://private.coffee/dist/css/bootstrap.min.css" />
<script src="https://private.coffee/dist/js/jquery.min.js"></script>
<script src="https://private.coffee/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="https://private.coffee/assets/img/logo-inv.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>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>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>Mastodon</h3>
<p>
Mastodon is a decentralized social network. You can use it to
follow people, post messages, and more. Private.coffee hosts two
Mastodon instances: skrt.social and cuddly.space
</p>
<a href="https://skrt.social/" class="btn btn-primary"
>Go to skrt.social</a
>
<a href="https://cuddly.space/" class="btn btn-primary"
>Go to cuddly.space</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. (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>NocoDB</h3>
<p>
NocoDB is an open-source tool that turns any database into a smart
spreadsheet similar to Airtable. It provides an interface to
perform CRUD operations and to build intuitive dashboards. (Note:
If you are unable to create tables upon registration, simply wait
a minute or two, log out and then log in again.)
</p>
<a href="https://nocodb.private.coffee/" class="btn btn-primary"
>Go to NocoDB</a
>
</div>
<div class="service col-sm-4">
<h3>Penpot</h3>
<p>
Penpot is an open-source design and prototyping platform meant for
cross-domain teams. Non-dependent on operating systems, Penpot is
web-based and works with open web standards (SVG).
</p>
<a href="https://penpot.private.coffee/" class="btn btn-primary"
>Go to Penpot</a
>
</div>
<div class="service col-sm-4">
<h3>YOURLS</h3>
<p>
Use our URL shortener at private.cf to turn long, complicated URLs
into something more handy.
</p>
<a href="https://private.cf/" class="btn btn-primary"
>Go to private.cf</a
>
</div>
<div class="service col-sm-4">
<h3>Rallly</h3>
<p>
Rallly is a free collaborative scheduling service. It allows you
to create polls and vote on them, similar to Doodle.
</p>
<a href="https://rallly.private.coffee/" class="btn btn-primary"
>Go to Rallly</a
>
</div>
<div class="service col-sm-4">
<h3>LibreY</h3>
<p>
LibreY is an open-source, privacy-friendly metasearch engine. It
allows you to search for web, image, video, torrents, and more,
and it can also search onion sites.
</p>
<a href="https://librey.private.coffee/" class="btn btn-primary"
>Go to LibreY</a
>
</div>
<div class="service col-sm-4">
<h3>Overleaf</h3>
<p>
Overleaf is a collaborative LaTeX editor. It allows you to write
LaTeX documents in your browser and share them with others.
</p>
<a href="https://overleaf.private.coffee/" class="btn btn-primary"
>Go to Overleaf</a
>
</div>
<div class="service col-sm-4">
<h3>Libreddit</h3>
<p>
Use Reddit without Reddit tracking you. Currently unstable due to
API changes introduced by Reddit...
</p>
<div class="btn-group">
<a href="https://libreddit.private.coffee" class="btn btn-danger"
>Go to Libreddit</a
>
<button
type="button"
class="btn btn-danger 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. Currently broken because
Elon.
</p>
<div class="btn-group">
<a href="https://nitter.private.coffee" class="btn btn-danger"
>Go to Nitter</a
>
<button
type="button"
class="btn btn-danger 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>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="https://private.coffee/legal.html">Legal Notice</a>
</li>
<li>
<a href="https://private.coffee/privacy.html">Privacy Policy</a>
</li>
<li>
<a href="https://private.coffee/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>