slight landing page refactor re: inline svgs

yxlolxy · Jul 23, 2018 · b011ec9 · b011ec9
1 parent 95012a8
commit b011ec9
Show file tree

Hide file tree

Showing 10 changed files with 13 additions and 9 deletions.
diff --git a/app/html/index.html b/app/html/index.html
@@ -68,7 +68,10 @@ <h1>Android Asset Studio</h1>
     {% for generator in group.items %}
     <a href="{{ generator.url }}"
        class="home-generator-card{% if generator.extraClasses %} {{ generator.extraClasses }}{% endif %}">
-      <img class="generator-image" src="{{ generator.image }}" alt="{{ generator.title }}">
+      <div class="generator-image">
+        {% set imgIncludePath = '../' + generator.image %}
+        {% include imgIncludePath %}
+      </div>
       <div class="generator-title">{{ generator.title }}</div>
       <div class="generator-description">{{ generator.description }}</div>
     </a>

diff --git a/app/res/generator-thumbs/icon-animator.svg b/app/res/generator-thumbs/icon-animator.svg
diff --git a/app/res/generator-thumbs/icons-actionbar.svg b/app/res/generator-thumbs/icons-actionbar.svg
diff --git a/app/res/generator-thumbs/icons-app-shortcut.svg b/app/res/generator-thumbs/icons-app-shortcut.svg
diff --git a/app/res/generator-thumbs/icons-generic.svg b/app/res/generator-thumbs/icons-generic.svg
diff --git a/app/res/generator-thumbs/icons-launcher.svg b/app/res/generator-thumbs/icons-launcher.svg
diff --git a/app/res/generator-thumbs/icons-notification.svg b/app/res/generator-thumbs/icons-notification.svg
diff --git a/app/res/generator-thumbs/nine-patches.svg b/app/res/generator-thumbs/nine-patches.svg
diff --git a/app/styles/pages/_home.scss b/app/styles/pages/_home.scss
@@ -107,6 +107,7 @@ body.page-home {
     .generator-image {
       width: $homeCardWidth;
       height: $homeCardWidth / 1.48;
+      color: $colorAccent;
     }
 
     .generator-title {

diff --git a/gulpfile.babel.js b/gulpfile.babel.js
@@ -186,7 +186,7 @@ gulp.task('__serve__', ['styles', 'html', 'webpack'], () => {
 
   gulp.watch(['app/html/**/*.html'], ['html', reload]);
   gulp.watch(['app/**/*.{scss,css}'], ['styles', reload]);
-  gulp.watch(['app/res/**/*'], reload);
+  gulp.watch(['app/res/**/*'], ['res', reload]);
 
   if (webpackInstance) {
     webpackInstance.watch({}, (err, stats) => {