Docs X theme
This commit is contained in:
Diego Najar
parent
38d45d078e
commit
4698207431
|
|
@ -14,6 +14,10 @@ section {
|
|||
padding: 150px 0;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/* Navbar */
|
||||
.navbar-nav-svg {
|
||||
display: inline-block;
|
||||
|
|
|
|||
|
|
@ -14,6 +14,10 @@ section {
|
|||
padding: 150px 0;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/* Navbar */
|
||||
.navbar-nav-svg {
|
||||
display: inline-block;
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
</a>
|
||||
|
||||
<!-- Creation date -->
|
||||
<h6 class="card-subtitle mb-2 text-muted"><?php echo $page->date(); ?> - <?php echo $Language->get('Reading time') . ': ' . $page->readingTime() . $Language->get('minutes') ?></h6>
|
||||
<h6 class="card-subtitle mb-2 text-muted"><?php echo $page->date(); ?> - <?php echo $Language->get('Reading time') . ': ' . $page->readingTime(); ?></h6>
|
||||
|
||||
<!-- Breaked content -->
|
||||
<?php echo $page->contentBreak(); ?>
|
||||
|
|
|
|||
|
|
@ -0,0 +1 @@
|
|||
.hljs{display:block;overflow-x:auto;padding:0.5em;color:#333;background:#f8f8f8}.hljs-comment,.hljs-quote{color:#998;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:#333;font-weight:bold}.hljs-number,.hljs-literal,.hljs-variable,.hljs-template-variable,.hljs-tag .hljs-attr{color:#008080}.hljs-string,.hljs-doctag{color:#d14}.hljs-title,.hljs-section,.hljs-selector-id{color:#900;font-weight:bold}.hljs-subst{font-weight:normal}.hljs-type,.hljs-class .hljs-title{color:#458;font-weight:bold}.hljs-tag,.hljs-name,.hljs-attribute{color:#000080;font-weight:normal}.hljs-regexp,.hljs-link{color:#009926}.hljs-symbol,.hljs-bullet{color:#990073}.hljs-built_in,.hljs-builtin-name{color:#0086b3}.hljs-meta{color:#999;font-weight:bold}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:bold}
|
||||
|
|
@ -1,52 +1,129 @@
|
|||
html {
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
body {
|
||||
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
/* Margin bottom for footer height */
|
||||
margin-bottom: 60px;
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
font-size: .875rem;
|
||||
a {
|
||||
color: #005ec3;
|
||||
}
|
||||
|
||||
/* Toc */
|
||||
#toc {
|
||||
float: right;
|
||||
width: 40%;
|
||||
margin: 0 0 0.5em 0.5em;
|
||||
padding: 1em;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
#toc ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Main */
|
||||
.main {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.main h1.title {
|
||||
font-size: 1.7em;
|
||||
border-bottom: 1px solid #ddd;
|
||||
margin-bottom: 15px;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.main h1,
|
||||
.main h2,
|
||||
.main h3,
|
||||
.main h4 {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 15px;
|
||||
color: #e6522c;
|
||||
}
|
||||
|
||||
.main h2 {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.main h3 {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
.main h4 {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
.main p {
|
||||
margin: 15px 0 15px 0;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.main div.note {
|
||||
margin: 20px 0;
|
||||
padding: 20px;
|
||||
background: #fafafa;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.main div.note div.title {
|
||||
color: #e6522c;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
pre, pre code {
|
||||
font-size: 14px !important;
|
||||
}
|
||||
pre, code {
|
||||
font-family: "Courier New", "Liberation Mono",Courier,monospace;
|
||||
}
|
||||
pre {
|
||||
background: #f8f8f8 none repeat scroll 0 0;
|
||||
border: 1px solid #e7e9ee;
|
||||
color: #4d4d4c;
|
||||
line-height: 21px;
|
||||
margin-bottom: 20px;
|
||||
overflow-wrap: break-word;
|
||||
padding: 10px 10px;
|
||||
}
|
||||
pre, code {
|
||||
white-space: pre-wrap;
|
||||
}
|
||||
code, kbd, pre, samp {
|
||||
font-family: monospace,monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
pre {
|
||||
overflow: auto;
|
||||
}
|
||||
code {
|
||||
background: #f8f8f8;
|
||||
padding: 4px;
|
||||
font-size: 14px !important;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.mini-logo {
|
||||
height: 22px;
|
||||
padding-bottom: 5px;
|
||||
}
|
||||
|
||||
/* Sidebar */
|
||||
.sidebar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 100;
|
||||
padding: 0;
|
||||
box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
|
||||
margin-top: 30px;
|
||||
padding: 5px 20px 20px 7px;
|
||||
font-size: .875rem;
|
||||
}
|
||||
|
||||
.sidebar .nav-link {
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
.sidebar ul.nav {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.sidebar-sticky {
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 48px;
|
||||
height: calc(100vh - 48px);
|
||||
padding-top: .5rem;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
.sidebar li.nav-item {
|
||||
border-left: 1px solid #fafafa;
|
||||
}
|
||||
|
||||
.sidebar li.nav-item-active {
|
||||
border-left: 3px solid #ddd;
|
||||
}
|
||||
/* Navbar */
|
||||
|
|
|
|||
|
|
@ -8,12 +8,22 @@
|
|||
<!-- Load Bludit Plugins: Site Body Begin -->
|
||||
<?php Theme::plugins('siteBodyBegin'); ?>
|
||||
|
||||
<!-- Content -->
|
||||
<div class="container-fluid">
|
||||
<div class="row">
|
||||
<!-- Left Sidebar -->
|
||||
<?php include(THEME_DIR_PHP.'sidebar.php'); ?>
|
||||
<!-- Navbar -->
|
||||
<div>
|
||||
<?php include(THEME_DIR_PHP.'navbar.php'); ?>
|
||||
</div>
|
||||
|
||||
<!-- Content -->
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-3 side-nav-col">
|
||||
<?php
|
||||
include(THEME_DIR_PHP.'sidebar.php');
|
||||
?>
|
||||
</div>
|
||||
|
||||
<div class="col-md-9 doc-content">
|
||||
<div class="main">
|
||||
<?php
|
||||
if ($WHERE_AM_I == 'page') {
|
||||
include(THEME_DIR_PHP.'page.php');
|
||||
|
|
@ -23,16 +33,40 @@
|
|||
?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<?php include(THEME_DIR_PHP.'footer.php'); ?>
|
||||
<footer>
|
||||
<p class="pull-left">
|
||||
© Prometheus Authors 2018
|
||||
</p>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
<!-- Javascript -->
|
||||
<?php
|
||||
echo Theme::js('js/jquery.min.js');
|
||||
echo Theme::js('js/bootstrap.min.js');
|
||||
echo Theme::js('js/highlight.min.js');
|
||||
?>
|
||||
|
||||
<!-- Init Highlight -->
|
||||
<script>
|
||||
hljs.initHighlighting();
|
||||
</script>
|
||||
|
||||
<!-- TOC generator -->
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
if ($('#page-content > h2').length > 1) {
|
||||
$('#page-content > h2').each(function() {
|
||||
$('#toc-content').append('<li><a href="' + $(this).attr('id') + '">' + $(this).text() + '</a></li>');
|
||||
});
|
||||
} else {
|
||||
$('#toc').hide();
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Load Bludit Plugins: Site Body End -->
|
||||
<?php Theme::plugins('siteBodyEnd'); ?>
|
||||
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,5 +1,3 @@
|
|||
<footer class="footer bg-dark">
|
||||
<div class="container">
|
||||
<p class="m-0 text-center text-white text-uppercase"><?php echo $site->footer(); ?><span class="ml-5 text-warning">Powered by<img class="mini-logo" src="<?php echo DOMAIN_THEME_IMG.'favicon.png'; ?>"/><a target="_blank" class="text-white" href="https://www.bludit.com">Bludit</a></span></p>
|
||||
</div>
|
||||
<footer class="footer text-right">
|
||||
<p class="m-4 text-uppercase"><?php echo $site->footer(); ?><span class="ml-3 text-warning">Powered by <a target="_blank" class="text-warning" href="https://www.bludit.com">Bludit</a></span></p>
|
||||
</footer>
|
||||
|
|
@ -17,5 +17,11 @@
|
|||
<!-- CSS: Styles for this theme -->
|
||||
<?php echo Theme::css('css/style.css'); ?>
|
||||
|
||||
<!-- CSS: Highlight -->
|
||||
<?php echo Theme::css('css/highlight.github.min.css'); ?>
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
|
||||
|
||||
<!-- Load Bludit Plugins: Site head -->
|
||||
<?php Theme::plugins('siteHead'); ?>
|
||||
|
|
@ -1,3 +1 @@
|
|||
<main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
|
||||
<h1>Hi</h1>
|
||||
</main>
|
||||
|
|
@ -1,8 +1,78 @@
|
|||
<nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0">
|
||||
<a class="navbar-brand col-sm-3 col-md-2 mr-0" href="#">Company name</a>
|
||||
<ul class="navbar-nav px-3">
|
||||
<li class="nav-item text-nowrap">
|
||||
<a class="nav-link" href="#">Sign out</a>
|
||||
<nav class="navbar navbar-static-top bg-dark">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="<?php echo $site->url() ?>">
|
||||
<span class="text-white"><?php echo $site->title() ?></span>
|
||||
</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
|
||||
<!-- Static pages -->
|
||||
<?php foreach ($staticContent as $staticPage): ?>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="<?php echo $staticPage->permalink() ?>"><?php echo $staticPage->title() ?></a>
|
||||
</li>
|
||||
<?php endforeach ?>
|
||||
|
||||
<!-- Social Networks -->
|
||||
<?php if ($site->github()): ?>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="<?php echo $site->github() ?>" target="_blank" rel="noopener" aria-label="GitHub">
|
||||
<svg class="navbar-nav-svg" aria-labelledby="simpleicons-github-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<title id="simpleicons-github-icon">GitHub icon</title>
|
||||
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" style="fill: rgba(255, 255, 255, 0.5);"/>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
|
||||
<?php if ($site->twitter()): ?>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="<?php echo $site->twitter() ?>" target="_blank" rel="noopener" aria-label="twitter">
|
||||
<svg class="navbar-nav-svg" aria-labelledby="simpleicons-twitter-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<title id="simpleicons-twitter-icon">Twitter icon</title>
|
||||
<path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z" style="fill: rgba(255, 255, 255, 0.5);"/>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
|
||||
<?php if ($site->facebook()): ?>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="<?php echo $site->facebook() ?>" target="_blank" rel="noopener" aria-label="facebook">
|
||||
<svg class="navbar-nav-svg" aria-labelledby="simpleicons-facebook-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<title id="simpleicons-facebook-icon">Facebook icon</title>
|
||||
<path d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0" style="fill: rgba(255, 255, 255, 0.5);"/>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
|
||||
<?php if ($site->googleplus()): ?>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="<?php echo $site->googleplus() ?>" target="_blank" rel="noopener" aria-label="googleplus">
|
||||
<svg class="navbar-nav-svg" aria-labelledby="simpleicons-googleplus-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<title id="simpleicons-googleplus-icon">Google+ icon</title>
|
||||
<path d="M7.635 10.909v2.619h4.335c-.173 1.125-1.31 3.295-4.331 3.295-2.604 0-4.731-2.16-4.731-4.823 0-2.662 2.122-4.822 4.728-4.822 1.485 0 2.479.633 3.045 1.178l2.073-1.994c-1.33-1.245-3.056-1.995-5.115-1.995C3.412 4.365 0 7.785 0 12s3.414 7.635 7.635 7.635c4.41 0 7.332-3.098 7.332-7.461 0-.501-.054-.885-.12-1.265H7.635zm16.365 0h-2.183V8.726h-2.183v2.183h-2.182v2.181h2.184v2.184h2.189V13.09H24" style="fill: rgba(255, 255, 255, 0.5);"/>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
|
||||
<?php if ($site->codepen()): ?>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="<?php echo $site->codepen() ?>" target="_blank" rel="noopener" aria-label="codepen">
|
||||
<svg class="navbar-nav-svg" aria-labelledby="simpleicons-codepen-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||||
<title id="simpleicons-codepen-icon">CodePen icon</title>
|
||||
<path d="M24 8.182l-.018-.087-.017-.05c-.01-.024-.018-.05-.03-.075-.003-.018-.015-.034-.02-.05l-.035-.067-.03-.05-.044-.06-.046-.045-.06-.045-.046-.03-.06-.044-.044-.04-.015-.02L12.58.19c-.347-.232-.796-.232-1.142 0L.453 7.502l-.015.015-.044.035-.06.05-.038.04-.05.056-.037.045-.05.06c-.02.017-.03.03-.03.046l-.05.06-.02.06c-.02.01-.02.04-.03.07l-.01.05C0 8.12 0 8.15 0 8.18v7.497c0 .044.003.09.01.135l.01.046c.005.03.01.06.02.086l.015.05c.01.027.016.053.027.075l.022.05c0 .01.015.04.03.06l.03.04c.015.01.03.04.045.06l.03.04.04.04c.01.013.01.03.03.03l.06.042.04.03.01.014 10.97 7.33c.164.12.375.163.57.163s.39-.06.57-.18l10.99-7.28.014-.01.046-.037.06-.043.048-.036.052-.058.033-.045.04-.06.03-.05.03-.07.016-.052.03-.077.015-.045.03-.08v-7.5c0-.05 0-.095-.016-.14l-.014-.045.044.003zm-11.99 6.28l-3.65-2.44 3.65-2.442 3.65 2.44-3.65 2.44zm-1.034-6.674l-4.473 2.99L2.89 8.362l8.086-5.39V7.79zm-6.33 4.233l-2.582 1.73V10.3l2.582 1.726zm1.857 1.25l4.473 2.99v4.82L2.89 15.69l3.618-2.417v-.004zm6.537 2.99l4.474-2.98 3.613 2.42-8.087 5.39v-4.82zm6.33-4.23l2.583-1.72v3.456l-2.583-1.73zm-1.855-1.24L13.042 7.8V2.97l8.085 5.39-3.612 2.415v.003z" style="fill: rgba(255, 255, 255, 0.5);"/>
|
||||
</svg>
|
||||
</a>
|
||||
</li>
|
||||
<?php endif ?>
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
|
@ -1,4 +1,7 @@
|
|||
<main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-4 px-5">
|
||||
<h1><?php echo $page->title(); ?></h1>
|
||||
<h1 class="title text-uppercase"><?php echo $page->title(); ?></h1>
|
||||
<div id="toc">
|
||||
<ul id="toc-content"></ul>
|
||||
</div>
|
||||
<div id="page-content">
|
||||
<?php echo $page->content(); ?>
|
||||
</main>
|
||||
</div>
|
||||
|
|
@ -1,11 +1,10 @@
|
|||
<nav class="col-md-2 d-none d-md-block bg-light sidebar">
|
||||
<div class="sidebar-sticky">
|
||||
<nav class="sidebar">
|
||||
<?php
|
||||
// Get all parent pages
|
||||
$parents = buildParentPages();
|
||||
foreach ($parents as $parent) {
|
||||
// Print the parent page title
|
||||
echo '<h6>'.$parent->title().'</h6>';
|
||||
echo '<h6 class="text-uppercase">'.$parent->title().'</h6>';
|
||||
|
||||
// Check if the parent page has children
|
||||
if ($parent->hasChildren()) {
|
||||
|
|
@ -14,13 +13,16 @@
|
|||
|
||||
echo '<ul class="nav flex-column">';
|
||||
foreach ($children as $child) {
|
||||
if ($child->key()==$url->slug()) {
|
||||
echo '<li class="nav-item-active">';
|
||||
} else {
|
||||
echo '<li class="nav-item">';
|
||||
echo '<a class="nav-link active" href="'.$child->permalink().'">'.$child->title().'</a>';
|
||||
}
|
||||
echo '<a class="nav-link" href="'.$child->permalink().'">'.$child->title().'</a>';
|
||||
echo '</li>';
|
||||
}
|
||||
echo '</ul>';
|
||||
}
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</nav>
|
||||
Loading…
Reference in New Issue