diff --git a/bl-kernel/admin/themes/koblog/css/koblog.bootstrap.css b/bl-kernel/admin/themes/koblog/css/koblog.bootstrap.css
new file mode 100644
index 00000000..181955f0
--- /dev/null
+++ b/bl-kernel/admin/themes/koblog/css/koblog.bootstrap.css
@@ -0,0 +1,58 @@
+a {
+	color: #0078D4;
+}
+
+a:hover {
+	color: #003f6f;
+	text-decoration: none;
+}
+
+.bg-success {
+	background-color: #8BC34A!important;
+}
+
+.text-primary {
+	color: #0078D4!important;
+}
+
+.text-danger {
+	color: #D40000!important;
+}
+a.text-danger:focus,
+a.text-danger:hover {
+	color: #790000!important;
+}
+
+/* Buttons */
+.btn-primary {
+	background-color: #0078D4;
+	border-color: #0078D4;
+}
+
+.btn-primary:hover {
+	background-color: #4585CF;
+	border-color: #4a90e2;
+}
+
+.btn-light.focus, .btn-light:focus {
+	box-shadow: none;
+}
+
+.btn.focus, .btn:focus {
+	box-shadow: none;
+}
+
+/* Form */
+.form-control:focus {
+	box-shadow: none;
+}
+
+/* Tables */
+.table-striped tbody tr:nth-of-type(odd) {
+	background-color: rgba(0, 0, 0, 0.02);
+}
+
+.table thead th {
+	font-size: 0.8em;
+	text-transform: uppercase!important;
+}
diff --git a/bl-kernel/admin/themes/koblog/css/koblog.css b/bl-kernel/admin/themes/koblog/css/koblog.css
new file mode 100644
index 00000000..e1e455dd
--- /dev/null
+++ b/bl-kernel/admin/themes/koblog/css/koblog.css
@@ -0,0 +1,367 @@
+html {
+	height: 100%;
+	font-size: 0.9rem;
+	background: #fcfcfc;
+}
+
+body {
+	background: #fcfcfc;
+}
+
+/* Prevent events in iframes */
+/* iframe{
+	pointer-events: none;
+} */
+
+/*
+	ICONS
+*/
+.fa {
+	margin-right: .5rem !important;
+	line-height: inherit;
+}
+
+/*
+	SIDEBAR
+*/
+
+div.sidebar .nav-item a {
+	padding-left: 0;
+	padding-right: 0;
+	color: #555;
+	padding-top: 5px;
+	padding-bottom: 5px;
+}
+
+div.sidebar .nav-item a:hover {
+	color: #0078D4;
+}
+
+div.sidebar .nav-item h4 {
+	font-size: 1.2em;
+	text-transform: uppercase;
+	font-weight: 400;
+	margin-top: 10px;
+}
+
+/*
+	AUTOCOMPLETE SEARCH
+*/
+.search-suggestion {
+	padding: 5px;
+}
+
+.search-suggestion-options {
+	font-size: 0.9em;
+	padding-top: 2px;
+}
+
+/*
+	BOOTSTRAP Hacks
+*/
+
+@media (min-width: 1200px) {
+	.container {
+		max-width: 1250px;
+	}
+}
+
+/* for small devices */
+@media (max-width: 575.98px) {
+
+	#jsmediaManagerButton,
+	#jscategoryButton,
+	#jsdescriptionButton {
+		width: 100%;
+		text-align: left;
+	}
+}
+
+
+
+
+.btn-light {
+	color: #212529;
+	background-color: #f3f3f3;
+	border-color: #ced4d9;
+}
+
+.btn-form {
+	background-color: #F3F3F3;
+	border-color: #DDD;
+	color: #000;
+}
+
+.btn-form:hover {
+	background-color: rgb(228, 228, 228);
+	border-color: #DDD;
+	color: #000;
+}
+
+
+
+code {
+	padding: 3px 5px 2px;
+	margin: 0 1px;
+	background: #eaeaea;
+	background: rgba(0, 0, 0, .07);
+	color: #444;
+}
+
+.list-group-sortable {
+	cursor: pointer;
+}
+
+.modal-body {
+	padding: 2rem;
+}
+
+.modal-footer {
+	background-color: rgb(247, 247, 247);
+}
+
+.modal-dialog .btn-link {
+	color: #000;
+}
+
+/*
+	LOGIN
+*/
+
+body.login {
+	background: rgb(255, 255, 255);
+	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(250, 250, 250, 1) 53%);
+	height: 100%;
+}
+
+
+/*
+	DASHBOARD
+*/
+
+#dashboard ul.list-group.list-group-striped li {
+	border: none;
+	word-break: break-word;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+}
+
+#dashboard ul.list-group.list-group-striped li:nth-of-type(even) {
+	background: #f1f1f1;
+
+}
+
+#dashboard div.quick-links-icons {
+	font-size: 3em;
+	width: 100%;
+}
+
+#dashboard a.quick-links {
+	color: #777;
+}
+
+#dashboard a.quick-links:hover {
+	text-decoration: none;
+	color: #4586d4;
+}
+
+#hello-message {
+	padding: 10px 0;
+	margin-bottom: 20px;
+}
+
+#hello-message span.oi {
+	top: 3px;
+}
+
+.ct-series-a .ct-line {
+	/* Set the colour of this series line */
+	stroke: #4a90e2;
+	/* Control the thikness of your lines */
+	stroke-width: 2px;
+	/* Create a dashed line with a pattern */
+}
+
+.ct-series-a .ct-point {
+	/* Colour of your points */
+	stroke: #4a90e2;
+	/* Size of your points */
+	stroke-width: 8px;
+}
+
+/*
+	ALERT
+*/
+
+#alert {
+	display: none;
+	position: fixed;
+	text-align: center;
+	border-radius: 0px;
+	border: 0;
+	z-index: 1000;
+	bottom: 0;
+	right: 0;
+	margin: 0;
+}
+
+.alert-success {
+	background-color: #4586d4;
+	border-left: 6px solid #abd1ff !important;
+	color: #ffffff;
+}
+
+.alert-danger {
+	background-color: #d44545;
+	border-left: 6px solid #ff9c9c !important;
+	color: #ffffff;
+}
+
+
+
+/*
+	PLUGINS
+*/
+
+.plugin-form label {
+	display: block;
+	margin-top: 1rem !important;
+}
+
+.plugin-form input[type="text"],
+.plugin-form textarea,
+.plugin-form select {
+	display: block;
+	width: 100%;
+	padding: .375rem .75rem;
+	font-size: 1rem;
+	line-height: 1.5;
+	color: #495057;
+	background-color: #fff;
+	background-clip: padding-box;
+	border: 1px solid #ced4da;
+	border-radius: .25rem;
+	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+}
+
+.plugin-form textarea {
+	min-height: 120px;
+}
+
+.plugin-form span.tip {
+	display: block;
+	font-size: 80%;
+	font-weight: 400;
+	margin-top: .25rem;
+	color: #6c757d !important;
+}
+
+/*
+	Manage > Content
+*/
+
+td.child {
+	padding-left: 30px;
+}
+
+/*
+	Manage > New Content
+*/
+
+#jseditor {
+	background: #fff;
+	padding: 10px 5% !important;
+	font-size: 16px;
+	line-height: 1.5em;
+	border: 1px solid #ced4da;
+}
+
+#jseditorSidebar {
+	display: none;
+	height: calc(100% - 45px);
+	width: 50%;
+	max-width: 350px;
+	position: absolute;
+	z-index: 50;
+	top: 45px;
+	right: 15px;
+	background-color: #fff;
+	overflow-x: hidden;
+	transition: 0.5s;
+	border-left: 1px solid #ccc;
+	border-right: 1px solid #ccc;
+	border-top: 1px solid #ccc;
+}
+
+@media (max-width: 575.98px) {
+	#jseditorSidebar {
+		width: 100%;
+		max-width: 100%;
+		right: 0;
+	}
+
+	#jseditorToolbarRight button {
+		font-size: 0px !important;
+	}
+
+	#jseditorToolbarRight button span {
+		font-size: 16px !important;
+	}
+
+	.contentTools .btn {
+		font-size: 0px !important;
+		margin-right: 5px;
+	}
+
+	.contentTools .btn span {
+		font-size: 16px !important;
+	}
+}
+
+#jseditorSidebar nav {
+	background: #f3f3f3;
+}
+
+#jseditorSidebar nav a {
+	color: #000;
+}
+
+#jseditorSidebar .nav-tabs .nav-link {
+	border: none;
+}
+
+#jseditorSidebar .nav-link.active {
+	background: none;
+	border: none;
+	border-bottom: 3px solid #ccc;
+}
+
+#jsshadow {
+	position: absolute;
+	top: 0;
+	right: 0;
+	bottom: 0;
+	left: 0;
+	background-color: rgba(72, 72, 72, 0.7);
+	z-index: 10;
+	display: none;
+}
+
+img.profilePicture {
+	width: 30px;
+	height: 30px;
+	border-radius: 30px;
+	border: 1px solid #ccc;
+}
+
+/* Switch button */
+.switch-button {
+	font-size: 0.9em;
+	text-transform: uppercase;
+	cursor: pointer;
+}
+
+.switch-icon-publish {
+	color: #1cb11c;
+}
diff --git a/bl-kernel/admin/themes/koblog/html/alert.php b/bl-kernel/admin/themes/koblog/html/alert.php
new file mode 100644
index 00000000..dc9770dc
--- /dev/null
+++ b/bl-kernel/admin/themes/koblog/html/alert.php
@@ -0,0 +1,17 @@
+<script charset="utf-8">
+	function showAlert(text) {
+		console.log("[INFO] Function showAlert() called.");
+		$("#alert").html(text);
+		$("#alert").slideDown().delay(<?php echo ALERT_DISAPPEAR_IN*1000 ?>).slideUp();
+	}
+
+	<?php if (Alert::defined()): ?>
+	setTimeout(function(){ showAlert("<?php echo Alert::get() ?>") }, 500);
+	<?php endif; ?>
+
+	$(window).click(function() {
+		$("#alert").hide();
+	});
+</script>
+
+<div id="alert" class="alert <?php echo (Alert::status()==ALERT_STATUS_FAIL)?'alert-danger':'alert-success' ?>"></div>
diff --git a/bl-kernel/admin/themes/koblog/html/media.php b/bl-kernel/admin/themes/koblog/html/media.php
new file mode 100644
index 00000000..3c53a992
--- /dev/null
+++ b/bl-kernel/admin/themes/koblog/html/media.php
@@ -0,0 +1,262 @@
+<?php
+// Preload the first 10 files to not call via AJAX when the user open the first time the media manager
+$listOfFilesByPage = Filesystem::listFiles(PAGE_THUMBNAILS_DIRECTORY, '*', '*', MEDIA_MANAGER_SORT_BY_DATE, MEDIA_MANAGER_NUMBER_OF_FILES);
+$preLoadFiles = array();
+if (!empty($listOfFilesByPage[0])) {
+	foreach ($listOfFilesByPage[0] as $file) {
+		$filename = Filesystem::filename($file);
+		array_push($preLoadFiles, $filename);
+	}
+}
+
+// Amount of pages for the paginator
+$numberOfPages = count($listOfFilesByPage);
+?>
+
+<div id="jsmediaManagerModal" class="modal" tabindex="-1" role="dialog">
+<div class="modal-dialog modal-lg">
+<div class="modal-content">
+<div class="container-fluid">
+<div class="row">
+	<div class="col p-3">
+
+	<!--
+		UPLOAD INPUT
+	-->
+		<h3 class="mt-2 mb-3"><i class="fa fa-image"></i> <?php $L->p('Images'); ?></h3>
+
+		<div id="jsalertMedia" class="alert alert-warning d-none" role="alert"></div>
+
+		<!-- Form and Input file -->
+		<form name="koblogFormUpload" id="jskoblogFormUpload" enctype="multipart/form-data">
+			<div class="custom-file">
+				<input type="file" class="custom-file-input" id="jsimages" name="images[]" multiple>
+				<label class="custom-file-label" for="jsimages"><?php $L->p('Choose images to upload'); ?></label>
+			</div>
+		</form>
+
+		<!-- Progress bar -->
+		<div class="progress mt-3">
+			<div id="jskoblogProgressBar" class="progress-bar bg-primary" role="progressbar" style="width:0%"></div>
+		</div>
+
+	<!--
+		IMAGES LIST
+	-->
+		<!-- Table for list files -->
+		<table id="jskoblogMediaTable" class="table mt-3">
+			<tr>
+				<td><?php $L->p('There are no images'); ?></td>
+			</tr>
+		</table>
+
+		<!-- Paginator -->
+		<nav id="jskoblogMediaTablePagination"></nav>
+
+	</div>
+</div>
+</div>
+</div>
+</div>
+</div>
+
+<script>
+
+<?php
+echo 'var preLoadFiles = '.json_encode($preLoadFiles).';';
+?>
+
+function openMediaManager() {
+	$('#jsmediaManagerModal').modal('show');
+}
+
+function closeMediaManager() {
+	$('#jsmediaManagerModal').modal('hide');
+}
+
+// Remove all files from the table
+function cleanTable() {
+	$('#jskoblogMediaTable').empty();
+}
+
+function showMediaAlert(message) {
+	$("#jsalertMedia").html(message).removeClass('d-none');
+}
+
+function hideMediaAlert() {
+	$("#jsalertMedia").addClass('d-none');
+}
+
+// Show the files in the table
+function displayFiles(files, numberOfPages = <?= $numberOfPages ?>) {
+	if (!Array.isArray(files)) {
+		return false;
+	}
+
+	// Clean table
+	cleanTable();
+
+	// Regenerate the table
+	if (files.length > 0) {
+		$.each(files, function(key, filename) {
+			var thumbnail = "<?php echo PAGE_THUMBNAILS_URL; ?>"+filename;
+			var image = "<?php echo PAGE_IMAGES_URL; ?>"+filename;
+
+			tableRow = '<tr id="js'+filename+'">'+
+					'<td style="width:80px"><img class="img-thumbnail" alt="200x200" src="'+thumbnail+'" style="width: 50px; height: 50px;"><\/td>'+
+					'<td class="information">'+
+						'<div class="text-secondary pb-2">'+filename+'<\/div>'+
+						'<div>'+
+							'<a href="#" class="mr-3 text-primary" onClick="editorInsertMedia(\''+image+'\'); closeMediaManager();"><i class="fa fa-plus-circle"></i><?php $L->p('Insert') ?><\/a>'+
+							'<a href="#" class="mr-3 text-primary" onClick="editorInsertMedia(\''+thumbnail+'\'); closeMediaManager();"><i class="fa fa-image"></i><?php $L->p('Insert thumbnail') ?><\/a>'+
+							'<a href="#" class="mr-3 text-primary" onClick="editorInsertLinkedMedia(\''+thumbnail+'\',\''+image+'\'); closeMediaManager();"><i class="fa fa-link"></i><?php $L->p('Insert linked thumbnail') ?><\/a>'+
+							'<a href="#" class="text-primary" onClick="setCoverImage(\''+filename+'\'); closeMediaManager();"><i class="fa fa-desktop"></i><?php $L->p('Set as cover image') ?><\/button>'+
+							'<a href="#" class="float-right text-danger" onClick="deleteMedia(\''+filename+'\')"><i class="fa fa-trash-o"></i><?php $L->p('Delete') ?><\/a>'+
+						'<\/div>'+
+					'<\/td>'+
+				'<\/tr>';
+			$('#jskoblogMediaTable').append(tableRow);
+		});
+
+		mediaPagination = '<ul class="pagination justify-content-center flex-wrap">';
+		for (var i = 1; i <= numberOfPages; i++) {
+			mediaPagination += '<li class="page-item"><button type="button" class="btn btn-link page-link" onClick="getFiles('+i+')">'+i+'</button></li>';
+		}
+		mediaPagination += '</ul>';
+		$('#jskoblogMediaTablePagination').html(mediaPagination);
+
+	}
+
+	if (files.length == 0) {
+		$('#jskoblogMediaTable').html("<p><?php (IMAGE_RESTRICT ? $L->p('There are no images for the page') : $L->p('There are no images')) ?></p>");
+		$('#jskoblogMediaTablePagination').html('');
+	}
+}
+
+// Get the list of files via AJAX, filter by the page number
+function getFiles(pageNumber) {
+	$.post(HTML_PATH_ADMIN_ROOT+"ajax/list-images",
+		{ 	tokenCSRF: tokenCSRF,
+			pageNumber: pageNumber,
+			uuid: "<?php echo PAGE_IMAGES_KEY ?>",
+			path: "thumbnails" // the paths are defined in ajax/list-images
+		},
+		function(data) { // success function
+			if (data.status==0) {
+				displayFiles(data.files, data.numberOfPages);
+			} else {
+				console.log(data.message);
+			}
+		}
+	);
+}
+
+// Delete the file and the thumbnail if exist
+function deleteMedia(filename) {
+	$.post(HTML_PATH_ADMIN_ROOT+"ajax/delete-image",
+		{ 	tokenCSRF: tokenCSRF,
+			filename: filename,
+			uuid: "<?php echo PAGE_IMAGES_KEY; ?>"
+		},
+		function(data) { // success function
+			if (data.status==0) {
+				getFiles(1);
+			} else {
+				console.log(data.message);
+			}
+		}
+	);
+}
+
+function setCoverImage(filename) {
+	var image = "<?php echo PAGE_IMAGES_URL; ?>"+filename;
+	$("#jscoverImage").val(filename);
+	$("#jscoverImagePreview").attr("src", image);
+}
+
+function uploadImages() {
+	// Remove current alerts
+	hideMediaAlert();
+
+	var images = $("#jsimages")[0].files;
+	for (var i=0; i < images.length; i++) {
+		// Check file type/extension
+		const validImageTypes = ['image/gif', 'image/jpeg', 'image/png', 'image/svg+xml', 'image/webp'];
+		if (!validImageTypes.includes(images[i].type)) {
+			showMediaAlert("<?php echo $L->g('File type is not supported. Allowed types:').' '.implode(', ',$GLOBALS['ALLOWED_IMG_EXTENSION']) ?>");
+			return false;
+		}
+
+		// Check file size and compare with PHP upload_max_filesize
+		if (images[i].size > UPLOAD_MAX_FILESIZE) {
+			showMediaAlert("<?php echo $L->g('Maximum load file size allowed:').' '.ini_get('upload_max_filesize') ?>");
+			return false;
+		}
+	};
+
+	// Clean progress bar
+	$("#jskoblogProgressBar").removeClass().addClass("progress-bar bg-primary");
+	$("#jskoblogProgressBar").width("0");
+
+	// Data to send via AJAX
+	var formData = new FormData($("#jskoblogFormUpload")[0]);
+	formData.append("uuid", "<?php echo PAGE_IMAGES_KEY ?>");
+	formData.append("tokenCSRF", tokenCSRF);
+
+	$.ajax({
+		url: HTML_PATH_ADMIN_ROOT+"ajax/upload-images",
+		type: "POST",
+		data: formData,
+		cache: false,
+		contentType: false,
+		processData: false,
+		xhr: function() {
+			var xhr = $.ajaxSettings.xhr();
+			if (xhr.upload) {
+				xhr.upload.addEventListener("progress", function(e) {
+					if (e.lengthComputable) {
+						var percentComplete = (e.loaded / e.total)*100;
+						$("#jskoblogProgressBar").width(percentComplete+"%");
+					}
+				}, false);
+			}
+			return xhr;
+		}
+	}).done(function(data) {
+		if (data.status==0) {
+			$("#jskoblogProgressBar").removeClass("bg-primary").addClass("bg-success");
+			// Get the files for the first page, this include the files uploaded
+			getFiles(1);
+		} else {
+			$("#jskoblogProgressBar").removeClass("bg-primary").addClass("bg-danger");
+			showMediaAlert(data.message);
+		}
+	});
+}
+
+$(document).ready(function() {
+	// Display the files preloaded for the first time
+	displayFiles(preLoadFiles);
+
+	// Select image event
+	$("#jsimages").on("change", function(e) {
+		uploadImages();
+	});
+
+	// Drag and drop image
+	$(window).on("dragover dragenter", function(e) {
+		e.preventDefault();
+		e.stopPropagation();
+		openMediaManager();
+	});
+
+	// Drag and drop image
+	$(window).on("drop", function(e) {
+		e.preventDefault();
+		e.stopPropagation();
+		$("#jsimages").prop("files", e.originalEvent.dataTransfer.files);
+		uploadImages();
+	});
+});
+
+</script>
diff --git a/bl-kernel/admin/themes/koblog/html/navbar.php b/bl-kernel/admin/themes/koblog/html/navbar.php
new file mode 100644
index 00000000..6854f8fd
--- /dev/null
+++ b/bl-kernel/admin/themes/koblog/html/navbar.php
@@ -0,0 +1,76 @@
+<nav class="navbar navbar-expand-lg navbar-dark bg-dark text-uppercase d-block d-lg-none">
+	<div class="container">
+		<span class="navbar-brand">🦎 KOBLOG</span>
+		<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
+		 aria-label="Toggle navigation">
+			<span class="navbar-toggler-icon"></span>
+		</button>
+		<div class="collapse navbar-collapse" id="navbarNav">
+			<ul class="navbar-nav">
+				<li class="nav-item">
+					<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'dashboard' ?>">
+						<?php $L->p('Dashboard') ?></a>
+				</li>
+				<li class="nav-item">
+					<a class="nav-link" href="<?php echo HTML_PATH_ROOT ?>">
+						<?php $L->p('Website') ?></a>
+				</li>
+				<li class="nav-item">
+					<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'new-content' ?>">
+						<?php $L->p('New content') ?></a>
+				</li>
+				<li class="nav-item">
+					<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'content' ?>">
+						<?php $L->p('Content') ?></a>
+				</li>
+				<?php if (!checkRole(array('admin'),false)): ?>
+				    <li class="nav-item">
+					<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'edit-user/'.$login->username() ?>">
+					    <?php $L->p('Profile') ?></a>
+				    </li>
+				<?php endif; ?>
+				<?php if (checkRole(array('admin'),false)): ?>
+						<li class="nav-item">
+							<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'categories' ?>">
+								<?php $L->p('Categories') ?></a>
+						</li>
+						<li class="nav-item">
+							<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'users' ?>">
+								<?php $L->p('Users') ?></a>
+						</li>
+						<li class="nav-item">
+							<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'settings' ?>">
+								<?php $L->p('Settings') ?></a>
+						</li>
+						<li class="nav-item">
+							<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'plugins' ?>">
+								<?php $L->p('Plugins') ?></a>
+						</li>
+						<li class="nav-item">
+							<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'themes' ?>">
+								<?php $L->p('Themes') ?></a>
+						</li>
+						<li class="nav-item">
+							<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'about' ?>">
+								<?php $L->p('About') ?></a>
+						</li>
+				<?php endif; ?>
+				<?php if (checkRole(array('admin'),false)): ?>
+				    <?php
+				    if (!empty($plugins['adminSidebar'])) {
+					foreach ($plugins['adminSidebar'] as $pluginSidebar) {
+					    echo '<li class="nav-item">';
+					    echo $pluginSidebar->adminSidebar();
+					    echo '</li>';
+					}
+				    }
+				    ?>
+				<?php endif; ?>
+				<li class="nav-item">
+					<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'logout' ?>">
+						<?php $L->p('Logout') ?></a>
+				</li>
+			</ul>
+		</div>
+	</div>
+</nav>
diff --git a/bl-kernel/admin/themes/koblog/html/sidebar.php b/bl-kernel/admin/themes/koblog/html/sidebar.php
new file mode 100644
index 00000000..771f6cad
--- /dev/null
+++ b/bl-kernel/admin/themes/koblog/html/sidebar.php
@@ -0,0 +1,80 @@
+<!-- Use .flex-column to set a vertical direction -->
+<ul class="nav flex-column pt-4">
+
+	<li class="nav-item mb-4" style="margin-left: -4px;">
+		<span class="ml-2 align-middle">🦎 KOBLOG</span>
+	</li>
+
+	<li class="nav-item">
+		<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'dashboard' ?>"><span class="fa fa-dashboard fa-fw"></span><?php $L->p('Dashboard') ?></a>
+	</li>
+	<li class="nav-item">
+		<a class="nav-link" target="_blank" href="<?php echo HTML_PATH_ROOT ?>"><span class="fa fa-home fa-fw "></span><?php $L->p('Website') ?></a>
+	</li>
+
+	<li class="nav-item mt-3">
+		<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'new-content' ?>"><span style="color: #0078D4;" class="fa fa-plus-circle"></span><?php $L->p('New content') ?></a>
+	</li>
+
+	<?php if (!checkRole(array('admin'),false)): ?>
+	<li class="nav-item">
+		<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'content' ?>"><span class="fa fa-archive fa-fw"></span><?php $L->p('Content') ?></a>
+	</li>
+	<li class="nav-item">
+		<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'edit-user/'.$login->username() ?>"><span class="fa fa-user fa-fw"></span><?php $L->p('Profile') ?></a>
+	</li>
+	<?php endif; ?>
+
+	<?php if (checkRole(array('admin'),false)): ?>
+
+	<li class="nav-item mt-3">
+		<h4><?php $L->p('Manage') ?></h4>
+	</li>
+	<li class="nav-item">
+		<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'content' ?>"><span class="fa fa-folder fa-fw"></span><?php $L->p('Content') ?></a>
+	</li>
+
+	<li class="nav-item">
+		<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'categories' ?>"><span class="fa fa-bookmark fa-fw"></span><?php $L->p('Categories') ?></a>
+	</li>
+	<li class="nav-item">
+		<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'users' ?>"><span class="fa fa-users fa-fw"></span><?php $L->p('Users') ?></a>
+	</li>
+
+	<li class="nav-item mt-3">
+		<h4><?php $L->p('Settings') ?></h4>
+	</li>
+	<li class="nav-item">
+		<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'settings' ?>"><span class="fa fa-gear fa-fw"></span><?php $L->p('General') ?></a>
+	</li>
+	<li class="nav-item">
+		<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'plugins' ?>"><span class="fa fa-puzzle-piece fa-fw"></span><?php $L->p('Plugins') ?></a>
+	</li>
+	<li class="nav-item">
+		<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'themes' ?>"><span class="fa fa-desktop fa-fw"></span><?php $L->p('Themes') ?></a>
+	</li>
+	<li class="nav-item">
+		<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'about' ?>"><span class="fa fa-info fa-fw"></span><?php $L->p('About') ?></a>
+	</li>
+
+	<?php endif; ?>
+
+	<?php if (checkRole(array('admin', 'editor'),false)): ?>
+
+		<?php
+			if (!empty($plugins['adminSidebar'])) {
+				echo '<li class="nav-item"><hr></li>';
+				foreach ($plugins['adminSidebar'] as $pluginSidebar) {
+					echo '<li class="nav-item">';
+					echo $pluginSidebar->adminSidebar();
+					echo '</li>';
+				}
+			}
+		?>
+
+	<?php endif; ?>
+
+	<li class="nav-item mt-5">
+		<a class="nav-link" href="<?php echo HTML_PATH_ADMIN_ROOT.'logout' ?>"><span class="fa fa-arrow-circle-right fa-fw"></span><?php $L->p('Logout') ?></a>
+	</li>
+</ul>
diff --git a/bl-kernel/admin/themes/koblog/index.php b/bl-kernel/admin/themes/koblog/index.php
new file mode 100644
index 00000000..a0d18aa6
--- /dev/null
+++ b/bl-kernel/admin/themes/koblog/index.php
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title><?php echo $layout['title'] ?></title>
+	<meta charset="<?php echo CHARSET ?>">
+	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+	<meta name="robots" content="noindex,nofollow">
+	<meta name="generator" content="Koblog">
+
+	<!-- Favicon -->
+	<link rel="shortcut icon" type="image/x-icon" href="<?php echo HTML_PATH_CORE_IMG.'favicon.png?version='.KOBLOG_VERSION ?>">
+
+	<!-- CSS -->
+	<?php
+		echo Theme::cssBootstrap();
+		echo Theme::cssFontAwesome();
+		echo Theme::css(array(
+			'koblog.css',
+			'koblog.bootstrap.css'
+		), DOMAIN_ADMIN_THEME_CSS);
+		echo Theme::css(array(
+			'jquery.datetimepicker.min.css',
+			'select2.min.css',
+			'select2-bootstrap4.min.css'
+		), DOMAIN_CORE_CSS);
+	?>
+
+	<!-- Javascript -->
+	<?php
+		echo Theme::jquery();
+		echo Theme::jsBootstrap();
+		echo Theme::jsSortable();
+		echo Theme::js(array(
+			'jquery.datetimepicker.full.min.js',
+			'select2.full.min.js',
+			'functions.js'
+		), DOMAIN_CORE_JS, null);
+	?>
+
+	<!-- Plugins -->
+	<?php Theme::plugins('adminHead') ?>
+
+</head>
+<body class="h-100">
+
+<!-- Plugins -->
+<?php Theme::plugins('adminBodyBegin') ?>
+
+<!-- Javascript dynamic generated by PHP -->
+<?php
+	echo '<script charset="utf-8">'.PHP_EOL;
+	include(PATH_CORE_JS.'variables.php');
+	echo '</script>'.PHP_EOL;
+
+	echo '<script charset="utf-8">'.PHP_EOL;
+	include(PATH_CORE_JS.'koblog-ajax.php');
+	echo '</script>'.PHP_EOL;
+?>
+
+<!-- Overlay background -->
+<div id="jsshadow"></div>
+
+<!-- Alert -->
+<?php include('html/alert.php'); ?>
+
+<!-- Navbar, only for small devices -->
+<?php include('html/navbar.php'); ?>
+
+<div class="container h-100">
+	<!-- 25%/75% split on large devices, small, medium devices hide -->
+	<div class="row h-100">
+
+		<!-- LEFT SIDEBAR - Display only on large devices -->
+		<div class="sidebar col-lg-2 d-none d-lg-block">
+		<?php include('html/sidebar.php'); ?>
+		</div>
+
+		<!-- RIGHT MAIN -->
+		<div class="col-lg-10 pt-3 pb-1 h-100">
+		<?php
+			if (Sanitize::pathFile(PATH_ADMIN_VIEWS, $layout['view'].'.php')) {
+				include(PATH_ADMIN_VIEWS.$layout['view'].'.php');
+			} elseif ($layout['plugin'] && method_exists($layout['plugin'], 'adminView')) {
+				echo $layout['plugin']->adminView();
+			} else {
+				echo '<h1 class="text-center">'.$L->g('Page not found').'</h1>';
+				echo '<h2 class="text-center">'.$L->g('Choose a page from the sidebar.').'</h2>';
+			}
+		?>
+		</div>
+	</div>
+</div>
+
+<!-- Plugins -->
+<?php Theme::plugins('adminBodyEnd') ?>
+
+</body>
+</html>
diff --git a/bl-kernel/admin/themes/koblog/init.php b/bl-kernel/admin/themes/koblog/init.php
new file mode 100644
index 00000000..2a93dcea
--- /dev/null
+++ b/bl-kernel/admin/themes/koblog/init.php
@@ -0,0 +1,403 @@
+<?php
+
+class Bootstrap
+{
+
+	public static function modal($args)
+	{
+
+		$buttonSecondary = $args['buttonSecondary'];
+		$buttonSecondaryClass = $args['buttonSecondaryClass'];
+
+		$buttonPrimary = $args['buttonPrimary'];
+		$buttonPrimaryClass = $args['buttonPrimaryClass'];
+
+		$modalText = $args['modalText'];
+		$modalTitle = $args['modalTitle'];
+		$modalId = $args['modalId'];
+
+
+		return <<<EOF
+<div id="$modalId" class="modal fade" tabindex="-1" role="dialog">
+	<div class="modal-dialog" role="document">
+		<div class="modal-content">
+			<div class="modal-body">
+				<h3>$modalTitle</h3>
+				<p>$modalText</p>
+			</div>
+			<div class="modal-footer">
+				<button type="button" class="btn $buttonSecondaryClass" data-bs-dismiss="modal">$buttonSecondary</button>
+				<button type="button" class="btn $buttonPrimaryClass">$buttonPrimary</button>
+			</div>
+		</div>
+	</div>
+</div>
+EOF;
+	}
+
+	public static function link($args)
+	{
+		$options = 'href="' . $args['href'] . '"';
+		if (isset($args['class'])) {
+			$options .= ' class="' . $args['class'] . '"';
+		}
+		if (isset($args['target'])) {
+			$options .= ' target="' . $args['target'] . '"';
+		}
+
+		if (isset($args['icon'])) {
+			return '<a ' . $options . '><span class="fa fa-' . $args['icon'] . '"></span>' . $args['title'] . '</a>';
+		}
+
+		return '<a ' . $options . '>' . $args['title'] . '</a>';
+	}
+
+	public static function pageTitle($args)
+	{
+		$icon = $args['icon'];
+		$title = $args['title'];
+		return <<<EOF
+<h2 class="mt-0 mb-3">
+	<span class="fa fa-$icon" style="font-size: 0.9em;"></span><span>$title</span>
+</h2>
+EOF;
+	}
+
+	public static function formOpen($args)
+	{
+		$class = empty($args['class']) ? '' : 'class="' . $args['class'] . '"';
+		$id = empty($args['id']) ? '' : 'id="' . $args['id'] . '"';
+		$enctype = empty($args['enctype']) ? '' : 'enctype="' . $args['enctype'] . '"';
+		$action = empty($args['action']) ? 'action=""' : 'action="' . $args['action'] . '"';
+		$method = empty($args['method']) ? 'method="post"' : 'method="' . $args['method'] . '"';
+		$style = empty($args['style']) ? '' : 'style="' . $args['style'] . '"';
+
+		return <<<EOF
+<form $class $enctype $id $method $action $style autocomplete="off">
+EOF;
+	}
+
+	public static function formClose()
+	{
+		return <<<EOF
+</form>
+<script>
+$(document).ready(function() {
+	// Prevent the form submit when press enter key.
+	$("form").keypress(function(e) {
+		if ((e.which == 13) && (e.target.type !== "textarea")) {
+			return false;
+		}
+	});
+});
+</script>
+EOF;
+	}
+
+	public static function formTitle($args)
+	{
+		$title = $args['title'];
+		return <<<EOF
+<h6 class="mt-4 mb-2 pb-2 border-bottom text-uppercase">$title</h6>
+EOF;
+	}
+
+	public static function formInputTextBlock($args)
+	{
+		$name = $args['name'];
+		$disabled = empty($args['disabled']) ? '' : 'disabled';
+		$placeholder = isset($args['placeholder']) ? $args['placeholder'] : '';
+		$value = isset($args['value']) ? $args['value'] : '';
+
+		$id = 'js' . $name;
+		if (isset($args['id'])) {
+			$id = $args['id'];
+		}
+
+		$tip = '';
+		if (!empty($args['tip'])) {
+			$tip = '<small class="form-text text-muted">' . $args['tip'] . '</small>';
+		}
+
+		$class = 'form-group m-0 mb-2';
+		if (isset($args['class'])) {
+			$class = $args['class'];
+		}
+
+		$labelClass = 'mt-4 mb-2 pb-2 border-bottom text-uppercase w-100';
+		if (isset($args['labelClass'])) {
+			$labelClass = $args['labelClass'];
+		}
+
+		$label = '';
+		if (!empty($args['label'])) {
+			$label = '<label class="' . $labelClass . '" for="' . $id . '">' . $args['label'] . '</label>';
+		}
+
+		$type = 'text';
+		if (isset($args['type'])) {
+			$type = $args['type'];
+		}
+
+		return <<<EOF
+<div class="$class">
+	$label
+	<input type="text" dir="auto" value="$value" class="form-control" id="$id" name="$name" placeholder="$placeholder" $disabled>
+	$tip
+</div>
+EOF;
+	}
+
+	public static function formInputFile($args)
+	{
+		$id = 'js' . $args['name'];
+		if (isset($args['id'])) {
+			$id = $args['id'];
+		}
+
+		$class = 'custom-file mb-2';
+		if (isset($args['class'])) {
+			$class = $class . ' ' . $args['class'];
+		}
+
+		$html  = '<div class="' . $class . '">';
+		$html .= '<input type="file" class="form-control custom-file-input" id="' . $id . '">';
+		$html .= '<label class="custom-file-label" for="' . $id . '">' . $args['label'] . '</label>';
+		$html .= '</div>';
+
+		return $html;
+	}
+
+	public static function formTextarea($args)
+	{
+		$id = 'js' . $args['name'];
+		if (isset($args['id'])) {
+			$id = $args['id'];
+		}
+
+		$class = 'form-control';
+		if (isset($args['class'])) {
+			$class = $class . ' ' . $args['class'];
+		}
+
+		$html = '<div class="form-group row mb-2">';
+
+		if (!empty($args['label'])) {
+			$html .= '<label for="' . $id . '" class="col-sm-2 col-form-label">' . $args['label'] . '</label>';
+		}
+
+		$html .= '<div class="col-sm-10">';
+		$html .= '<textarea class="' . $class . '" id="' . $id . '" name="' . $args['name'] . '" rows="' . $args['rows'] . '" placeholder="' . $args['placeholder'] . '">' . $args['value'] . '</textarea>';
+		if (isset($args['tip'])) {
+			$html .= '<small class="form-text text-muted">' . $args['tip'] . '</small>';
+		}
+		$html .= '</div>';
+		$html .= '</div>';
+
+		return $html;
+	}
+
+	public static function formTextareaBlock($args)
+	{
+		$id = 'js' . $args['name'];
+		if (isset($args['id'])) {
+			$id = $args['id'];
+		}
+
+		$class = 'form-control';
+		if (!empty($args['class'])) {
+			$class = $class . ' ' . $args['class'];
+		}
+
+		$html = '<div class="form-group m-0  mb-2">';
+		if (!empty($args['label'])) {
+			$html .= '<label class="mt-4 mb-2 pb-2 border-bottom text-uppercase w-100" for="' . $id . '">' . $args['label'] . '</label>';
+		}
+
+		$html .= '<textarea class="' . $class . '" id="' . $id . '" name="' . $args['name'] . '" rows="' . $args['rows'] . '" placeholder="' . $args['placeholder'] . '">' . $args['value'] . '</textarea>';
+		if (!empty($args['tip'])) {
+			$html .= '<small class="form-text text-muted">' . $args['tip'] . '</small>';
+		}
+		$html .= '</div>';
+
+		return $html;
+	}
+
+	public static function formInputText($args)
+	{
+		$name = $args['name'];
+		$disabled = empty($args['disabled']) ? '' : 'disabled';
+		$readonly = empty($args['readonly']) ? '' : 'readonly';
+		$placeholder = isset($args['placeholder']) ? $args['placeholder'] : '';
+		$value = isset($args['value']) ? $args['value'] : '';
+
+		$id = 'js' . $name;
+		if (isset($args['id'])) {
+			$id = $args['id'];
+		}
+
+		$tip = '';
+		if (isset($args['tip'])) {
+			$tip = '<small class="form-text text-muted">' . $args['tip'] . '</small>';
+		}
+
+		$label = '';
+		if (isset($args['label'])) {
+			$label = '<label for="' . $id . '" class="col-sm-2 col-form-label">' . $args['label'] . '</label>';
+		}
+
+		$class = 'form-control';
+		if (isset($args['class'])) {
+			$class = $class . ' ' . $args['class'];
+		}
+
+		$type = 'text';
+		if (isset($args['type'])) {
+			$type = $args['type'];
+		}
+
+		return <<<EOF
+<div class="form-group row mb-2">
+	$label
+	<div class="col-sm-10">
+		<input class="$class" id="$id" name="$name" value="$value" placeholder="$placeholder" type="$type" dir="auto" $disabled $readonly>
+		$tip
+	</div>
+</div>
+EOF;
+	}
+
+	public static function formCheckbox($args)
+	{
+		$labelForCheckbox = isset($args['labelForCheckbox']) ? $args['labelForCheckbox'] : '';
+		$placeholder = isset($args['placeholder']) ? $args['placeholder'] : '';
+		$tip = isset($args['tip']) ? '<small class="form-text text-muted">' . $args['tip'] . '</small>' : '';
+		$value = isset($args['value']) ? $args['value'] : '';
+		$name = $args['name'];
+		$id = 'js' . $name;
+		if (isset($args['id'])) {
+			$id = $args['id'];
+		}
+		$disabled = isset($args['disabled']) ? 'disabled' : '';
+
+		$class = 'form-group m-0';
+		if (isset($args['class'])) {
+			$class = $args['class'];
+		}
+
+		$labelClass = 'mt-4 mb-2 pb-2 border-bottom text-uppercase w-100';
+		if (isset($args['labelClass'])) {
+			$labelClass = $args['labelClass'];
+		}
+
+		$type = 'text';
+		if (isset($args['type'])) {
+			$type = $args['type'];
+		}
+
+		$label = '';
+		if (!empty($args['label'])) {
+			$label = '<label class="' . $labelClass . '">' . $args['label'] . '</label>';
+		}
+
+		$checked = $args['checked'] ? 'checked' : '';
+		$value = $checked ? '1' : '0';
+
+		return <<<EOF
+<div class="$class">
+	$label
+	<div class="form-check">
+		<input type="hidden" name="$name" value="$value"><input id="$id" type="checkbox" class="form-check-input" onclick="this.previousSibling.value=1-this.previousSibling.value" $checked>
+		<label class="form-check-label" for="$id">$labelForCheckbox</label>
+		$tip
+	</div>
+</div>
+EOF;
+	}
+
+	public static function formSelect($args)
+	{
+		$id = 'js' . $args['name'];
+		if (isset($args['id'])) {
+			$id = $args['id'];
+		}
+
+		$class = 'form-select custom-select';
+		if (isset($args['class'])) {
+			$class = $class . ' ' . $args['class'];
+		}
+
+		$html = '<div class="form-group row mb-2">';
+
+		if (isset($args['label'])) {
+			$html .= '<label for="' . $id . '" class="col-sm-2 col-form-label">' . $args['label'] . '</label>';
+		}
+
+		$html .= '<div class="col-sm-10">';
+		$html .= '<select id="' . $id . '" name="' . $args['name'] . '" class="' . $class . '">';
+		foreach ($args['options'] as $key => $value) {
+			$html .= '<option ' . (($key == $args['selected']) ? 'selected' : '') . ' value="' . $key . '">' . $value . '</option>';
+		}
+		$html .= '</select>';
+		if (isset($args['tip'])) {
+			$html .= '<small class="form-text text-muted">' . $args['tip'] . '</small>';
+		}
+		$html .= '</div>';
+		$html .= '</div>';
+
+		return $html;
+	}
+
+	public static function formSelectBlock($args)
+	{
+		$id = 'js' . $args['name'];
+		if (isset($args['id'])) {
+			$id = $args['id'];
+		}
+
+		$class = 'custom-select form-select';
+		if (!empty($args['class'])) {
+			$class = $class . ' ' . $args['class'];
+		}
+
+		$html = '<div class="form-group m-0 mb-2">';
+
+		if (!empty($args['label'])) {
+			$html .= '<label class="mt-4 mb-2 pb-2 border-bottom text-uppercase w-100" for="' . $id . '">' . $args['label'] . '</label>';
+		}
+
+		$html .= '<select id="' . $id . '" name="' . $args['name'] . '" class="' . $class . '">';
+		if (!empty($args['emptyOption'])) {
+			$html .= '<option value="">' . $args['emptyOption'] . '</option>';
+		}
+		foreach ($args['options'] as $key => $value) {
+			$html .= '<option ' . (($key == $args['selected']) ? 'selected' : '') . ' value="' . $key . '">' . $value . '</option>';
+		}
+		$html .= '</select>';
+		if (!empty($args['tip'])) {
+			$html .= '<small class="form-text text-muted">' . $args['tip'] . '</small>';
+		}
+		$html .= '</div>';
+
+		return $html;
+	}
+
+	public static function formInputHidden($args)
+	{
+		return '<input type="hidden" id="js' . $args['name'] . '" name="' . $args['name'] . '" value="' . $args['value'] . '">';
+	}
+
+	public static function alert($args)
+	{
+		$class = 'alert';
+		if (!empty($args['class'])) {
+			$class = $class . ' ' . $args['class'];
+		}
+
+		$text = $args['text'];
+
+		return <<<EOF
+<div class="$class" role="alert">$text</div>
+EOF;
+	}
+}
diff --git a/bl-kernel/admin/themes/koblog/login.php b/bl-kernel/admin/themes/koblog/login.php
new file mode 100644
index 00000000..4c5b8931
--- /dev/null
+++ b/bl-kernel/admin/themes/koblog/login.php
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>Koblog</title>
+  <meta charset="<?php echo CHARSET ?>">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta name="robots" content="noindex,nofollow">
+
+  <!-- Favicon -->
+  <link rel="shortcut icon" type="image/x-icon" href="<?php echo HTML_PATH_CORE_IMG . 'favicon.png?version=' . KOBLOG_VERSION ?>">
+
+  <!-- CSS -->
+  <?php
+  echo Theme::cssBootstrap();
+  echo Theme::css(array(
+    'koblog.css',
+    'koblog.bootstrap.css'
+  ), DOMAIN_ADMIN_THEME_CSS);
+  ?>
+
+  <!-- Javascript -->
+  <?php
+  echo Theme::jquery();
+  echo Theme::jsBootstrap();
+  ?>
+
+  <!-- Plugins -->
+  <?php Theme::plugins('loginHead') ?>
+</head>
+
+<body class="login">
+
+  <!-- Plugins -->
+  <?php Theme::plugins('loginBodyBegin') ?>
+
+  <!-- Alert -->
+  <?php include('html/alert.php'); ?>
+
+  <div class="container">
+    <div class="row justify-content-md-center pt-5">
+      <div class="col-md-4 mt-5 p-5 shadow-sm bg-white rounded border">
+        <?php
+        if (Sanitize::pathFile(PATH_ADMIN_VIEWS, $layout['view'] . '.php')) {
+          include(PATH_ADMIN_VIEWS . $layout['view'] . '.php');
+        }
+        ?>
+      </div>
+    </div>
+  </div>
+
+  <!-- Plugins -->
+  <?php Theme::plugins('loginBodyEnd') ?>
+
+</body>
+
+</html>