diff --git a/_sass/_default.scss b/_sass/_default.scss index b883714..2f545d3 100644 --- a/_sass/_default.scss +++ b/_sass/_default.scss @@ -198,6 +198,26 @@ div.crypto-card p { background-color: #4f4f4fff; color: #FFFFFF; } +.tor { + border-radius: 8px; + border: 0px; + color: #4f4f4fff; + background-color: #7D4699; + padding: 16px 32px; + 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; +} +.tor:hover { + background-color: #4f4f4fff; + color: #7D4699; +} .contact-card { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.3); background: #4f4f4fff; diff --git a/app.js b/app.js index b5da69a..6f48d15 100644 --- a/app.js +++ b/app.js @@ -4,10 +4,8 @@ $(function(){ var model = { // renomear dat: [ - ], read_json: function() { - $.ajax({ url: "/cards.json", dataType: 'json', @@ -19,7 +17,6 @@ $(function(){ }); } }); - }, set_data: function(d) { model.dat.push(d); @@ -40,15 +37,12 @@ $(function(){ $filter.push($d[i]); } }); - return $filter; }, init: function() { model.read_json(); } }; - - var octopus = { init: function() { model.init(); @@ -57,13 +51,13 @@ $(function(){ }, create_card: function(d) { $.each(d, function(i){ - view.create_card(d[i].name, d[i].description, d[i].button_text, d[i].link); + view.create_card(d[i].name, d[i].description, d[i].button_text, d[i].link, d[i].tor); }); }, filter_data: function(c) { var d = model.filter_data(c); $.each(d, function(i){ - view.create_card(d[i].name, d[i].description, d[i].button_text, d[i].link); + view.create_card(d[i].name, d[i].description, d[i].button_text, d[i].link, d[i].tor); }); }, recreate_cards: function() { @@ -82,14 +76,11 @@ $(function(){ this.search_field.on('input',function(){ var $conteudo = $(this).val(); view.clean_cards(); - - if($conteudo.length == 0){ octopus.recreate_cards(); }else { octopus.filter_data($conteudo); } - }); }, create_card: function(name, desc, bt_txt, link){ @@ -98,8 +89,6 @@ $(function(){ var $desc = $("

").text(desc); var $button = $("