add tor icons

This commit is contained in:
Amolith 2019-03-19 20:05:00 -04:00
parent 968872175f
commit a72d7c7093
Signed by: Amolith
GPG Key ID: 51FD40936DB0065B
2 changed files with 13 additions and 9 deletions

View File

@ -181,7 +181,7 @@ div.crypto-card p {
.button {
border-radius: 8px;
border: 0px;
color: #4f4f4fff;
color: #4f4f4f;
background-color: white;
padding: 16px 32px;
text-align: center;
@ -195,28 +195,29 @@ div.crypto-card p {
border: 2px solid #fff;
}
.button:hover {
background-color: #4f4f4fff;
background-color: #4f4f4f;
color: #FFFFFF;
}
.tor {
border-radius: 8px;
border: 0px;
color: #4f4f4fff;
color: #fff;
background-color: #7D4699;
padding: 16px 32px;
padding: 16px 16px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
cursor: pointer;
border: 2px solid #7D4699;
margin-left: 10px;
}
.tor:hover {
background-color: #4f4f4fff;
color: #7D4699;
background-color: #4f4f4f;
color: #fff;
border: 2px solid #fff;
}
.contact-card {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);

7
app.js
View File

@ -83,14 +83,17 @@ $(function(){
}
});
},
create_card: function(name, desc, bt_txt, link){
create_card: function(name, desc, bt_txt, link, tor){
var $card = $("<div>").addClass("card");
var $h1 = $("<h1>").text(name);
var $desc = $("<p>").text(desc);
var $button = $("<button>").addClass("button").text(bt_txt);
var $icon = $("<button>").addClass("tor").text("Tor");
var $a = $("<a>").attr("href", link);
var $tor = $("<a>").attr("href", tor);
$a.append($button);
$card.append($h1).append($desc).append($a);
$tor.append($icon);
$card.append($h1).append($desc).append($a).append($tor);
this.container.append($card);
},
clean_cards: function() {