make some changes to _includes/card.html
This commit is contained in:
parent
4940fd3f50
commit
9a5d8423b2
@ -10,15 +10,21 @@
|
|||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<p><img src="{{include.image}}" alt="{{include.title}}" class="panel-item">{{include.description}}</p>
|
<p><img src="{{include.image}}" alt="{{include.title}}" class="panel-item">{{include.description}}</p>
|
||||||
<div class="card-bottom">
|
<div class="card-bottom">
|
||||||
<p><a class="btn btn-{{include.color}}" href="{{include.url}}">
|
<p>
|
||||||
{% if include.website %}
|
<a class="btn btn-{{include.color}}" href="{{include.url}}">Website:
|
||||||
{{include.website}}
|
{% if include.website %}
|
||||||
{% else %}
|
{{include.website}}
|
||||||
Website: {{ include.url | remove: "https://" | remove: "http://" | remove: "www." | remove: "/" }}
|
{% else %}
|
||||||
|
{{ include.url | remove: "https://" | remove: "http://" | remove: "www." | remove: "/" }}
|
||||||
|
{% endif %}
|
||||||
|
</a>
|
||||||
|
{% if include.tor %}
|
||||||
|
<a data-toggle="tooltip" data-placement="bottom" data-original-title="{{include.tor}}. Requires specific software to access: torproject.org" href="{{include.tor}}"><img alt="Tor" src="img/layout/tor.png" width="35"></a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</a>
|
|
||||||
</p>
|
</p>
|
||||||
<p>{{include.footer}}</p>
|
{% if include.footer %}
|
||||||
|
<p>{{include.footer}}</p>
|
||||||
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -8,7 +8,7 @@
|
|||||||
/* todo */
|
/* todo */
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-success, .card-success .card-header {
|
/* .card-success, .card-success .card-header {
|
||||||
border-color: rgba(40, 167, 69, 0.5) !important;
|
border-color: rgba(40, 167, 69, 0.5) !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -18,7 +18,7 @@
|
|||||||
|
|
||||||
.card-warning, .card-warning .card-header {
|
.card-warning, .card-warning .card-header {
|
||||||
border-color: rgba(255, 193, 7, 0.5) !important;
|
border-color: rgba(255, 193, 7, 0.5) !important;
|
||||||
}
|
} */
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
29
index.html
29
index.html
@ -1582,24 +1582,15 @@ layout: default
|
|||||||
<h1><a href="#filesharing" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> File Sharing</h1>
|
<h1><a href="#filesharing" class="titleanchor"><span class="glyphicon glyphicon-link"></span></a> File Sharing</h1>
|
||||||
</div>
|
</div>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-4">
|
{% include card.html
|
||||||
<div class="panel panel-success">
|
color="success"
|
||||||
<div class="panel-heading">
|
title="OnionShare"
|
||||||
<h3 class="panel-title">OnionShare</h3>
|
image="img/tools/OnionShare.png"
|
||||||
</div>
|
url="https://onionshare.org/"
|
||||||
<div class="panel-body">
|
tor="http://elx57ue5uyfplgva.onion/"
|
||||||
<p><img src="img/tools/OnionShare.png" alt="OnionShare" class="panel-item">OnionShare is an open source tool that lets you securely and anonymously share a file of any size.
|
footer="OS: Windows, macOS, Linux."
|
||||||
It works by starting a web server, making it accessible as a Tor onion service, and generating an unguessable URL to access and download the files. It doesn't require setting up a server on the internet somewhere or using a third party filesharing service. You host the file on your own computer and use a Tor onion service to make it temporarily accessible over the internet.</p>
|
description="OnionShare is an open source tool that lets you securely and anonymously share a file of any size. It works by starting a web server, making it accessible as a Tor onion service, and generating an unguessable URL to access and download the files. It doesn't require setting up a server on the internet somewhere or using a third party filesharing service. You host the file on your own computer and use a Tor onion service to make it temporarily accessible over the internet."
|
||||||
<p>
|
%}
|
||||||
<a class="btn btn-success" href="https://onionshare.org/">
|
|
||||||
Website: onionshare.org
|
|
||||||
</a>
|
|
||||||
<a data-toggle="tooltip" data-placement="bottom" data-original-title="http://elx57ue5uyfplgva.onion/. Requires specific software to access: torproject.org" href="http://elx57ue5uyfplgva.onion/"><img alt="Tor" src="img/layout/tor.png" width="35"></a>
|
|
||||||
</p>
|
|
||||||
<p>OS: Windows, macOS, Linux.</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-4">
|
<div class="col-sm-4">
|
||||||
<div class="panel panel-info">
|
<div class="panel panel-info">
|
||||||
<div class="panel-heading">
|
<div class="panel-heading">
|
||||||
@ -1643,7 +1634,7 @@ layout: default
|
|||||||
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."
|
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/"
|
url="https://nextcloud.com/"
|
||||||
website="Website: nextcloud.com"
|
website="nextcloud.com"
|
||||||
footer="Client OS: Windows, macOS, Linux, BSD, Unix, iOS, Android, Fire OS. Server: Linux."
|
footer="Client OS: Windows, macOS, Linux, BSD, Unix, iOS, Android, Fire OS. Server: Linux."
|
||||||
%}
|
%}
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user