Skip to content

Commit

Permalink
update blue box links on home - issue #486
Browse files Browse the repository at this point in the history
  • Loading branch information
fernandoted committed Nov 7, 2018
1 parent 7d1bc17 commit 225bbf3
Show file tree
Hide file tree
Showing 5 changed files with 28 additions and 115 deletions.
2 changes: 0 additions & 2 deletions css/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -234,8 +234,6 @@ section .cont-part4 .panel-body a{
color: #fff;
font-weight: 0;
}


/* section .cont-part4 .getting-started .panel-body {
padding-top: 30px;
height: 355px;
Expand Down
2 changes: 1 addition & 1 deletion dist/css/style.css

Large diffs are not rendered by default.

88 changes: 12 additions & 76 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -110,7 +110,6 @@
<li><a class="dropdown-item" href="manifesto.html">Manifesto</a></li>
<li><a class="dropdown-item" href="Hardware-Security-Framework.pdf" target="_blank">Hardware Security</a></li>
<li><a class="dropdown-item" href="tribute.html">Tribute</a></li>
<!-- <li><a class="dropdown-item" href="https://www.youtube.com/watch?v=zJkmIAyhvFM&feature=youtu.be" target="_blank">Presentation</a></li> -->
</ul>
</li>
<li class="nav-item">
Expand All @@ -119,7 +118,6 @@
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">How To <span class="caret"></span></a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<!-- <li><a class="dropdown-item" href="./getting-started.html">Get Started</a></li> -->
<li><a class="dropdown-item" href="./getting-involved.html">Get Involved</a></li>
<li><a class="dropdown-item" href="https://bazaar.subutai.io/login" target="_blank">Share Resources</a></li>
<li><a class="dropdown-item" href="./goodwill.html">Earn Goodwill</a></li>
Expand Down Expand Up @@ -166,20 +164,6 @@
</div>
</nav>

<!-- test corousel fade -->
<!-- <div id="carousel" class="carousel slide carousel-fade" cata-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel" data-slide-to="0" class="active"></li>
<li data-target="#carousel" data-slide-to="1"></li>
<li data-target="#carousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active"></div>
<div class="item"></div>
<div class="item"></div>
</div>
</div> -->

<div class="jumbotron" id="topBanner">
<div id="bannerText">
<h1>Conquer the Cloud</h1>
Expand Down Expand Up @@ -268,7 +252,6 @@ <h3>Global Marketplace Subutai™ Bazaar</h3>
<div class="videoContainer">
<div class="videoWrap">
<iframe width="560" height="315" src="https://www.youtube.com/embed/HtC-wI_VDTE" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
<!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/_SOvzcxLVOM?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> -->
</div>
</div>
</div>
Expand All @@ -277,26 +260,7 @@ <h3>Global Marketplace Subutai™ Bazaar</h3>
<a href="./router.html"><img src="dist/img/BlockchainRouter-Square-12FPS.gif" alt="Subutai Blockchain Router"></a>
</div>
</div>
<!-- <div class="videoSection">
<div class="videoWrap">
<iframe width="560" height="315" src="https://www.youtube.com/embed/0v3PLyn92bQ?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div> -->
</div>

<!-- <div class="row">
<div class="videoSection">
<h3 class="videoTitle">World's first intelligent P2P Cloud Computing platform and KHAN token by OptDyn™</h3>
<div class="videoWrap">
<iframe width="560" height="315" src="https://www.youtube.com/embed/8mvc7OASySM?showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div>
<div class="routerImg-wrapper">
<div id="routerGif-img">
<a href="./router.html"><img src="dist/img/BlockchainRouter-Square-12FPS.gif" alt="Subutai Blockchain Router"></a>
</div>
</div>
</div> -->
</section>

<section id="khanSection" class="container">
Expand All @@ -307,36 +271,9 @@ <h2>KHAN™ Ethereum blockchain reserve currency token</h2>
<a href="./khan.html"><img src="dist/img/khan-art-cut.jpg" alt="Khan Token"></a>
</div>
</div>
<!-- <div class="videoContainer">
<div class="videoWrap">
<iframe width="560" height="315" src="https://www.youtube.com/embed/8mvc7OASySM?showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</div> -->
</div>
</section>


<!-- Section 2 - KHAN -->
<!-- <section id="khanSection">
<div class="container">
<div class="khanHelmetWrap">
<div class="khanHelmetImg">
<img src="dist/img/khan-art-cut.jpg" alt="Khan" class="img-responsive center-block">
</div>
</div>
<div class="khanIntro-Wrap">
<div class="titleSectionWrap">
<h2>Introducing KHAN™</h2>
</div>
<h5 class="subtitle">The Ethereum blockchain-based reserve currency and staking token of the Subutai Platform</h5>
<a href="#" target="_blank">Learn more about KHAN and download the white paper executive summary...</a>
</div>
</div>
<hr/>
</section> -->

<!-- Section 3 -->
<section id="get-started">
<div class="container">
Expand All @@ -349,11 +286,11 @@ <h5 class="subtitle">The Ethereum blockchain-based reserve currency and staking
<h2>Getting Started</h2>
<h4 class="text-center">Join the revolution.</h4>
<ul>
<li><a href="getting-started.html">Quick start ></a></li>
<li><a href="https://docs.subutai.io">Documentation ></a></li>
<li><a href="https://bazaar.subutai.io" target="_blank">Experience the Bazaar ></a></li>
<li><a href="https://docs.subutai.io/Blueprints/blockchain-in-a-box/Introduction.html">NEW! Blockchain-in-a-Box > </a></li>
<li><a href="https://www.youtube.com/channel/UCISHGzbHjYWYFfu7krnYLkA" target="_blank">YouTube > </a></li>
<li><a href="getting-started.html">Quick Start ></a></li>
<li><a href="https://docs.subutai.io" target="_blank">Documentation ></a></li>
<li><a href="https://bazaar.subutai.io" target="_blank">Enter the Bazaar ></a></li>
<li><a href="./getting-started.html#companion">Download Apps > </a></li>
<li><a href="https://docs.subutai.io/Blueprints/blockchain-in-a-box/Introduction.html" target="_blank">Blueprints > </a></li>
</ul>
</div>
</div>
Expand All @@ -367,12 +304,11 @@ <h4 class="text-center">Join the revolution.</h4>
<h2>Ideation</h2>
<h4 class="text-center">What's on our mind.</h4>
<ul>
<li><a href="https://subutai.blog/2018/05/10/the-horde-is-coming-subutai-7-0/" target="_blank">What’s new in Subutai > </a></li>
<li><a href="https://subutai.blog/2018/10/06/subutai-platform-create-your-own-global-private-network/" target="_blank">Using Subutai > </a></li>
<li><a href="https://subutai.blog/" target="_blank">Subutai Blog > </a></li>
<li><a href="https://www.youtube.com/channel/UCISHGzbHjYWYFfu7krnYLkA/videos" target="_blank">Tutorial Videos > </a></li>
<li><a href="manifesto.html">Manifesto > </a></li>
<li><a href="https://subutai.blog/" target="_blank">Blog > </a></li>
<li><a href="tribute.html">Tribute ></a></li>
<li><a href="https://www.youtube.com/watch?v=zJkmIAyhvFM&feature=youtu.be" target="_blank">Presentation ></a></li>
<li><a href="https://docs.subutai.io/Glossary.html">Glossary ></a></li>

</ul>
</div>
</div>
Expand All @@ -386,11 +322,11 @@ <h4 class="text-center">What's on our mind.</h4>
<h2>Resources</h2>
<h4 class="text-center">Ramp up.</h4>
<ul>
<li><a href="https://docs.subutai.io/FAQ.html" target="_blank">FAQ > </a></li>
<li><a href="https://github.com/subutai-io" target="_blank">GitHub > </a></li>
<li><a href="https://docs.subutai.io/FAQ.html">FAQ > </a></li>
<li><a href="https://github.com/subutai-blueprints" target="_blank">Blueprints > </a></li>
<!-- <li><a href="#" target="_blank">Release Notes > </a></li> -->
<li><a href="getting-involved.html">Get Involved > </a></li>
<li><a href="https://docs.subutai.io/Subutai_Use_Cases.html">Use Cases > </a></li>
<li><a href="https://slack.subutai.io/" target="_blank">Support > </a></li>
</ul>
</div>
</div>
Expand Down
6 changes: 6 additions & 0 deletions source/sass/_links-btn.scss
Original file line number Diff line number Diff line change
Expand Up @@ -45,6 +45,12 @@
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
// blue box links
// .getting-started .panel,
// .ideation .panel,
// .resources .panel {
// height: 350px;
// }
// social buttons
.socialButtonWrap {
// margin: 20px 0 60px 0;
Expand Down
45 changes: 9 additions & 36 deletions source/sass/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -192,14 +192,15 @@ section .cont-part4{
}

section .cont-part4 .panel-primary {
border-color: #078DD0;
border-color: #078DD0;
height: 350px;
}

section .cont-part4 .panel-body{
padding-left: 15px;
background-color: #078DD0;
border-color: #078DD0;
height: auto;
height: 100%;
}

section .cont-part4 .panel-body h2{
Expand Down Expand Up @@ -358,42 +359,8 @@ footer .cont-footer .icons-cont-footer i{
.layerDown-1 {
z-index: -1;
}
/*.topbar {
height: 66px;
margin-bottom: -66px;
}*/
/*.anchor {
display: block;
position: relative;
top: -100px;
visibility: hidden;
}*/
/*.anchor:before {
content: '';
display: block;
position: relative;
width: 0;
height: 5rem;
margin-top: -5rem;
}
.sectionRow {
margin-bottom: -60px;
display: inline-block;
}
.headlineRow {
margin-bottom: -80px;
}
.anchorTitle {
display: block;
padding-top: 60px;
}
.anchorSubtitle {
display: block;
padding-top: 80px;
}*/

/*CSS responsive*/

@media (max-width: 768px) {
/*Navbar*/
.navbar-header{
Expand Down Expand Up @@ -520,6 +487,12 @@ footer .cont-footer .icons-cont-footer i{
}

@media(max-width: 1200px){
section .cont-part4 .panel-primary {
height: auto;
}
section .cont-part4 .panel-body {
height: auto;
}

section .cont-part5 .mailchimp{
margin-left: 0px;
Expand Down

0 comments on commit 225bbf3

Please sign in to comment.