Skip to content

Commit e106729

Browse files
author
Driss Chelouati
committed
finished cleaning code, added responsiveness for all devices, add small features and remove cdns
1 parent ddc25e4 commit e106729

File tree

11 files changed

+157
-188
lines changed

11 files changed

+157
-188
lines changed

‎html/includes/navbar.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
</span>
1616
</div>
1717
<!-- Menu -->
18-
<div id="navbarMenu" class="navbar-menu">
18+
<div id="navbarMenu" class="navbar-menu light-menu">
1919
<div class="navbar-end">
2020
<!-- Menu item -->
2121
<div class="navbar-item is-nav-link">

‎html/pages/index.html

Lines changed: 9 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -27,11 +27,11 @@
2727
<div class="columns is-vcentered">
2828

2929
<!-- Landing page Title -->
30-
<div class="column is-5 is-offset-1">
30+
<div class="column is-5 is-offset-1 landing-caption">
3131
<div class="divider"></div>
3232
<h1 class="title is-1 is-light is-semibold is-spaced main-title">Supercharged Blockchain Platform</h1>
3333
<h2 class="subtitle is-5 is-light is-thin">
34-
Most Trending, Clean and Elegant Design based on deeply research
34+
Cryptocurrency brought to the next level. Join our ICO for supercharged rates.
3535
</h2>
3636
<!-- CTA -->
3737
<p>
@@ -58,10 +58,9 @@ <h2 class="subtitle is-5 is-light is-thin">
5858
<div class="tabs is-centered">
5959
<!-- Client / partner list -->
6060
<ul>
61-
<li><a><img class="hero-logo" src="assets/images/clients/covenant.svg"></a></li>
62-
<li><a><img class="hero-logo" src="assets/images/clients/grubspot.svg"></a></li>
63-
<li><a><img class="hero-logo" src="assets/images/clients/infinite.svg"></a></li>
64-
<li><a><img class="hero-logo" src="assets/images/clients/tribe.svg"></a></li>
61+
<li><a><img class="hero-logo" src="assets/images/clients/cryptomarket.svg"></a></li>
62+
<li><a><img class="hero-logo" src="assets/images/clients/bitit.svg"></a></li>
63+
<li><a><img class="hero-logo" src="assets/images/clients/coin.svg"></a></li>
6564
</ul>
6665
</div>
6766
</div>
@@ -248,7 +247,7 @@ <h4 class="subtitle is-6 is-light has-text-centered is-compact">Viderer malorum
248247
<div class="flying-tabs-content">
249248
<!-- Tab 1 -->
250249
<div id="tab-1" class="tab-content is-active">
251-
<div class="columns is-vcentered">
250+
<div class="columns is-vcentered tab-content-wrapper">
252251
<!-- ICO Terms -->
253252
<div class="column is-5 is-offset-1">
254253
<div class="text-content">
@@ -328,7 +327,7 @@ <h4 class="title is-6 is-light animated preFadeInUp fadeInUp">ICO TERMS</h4>
328327

329328
<!-- Tab 2 -->
330329
<div id="tab-2" class="tab-content">
331-
<div class="columns is-vcentered">
330+
<div class="columns is-vcentered tab-content-wrapper">
332331
<!-- Tab content -->
333332
<div class="column is-5 is-offset-1">
334333
<div class="text-content">
@@ -362,7 +361,7 @@ <h4 class="title is-6 is-light animated preFadeInUp fadeInUp">TOKEN RATES</h4>
362361

363362
<!-- Tab 3 -->
364363
<div id="tab-3" class="tab-content">
365-
<div class="columns is-vcentered">
364+
<div class="columns is-vcentered tab-content-wrapper">
366365
<!-- Tab content -->
367366
<div class="column is-5 is-offset-1">
368367
<div class="text-content">
@@ -396,7 +395,7 @@ <h4 class="title is-6 is-light animated preFadeInUp fadeInUp">PROFIT</h4>
396395

397396
<!-- Tab 4 -->
398397
<div id="tab-4" class="tab-content">
399-
<div class="columns is-vcentered">
398+
<div class="columns is-vcentered tab-content-wrapper">
400399
<!-- Tab content -->
401400
<div class="column is-5 is-offset-1">
402401
<div class="text-content">

‎images/clients/covenant.svg

Lines changed: 0 additions & 32 deletions
This file was deleted.

‎images/clients/grubspot.svg

Lines changed: 0 additions & 56 deletions
This file was deleted.

‎images/clients/infinite.svg

Lines changed: 0 additions & 51 deletions
This file was deleted.

‎images/clients/tribe.svg

Lines changed: 0 additions & 23 deletions
This file was deleted.

‎js/main.js

Lines changed: 30 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -31,14 +31,19 @@ $(document).ready(function() {
3131
//Mobile menu toggle
3232
if ($('.navbar-burger').length) {
3333
$('.navbar-burger').on("click", function(){
34-
$('.navbar-burger').toggleClass('is-active');
35-
if ($('.navbar-menu').hasClass('is-active')) {
34+
35+
var menu_id = $(this).attr('data-target');
36+
$(this).toggleClass('is-active');
37+
$("#"+menu_id).toggleClass('is-active');
38+
$('.navbar.is-light').toggleClass('is-dark-mobile')
39+
40+
/*if ($('.navbar-menu').hasClass('is-active')) {
3641
$('.navbar-menu').removeClass('is-active');
3742
$('.navbar').removeClass('is-dark-mobile');
3843
} else {
3944
$('.navbar-menu').addClass('is-active');
4045
$('.navbar').addClass('is-dark-mobile');
41-
}
46+
}*/
4247
});
4348
}
4449

@@ -56,7 +61,7 @@ $(document).ready(function() {
5661
}
5762
//}
5863
});
59-
64+
6065
//Navigation Tabs
6166
$('.flying-tabs li').on('click', function() {
6267
var tab_id = $(this).attr('data-tab');
@@ -67,17 +72,32 @@ $(document).ready(function() {
6772
$(this).addClass('is-active');
6873
$("#"+tab_id).addClass('is-active');
6974
})
70-
75+
7176
//Modal video
7277

73-
new ModalVideo('.js-modal-btn', {
74-
channel: 'youtube',
75-
autoplay: 1
76-
});
77-
78+
new ModalVideo('.js-modal-btn', {
79+
channel: 'youtube',
80+
autoplay: 1
81+
});
82+
7883
//Icons
7984
feather.replace();
8085

86+
//Fix for portrait tabs flex display
87+
if (window.matchMedia('(min-width: 768px)').matches) {
88+
$('.tab-content-wrapper').addClass('is-flex-mobile');
89+
} else {
90+
$('.tab-content-wrapper').removeClass('is-flex-mobile');
91+
}
92+
93+
$(window).on('resize', function() {
94+
if (window.matchMedia('(min-width: 768px)').matches) {
95+
$('.tab-content-wrapper').addClass('is-flex-mobile');
96+
} else {
97+
$('.tab-content-wrapper').removeClass('is-flex-mobile');
98+
}
99+
})
100+
81101
/* ---- particles.js config ---- */
82102

83103
particlesJS("particles-js", {

‎scss/partials/_features.scss

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -73,6 +73,10 @@ TABLE OF CONTENTS
7373
margin-top: 10px;
7474
font-family: 'Cabin', sans-serif;
7575
}
76+
p {
77+
font-family: 'Open Sans', sans-serif;
78+
font-size: .9rem;
79+
}
7680
}
7781

7882
/* ==========================================================================

‎scss/partials/_layout.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -161,6 +161,11 @@ body {
161161
color: #fcfcfc;
162162
}
163163
}
164+
.navbar-menu {
165+
&.is-active {
166+
background: #2d0275 !important;
167+
}
168+
}
164169
}
165170
}
166171
}

0 commit comments

Comments
 (0)