Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
7 changes: 7 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,3 +21,10 @@ In the blog posts I explain the process of adapting the [CoreUI](http://coreui.i
I consider this a stepping stone on my way to Javascript front-end development, coming from a C# back-end background.

Hope this can help you too on your way to become a better developer.

To assist with Find and Replace to strip out header/footer from demo pages, use the following Regex with dotted newlines:

.*<main class="main">.*?<div class="container-fluid">.*?<div class="animated fadeIn">(.*</div>\s*</div>\s*</div>\s*</div>).*?</main>.*

replace with $1
then unindent and verify encoding is UTF-8 BOM and that there's a trailing newline and no extra newline at the beginning of the file.
7 changes: 7 additions & 0 deletions src/CoreUI.Mvc/Controllers/CoreUIController.cs
Original file line number Diff line number Diff line change
Expand Up @@ -16,5 +16,12 @@ public IActionResult Index(string view)

return View(view);
}
[Route("{subroute}/{view=Index}")]
public IActionResult Subroute(string subroute, string view)
{
ViewData["Title"] = "CoreUI Free Bootstrap Admin Template";

return View($"{subroute}/{view}");
}
}
}
106 changes: 60 additions & 46 deletions src/CoreUI.Mvc/Views/CoreUI/404.cshtml
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
@{ Layout = ""; }
@{ Layout = ""; }
<!DOCTYPE html>
<!--
* CoreUI - Free Bootstrap Admin Template
* @@version v2.0.0
* @@version v2.1.15
* @@link https://coreui.io
* Copyright (c) 2018 creativeLabs Łukasz Holeczek
* Licensed under MIT (https://coreui.io/license)
Expand All @@ -12,53 +12,67 @@
-->

<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta name="description" content="CoreUI - Open Source Bootstrap Admin Template">
<meta name="author" content="Łukasz Holeczek">
<meta name="keyword" content="Bootstrap,Admin,Template,Open,Source,jQuery,CSS,HTML,RWD,Dashboard">
<title>CoreUI Free Bootstrap Admin Template</title>
<!-- Icons-->
<link href="~/lib/@@coreui/icons/css/coreui-icons.min.css" rel="stylesheet">
<link href="~/lib/flag-icon-css/css/flag-icon.min.css" rel="stylesheet">
<link href="~/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="~/lib/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">
<!-- Main styles for this application-->
<link href="~/css/style.css" rel="stylesheet">
<link href="~/vendors/pace-progress/css/pace.min.css" rel="stylesheet">
</head>
<body class="app flex-row align-items-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-6">
<div class="clearfix">
<h1 class="float-left display-3 mr-4">404</h1>
<h4 class="pt-3">Oops! You're lost.</h4>
<p class="text-muted">The page you are looking for was not found.</p>
</div>
<div class="input-prepend input-group">
<div class="input-group-prepend">
<span class="input-group-text">
<i class="fa fa-search"></i>
<head>
<base href="./">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta name="description" content="CoreUI - Open Source Bootstrap Admin Template">
<meta name="author" content="Łukasz Holeczek">
<meta name="keyword" content="Bootstrap,Admin,Template,Open,Source,jQuery,CSS,HTML,RWD,Dashboard">
<title>CoreUI Free Bootstrap Admin Template</title>
<!-- Icons-->
<link href="~/lib/@@coreui/icons/css/coreui-icons.min.css" rel="stylesheet">
<link href="~/lib/flag-icon-css/css/flag-icon.min.css" rel="stylesheet">
<link href="~/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="~/lib/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">
<!-- Main styles for this application-->
<link href="~/css/style.css" rel="stylesheet">
<link href="~/vendors/pace-progress/css/pace.min.css" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics-->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-118965717-3"></script>
<script>
window.dataLayer = window.dataLayer || [];

function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
// Shared ID
gtag('config', 'UA-118965717-3');
// Bootstrap ID
gtag('config', 'UA-118965717-5');
</script>
</head>
<body class="app flex-row align-items-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-6">
<div class="clearfix">
<h1 class="float-left display-3 mr-4">404</h1>
<h4 class="pt-3">Oops! You're lost.</h4>
<p class="text-muted">The page you are looking for was not found.</p>
</div>
<div class="input-prepend input-group">
<div class="input-group-prepend">
<span class="input-group-text">
<i class="fa fa-search"></i>
</span>
</div>
<input class="form-control" id="prependedInput" size="16" type="text" placeholder="What are you looking for?">
<span class="input-group-append">
<button class="btn btn-info" type="button">Search</button>
</span>
</div>
<input id="prependedInput" class="form-control" size="16" type="text" placeholder="What are you looking for?">
<span class="input-group-append">
<button class="btn btn-info" type="button">Search</button>
</span>
</div>
</div>
</div>
</div>

<!-- Bootstrap and necessary plugins-->
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/popper.js/dist/umd/popper.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="~/lib/pace-progress/pace.min.js"></script>
<script src="~/lib/perfect-scrollbar/dist/perfect-scrollbar.min.js"></script>
<script src="~/lib/@@coreui/coreui/dist/js/coreui.min.js"></script>
</body>
<!-- CoreUI and necessary plugins-->
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/popper.js/dist/umd/popper.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="~/lib/pace-progress/pace.min.js"></script>
<script src="~/lib/perfect-scrollbar/dist/perfect-scrollbar.min.js"></script>
<script src="~/lib/@@coreui/coreui/dist/js/coreui.min.js"></script>
</body>
</html>
106 changes: 60 additions & 46 deletions src/CoreUI.Mvc/Views/CoreUI/500.cshtml
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
@{ Layout = ""; }
@{ Layout = ""; }
<!DOCTYPE html>
<!--
* CoreUI - Free Bootstrap Admin Template
* @@version v2.0.0
* @@version v2.1.15
* @@link https://coreui.io
* Copyright (c) 2018 creativeLabs Łukasz Holeczek
* Licensed under MIT (https://coreui.io/license)
Expand All @@ -12,53 +12,67 @@
-->

<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta name="description" content="CoreUI - Open Source Bootstrap Admin Template">
<meta name="author" content="Łukasz Holeczek">
<meta name="keyword" content="Bootstrap,Admin,Template,Open,Source,jQuery,CSS,HTML,RWD,Dashboard">
<title>CoreUI Free Bootstrap Admin Template</title>
<!-- Icons-->
<link href="~/lib/@@coreui/icons/css/coreui-icons.min.css" rel="stylesheet">
<link href="~/lib/flag-icon-css/css/flag-icon.min.css" rel="stylesheet">
<link href="~/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="~/lib/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">
<!-- Main styles for this application-->
<link href="~/css/style.css" rel="stylesheet">
<link href="~/vendors/pace-progress/css/pace.min.css" rel="stylesheet">
</head>
<body class="app flex-row align-items-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-6">
<div class="clearfix">
<h1 class="float-left display-3 mr-4">500</h1>
<h4 class="pt-3">Houston, we have a problem!</h4>
<p class="text-muted">The page you are looking for is temporarily unavailable.</p>
</div>
<div class="input-prepend input-group">
<div class="input-group-prepend">
<span class="input-group-text">
<i class="fa fa-search"></i>
<head>
<base href="./">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta name="description" content="CoreUI - Open Source Bootstrap Admin Template">
<meta name="author" content="Łukasz Holeczek">
<meta name="keyword" content="Bootstrap,Admin,Template,Open,Source,jQuery,CSS,HTML,RWD,Dashboard">
<title>CoreUI Free Bootstrap Admin Template</title>
<!-- Icons-->
<link href="~/lib/@@coreui/icons/css/coreui-icons.min.css" rel="stylesheet">
<link href="~/lib/flag-icon-css/css/flag-icon.min.css" rel="stylesheet">
<link href="~/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="~/lib/simple-line-icons/css/simple-line-icons.css" rel="stylesheet">
<!-- Main styles for this application-->
<link href="~/css/style.css" rel="stylesheet">
<link href="~/vendors/pace-progress/css/pace.min.css" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics-->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-118965717-3"></script>
<script>
window.dataLayer = window.dataLayer || [];

function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
// Shared ID
gtag('config', 'UA-118965717-3');
// Bootstrap ID
gtag('config', 'UA-118965717-5');
</script>
</head>
<body class="app flex-row align-items-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-6">
<div class="clearfix">
<h1 class="float-left display-3 mr-4">500</h1>
<h4 class="pt-3">Houston, we have a problem!</h4>
<p class="text-muted">The page you are looking for is temporarily unavailable.</p>
</div>
<div class="input-prepend input-group">
<div class="input-group-prepend">
<span class="input-group-text">
<i class="fa fa-search"></i>
</span>
</div>
<input class="form-control" id="prependedInput" size="16" type="text" placeholder="What are you looking for?">
<span class="input-group-append">
<button class="btn btn-info" type="button">Search</button>
</span>
</div>
<input id="prependedInput" class="form-control" size="16" type="text" placeholder="What are you looking for?">
<span class="input-group-append">
<button class="btn btn-info" type="button">Search</button>
</span>
</div>
</div>
</div>
</div>

<!-- Bootstrap and necessary plugins-->
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/popper.js/dist/umd/popper.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="~/lib/pace-progress/pace.min.js"></script>
<script src="~/lib/perfect-scrollbar/dist/perfect-scrollbar.min.js"></script>
<script src="~/lib/@@coreui/coreui/dist/js/coreui.min.js"></script>
</body>
<!-- CoreUI and necessary plugins-->
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/popper.js/dist/umd/popper.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="~/lib/pace-progress/pace.min.js"></script>
<script src="~/lib/perfect-scrollbar/dist/perfect-scrollbar.min.js"></script>
<script src="~/lib/@@coreui/coreui/dist/js/coreui.min.js"></script>
</body>
</html>
Loading