mirror of
https://github.com/privacyguides/privacyguides.org.git
synced 2025-10-31 19:46:34 +00:00
some work on the cards
This commit is contained in:
Samuel Shifterovich
@@ -20,8 +20,8 @@ baseurl: "" # the subpath of your site, e.g. /blog
|
|||||||
url: "" # the base hostname & protocol for your site, e.g. http://example.com
|
url: "" # the base hostname & protocol for your site, e.g. http://example.com
|
||||||
|
|
||||||
# Build settings
|
# Build settings
|
||||||
markdown: kramdown
|
# markdown: kramdown
|
||||||
theme: minima
|
# theme: minima
|
||||||
# plugins:
|
# plugins:
|
||||||
# - jekyll-feed
|
# - jekyll-feed
|
||||||
|
|
||||||
|
|||||||
@@ -1,14 +1,25 @@
|
|||||||
<div class="card">
|
<div class="col-xl-4 col-lg-6 col-md-12 mb-2">
|
||||||
<div class="card-header card-{{include.color}}">
|
<div class="card card-{{include.color}}">
|
||||||
<h3 class="card-title">{{include.title}}</h3>
|
{% if include.color == "warning" %}
|
||||||
</div>
|
<div class="card-header text-dark bg-{{include.color}}">
|
||||||
<div class="card-body">
|
{% else %}
|
||||||
<p><img src="{{include.image}}" alt="Nextcloud" class="panel-item">{{include.description}}</p>
|
<div class="card-header text-white bg-{{include.color}}">
|
||||||
<p>
|
{% endif %}
|
||||||
<a class="btn btn-{{include.color}}" href="{{include.url}}">
|
<h3 class="h5">{{include.title}}</h3>
|
||||||
{{include.website}}
|
</div>
|
||||||
</a>
|
<div class="card-body">
|
||||||
</p>
|
<p><img src="{{include.image}}" alt="{{include.title}}" class="panel-item">{{include.description}}</p>
|
||||||
<p>{{include.footer}}</p>
|
<div class="card-bottom">
|
||||||
|
<p><a class="btn btn-{{include.color}}" href="{{include.url}}">
|
||||||
|
{% if include.website %}
|
||||||
|
{{include.website}}
|
||||||
|
{% else %}
|
||||||
|
Website: {{ include.url | remove: "https://" | remove: "http://" | remove: "www." | remove: "/" }}
|
||||||
|
{% endif %}
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
<p>{{include.footer}}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -8,7 +8,7 @@
|
|||||||
<!-- tags for Search Engine Optimization -->
|
<!-- tags for Search Engine Optimization -->
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta name="keywords" content="privacy, anonymity, privacy tools, surveillance, encryption, edward snowden, nsa, tor">
|
<meta name="keywords" content="privacy, anonymity, privacy tools, surveillance, encryption, edward snowden, nsa, tor">
|
||||||
<meta name="description" content="{{ site.description }}">
|
<meta name="description" content="{{ site.description }}">
|
||||||
|
|
||||||
@@ -66,6 +66,13 @@
|
|||||||
<meta property="og:locale" content="en_US" />
|
<meta property="og:locale" content="en_US" />
|
||||||
<meta property="og:site_name" content="privacytools.io" />
|
<meta property="og:site_name" content="privacytools.io" />
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function extractDomain(data) {
|
||||||
|
var a = document.createElement('a');
|
||||||
|
a.href = data;
|
||||||
|
return a.hostname;
|
||||||
|
}
|
||||||
|
</script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|||||||
@@ -1,7 +1,23 @@
|
|||||||
/* BS4 */
|
/* BS4 */
|
||||||
|
|
||||||
.card-success {
|
.card {
|
||||||
background-color: rgba(40, 167, 69, 0.5)!important;
|
box-shadow: 0 3px 10px 0 rgba(150,150,150,0.2) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-bottom {
|
||||||
|
/* todo */
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-success, .card-success .card-header {
|
||||||
|
border-color: rgba(40, 167, 69, 0.5) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-primary, .card-primary .card-header {
|
||||||
|
border-color: rgba(0, 123, 255, 0.5) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-warning, .card-warning .card-header {
|
||||||
|
border-color: rgba(255, 193, 7, 0.5) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
67
index.html
67
index.html
@@ -1634,46 +1634,39 @@ layout: default
|
|||||||
<strong>If you are currently using Cloud Storage Services like Dropbox, Google Drive, Microsoft OneDrive or Apple iCloud you should pick an alternative here.</strong>
|
<strong>If you are currently using Cloud Storage Services like Dropbox, Google Drive, Microsoft OneDrive or Apple iCloud you should pick an alternative here.</strong>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row mb-4">
|
||||||
|
|
||||||
<div class="col-sm-4">
|
{% include card.html color="success"
|
||||||
{% include card.html color="success" title="Nextcloud - Choose your hoster" image="img/provider/Nextcloud.png" description="Similar functionally to the widely used Dropbox, with the difference being that Nextcloud is free and open-source, and thereby allowing anyone to install and operate it without charge on a private server, with no limits on storage space or the number of connected clients." url="https://nextcloud.com/" website="Website: nextcloud.com" footer="Client OS: Windows, macOS, Linux, BSD, Unix, iOS, Android, Fire OS. Server: Linux." %}
|
title="Nextcloud - Choose your hoster"
|
||||||
</div>
|
image="img/provider/Nextcloud.png"
|
||||||
|
|
||||||
|
description="Similar functionally to the widely used Dropbox, with the difference being that Nextcloud is free and open-source, and thereby allowing anyone to install and operate it without charge on a private server, with no limits on storage space or the number of connected clients."
|
||||||
|
|
||||||
|
url="https://nextcloud.com/"
|
||||||
|
website="Website: nextcloud.com"
|
||||||
|
footer="Client OS: Windows, macOS, Linux, BSD, Unix, iOS, Android, Fire OS. Server: Linux." %}
|
||||||
|
|
||||||
<div class="col-sm-4">
|
|
||||||
<div class="panel panel-info">
|
|
||||||
<div class="panel-heading">
|
|
||||||
<h3 class="panel-title">Least Authority S4 - For Experts</h3>
|
|
||||||
</div>
|
|
||||||
<div class="panel-body">
|
|
||||||
<p><img src="img/provider/S4.jpg" alt="S4" class="panel-item">S4 (Simple Secure Storage Service) is Least Authority's verifiably secure off-site backup system for individuals and businesses. 100% client-side encryption and open
|
|
||||||
source transparency. 250GB for $9.95/month or 5TB for $25.95/month. Servers are hosted with Amazon S3 in the US.</p>
|
|
||||||
<p>
|
|
||||||
<a class="btn btn-info" href="https://leastauthority.com/">
|
|
||||||
Website: leastauthority.com
|
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
<p>OS: <a href="https://tahoe-lafs.org/trac/tahoe-lafs/wiki/Installation">Linux</a>, <a href="https://tahoe-lafs.org/trac/tahoe-lafs/browser/trunk/docs/quickstart.rst"> Windows, macOS, OpenSolaris, BSD.</a> (Installation for advanced users)</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-sm-4">
|
|
||||||
<div class="panel panel-warning">
|
{% include card.html color="primary"
|
||||||
<div class="panel-heading">
|
title="Least Authority S4 - For Experts"
|
||||||
<h3 class="panel-title">Muonium</h3>
|
image="img/provider/S4.jpg"
|
||||||
</div>
|
|
||||||
<div class="panel-body">
|
description="S4 (Simple Secure Storage Service) is Least Authority's verifiably secure off-site backup system for individuals and businesses. 100% client-side encryption and open source transparency. 250GB for $9.95/month or 5TB for $25.95/month. Servers are hosted with Amazon S3 in the US."
|
||||||
<p><img src="img/provider/Muonium.jpg" alt="Muonium" class="panel-item">Free encrypted cloud storage for your files.</p>
|
|
||||||
<p>
|
url="https://leastauthority.com/"
|
||||||
<a class="btn btn-warning" href="https://muonium.io/">
|
footer='OS: <a href="https://tahoe-lafs.org/trac/tahoe-lafs/wiki/Installation">Linux</a>, <a href="https://tahoe-lafs.org/trac/tahoe-lafs/browser/trunk/docs/quickstart.rst"> Windows, macOS, OpenSolaris, BSD.</a> (Installation for advanced users)'
|
||||||
Website: muonium.io
|
%}
|
||||||
</a>
|
|
||||||
</p>
|
|
||||||
<p>Client: Webclient. Server: Linux</p>
|
|
||||||
</div>
|
{% include card.html color="warning"
|
||||||
</div>
|
title="Muonium"
|
||||||
</div>
|
image="img/provider/Muonium.jpg"
|
||||||
|
description="Free encrypted cloud storage for your files."
|
||||||
|
url="https://muonium.io/"
|
||||||
|
footer="Client: Webclient. Server: Linux"
|
||||||
|
%}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user