Explorar el Código

Add img, update footer, move bundle location

Benoît Hubert hace 7 años
padre
commit
8440542004
Se han modificado 9 ficheros con 9682 adiciones y 13 borrados
  1. 2 0
      .gitignore
  2. BIN
      img/logo-gogs.png
  3. 0 0
      img/logo-js.png
  4. BIN
      img/logo-materializecss.png
  5. BIN
      img/logo-react.png
  6. 0 0
      img/logo-wcs.png
  7. 13 11
      index.html
  8. 2 2
      react-tuto/gulpfile.js
  9. 9665 0
      react-tuto/package-lock.json

+ 2 - 0
.gitignore

@@ -0,0 +1,2 @@
+react-tuto/node_modules
+js/build

BIN
img/logo-gogs.png


img/logo_js.png → img/logo-js.png


BIN
img/logo-materializecss.png


BIN
img/logo-react.png


img/logo_orange_pastille.png → img/logo-wcs.png


+ 13 - 11
index.html

@@ -40,10 +40,14 @@
       margin-top: 12px;
       max-height: 40px;
     }
+    .page-footer .footer-copyright img {
+      max-height: 30px;
+    }
     #root {
       padding: 30px;
     }
-    .nav-wrapper {
+    .nav-wrapper,
+    .page-footer .footer-copyright {
       padding: 0 30px;
     }
     .pagination-wrapper {
@@ -56,9 +60,6 @@
     .pagination {
       display: inline-block;
     }
-    /* a.breadcrumb {
-      margin-top: 4px;
-    } */
     .breadcrumb::before {
       color: #888;
       margin-top: -4px;
@@ -72,8 +73,8 @@
 
         <nav class="light-blue lighten-1" role="navigation">
           <div class="nav-wrapper"><a id="logo-container" href="" class="brand-logo">
-            <img src="img/logo_orange_pastille.png" alt="logo WCS" />
-            <img src="img/logo_js.png" alt="logo JS" />
+            <img src="img/logo-wcs.png" alt="logo WCS" />
+            <img src="img/logo-js.png" alt="logo JS" />
           </a>
             <ul class="right hide-on-med-and-down">
               <li><a href="#">Navbar Link</a></li>
@@ -102,11 +103,12 @@
       </div>
     </div>
 
-    <footer class="page-footer orange" style="padding-top: 0">
+    <footer class="page-footer black" style="padding-top: 0">
       <div class="footer-copyright">
-        <div class="container">
-        Made by <a class="orange-text text-lighten-3" href="http://materializecss.com">Materialize</a>
-        </div>
+        Fait avec&nbsp;
+        <a href="http://materializecss.com"><img src="img/logo-materializecss.png" alt="logo MaterializeCSS" /></a>&nbsp;
+        et&nbsp;<a href="https://reactjs.org/"><img src="img/logo-react.png" alt="logo React" /></a>&nbsp;&mdash;
+        Hébergé sur Gogs&nbsp;<a href="https://git.hubbros.fr/bh/react-web-tutorial"><img src="img/logo-gogs.png" alt="logo Gogs" /></a>
       </div>
     </footer>
 
@@ -116,7 +118,7 @@
   <script src="js/materialize.js"></script>
   <script src="js/init.js"></script>
   <script src="js/prism.js"></script>
-  <script src="react-tuto/js/bundle.react.js"></script>
+  <script src="js/build/bundle.react.js"></script>
   <script>
   </script>
 

+ 2 - 2
react-tuto/gulpfile.js

@@ -64,10 +64,10 @@ function buildClient(watch, done) {
       .on('error', function(err) { console.error(err); this.emit('end'); })
       .pipe(source('bundle.react.js'))
       .pipe(buffer())
-      // .pipe(uglify())
+      .pipe(uglify())
       .pipe(sourcemaps.init({ loadMaps: true }))
       .pipe(sourcemaps.write('./'))
-      .pipe(gulp.dest('./js'))
+      .pipe(gulp.dest(path.normalize(__dirname + '/../js/build')))
       .on('end', resolve);
   });
 }

La diferencia del archivo ha sido suprimido porque es demasiado grande
+ 9665 - 0
react-tuto/package-lock.json