- add logo and favicon

gulpfile.js

@@ -14,4 +14,14 @@ gulp.task('minify-css', () => {
 		.pipe(gulp.dest('dist/css'));
 });
 
-gulp.task('default', gulp.parallel('minify-js', 'minify-css'));
+gulp.task('img', () => {
+	return gulp.src('public/img/*')
+		.pipe(gulp.dest('dist/img'));
+});
+
+gulp.task('favicon', () => {
+	return gulp.src('public/favicon.ico')
+		.pipe(gulp.dest('dist'));
+});
+
+gulp.task('default', gulp.parallel('minify-js', 'minify-css', 'img', 'favicon'));

public/css/mango.css

@@ -20,3 +20,6 @@
 .uk-card-title {
 	word-wrap: break-word;
 }
+.uk-logo > img {
+	max-height: 90px;
+}

src/static_handler.cr

@@ -13,7 +13,7 @@ class FS
 end
 
 class StaticHandler < Kemal::Handler
-	@dirs = ["/css", "/js"]
+	@dirs = ["/css", "/js", "/img", "/favicon.ico"]
 
 	def call(env)
 		if request_path_startswith env, @dirs

src/views/layout.ecr

@@ -31,6 +31,7 @@
           <div class="uk-navbar-toggle" uk-navbar-toggle-icon="uk-navbar-toggle-icon" uk-toggle="target: #mobile-nav"></div>
         </div>
         <div class="uk-navbar-left uk-visible@s">
+          <a class="uk-navbar-item uk-logo" href="/"><img src="/img/icon.png"></a>
           <ul class="uk-navbar-nav">
             <li><a href="/">Home</a></li>
             <li><a href="/admin">Admin</a></li>