Skip to content
This repository was archived by the owner on Aug 19, 2021. It is now read-only.

restyle to match new website #1

Open
wants to merge 22 commits into
base: main
Choose a base branch
from
Open

restyle to match new website #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
22 commits
Select commit Hold shift + click to select a range
8207999
restyle to match new website
marcbarry Oct 31, 2020
856ab4a
unused textures
marcbarry Oct 31, 2020
2818ea8
unused selector
marcbarry Oct 31, 2020
15bced1
unused selector
marcbarry Oct 31, 2020
976b1e6
clean up colours
marcbarry Oct 31, 2020
3bf1b11
work on style
enclave-marc-barry Mar 17, 2021
3904ba6
style updates
enclave-marc-barry Mar 17, 2021
f75e2b8
Update how-to-configure-dns-forwarding-on-linux.md
enclave-marc-barry Mar 17, 2021
57746a5
style fixes
enclave-marc-barry Mar 17, 2021
4da46d9
doc updates
enclave-marc-barry Mar 17, 2021
19eb49a
style updates
enclave-marc-barry Mar 17, 2021
d8a7d0a
Update index.html
enclave-marc-barry Mar 17, 2021
949592a
Update enclave.scss
enclave-marc-barry Mar 17, 2021
d5b8cdc
style fixes
enclave-marc-barry Mar 17, 2021
c857f1c
Update enclave.scss
enclave-marc-barry Mar 18, 2021
01aba66
update styles and homepage
enclave-marc-barry Mar 18, 2021
4ca403d
style updates
enclave-marc-barry Mar 21, 2021
1b7109e
tidy up css
enclave-marc-barry Mar 21, 2021
d917111
Update jquery.toc-scroll.scss
enclave-marc-barry Mar 21, 2021
eb3d55b
Update jquery.toc-scroll.scss
enclave-marc-barry Mar 21, 2021
44a013e
style adjustments
enclave-marc-barry Mar 22, 2021
6200a17
latest changes
enclave-marc-barry Mar 31, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 1 addition & 2 deletions _config.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
title: Enclave
host: 0.0.0.0
host: 0.0.0.0
port: 80
url: https://docs.enclave.io
markdown: kramdown
highlighter: rouge

Expand Down
139 changes: 102 additions & 37 deletions _includes/nav.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,23 +1,92 @@
<header>
<nav class="navbar navbar-default navbar-top" role="navigation">
<div class="container">

<nav class="navbar navbar-default navbar-top" role="navigation">
<div class="container">

<a class="navbar-brand" href="/">
<img alt="Enclave" src="/img/enclave-header-logo.png">
<img alt="Enclave" src="/img/enclave-logo.png">
</a>

<div class="navbar-header">
<button type="button" class="fa fa-bars navbar-toggle " data-toggle="collapse" data-target="#navbar-main" aria-hidden="true" ></button>
</div>

<div id="navbar-main" class="navbar-collapse navbar-right collapse">
<ul class="nav navbar-nav">
<li><a class="btn-login" href="https://portal.enclave.io">Log in</a></li>
<li><a class="btn-download" href="https://portal.enclave.io/account/register">Get Started</a></li>
<div id="navbar-main" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="expandable">
<span href="https://docs.enclave.io">Solutions <i></i></span>
<div class="submenu">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="section-title hide-on-mobile">Solutions</div>
<div class="section-summary section-summary-docs hide-on-mobile">Simplify, secure and automate connectivity at scale. From individuals to enterprise, every network can benefit from Enclave.</div>
</div>
<div class="col-md-4">
<div class="column-heading hide-on-mobile">BY INDUSTRY</div>
<ul>
<li><a href="https://enclave.io/">Managed Service Providers <i></i></a></li>
<li><a href="https://enclave.io/">Managed Security Service Providers <i></i></a></li>
<li><a href="https://enclave.io/">Financial and Professional Services <i></i></a></li>
</ul>
</div>
<div class="col-md-4">
<div class="column-heading hide-on-mobile">BY ROLE</div>
<ul>
<li><a href="https://enclave.io/">For CISOs <i></i></a></li>
<li><a href="https://enclave.io/">For IT Management <i></i></a></li>
<li><a href="https://enclave.io/">For DevOps Practitioners <i></i></a></li>
<li><a href="https://enclave.io/">For System Administrators and SREs <i></i></a></li>
<li><a href="https://enclave.io/">For Developers <i></i></a></li>
<li><a href="https://enclave.io/">For Systems Architects <i></i></a></li>
<li><a href="https://enclave.io/">For Individuals <i></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="expandable">
<span href="https://docs.enclave.io">Company <i></i></span>
<div class="submenu">
<div class="container">
<div class="row">
<div class="col-md-5">
<div class="section-title hide-on-mobile">Company</div>
<div class="section-summary section-summary-docs hide-on-mobile">We're not here to build you a better network, we're here to get the network out of your way.</div>
</div>
<div class="col-md-7">
<ul>
<li><a href="https://enclave.io/">About Us <i></i></a></li>
<li><a href="https://enclave.io/">Careers <i></i></a></li>
<li><a href="https://enclave.io/">Customer Agreement <i></i></a></li>
<li><a href="https://enclave.io/">Terms and Conditions <i></i></a></li>
<li><a href="https://enclave.io/">Privacy Policy <i></i></a></li>
<li><a href="https://enclave.io/">Cookie Policy <i></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li>
<a href="https://enclave.io/pricing">Pricing</a>
</li>
<li>
<a href="https://enclave.io/blog">Blog</a>
</li>
<li class="active">
<a href="/">Docs</a>
</li>
</ul>

<ul class="nav navbar-nav navbar-right">
<li><a class="btn-login" target="_blank" href="https://portal.enclave.io">Log in</a></li>
<li><a class="btn-download" target="_blank" href="https://portal.enclave.io/account/register">Get Started</a></li>
</ul>
</div>
</div>
</nav>
</div>
</div>
</nav>
</header>

<script>
Expand All @@ -26,43 +95,39 @@
{
$(document).ready(function()
{
$('nav .expandable').click(function()
{
// disable click action on desktop menu
if ($( document ).width() > 991) return;
$('nav .expandable').click(function(e) {

$('.submenu', this).toggle();
$(this).find(':first-child').first().toggleClass('hover');
});
// disable hover action on collapsed mobile menu
if ($( document ).width() <= 991) return;

$('nav .expandable').hover(
function() {
// disable hover action on collapsed mobile menu
if ($( document ).width() <= 991) return;
// show/hide submenu toggle
$('.submenu', this).toggle();

// style menu item
$(this).find(':first-child').first().addClass('hover');
var item = $(this).find(':first-child').first();
if (item.hasClass('active'))
{
// remove hover styling for all menu items
$('.submenu').prev().removeClass('active');
$('.submenu').stop().hide();
}
else
{
// remove hover styling for all menu items
$('.submenu').prev().removeClass('active');
$('.submenu').stop().hide();

// show sub-menu
// add hover styling to this menu item
item.addClass('active');
$('.submenu', this).stop().show();
},
function() {
// disable hover action on collapsed mobile menu
if ($( document ).width() <= 991) return;

// un-style menu item
$(this).find(':first-child').first().removeClass('hover');

// hide sub-menu
$('.submenu', this).stop().hide();
}
);

});
$(window).scroll(function() {

var offset = 70 - $(document).scrollTop();
var offset = 66 - $(document).scrollTop();

$('.submenu').css("top", offset + "px");
$('.submenu').prev().removeClass('active');
$('.submenu').stop().hide();
});
});
Expand Down
5 changes: 4 additions & 1 deletion _layouts/default.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -30,8 +30,11 @@
<meta property="og:image:secure_url" itemprop="image" content="{{site.url}}/img/library/3566f707-db3e-4014-8b85-8a968fbe312b.png" />
{% endif %}

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Source+Sans+Pro:300,600|Lato:300,700|Roboto+Slab:300,400" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lato:300,700" />
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap" />
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400&display=swap">

<link rel="stylesheet" type="text/css" href="/css/lib/font-awesome-4.5.0.min.css" />
<link rel="stylesheet" type="text/css" href="/css/lib/bootstrap-3.3.7.min.css" />
Expand Down
7 changes: 4 additions & 3 deletions _layouts/layout-page-docs-index-page-no-toc.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,13 +21,14 @@ <h1>{{page.title}}</h1>
<div class="row">
<div class="col-md-12">
<div id="breadcrumb">
<p>
<a href="/">Documentation</a> / <strong>{{page.title}}</strong></p>
<p><a href="/">Documentation</a> / <strong>{{page.title}}</strong></p>
</div>
</div>
</div>
<div class="row">
{{content}}
<div class="col-md-12 content">
{{content}}
</div>
</div>
</div>
</section>
Expand Down
2 changes: 1 addition & 1 deletion _layouts/layout-page-docs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@ <h1>{{page.title}}</h1>
<div class="col-md-3">
<div id="toc"></div>
</div>
<div class="col-md-9">
<div class="col-md-9 content">
{{content}}
</div>
</div>
Expand Down
Loading