Docs X theme

bl-themes/alternative/css/style.css

@@ -14,6 +14,10 @@ section {
 	padding: 150px 0;
 }
 
+img {
+	max-width: 100%;
+}
+
 /* Navbar */
 .navbar-nav-svg {
 	display: inline-block;

bl-themes/blogx/css/style.css

@@ -14,6 +14,10 @@ section {
 	padding: 150px 0;
 }
 
+img {
+	max-width: 100%;
+}
+
 /* Navbar */
 .navbar-nav-svg {
 	display: inline-block;

bl-themes/blogx/php/home.php

@@ -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(); ?>

bl-themes/docsx/css/highlight.github.min.css

@@ -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}

bl-themes/docsx/css/style.css

@@ -1,52 +1,129 @@
-html {
+body {
-	position: relative;
+	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
-	min-height: 100%;
 }
 
-body {
+img {
-	/* Margin bottom for footer height */
+	max-width: 100%;
-	margin-bottom: 60px;
+}
 
-	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;
+	margin-top: 30px;
-	top: 0;
+	padding: 5px 20px 20px 7px;
-	bottom: 0;
+	font-size: .875rem;
-	left: 0;
-	z-index: 100;
-	padding: 0;
-	box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
 }
 
-.sidebar .nav-link {
+.sidebar ul.nav {
-	font-weight: 500;
+	margin-bottom: 20px;
-	color: #333;
 }
 
-.sidebar-sticky {
+.sidebar li.nav-item {
-	position: -webkit-sticky;
+	border-left: 1px solid #fafafa;
-	position: sticky;
+}
-	top: 48px;
+
-	height: calc(100vh - 48px);
+.sidebar li.nav-item-active {
-	padding-top: .5rem;
+	border-left: 3px solid #ddd;
-	overflow-x: hidden;
+}
-	overflow-y: auto;
+/* Navbar */
-    }

bl-themes/docsx/index.php

@@ -8,12 +8,22 @@
 	<!-- Load Bludit Plugins: Site Body Begin -->
 	<?php Theme::plugins('siteBodyBegin'); ?>
 
-	<!-- Content -->
+	<!-- Navbar -->
-	<div class="container-fluid">
+	<div>
-		<div class="row">
+	<?php include(THEME_DIR_PHP.'navbar.php'); ?>
-			<!-- Left Sidebar -->
+	</div>
-			<?php include(THEME_DIR_PHP.'sidebar.php'); ?>
 
+	<!-- 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 -->
+		<footer>
-	<?php include(THEME_DIR_PHP.'footer.php'); ?>
+		<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'); ?>
 

bl-themes/docsx/php/footer.php

@@ -1,5 +1,3 @@
-<footer class="footer bg-dark">
+<footer class="footer text-right">
-	<div class="container">
+	<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>
-		<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>

bl-themes/docsx/php/head.php

@@ -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'); ?>

bl-themes/docsx/php/home.php

@@ -1,3 +1 @@
-<main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
 <h1>Hi</h1>
-</main>

bl-themes/docsx/php/navbar.php

@@ -1,8 +1,78 @@
-<nav class="navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0">
+<nav class="navbar navbar-static-top bg-dark">
-	<a class="navbar-brand col-sm-3 col-md-2 mr-0" href="#">Company name</a>
+	<div class="container">
-	<ul class="navbar-nav px-3">
+		<a class="navbar-brand" href="<?php echo $site->url() ?>">
-		<li class="nav-item text-nowrap">
+			<span class="text-white"><?php echo $site->title() ?></span>
-			<a class="nav-link" href="#">Sign out</a>
+		</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>

bl-themes/docsx/php/page.php

@@ -1,4 +1,7 @@
-<main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-4 px-5">
+<h1 class="title text-uppercase"><?php echo $page->title(); ?></h1>
-<h1><?php echo $page->title(); ?></h1>
+<div id="toc">
+	<ul id="toc-content"></ul>
+</div>
+<div id="page-content">
 <?php echo $page->content(); ?>
-</main>
+</div>

bl-themes/docsx/php/sidebar.php

@@ -1,11 +1,10 @@
-<nav class="col-md-2 d-none d-md-block bg-light sidebar">
+<nav class="sidebar">
-	<div class="sidebar-sticky">
+<?php
-	<?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>