Sugarchain: switch monospace font: Ubuntu Mono using Google Fonts

sugarchain-project · Nov 28, 2018 · ea18100 · ea18100
1 parent bd7701b
commit ea18100
Show file tree

Hide file tree

Showing 11 changed files with 89 additions and 88 deletions.
diff --git a/views/address.jade b/views/address.jade
@@ -9,7 +9,7 @@ block content
     .panel.panel-default.panel-address-summary
       .panel-heading(style='position:relative;')        
         strong #{settings.symbol} ADDRESS:
-        span(style='font-family: Lucida Console, Monaco, monospace; color:white')  #{address.a_id}
+        span(style='font-family: Ubuntu Mono; color:white')  #{address.a_id}
         if settings.labels[address.a_id]
           if settings.labels[address.a_id].type  
             label(class='label label-#{settings.labels[address.a_id].type} pull-right hidden-xs', style='margin-left:15px;')
@@ -36,12 +36,12 @@ block content
         tbody             
           tr
             if settings.show_sent_received == true 
-              td.text-center(style='font-family: Lucida Console, Monaco, monospace; width:25%;') #{sent.toFixed(8)}<br>#{settings.symbol}
+              td.text-center(style='font-family: Ubuntu Mono; width:25%;') #{sent.toFixed(8)}<br>#{settings.symbol}
             if address.a_id !== 'coinbase'
               if settings.show_sent_received == true
-                td.text-center(style='font-family: Lucida Console, Monaco, monospace; width:25%;') #{received.toFixed(8)}<br>#{settings.symbol}
-              td.text-center(style='font-family: Lucida Console, Monaco, monospace; width:25%;') #{balance.toFixed(8)}<br>#{settings.symbol}
-              td.text-center(style='font-family: Lucida Console, Monaco, monospace; width:25%;')
+                td.text-center(style='font-family: Ubuntu Mono; width:25%;') #{received.toFixed(8)}<br>#{settings.symbol}
+              td.text-center(style='font-family: Ubuntu Mono; width:25%;') #{balance.toFixed(8)}<br>#{settings.symbol}
+              td.text-center(style='font-family: Ubuntu Mono; width:25%;')
                 img(src='/qr/#{address.a_id}' style='margin-top:0px; margin-bottom:0px;')
     .panel.panel-default.hidden-xs
       .panel-heading

diff --git a/views/block.jade b/views/block.jade
@@ -12,7 +12,7 @@ block content
             a(href='/block/#{block.previousblockhash}')
               span.glyphicon.glyphicon-chevron-left.iquidus.block-last(data-toggle='tooltip', data-placement='top', title='#{settings.locale.block_previous}')  
             strong.hidden-xs #{settings.symbol} BLOCK:
-            span(style='font-family: Lucida Console, Monaco, monospace; color:white;')  #{block.hash}
+            span(style='font-family: Ubuntu Mono; color:white;')  #{block.hash}
           else
             strong.hidden-xs(style='margin-left:10px;') #{settings.symbol} #{settings.locale.ex_block}: #{block.hash}
           if block.nextblockhash != null 
@@ -36,40 +36,40 @@ block content
           if block.confirmations >= confirmations                
             tr.success
               - var block_size = block.size/1024
-              td(style='font-family: Lucida Console, Monaco, monospace;') #{block.height}
-              td(style='font-family: Lucida Console, Monaco, monospace;') #{block.difficulty.toFixed(16)}
-              td(style='font-family: Lucida Console, Monaco, monospace;') #{block.confirmations}
+              td(style='font-family: Ubuntu Mono;') #{block.height}
+              td(style='font-family: Ubuntu Mono;') #{block.difficulty.toFixed(16)}
+              td(style='font-family: Ubuntu Mono;') #{block.confirmations}
               if settings.heavy == true
-                td(style='font-family: Lucida Console, Monaco, monospace;')  #{block.vote}
-              td.hidden-xs(style='font-family: Lucida Console, Monaco, monospace;') #{block_size.toFixed(2)}
-              td.hidden-xs(style='font-family: Lucida Console, Monaco, monospace;') #{block.bits}
-              td.hidden-xs(style='font-family: Lucida Console, Monaco, monospace;') #{block.nonce}
-              td.hidden-xs(style='font-family: Lucida Console, Monaco, monospace;') #{time}
+                td(style='font-family: Ubuntu Mono;')  #{block.vote}
+              td.hidden-xs(style='font-family: Ubuntu Mono;') #{block_size.toFixed(2)}
+              td.hidden-xs(style='font-family: Ubuntu Mono;') #{block.bits}
+              td.hidden-xs(style='font-family: Ubuntu Mono;') #{block.nonce}
+              td.hidden-xs(style='font-family: Ubuntu Mono;') #{time}
           else
             if block.confirmations < (confirmations / 2)
               tr.danger
                 - var block_size = block.size/1024
-                td(style='font-family: Lucida Console, Monaco, monospace;') #{block.height}
-                td(style='font-family: Lucida Console, Monaco, monospace;') #{block.difficulty.toFixed(16)}
-                td(style='font-family: Lucida Console, Monaco, monospace;') #{block.confirmations}
+                td(style='font-family: Ubuntu Mono;') #{block.height}
+                td(style='font-family: Ubuntu Mono;') #{block.difficulty.toFixed(16)}
+                td(style='font-family: Ubuntu Mono;') #{block.confirmations}
                 if settings.heavy == true
-                  td(style='font-family: Lucida Console, Monaco, monospace;')  #{block.vote}
-                td.hidden-xs(style='font-family: Lucida Console, Monaco, monospace;') #{block_size.toFixed(2)}
-                td.hidden-xs(style='font-family: Lucida Console, Monaco, monospace;') #{block.bits}
-                td.hidden-xs(style='font-family: Lucida Console, Monaco, monospace;') #{block.nonce}
-                td.hidden-xs(style='font-family: Lucida Console, Monaco, monospace;') #{time}
+                  td(style='font-family: Ubuntu Mono;')  #{block.vote}
+                td.hidden-xs(style='font-family: Ubuntu Mono;') #{block_size.toFixed(2)}
+                td.hidden-xs(style='font-family: Ubuntu Mono;') #{block.bits}
+                td.hidden-xs(style='font-family: Ubuntu Mono;') #{block.nonce}
+                td.hidden-xs(style='font-family: Ubuntu Mono;') #{time}
             else
               tr.warning
                 - var block_size = block.size/1024
-                td(style='font-family: Lucida Console, Monaco, monospace;') #{block.height}
-                td(style='font-family: Lucida Console, Monaco, monospace;') #{block.difficulty.toFixed(16)}
-                td(style='font-family: Lucida Console, Monaco, monospace;') #{block.confirmations}
+                td(style='font-family: Ubuntu Mono;') #{block.height}
+                td(style='font-family: Ubuntu Mono;') #{block.difficulty.toFixed(16)}
+                td(style='font-family: Ubuntu Mono;') #{block.confirmations}
                 if settings.heavy == true
-                  td(style='font-family: Lucida Console, Monaco, monospace;')  #{block.vote}
-                td.hidden-xs(style='font-family: Lucida Console, Monaco, monospace;') #{block_size.toFixed(2)}
-                td.hidden-xs(style='font-family: Lucida Console, Monaco, monospace;') #{block.bits}
-                td.hidden-xs(style='font-family: Lucida Console, Monaco, monospace;') #{block.nonce}
-                td.hidden-xs(style='font-family: Lucida Console, Monaco, monospace;') #{time}
+                  td(style='font-family: Ubuntu Mono;')  #{block.vote}
+                td.hidden-xs(style='font-family: Ubuntu Mono;') #{block_size.toFixed(2)}
+                td.hidden-xs(style='font-family: Ubuntu Mono;') #{block.bits}
+                td.hidden-xs(style='font-family: Ubuntu Mono;') #{block.nonce}
+                td.hidden-xs(style='font-family: Ubuntu Mono;') #{time}
 
     if block.hash == settings.genesis_block
       .alert.alert-info(role='alert', style='text-align:center;')   
@@ -89,11 +89,11 @@ block content
             each txn in txs
               tr
                 td.hidden-xs
-                  a(style='font-family: Lucida Console, Monaco, monospace;' href='/tx/#{txn.txid}') #{txn.txid}
-                td(style='font-family: Lucida Console, Monaco, monospace;') #{txn.vout.length}
+                  a(style='font-family: Ubuntu Mono;' href='/tx/#{txn.txid}') #{txn.txid}
+                td(style='font-family: Ubuntu Mono;') #{txn.vout.length}
                 if txn.vout.length > 0
                   - var total = txn.total / 100000000
-                  td.text-right(style='font-family: Lucida Console, Monaco, monospace;') #{total.toFixed(8)}
+                  td.text-right(style='font-family: Ubuntu Mono;') #{total.toFixed(8)}
                 else
                   td #{txn.total.toFixed(8)}
                 td.view_tx 

diff --git a/views/includes/address_history.jade b/views/includes/address_history.jade
@@ -7,8 +7,8 @@ tbody
   each tx in txs
     - var time = format_unixtime(tx.timestamp)
     tr
-      td.hidden-xs.text-center(style='font-family: Lucida Console, Monaco, monospace;') #{time}
-      td.hidden-xs.text-left(style='font-family: Lucida Console, Monaco, monospace;')
+      td.hidden-xs.text-center(style='font-family: Ubuntu Mono;') #{time}
+      td.hidden-xs.text-left(style='font-family: Ubuntu Mono;')
         a(href='/tx/#{tx.txid}') #{tx.txid}
       - var done = false
       - var out = 0
@@ -20,7 +20,7 @@ tbody
         if s.addresses == address.a_id
           - vin = s.amount
       if out > 0 && vin > 0
-        td.info.text-right(style='font-family: Lucida Console, Monaco, monospace;')
+        td.info.text-right(style='font-family: Ubuntu Mono;')
           - var amount = (out - vin) / 100000000
           if amount < 0
             - amount = amount * -1
@@ -30,10 +30,10 @@ tbody
           else
             | #{amount.toFixed(8)}
       else if out > 0
-        td.success.text-right(style='font-family: Lucida Console, Monaco, monospace;')
+        td.success.text-right(style='font-family: Ubuntu Mono;')
           - var amount = out / 100000000
           | #{amount.toFixed(8)} ++
       else
-        td.danger.text-right(style='font-family: Lucida Console, Monaco, monospace;')
+        td.danger.text-right(style='font-family: Ubuntu Mono;')
           - var amount = vin / 100000000
           | #{amount.toFixed(8)} --
diff --git a/views/includes/rl_balance.jade b/views/includes/rl_balance.jade
@@ -16,12 +16,12 @@
         - var itemFixed = item.balance / 100000000
         - var percentage = (itemFixed / stats.supply) * 100
         tr
-          td(style='text-align:center; font-family: Lucida Console, Monaco, monospace;')
+          td(style='text-align:center; font-family: Ubuntu Mono;')
             =count
           td
-            a(style='text-align:left; font-family: Lucida Console, Monaco, monospace;' href='/address/#{item.a_id}') #{item.a_id}
+            a(style='text-align:left; font-family: Ubuntu Mono;' href='/address/#{item.a_id}') #{item.a_id}
             include ./rl_labels.jade
-          td.hidden-xs(style='text-align:right; font-family: Lucida Console, Monaco, monospace;')
+          td.hidden-xs(style='text-align:right; font-family: Ubuntu Mono;')
             =itemFixed.toFixed(8)
-          td.hidden-xs(style='text-align:right; font-family: Lucida Console, Monaco, monospace;')
+          td.hidden-xs(style='text-align:right; font-family: Ubuntu Mono;')
             =percentage.toFixed(2)
diff --git a/views/includes/rl_received.jade b/views/includes/rl_received.jade
@@ -14,10 +14,10 @@
         - count = count + 1
         - var itemFixed = item.received / 100000000
         tr
-          td(style='text-align:center; font-family: Lucida Console, Monaco, monospace;')
+          td(style='text-align:center; font-family: Ubuntu Mono;')
             =count
           td
-            a(style='text-align:left; font-family: Lucida Console, Monaco, monospace;' href='/address/#{item.a_id}') #{item.a_id}
+            a(style='text-align:left; font-family: Ubuntu Mono;' href='/address/#{item.a_id}') #{item.a_id}
             include ./rl_labels.jade
-          td.hidden-xs(style='text-align:right; font-family: Lucida Console, Monaco, monospace;')
+          td.hidden-xs(style='text-align:right; font-family: Ubuntu Mono;')
             =itemFixed.toFixed(8)
diff --git a/views/index.jade b/views/index.jade
@@ -40,21 +40,21 @@ block content
           url: '/ext/getlasttxs/0.00000001',
           dataSrc: function ( json ) {
             for ( var i=0;i<json.data.length; i++ ) {
-              json.data[i]['blockindex'] = "<a href='/block/" + json.data[i]['blockhash'] + "'" + "style='font-family: Lucida Console, Monaco, monospace; text-align: center; display: block;" + "'>" + json.data[i]['blockindex'] + "</a>";
-              json.data[i]['txid'] = "<a href='/tx/" + json.data[i]['txid'] + "'" + "style='font-family: Lucida Console, Monaco, monospace;" + "'>" + json.data[i]['txid'] + "</a>";
-              json.data[i]['recipients'] = "<span style='font-family: Lucida Console, Monaco, monospace; text-align: center; display: block;" + "'>" + json.data[i]['vout'].length + "</span>";
+              json.data[i]['blockindex'] = "<a href='/block/" + json.data[i]['blockhash'] + "'" + "style='font-family: Ubuntu Mono; text-align: center; display: block;" + "'>" + json.data[i]['blockindex'] + "</a>";
+              json.data[i]['txid'] = "<a href='/tx/" + json.data[i]['txid'] + "'" + "style='font-family: Ubuntu Mono;" + "'>" + json.data[i]['txid'] + "</a>";
+              json.data[i]['recipients'] = "<span style='font-family: Ubuntu Mono; text-align: center; display: block;" + "'>" + json.data[i]['vout'].length + "</span>";
               var amount = json.data[i]['total'] / 100000000;
-              //- json.data[i]['total'] = "<span style='font-family: Lucida Console, Monaco, monospace; text-align: right; display: block;" + "'>" + amount.toFixed(8) + "</span>";
+              //- json.data[i]['total'] = "<span style='font-family: Ubuntu Mono; text-align: right; display: block;" + "'>" + amount.toFixed(8) + "</span>";
               if (amount > '#{flagb}') {
-                json .data[i]['total'] = "<span class='text-danger' style='font-family: Lucida Console, Monaco, monospace; text-align: right; display: block;" + "'>" + amount.toFixed(8) + "</span>";
+                json .data[i]['total'] = "<span class='text-danger' style='font-family: Ubuntu Mono; text-align: right; display: block;" + "'>" + amount.toFixed(8) + "</span>";
               } else if (amount > '#{flaga}') {
-                json .data[i]['total'] = "<span class='text-warning' style='font-family: Lucida Console, Monaco, monospace; text-align: right; display: block;" + "'>" + amount.toFixed(8) + "</span>";
+                json .data[i]['total'] = "<span class='text-warning' style='font-family: Ubuntu Mono; text-align: right; display: block;" + "'>" + amount.toFixed(8) + "</span>";
               } else if (amount > '#{min_amount}') {
-                json .data[i]['total'] = "<span class='text-success' style='font-family: Lucida Console, Monaco, monospace; text-align: right; display: block;" + "'>" + amount.toFixed(8) + "</span>";
+                json .data[i]['total'] = "<span class='text-success' style='font-family: Ubuntu Mono; text-align: right; display: block;" + "'>" + amount.toFixed(8) + "</span>";
               } else {
-                json .data[i]['total'] = "<span style='font-family: Lucida Console, Monaco, monospace; text-align: right; display: block;" + "'>" + amount.toFixed(8) + "</span>";
+                json .data[i]['total'] = "<span style='font-family: Ubuntu Mono; text-align: right; display: block;" + "'>" + amount.toFixed(8) + "</span>";
               }
-              json.data[i]['timestamp'] = "<span style='font-family: Lucida Console, Monaco, monospace; text-align: center; display: block;" + "'>" + new Date((json.data[i]['timestamp']) * 1000).toUTCString(); + "</span>";
+              json.data[i]['timestamp'] = "<span style='font-family: Ubuntu Mono; text-align: center; display: block;" + "'>" + new Date((json.data[i]['timestamp']) * 1000).toUTCString(); + "</span>";
             }
             return json.data;
           }

diff --git a/views/layout.jade b/views/layout.jade
@@ -7,6 +7,7 @@ html
     link(rel='stylesheet', href='//cdn.datatables.net/plug-ins/725b2a2115b/integration/bootstrap/3/dataTables.bootstrap.css')
     link(rel='stylesheet', href='//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css')
     link(rel='stylesheet', href='/stylesheets/style.css')
+    link(rel='stylesheet', href='https://fonts.googleapis.com/css?family=Ubuntu Mono')
     meta(property='og:url', content='https://explorer.sugarchain.org/')
     meta(property='og:title', content='Sugarchain Block Explorer')
     meta(property='og:type', content='website')
@@ -156,7 +157,7 @@ html
                <br>
                label#lblX1  
               else  
-               #hashrate.text-success(style='font-family: Lucida Console, Monaco, monospace;') -
+               #hashrate.text-success(style='font-family: Ubuntu Mono;') -
         .col-xs-3
           .panel.panel-default
             .panel-heading
@@ -167,7 +168,7 @@ html
                <br>
                label#difficultyHybrid -
               else
-               #difficulty.text-danger(style='font-family: Lucida Console, Monaco, monospace;') -
+               #difficulty.text-danger(style='font-family: Ubuntu Mono;') -
         .col-xs-3
           .panel.panel-default
             .panel-heading
@@ -178,7 +179,7 @@ html
                <br>
                label#lblX1
               else
-               #supply.text-primary(style='font-family: Lucida Console, Monaco, monospace;') -
+               #supply.text-primary(style='font-family: Ubuntu Mono;') -
         .col-xs-3
           .panel.panel-default
             .panel-heading
@@ -189,7 +190,7 @@ html
                <br>
                label#lblX1
               else
-               #lastPrice.text-dark(style='font-family: Lucida Console, Monaco, monospace;') -
+               #lastPrice.text-dark(style='font-family: Ubuntu Mono;') -
 
       .row.text-center(style='margin-top:10px;margin-bottom:20px;')
         form.form-inline(method='post', action='/search')      

diff --git a/views/movement.jade b/views/movement.jade
@@ -41,15 +41,15 @@ block content
           url: '/ext/getlasttxs/#{min_amount}',
           dataSrc: function ( json ) {
             for ( var i=0;i<json.data.length; i++ ) {
-              json.data[i]['timestamp'] = "<span style='font-family: Lucida Console, Monaco, monospace; text-align: center; display: block;" + "'>" + format_unixtime(json.data[i]['timestamp']); + "</span>";
-              json.data[i]['txid'] = "<a href='/tx/" + json.data[i]['txid'] + "'" + "style='font-family: Lucida Console, Monaco, monospace;" + "'>" + json.data[i]['txid'] + "</a>";
+              json.data[i]['timestamp'] = "<span style='font-family: Ubuntu Mono; text-align: center; display: block;" + "'>" + format_unixtime(json.data[i]['timestamp']); + "</span>";
+              json.data[i]['txid'] = "<a href='/tx/" + json.data[i]['txid'] + "'" + "style='font-family: Ubuntu Mono;" + "'>" + json.data[i]['txid'] + "</a>";
               var amount = json.data[i]['total'] / 100000000;
               if (amount > '#{flagb}') {
-                json .data[i]['total'] = "<span class='text-danger' style='font-family: Lucida Console, Monaco, monospace; text-align: right; display: block;" + "'>" + amount.toFixed(8) + "</span>";
+                json .data[i]['total'] = "<span class='text-danger' style='font-family: Ubuntu Mono; text-align: right; display: block;" + "'>" + amount.toFixed(8) + "</span>";
               } else if (amount > '#{flaga}') {
-                json .data[i]['total'] = "<span class='text-warning' style='font-family: Lucida Console, Monaco, monospace; text-align: right; display: block;" + "'>" + amount.toFixed(8) + "</span>";
+                json .data[i]['total'] = "<span class='text-warning' style='font-family: Ubuntu Mono; text-align: right; display: block;" + "'>" + amount.toFixed(8) + "</span>";
               } else {
-                json .data[i]['total'] = "<span class='text-success' style='font-family: Lucida Console, Monaco, monospace; text-align: right; display: block;" + "'>" + amount.toFixed(8) + "</span>";
+                json .data[i]['total'] = "<span class='text-success' style='font-family: Ubuntu Mono; text-align: right; display: block;" + "'>" + amount.toFixed(8) + "</span>";
               }
             }
             return json.data;

diff --git a/views/network.jade b/views/network.jade
@@ -45,4 +45,4 @@ block content
             th.text-center #{settings.locale.net_protocol}
             th.text-center #{settings.locale.net_subversion}
             th.text-center #{settings.locale.net_country}
-        tbody.text-center(style='font-family: Lucida Console, Monaco, monospace;')
+        tbody.text-center(style='font-family: Ubuntu Mono;')