Skip to content

Commit 02825b6

Browse files
committed
update telegram
1 parent dc2d1fd commit 02825b6

File tree

2 files changed

+16
-12
lines changed

2 files changed

+16
-12
lines changed

index.html

Lines changed: 5 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@
3434
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
3535
<link rel="stylesheet" href="./style.css" />
3636
</head>
37-
37+
3838
<body data-spy="scroll" data-target="#navbar-top" id="kleros">
3939
<!-- Google Tag Manager (noscript) -->
4040
<noscript>
@@ -46,7 +46,7 @@
4646
</iframe>
4747
</noscript>
4848
<!-- End Google Tag Manager (noscript) -->
49-
49+
5050
<div class="container-fluid">
5151
<nav id="navbar-top" class="navbar fixed-top navbar-inverse navbar-toggleable-md navbar-light bg-faded navbar-fixed-top" role="navigation">
5252
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false" aria-label="Toggle navigation">
@@ -106,7 +106,9 @@ <h1 class="kleros-title">THE JUSTICE PROTOCOL</h1>
106106
<div class="hidden-md-down">
107107
<a class="btn btn-lg btn-how-it-works" href="#how-it-works">How it works?</a>
108108
<a class="btn btn-lg btn-primary btn-wp" href="assets/whitepaper.pdf">Read the white paper</a>
109-
<a class="btn btn-lg btn-telegram" href="https://t.me/kleros">Telegram Chat</a>
109+
<a href="https://t.me/kleros">
110+
<img class="btn-telegram" src="img/Telegram-icon-sq.png" alt="kleros telegram" />
111+
</a>
110112
</div>
111113
<div class="hidden-lg-up">
112114
<div class="row">
@@ -119,11 +121,6 @@ <h1 class="kleros-title">THE JUSTICE PROTOCOL</h1>
119121
<a class="btn btn-lg btn-primary btn-wp btn-block" href="assets/whitepaper.pdf">Download the white paper</a>
120122
</div>
121123
</div>
122-
<div class="row">
123-
<div class="col-lg-12 no-padding">
124-
<a class="btn btn-lg btn-telegram btn-block" href="https://t.me/kleros">Telegram Chat</a>
125-
<a> <img src="img/Telegram-icon-sq.png" alt="kleros telegram" /> </a>
126-
</div>
127124
</div>
128125
</div>
129126
</div>
@@ -993,8 +990,6 @@ <h2 class="contact-title-section">CONTACT</h2>
993990
</footer>
994991
</div>
995992

996-
997-
998993
<!-- jQuery first, then Tether, then Bootstrap JS. -->
999994
<script
1000995
src="https://code.jquery.com/jquery-3.2.1.min.js"

style.css

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -184,6 +184,11 @@ body {
184184
width: 40px;
185185
}
186186

187+
.btn-telegram {
188+
width: 52px;
189+
margin-left: 12px;
190+
}
191+
187192
@media (max-width: 576px) {
188193
.kleros-wording {
189194
padding: 0;
@@ -212,6 +217,12 @@ body {
212217
}
213218
}
214219

220+
@media (max-width: 1200px) {
221+
.btn-telegram {
222+
display: none;
223+
}
224+
}
225+
215226
/**************** End Kleros section ****************/
216227

217228
/**************** Protocol section ****************/
@@ -729,5 +740,3 @@ footer-right a {
729740
}
730741

731742
/**************** End Footer ****************/
732-
733-

0 commit comments

Comments
 (0)