Skip to content

Commit e1b8537

Browse files
kikiriko200kikiriko200
committed
・Linksからリンク切れのサイトの削除
・Explorerが複数Linksにあったものを整理 ・Blockbookの追加 ・それに伴うCSSへのクラス追加
1 parent a79b75e commit e1b8537

File tree

3 files changed

+147
-161
lines changed

3 files changed

+147
-161
lines changed

‎css/utility.css

+40
Original file line numberDiff line numberDiff line change
@@ -394,6 +394,46 @@ u-nav-list ul li a,
394394
margin: 1px 0 1px;
395395
}
396396

397+
.u-insight-label:hover{
398+
opacity: 0.6;
399+
transition-duration: 0.2s;
400+
cursor: pointer;
401+
}
402+
403+
.insight-modal{
404+
display: none;
405+
position: fixed;
406+
top: 0;
407+
text-align: center;
408+
width: 100vw;
409+
height: 100vh;
410+
z-index: 12;
411+
background: rgba(15,15,15,.6);
412+
}
413+
414+
.u-insight-modal-body{
415+
margin: auto 0;
416+
position: relative;
417+
top: 50px;
418+
width: 90%;
419+
text-align: center;
420+
}
421+
422+
.u-insight-list{
423+
list-style: decimal;
424+
list-style-position: inside;
425+
padding: 10px;
426+
}
427+
428+
.u-insight-list-item{
429+
padding: 10px;
430+
border-bottom: 1px solid white;
431+
}
432+
433+
.u-insight-modal-btn{
434+
padding: 10px;
435+
border: none;
436+
}
397437

398438

399439
.u-scrollbar {

‎en.html

+53-80
Original file line numberDiff line numberDiff line change
@@ -79,7 +79,21 @@
7979
});
8080
});
8181

82-
$('#js-table_disp').csv2table('hashrate.csv');
82+
$('#insight-modal-switch').click(function(){
83+
$('#insight-modal').fadeIn(200);
84+
});
85+
$(document).on('keydown',function (e) {
86+
if(e.keyCode === 27) { // ESC
87+
$('#insight-modal').fadeOut(200);
88+
}
89+
});
90+
$('.u-insight-modal-btn').click(function(){
91+
$('#insight-modal').fadeOut(200);
92+
})
93+
$('.insight-twitter').click(function(){
94+
var twitter = $(this).data('twitter-id');
95+
window.open('https://twitter.com/' + twitter);
96+
})
8397
});
8498

8599
$(window).scroll(function(e) {
@@ -278,18 +292,6 @@ <h2 class="l-text_center u-m16">Links</h2>
278292
</div>
279293
<div class="l-flex_justify_center l-flex_wrap o-w100per u-pb100">
280294
<div class="l-flex_justify_center l-flex_wrap o-w1k u-p16 u-font_sans">
281-
<div class="o-w33per o-link_h u-mb30">
282-
<div class="l-flex_direction_center l-flex_justify_sb l-text_center o-h100per u-m16 u-bg_gray u-font_gray">
283-
<div class="u-p16 u-pb0">
284-
<h3>BitZeny Forums</h3>
285-
<a href="https://twitter.com/MCPE_Yossi1114" class="u-m8 u-color1 u-iconize-round u-font_white u-font_bold u-font_small" target="_blank"><i class="fa fa-twitter twitter u-plr4" aria-hidden="true"></i>Manager</a>
286-
<p class="u-font_small u-pt14">Community forum for discuss a lot of things about BitZeny Mainly discussed Web service, exchanges, wallet and specification of coin.</p>
287-
</div>
288-
<div class="u-p16 u-pt0">
289-
<a class="o-w100per u-color2 u-iconize-square u-font_small u-font_bold u-font_white" href="https://bitzeny.info/" target="_blank">BitZeny Forums</a>
290-
</div>
291-
</div>
292-
</div>
293295
<div class="o-w33per o-link_h u-mb30">
294296
<div class="l-flex_direction_center l-flex_justify_sb l-text_center o-h100per u-m16 u-bg_gray u-font_gray">
295297
<div class="u-p16 u-pb0">
@@ -300,16 +302,6 @@ <h3>BitZeny Wiki</h3> <a href="#" class="u-m8 u-color1 u-iconize-round u-font_wh
300302
<a class="o-w100per u-color2 u-iconize-square u-font_small u-font_bold u-font_white" href="https://bitzeny.wiki.fc2.com/" target="_blank">BitZeny Wiki</a></div>
301303
</div>
302304
</div>
303-
<div class="o-w33per o-link_h u-mb30">
304-
<div class="l-flex_direction_center l-flex_justify_sb l-text_center o-h100per u-m16 u-bg_gray u-font_gray">
305-
<div class="u-p16 u-pb0">
306-
<h3>BitZeny Portal</h3> <a href="https://twitter.com/saboriotoko" class="u-m8 u-color1 u-iconize-round u-font_white u-font_bold u-font_small" target="_blank"><i class="fa fa-twitter twitter u-plr4" aria-hidden="true"></i>Manager</a>
307-
<p class="u-font_small u-pt14">This provides information on BitZeny related services and event information, introduction method for beginners, aiming at a site that understands everything at a glance.</p>
308-
</div>
309-
<div class="u-p16 u-pt0">
310-
<a class="o-w100per u-color2 u-iconize-square u-font_small u-font_bold u-font_white" href="https://bitzenyportal.biz/" target="_blank">BitZeny Portal</a></div>
311-
</div>
312-
</div>
313305
<div class="o-w33per o-link_h u-mb30">
314306
<div class="l-flex_direction_center l-flex_justify_sb l-text_center o-h100per u-m16 u-bg_gray u-font_gray">
315307
<div class="u-p16 u-pb0">
@@ -344,64 +336,11 @@ <h3>CryptoBridge</h3> <a href="https://twitter.com/cryptobridge" class="u-m8 u-c
344336
<div class="o-w33per o-link_h u-mb30">
345337
<div class="l-flex_direction_center l-flex_justify_sb l-text_center o-h100per u-m16 u-bg_gray u-font_gray">
346338
<div class="u-p16 u-pb0">
347-
<h3>Cryptopia</h3> <a href="https://twitter.com/Cryptopia_NZ" class="u-m8 u-color1 u-iconize-round u-font_white u-font_bold u-font_small" target="_blank"><i class="fa fa-twitter twitter u-plr4" aria-hidden="true"></i>Manager</a>
348-
<p class="u-font_small u-pt14">An Exchange in New Zealand.You can buy BitZeny by BTC and LTC,DOGE.</p>
349-
</div>
350-
<div class="u-p16 u-pt0"><a class="o-w100per u-color2 u-iconize-square u-font_small u-font_bold u-font_white" href="https://www.cryptopia.co.nz" target="_blank">Cryptopia</a>
351-
</div>
352-
</div>
353-
</div>
354-
<div class="o-w33per o-link_h u-mb30">
355-
<div class="l-flex_direction_center l-flex_justify_sb l-text_center o-h100per u-m16 u-bg_gray u-font_gray">
356-
<div class="u-p16 u-pb0">
357-
<h3>BitZeny Block Explorer</h3> <a href="https://twitter.com/namuyan_mine" class="u-m8 u-color1 u-iconize-round u-font_white u-font_bold u-font_small" target="_blank"><i class="fa fa-twitter twitter u-plr4" aria-hidden="true"></i>Manager</a>
358-
<p class="u-font_small u-pt14">By put BitZeny's wallet address or transaction ID, you can check deposit of wallet and history of transfer. And you can also check detail of founded block.</p>
359-
</div>
360-
<div class="u-p16 u-pt0"><a class="o-w100per u-color2 u-iconize-square u-font_small u-font_bold u-font_white" href="http://namuyan.dip.jp/MultiLightBlockExplorer/index.php?page=selectcoin&coin=zeny" target="_blank">namuyan.dip.jp MultiLightBlockExplorer</a>
361-
</div>
362-
</div>
363-
</div>
364-
<div class="o-w33per o-link_h u-mb30">
365-
<div class="l-flex_direction_center l-flex_justify_sb l-text_center o-h100per u-m16 u-bg_gray u-font_gray">
366-
<div class="u-p16 u-pb0">
367-
<h3>BitZeny insight</h3> <a href="#" class="u-m8 u-color1 u-iconize-round u-font_white u-font_bold u-font_small" target="_blank"><i class="fa fa-twitter twitter u-plr4" aria-hidden="true"></i>Manager</a>
368-
<p class="u-font_small u-pt14">By put BitZeny's wallet address or transaction ID, you can check deposit of wallet and history of transfer. And you can also check detail of founded block.</p>
369-
</div>
370-
<div class="u-p16 u-pt0">
371-
<a class="o-w100per u-color2 u-iconize-square u-font_small u-font_bold u-font_white" href="https://zenyinsight.tomotomo9696.xyz/" target="_blank">zenyinsight.tomotomo9696.xyz</a>
372-
</div>
373-
</div>
374-
</div>
375-
<div class="o-w33per o-link_h u-mb30">
376-
<div class="l-flex_direction_center l-flex_justify_sb l-text_center o-h100per u-m16 u-bg_gray u-font_gray">
377-
<div class="u-p16 u-pb0">
378-
<h3>BitZeny insight</h3> <a href="#" class="u-m8 u-color1 u-iconize-round u-font_white u-font_bold u-font_small" target="_blank"><i class="fa fa-twitter twitter u-plr4" aria-hidden="true"></i>Manager</a>
379-
<p class="u-font_small u-pt14">By put BitZeny's wallet address or transaction ID, you can check deposit of wallet and history of transfer. And you can also check detail of founded block.</p>
380-
</div>
381-
<div class="u-p16 u-pt0">
382-
<a class="o-w100per u-color2 u-iconize-square u-font_small u-font_bold u-font_white" href="https://insight.bitzeny.jp/" target="_blank">insight.bitzeny.jp</a>
383-
</div>
384-
</div>
385-
</div>
386-
<div class="o-w33per o-link_h u-mb30">
387-
<div class="l-flex_direction_center l-flex_justify_sb l-text_center o-h100per u-m16 u-bg_gray u-font_gray">
388-
<div class="u-p16 u-pb0">
389-
<h3>BitZeny insight</h3> <a href="#" class="u-m8 u-color1 u-iconize-round u-font_white u-font_bold u-font_small" target="_blank"><i class="fa fa-twitter twitter u-plr4" aria-hidden="true"></i>Manager</a>
390-
<p class="u-font_small u-pt14">By put BitZeny's wallet address or transaction ID, you can check deposit of wallet and history of transfer. And you can also check detail of founded block.</p>
391-
</div>
392-
<div class="u-p16 u-pt0">
393-
<a class="o-w100per u-color2 u-iconize-square u-font_small u-font_bold u-font_white" href="https://zeny.insight.monaco-ex.org/" target="_blank">zeny.insight.monaco-ex.org</a>
394-
</div>
395-
</div>
396-
</div>
397-
<div class="o-w33per o-link_h u-mb30">
398-
<div class="l-flex_direction_center l-flex_justify_sb l-text_center o-h100per u-m16 u-bg_gray u-font_gray">
399-
<div class="u-p16 u-pb0">
400-
<h3>BitZeny insight</h3> <a href="#" class="u-m8 u-color1 u-iconize-round u-font_white u-font_bold u-font_small" target="_blank"><i class="fa fa-twitter twitter u-plr4" aria-hidden="true"></i>Manager</a>
339+
<h3>BitZeny Explorer</h3> <a href="#" class="u-m8 u-color1 u-iconize-round u-font_white u-font_bold u-font_small" target="_blank"><i class="fa fa-twitter twitter u-plr4" aria-hidden="true"></i>Manager</a>
401340
<p class="u-font_small u-pt14">By put BitZeny's wallet address or transaction ID, you can check deposit of wallet and history of transfer. And you can also check detail of founded block.</p>
402341
</div>
403342
<div class="u-p16 u-pt0">
404-
<a class="o-w100per u-color2 u-iconize-square u-font_small u-font_bold u-font_white" href="https://insight.bitzeny.pw/" target="_blank">insight.bitzeny.pw</a>
343+
<label class="o-w100per u-color2 u-iconize-square u-font_small u-font_bold u-font_white u-insight-label" for="insight-modal-switch">Explorer Links</label>
405344
</div>
406345
</div>
407346
</div>
@@ -415,8 +354,6 @@ <h3>BitZeny Online Wallet</h3> <a href="https://twitter.com/zenywallet" class="u
415354
</div>
416355
</div>
417356
</div>
418-
<div class="o-w33per"></div>
419-
<div class="o-w33per"></div>
420357
</div>
421358
</div>
422359
</div>
@@ -433,6 +370,42 @@ <h3>BitZeny Online Wallet</h3> <a href="https://twitter.com/zenywallet" class="u
433370
<p class="l-text_center o-w100per u-pb160 u-font_small">Copyright © 2018 BitZeny Project. All Rights Reserved.</p>
434371
</footer>
435372
</main>
373+
<div id="insight-modal" class="insight-modal">
374+
<input type="checkbox" id="insight-modal-switch">
375+
<div class="u-insight-modal-body o-w1k" style="margin: auto;">
376+
<div class="u-insight-modal-header">
377+
<div class="u-insight-modal-header-inner">
378+
<h2>BitZenyExplorer Links</h2>
379+
</div>
380+
</div>
381+
<div class="u-insight-modal-content">
382+
<ul class="u-insight-list">
383+
<li class="u-insight-list-item">
384+
<a href="http://namuyan.dip.jp/MultiLightBlockExplorer/index.php?page=selectcoin&coin=zeny target="_new">namuyan.dip.jp</a> -
385+
<a class="fa fa-twitter insight-twitter" aria-hidden="true" data-twitter-id="namuyan_mine" href="#"></a>
386+
</li>
387+
<li class="u-insight-list-item">
388+
<a href="https://zenyinsight.tomotomo9696.xyz/" target="_new">zenyinsight.tomotomo9696.xyz</a> -
389+
<a class="fa fa-twitter insight-twitter" aria-hidden="true" data-twitter-id="tomotomo_9696" href="#"></a>
390+
</li>
391+
<li class="u-insight-list-item">
392+
<a href="https://insight.bitzeny.jp/" target="_new">insight.bitzeny.jp</a> -
393+
<a class="fa fa-twitter insight-twitter" aria-hidden="true" data-twitter-id="zenywallet" href="#"></a>
394+
</li>
395+
<li class="u-insight-list-item">
396+
<a href="https://zeny.insight.monaco-ex.org/" target="_new">zeny.insight.monaco-ex.org</a>
397+
</li>
398+
<li class="u-insight-list-item">
399+
<a href="https://zny.blockbook.ovh/" target="_blank">zny.blockbook.ovh</a> -
400+
<a class="fa fa-twitter insight-twitter" aria-hidden="true" data-twitter-id="uesitananame55" href="#"></a>
401+
</li>
402+
</ul>
403+
<button class="o-w33per u-color2 u-iconize-square u-font_bold u-font_white u-insight-modal-btn">
404+
Close
405+
</button>
406+
</div>
407+
</div>
408+
</div>
436409
</body>
437410

438411
</html>

0 commit comments

Comments
 (0)