add tor icons
This commit is contained in:
parent
968872175f
commit
a72d7c7093
|
@ -181,7 +181,7 @@ div.crypto-card p {
|
||||||
.button {
|
.button {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
border: 0px;
|
border: 0px;
|
||||||
color: #4f4f4fff;
|
color: #4f4f4f;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
padding: 16px 32px;
|
padding: 16px 32px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -195,28 +195,29 @@ div.crypto-card p {
|
||||||
border: 2px solid #fff;
|
border: 2px solid #fff;
|
||||||
}
|
}
|
||||||
.button:hover {
|
.button:hover {
|
||||||
background-color: #4f4f4fff;
|
background-color: #4f4f4f;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
}
|
}
|
||||||
.tor {
|
.tor {
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
border: 0px;
|
border: 0px;
|
||||||
color: #4f4f4fff;
|
color: #fff;
|
||||||
background-color: #7D4699;
|
background-color: #7D4699;
|
||||||
padding: 16px 32px;
|
padding: 16px 16px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
margin: 4px 2px;
|
|
||||||
-webkit-transition-duration: 0.4s;
|
-webkit-transition-duration: 0.4s;
|
||||||
transition-duration: 0.4s;
|
transition-duration: 0.4s;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
border: 2px solid #7D4699;
|
border: 2px solid #7D4699;
|
||||||
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
.tor:hover {
|
.tor:hover {
|
||||||
background-color: #4f4f4fff;
|
background-color: #4f4f4f;
|
||||||
color: #7D4699;
|
color: #fff;
|
||||||
|
border: 2px solid #fff;
|
||||||
}
|
}
|
||||||
.contact-card {
|
.contact-card {
|
||||||
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
|
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3);
|
||||||
|
|
7
app.js
7
app.js
|
@ -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 $card = $("<div>").addClass("card");
|
||||||
var $h1 = $("<h1>").text(name);
|
var $h1 = $("<h1>").text(name);
|
||||||
var $desc = $("<p>").text(desc);
|
var $desc = $("<p>").text(desc);
|
||||||
var $button = $("<button>").addClass("button").text(bt_txt);
|
var $button = $("<button>").addClass("button").text(bt_txt);
|
||||||
|
var $icon = $("<button>").addClass("tor").text("Tor");
|
||||||
var $a = $("<a>").attr("href", link);
|
var $a = $("<a>").attr("href", link);
|
||||||
|
var $tor = $("<a>").attr("href", tor);
|
||||||
$a.append($button);
|
$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);
|
this.container.append($card);
|
||||||
},
|
},
|
||||||
clean_cards: function() {
|
clean_cards: function() {
|
||||||
|
|
Loading…
Reference in New Issue