update homepage @1

Author: jasonweng

app/views/layouts/application.tmpl

@@ -4,6 +4,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     {{render_seo_tag}}
     <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link href="https://fonts.googleapis.com/css?family=Montserrat|Source+Sans+Pro" rel="stylesheet">
     <link rel="stylesheet" media="all" href="/dist/qor.css">
     <script src="/vendors/jquery.js"></script>
   </head>

app/views/widgets/slideshow.tmpl

@@ -2,7 +2,13 @@
   <ul class="slides">
     {{range $slideImage := .Setting.SlideImages}}
       <li>
-        <div class="qor-slider__text"><p class="container">{{$slideImage.Title}}</p></div>
+        <div class="qor-slider__texts">
+          <div class="container">
+            <h1 class="font_montserrat qor-slider__title animated fadeInDown">{{$slideImage.Title}}</h1>
+            <h2 class="font_sourcesanspro qor-slider__subtitle animated fadeInDown">{{$slideImage.SubTitle}}</h2>
+            <a class="font_sourcesanspro qor-slider__button" href="{{$slideImage.Link}}">{{$slideImage.Button}}</a>
+          </div>
+        </div>
         <img src="{{$slideImage.Image}}" />
       </li>
     {{end}}
@@ -15,7 +21,8 @@
     $('.flexslider').flexslider({
       animation: 'slide',
       touch: true,
-      directionNav: false
+      directionNav: false,
+      smoothHeight: true
     });
   })
 </script>

config/admin/widget.go

@@ -158,6 +158,9 @@ func initWidgets() {
 
 		type slideImage struct {
 			Title string
+			SubTitle string
+			Button string
+			Link string
 			Image oss.OSS
 		}
 

gulpfile.babel.js

@@ -31,7 +31,7 @@ function adminTasks() {
     return gulp.src(styles.src)
     .pipe(plugins.sass())
     .pipe(plugins.csscomb())
-    .pipe(plugins.minifyCss())
+    .pipe(plugins.cleanCss())
     .pipe(gulp.dest(styles.dest));
   });