fix: amelioration globales affichage

category.php

@@ -3,19 +3,15 @@
   <?php $category = get_category( get_query_var( 'cat' ) );
     kspace_cat_breadcrumb_with_rss(single_cat_title('', false), 'folder-open', 'la catégorie',  get_category_link( $category->cat_ID ) . '/feed' );
   ?>
+  <div class="well">
+    <?php the_archive_description() ?>
+  </div>
   <?php include(TEMPLATEPATH . '/components/preview-list.php'); ?>
 
 </main>
 
 <!-- Sidebar custom pour contenir la description -->
 <aside class="sidebar">
-  <div class="card head-info">
-    <div class="card-header"><i class="fa fa-folder-open" aria-hidden="true"></i> <?php echo single_cat_title(); ?></div>
-    <div class="card-body">
-      <?php the_archive_description() ?>
-    </div>
-  </div>
-
   <?php include(TEMPLATEPATH . '/components/sidebar-content.php'); ?>
 </aside>
 <?php get_footer(); ?>

components/footer-content.php

@@ -10,6 +10,7 @@
         }
       }
     ?>
+    <li><a href="<?php bloginfo('rss2_url'); ?>" class="menu-item"><i class="fa fa-rss"  aria-hidden="true"></i><span class="sr-only">Flux RSS du site</span></a></li>
   </ul>
 </nav>
   <div class="container columns">

components/navbar-pages.php

@@ -23,7 +23,7 @@
             echo '<li><a href="' . $menuElement->url . '" class="menu-item">'. $menuElement->title . '</a></li>';
           }
         ?>
-      <li><a href="<?php bloginfo('rss2_url'); ?>" class="menu-item"><i class="fa fa-rss"  aria-hidden="true"></i><span class="sr-only">Flux RSS du site</span></a></li>
+      <li class="f-column f-center"><?php include(TEMPLATEPATH . '/components/searchform.php'); ?></li>
     </ul>
   </nav>
 </div>

functions.php

@@ -161,7 +161,7 @@ function kspace_cat_breadcrumb_with_rss($categoryName, $icon, $categoryType, $rs
     <div class="flex-that">
         <?php kspace_cat_breadcrumb_nav($categoryName, $icon); ?>
         <div class="rss">
-            <a href="<?php echo $rssLink; ?>" class="btn btn-orange" /><i class="fa fa-rss" aria-hidden="true"></i><span class="sr-only">Flux RSS de <?php echo $categoryType; ?></span></a>
+            <a href="<?php echo $rssLink; ?>" class="btn btn-orange d-block m-0" /><i class="fa fa-rss" aria-hidden="true"></i><span class="sr-only">Flux RSS de <?php echo $categoryType; ?></span></a>
         </div>
     </div>
 <?php

home.php

@@ -16,5 +16,14 @@
   <h1 class="page-title"><i class="fa fa-fw fa-clock-o" aria-hidden="true"></i> Publications</h1>
 	<?php include(TEMPLATEPATH . '/components/preview-grid.php'); ?>
 
+    <?php if ( !is_paged() ) {
+      ?>
+        <div class="toast mb-1 bg-blue" style="width:800px;margin:auto;"><strong class="m-0"><i class="fa fa-fw fa-info"></i> Note :</strong>  Si vous êtes intéressé pour découvrir plus
+        de contenus trouvé sur internet, vous pouvez aussi regarder mon <a href="http://shaarli.kazhnuz.space/">Shaarli</a>, qui sert plus à
+        partager des petites découverte rigolote ou intéressantes.</div>
+      <?php
+    }
+  ?>
+
 </main>
 <?php get_footer();  ?>

scss/_drawing.scss

@@ -15,3 +15,4 @@
 @import 'components/tables';
 //@import 'components/previews';
 @import 'components/sidebar';
+@import 'components/input';

scss/_utils.scss

@@ -9,3 +9,4 @@
 @import 'utils/lists';
 @import 'utils/sizing';
 @import 'utils/flex';
+@import 'utils/display';

scss/components/_input.scss

@@ -1,11 +1,9 @@
-.input-group {
+input,
-  padding-bottom:$lineheight;
+textarea {
-
+  width: 100%;
-  input, textarea {
+  background-color: $color-background;
-    width:100%;
+  border-radius: $btn-radius;
-    background-color:$color-background;
+  border: 0px solid rgba(0, 0, 0, 0);
-    border-radius:0px;
+  padding: $lineheight/4;
-    border: 1px solid rgba(0,0,0,0.2);
+  line-height: $lineheight;
-    padding:$lineheight/4;
+}
-  }
-}

scss/components/_toasts.scss

@@ -1,4 +1,11 @@
 .toast {
   @include panel($card-smallpad);
   padding:$card-smallpad;
+  font-size: 0.8rem;
+  a:not(:hover) {
+    background-color: rgba(0,0,0,0.2)!important;
+  }
+  a {
+    margin: 0;
+  }
 }

scss/custom/_featured.scss

@@ -4,7 +4,7 @@
     grid-template-rows: auto;
     grid-gap: $lineheight;
     padding-bottom: $lineheight;
-    @include xl() {
+    @include lg() {
         grid-template-columns: 1fr 1fr 1fr;
     }
 }

scss/utils/_display.scss

@@ -0,0 +1,3 @@
+.d-block {
+    display:block;
+}

search.php

@@ -2,7 +2,7 @@
 <main>
     <h1 class="page-title"><i class="fa fa-fw fa-search" aria-hidden="true"></i><?php _e('', 'sandbox') ?> Recherche pour le terme « <?php echo get_search_query(); ?> »</h1>
 
-    <?php include(TEMPLATEPATH . '/components/posts-list.php'); ?>
+    <?php include(TEMPLATEPATH . '/components/preview-list.php'); ?>
 </main>
 <?php get_sidebar(); ?>
 <?php get_footer(); ?>

style.css

@@ -1469,7 +1469,8 @@ ul.card-list, .card > ul {
   border: none;
   margin: 0;
   margin-bottom: 1.6rem;
-  padding: 0.8rem; }
+  padding: 0.8rem;
+  font-size: 0.8rem; }
   .toast > * {
     margin-left: 0.4rem;
     margin-right: 0.4rem; }
@@ -1481,6 +1482,10 @@ ul.card-list, .card > ul {
       margin-bottom: 0.8rem; }
       .toast > *:last-child.card-header {
         margin-bottom: 0px; }
+  .toast a:not(:hover) {
+    background-color: rgba(0, 0, 0, 0.2) !important; }
+  .toast a {
+    margin: 0; }
 
 /* TABLE
  * Style tables
@@ -1516,6 +1521,15 @@ th {
   .sidebar-container .sidebar {
     padding: 1rem; }
 
+input,
+textarea {
+  width: 100%;
+  background-color: #fefefe;
+  border-radius: 4px;
+  border: 0px solid rgba(0, 0, 0, 0);
+  padding: 0.4rem;
+  line-height: 1.6rem; }
+
 /* 1. Utils
 ** All the utilities class of the stylesheet
 */
@@ -2535,6 +2549,9 @@ th {
 .f-between {
   justify-content: space-between; }
 
+.d-block {
+  display: block; }
+
 /* 4 - Custom styling
  * Styles that are custom to this particular theme
 **/
@@ -2785,7 +2802,7 @@ footer {
   grid-template-rows: auto;
   grid-gap: 1.6rem;
   padding-bottom: 1.6rem; }
-  @media (min-width: 1200px) {
+  @media (min-width: 992px) {
     #featured-articles {
       grid-template-columns: 1fr 1fr 1fr; } }
 .preview-featured {