add svg logo

lib/views/layout/layout.html

@@ -121,18 +121,28 @@ gh/highlightjs/cdn-release@9.12.0/build/languages/yaml.min.js
         <i class="ti-menu"></i>
       </a>
       <div class="top-left-part">
-        <a class="logo" href="index.html">
+        <a class="logo" href="/">
           <b>
             <!--This is dark logo icon-->
             <img src="../plugins/images/agileadmin-logo.png" alt="home" class="dark-logo" />
             <!--This is light logo icon-->
-            <img src="../plugins/images/agileadmin-logo-dark.png" alt="home" class="light-logo" />
+            <!-- <img src="../plugins/images/agileadmin-logo-dark.png" alt="home" class="light-logo" /> -->
+            <!-- <svg viewBox="0 0 448 448">
+              <path d="M0 376v-48q0-3.25 2.375-5.625t5.625-2.375h48q3.25 0 5.625 2.375t2.375 5.625v48q0 3.25-2.375 5.625t-5.625 2.375h-48q-3.25 0-5.625-2.375t-2.375-5.625zM0 280v-48q0-3.25 2.375-5.625t5.625-2.375h48q3.25 0 5.625 2.375t2.375 5.625v48q0 3.25-2.375 5.625t-5.625 2.375h-48q-3.25 0-5.625-2.375t-2.375-5.625zM0 184v-48q0-3.25 2.375-5.625t5.625-2.375h48q3.25 0 5.625 2.375t2.375 5.625v48q0 3.25-2.375 5.625t-5.625 2.375h-48q-3.25 0-5.625-2.375t-2.375-5.625zM0 88v-48q0-3.25 2.375-5.625t5.625-2.375h48q3.25 0 5.625 2.375t2.375 5.625v48q0 3.25-2.375 5.625t-5.625 2.375h-48q-3.25 0-5.625-2.375t-2.375-5.625zM96 376v-48q0-3.25 2.375-5.625t5.625-2.375h336q3.25 0 5.625 2.375t2.375 5.625v48q0 3.25-2.375 5.625t-5.625 2.375h-336q-3.25 0-5.625-2.375t-2.375-5.625zM96 280v-48q0-3.25 2.375-5.625t5.625-2.375h336q3.25 0 5.625 2.375t2.375 5.625v48q0 3.25-2.375 5.625t-5.625 2.375h-336q-3.25 0-5.625-2.375t-2.375-5.625zM96 184v-48q0-3.25 2.375-5.625t5.625-2.375h336q3.25 0 5.625 2.375t2.375 5.625v48q0 3.25-2.375 5.625t-5.625 2.375h-336q-3.25 0-5.625-2.375t-2.375-5.625zM96 88v-48q0-3.25 2.375-5.625t5.625-2.375h336q3.25 0 5.625 2.375t2.375 5.625v48q0 3.25-2.375 5.625t-5.625 2.375h-336q-3.25 0-5.625-2.375t-2.375-5.625z"></path>
+            </svg> -->
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 226.44 196.11">
+              <polygon points="56.61 196.11 169.83 196.11 226.44 98.06 188.7 98.06 150.96 163.43 75.48 163.43 56.61 196.11" />
+              <polygon points="75.48 98.05 94.35 65.37 150.96 65.38 207.57 65.37 207.57 65.38 226.44 98.06 169.83 98.06 113.22 98.06 94.39 130.66 94.3 130.66 84.92 114.4 75.48 98.05" />
+              <polygon points="0 98.06 56.6 0 113.22 0.01 169.83 0.01 169.83 0.01 188.69 32.68 132.09 32.69 75.47 32.69 18.86 130.74 0 98.06" />
+              <polygon points="75.48 163.43 56.61 130.74 37.71 163.46 47.15 179.81 56.54 196.07 56.63 196.07 75.48 163.43" />
+            </svg>
           </b>
-          <span class="hidden-xs">
+          <span class="hidden-xs" style="color: black">
             <!--This is dark logo text-->
-            <img src="../plugins/images/agileadmin-text.png" alt="home" class="dark-logo" />
+            <!-- <img src="../plugins/images/agileadmin-text.png" alt="home" class="dark-logo" /> -->
             <!--This is light logo text-->
-            <img src="../plugins/images/agileadmin-text-dark.png" alt="home" class="light-logo" />
+            <!-- <img src="../plugins/images/agileadmin-text-dark.png" alt="home" class="light-logo" /> -->
+            {% block title %}{{ config.crowi['app:title']|default('Crowi') }}{% endblock %}
           </span>
         </a>
       </div>

resource/styles/scss/_layout.scss

@@ -15,6 +15,14 @@
       }
     }
 
+    // logo
+    .logo svg {
+      padding: 12px;
+      width: 60px;
+      height: 60px;
+      fill: gray;
+    }
+
     .crowi-header { // {{{
       z-index: 1040;
       // background: $crowiHeaderBackground;