add tor icons

Amolith created 6 years ago

Change summary

_sass/_default.scss | 15 ++++++++-------
app.js              |  7 +++++--
2 files changed, 13 insertions(+), 9 deletions(-)

Detailed changes

_sass/_default.scss

@@ -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);

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