lukechilds
/
insight-ui-komodo
mirror of https://github.com/lukechilds/insight-ui-komodo.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Merge pull request #1 from dbnoble/master 

Updated for komodo styling
master
dbnoble 8 years ago
committed by GitHub
parent
5adcc20933 0fb81a0a1d
commit
91f6a9e089
11 changed files with 56 additions and 29 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      public/css/common.min.css
  2. 2
      public/css/main.min.css
  3. BIN
      public/img/icons/favicon.ico
  4. BIN
      public/img/komodo-lg.png
  5. BIN
      public/img/komodo-xlg.png
  6. BIN
      public/img/logo.png
  7. BIN
      public/img/supernet.png
  8. 6
      public/index.html
  9. 58
      public/src/css/common.css
  10. 2
      public/views/includes/header.html
  11. 16
      public/views/index.html

1
public/css/common.min.css
View File

File diff suppressed because one or more lines are too long

2
public/css/main.min.css
View File

File diff suppressed because one or more lines are too long

BIN
public/img/icons/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 15 KiB

BIN
public/img/komodo-lg.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 644 KiB

BIN
public/img/komodo-xlg.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 236 KiB

BIN
public/img/logo.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 148 KiB

BIN
public/img/supernet.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 536 KiB

6
public/index.html
View File

@ -6,14 +6,15 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="fragment" content="!">
<title data-ng-if="currency.testnet" data-ng-bind="$root.title + $root.titleDetail + ' | Testnet Insight'">Testnet Insight</title>
<title data-ng-if="!currency.testnet" data-ng-bind="$root.title + $root.titleDetail + ' | Insight'">Insight</title>
<title data-ng-if="currency.testnet" data-ng-bind="$root.title + $root.titleDetail + ' | Testnet Insight'">Komodo Explorer</title>
<title data-ng-if="!currency.testnet" data-ng-bind="$root.title + $root.titleDetail + ' | Insight'">Komodo Explorer</title>
<meta name="keywords" content="komodo, transactions, blocks, address, block chain, best block, mining difficulty, hash serialized">
<meta data-ng-if="currency.testnet" name="description" content="Komodo Insight. View detailed information on all testnet komodo transactions and block. {{ $root.title + $root.titleDetail }}">
<meta data-ng-if="!currency.testnet" name="description" content="Komodo Insight. View detailed information on all komodo transactions and block. {{ $root.title + $root.titleDetail }}">
<link rel="shortcut icon" href="img/icons/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,400italic">
<link rel="stylesheet" href="css/main.min.css">
<link rel="stylesheet" href="css/common.min.css">
</head>
<body ng-cloak class="ng-cloak">
<div>
@ -73,5 +74,6 @@
<script src="js/vendors.min.js"></script>
<script src="js/angularjs-all.min.js"></script>
<script src="js/main.min.js"></script>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</body>
</html>

58
public/src/css/common.css
View File

@ -115,25 +115,26 @@ margin-left: 0;
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: #373D42;}
.navbar-default {
background-color: #8DC429;
background-color: #ccded5;
margin: 0;
border: 0;
}
.navbar-default .navbar-nav>li>a {
color: #F4FBE8;
color: #346464;
font-family: 'Ubuntu', sans-serif;
padding-left: 20px;
padding-right: 20px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus {
background-color: #6C9032;
color: #fff;
background-color: #ccded5;
color: #346464;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.active>a:hover {
background-color: #fff;
color: #797979;
}
.navbar-form .form-group {
@ -162,11 +163,19 @@ margin-left: 0;
.navbar-default .navbar-brand {
color: #FFFFFF;
padding: 20px 15px;
padding: 9px 5px 0 5px;
}
.navbar-brand {
float: left;
padding: 15px;
font-size: 18px;
line-height: 20px;
height: 55px;
}
.navbar-form .form-control {
background-color: #7CAD23;
background-color: #bdc7c2;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
@ -181,7 +190,7 @@ margin-left: 0;
padding-bottom: 22px;
}
#search-form { color: #fff; }
#search-form { color: #525252; }
#search.loading {
background-image: url('../img/loading.gif');
@ -201,14 +210,14 @@ margin-left: 0;
#search { color: #fff; }
#search::-webkit-input-placeholder {
color: #BCDF7E;
color: #a7a7a7;
font-family: 'Ubuntu', sans-serif;
font-style: italic;
font-weight: 100;
}
#search::-moz-placeholder {
color: #BCDF7E;
color: #a7a7a7;
font-family: 'Ubuntu', sans-serif;
font-weight: 100;
}
@ -216,7 +225,7 @@ margin-left: 0;
.status {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background-color: #597338;
background-color: #346464;
border-radius: 3px;
margin: 15px 0;
padding: 8px 10px;
@ -610,13 +619,12 @@ margin-left: 0;
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
float: left;
height: 45px;
height: 80px;
}
#powered a.bitcore {
background-image: url('../img/logo.svg');
#powered a.supernet {
background-image: url('../img/supernet.png');
background-size: 80px;
width: 30%;
width: 100%;
}
#powered a.nodejs {
background-image: url('../img/nodejs.png');
@ -785,8 +793,9 @@ a.v_highlight_more {
font-size: 20px;
}
.navbar-default .navbar-brand {
padding: 15px;
padding: 5px;
}
.insight {
font-size: 26px;
}
@ -850,3 +859,20 @@ a.v_highlight_more {
}
}
/* Komodo Explorer Misc CSS
-------------------------------------------------- */
#brandImg {
height: 45px;
}
#brandImgLg {
width: 100%;
}
#intro {
font-size:20px;
}
.subIntro {
font-size: 16px
}

2
public/views/includes/header.html
View File

@ -7,7 +7,7 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="insight navbar-brand" href=".">insight</a>
<a class="insight navbar-brand" href="." title="Komodo Explorer"><img id="brandImg" src="img/logo.png" alt="Komodo"></a>
</div>
<div class="navbar-collapse collapse" collapse="$root.isCollapsed">
<ul class="nav navbar-nav">

16
public/views/index.html
View File

@ -60,19 +60,17 @@
</div>
<div class="col-xs-12 col-md-4 col-gray">
<h2 translate>About</h2>
<p translate><strong>insight</strong> is an <a href="https://insight.is/"
target="_blank">open-source Komodo blockchain explorer</a> with complete REST and websocket APIs that can be used for writing web wallets and other apps that need more advanced blockchain queries than provided by komodod RPC. Check out the <a href="https://github.com/supernetorg/insight-ui-komodo" target="_blank">source code</a>.</p>
<p translate><strong>insight</strong> is still in development, so be sure to report any bugs and provide feedback for improvement at our <a href="https://github.com/supernetorg/insight-ui-komodo/issues" target="_blank">github issue tracker</a>.</p>
<p data-ng-if='currency.testnet'><strong>This explorer is currently showing testnet Komodo!</strong></p>
<h2 translate>What is Komodo?</h2>
<p id="intro" translate><strong>Komodo</strong> aims at being the new standard for cryptocurrency security and anonymity.</p>
<p class="subIntro" translate>Protected by ZCASH zero-knowledge proofs, users can make 100% untraceable transactions - secured by Bitcoin‘s petahash Proof of Work - due to Komodo’s new delayed Proof of Work (dPoW) consensus mechanism.</p>
<p class="subIntro">Learn more on <a href="https://komodoplatform.com" target="_blank" title="Komodo Platform">KomodoPlatform.com</a></p>
<p data-ng-if='currency.testnet'><strong>This explorer is currently showing the live Komodo network!</strong></p>
<a class="twitter-timeline" href="https://twitter.com/KomodoPlatform">Tweets by KomodoPlatform</a></p>
<div id="powered" class="row">
<div class="powered-text">
<small class="text-muted" translate>Powered by</small>
</div>
<a href="http://bitcore.io" target="_blank" class="bitcore" title="Bitcore"></a>
<a href="http://angularjs.org" target="_blank" class="angularjs" title="AngularJS"></a>
<a href="https://code.google.com/p/leveldb/" target="_blank" class="leveldb" title="LevelDB"></a>
<a href="http://nodejs.org" target="_blank" class="nodejs" title="NodeJs"></a>
<a href="https://supernet.org/" target="_blank" class="supernet" title="SuperNET"></a>
</div>
</div> <!-- END OF COL-3 -->
</div>

Write Preview
Loading…
Cancel
Save