NixNet
/
NixNet
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
_sass/_default.scss
View File

@ -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
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 $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() {