First draft of the website
This commit is contained in:
commit
1ffd81b1ad
48
assets/css/base.css
Normal file
48
assets/css/base.css
Normal file
|
@ -0,0 +1,48 @@
|
||||||
|
/* This file was developed as part of the Private.coffee project
|
||||||
|
It is licensed under the MIT license
|
||||||
|
See https://private.coffee for more information */
|
||||||
|
|
||||||
|
/* Make sure links in the footer are white */
|
||||||
|
footer a {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Give service boxes a bottom margin
|
||||||
|
Still working on a border style that I like */
|
||||||
|
.service {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
|
||||||
|
/* border-radius: 5px;
|
||||||
|
border-width: 1px;
|
||||||
|
border-color: #000;
|
||||||
|
border-style: solid; */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Limit size of navbar logo and invert it */
|
||||||
|
.navbar-brand-img {
|
||||||
|
max-height: 50px;
|
||||||
|
filter: invert(50%);
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Add a top/bottom padding to the content section */
|
||||||
|
#content {
|
||||||
|
padding-top: 20px;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Display a trans pride flag as background of the content area
|
||||||
|
Why? To trigger the people who'd ask, that's why. */
|
||||||
|
#content {
|
||||||
|
background: linear-gradient(
|
||||||
|
0,
|
||||||
|
rgba(91, 206, 250, 0.1) 20%,
|
||||||
|
rgba(245, 169, 184, 0.1) 20%,
|
||||||
|
40%,
|
||||||
|
#ffffff 40%,
|
||||||
|
60%,
|
||||||
|
rgba(245, 169, 184, 0.1) 60%,
|
||||||
|
80%,
|
||||||
|
rgba(91, 206, 250, 0.1) 80%
|
||||||
|
);
|
||||||
|
}
|
51
assets/img/logo.svg
Normal file
51
assets/img/logo.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 14 KiB |
34
assets/js/services.js
Normal file
34
assets/js/services.js
Normal file
|
@ -0,0 +1,34 @@
|
||||||
|
/* This file was developed as part of the Private.coffee project
|
||||||
|
It is licensed under the MIT license
|
||||||
|
See https://private.coffee for more information */
|
||||||
|
|
||||||
|
// Read the available services from a JSON file in the base directory and add them to the displayed services as in index.html
|
||||||
|
// This function is not currently used by the site, but is included for reference
|
||||||
|
|
||||||
|
function loadServices() {
|
||||||
|
$("#services").html("");
|
||||||
|
$.getJSON("services.json", function (data) {
|
||||||
|
$.each(data.services, function (i, service) {
|
||||||
|
var serviceHTML =
|
||||||
|
'<div class="col-sm-4 service"><h3>' +
|
||||||
|
service.name +
|
||||||
|
"</h3><p>" +
|
||||||
|
service.description +
|
||||||
|
'</p><p><a href="' +
|
||||||
|
service.url +
|
||||||
|
'" target="_blank" class="btn btn-primary">Go to ' +
|
||||||
|
service.name +
|
||||||
|
"</a></p>";
|
||||||
|
if (service.onion) {
|
||||||
|
serviceHTML +=
|
||||||
|
'<p><a href="' +
|
||||||
|
service.onion +
|
||||||
|
'" target="_blank" class="btn btn-secondary">' +
|
||||||
|
service.onion +
|
||||||
|
"</a></p>";
|
||||||
|
}
|
||||||
|
serviceHTML += "</div>";
|
||||||
|
$("#services").append(serviceHTML);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
7
dist/css/bootstrap.min.css
vendored
Normal file
7
dist/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
7
dist/js/bootstrap.min.js
vendored
Normal file
7
dist/js/bootstrap.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
2
dist/js/jquery.min.js
vendored
Normal file
2
dist/js/jquery.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
5
dist/js/popper.min.js
vendored
Normal file
5
dist/js/popper.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
105
index.html
Normal file
105
index.html
Normal file
|
@ -0,0 +1,105 @@
|
||||||
|
<!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/popper.min.js"></script>
|
||||||
|
<script src="dist/js/bootstrap.min.js"></script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
|
||||||
|
<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">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="/legal.html">Legal Notice</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="/privacy.html">Privacy Policy</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" href="/terms.html">Terms of Service</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</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.</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>Nitter</h3>
|
||||||
|
<p>Use Twitter without Twitter tracking you.</p>
|
||||||
|
<a href="https://nitter.private.coffee/" class="btn btn-primary"
|
||||||
|
>Go to Nitter</a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<footer class="page-footer font-small bg-dark text-white pt-4">
|
||||||
|
<div class="container-fluid 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="matrix:@support:private.coffee">Matrix</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
8
legal.html
Normal file
8
legal.html
Normal file
|
@ -0,0 +1,8 @@
|
||||||
|
<!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>
|
||||||
|
<!-- Based on index.html - a site containing the "Impressum" -->
|
||||||
|
</html>
|
8
privacy.html
Normal file
8
privacy.html
Normal file
|
@ -0,0 +1,8 @@
|
||||||
|
<!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>
|
||||||
|
<!-- Based on index.html - a site containing our privacy policy (-ies?) -->
|
||||||
|
</html>
|
14
services.json
Normal file
14
services.json
Normal file
|
@ -0,0 +1,14 @@
|
||||||
|
{
|
||||||
|
"services": [
|
||||||
|
{
|
||||||
|
"name": "Invidious",
|
||||||
|
"url": "https://invidious.private.coffee",
|
||||||
|
"description": "Watch YouTube videos without Google tracking you."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "Nitter",
|
||||||
|
"url": "https://nitter.private.coffee",
|
||||||
|
"description": "Use Twitter without Twitter tracking you."
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
Loading…
Reference in a new issue