First draft of the website
This commit is contained in:
commit
1ffd81b1ad
GPG key ID:
ECBCC9082395383F
11 changed files with 289 additions and 0 deletions
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