feat(style): logo and adjusted position

idawnlight · idawnlight · commit d28349284ad8 · 2024-09-04T23:07:10.000+08:00
diff --git a/docs/assets/pure-logo-color.svg b/docs/assets/pure-logo-color.svg
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="_图层_3" data-name="图层 3" xmlns="http://www.w3.org/2000/svg" width="455" height="601" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 455 601">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #000;
+        stroke: #000;
+        stroke-linejoin: round;
+      }
+
+      .cls-2 {
+        fill: #faaf3b;
+      }
+
+      .cls-2, .cls-3, .cls-4 {
+        stroke-width: 0px;
+      }
+
+      .cls-5 {
+        clip-path: url(#clippath-2);
+      }
+
+      .cls-3 {
+        fill: none;
+      }
+
+      .cls-6 {
+        clip-path: url(#clippath-1);
+      }
+
+      .cls-7 {
+        clip-path: url(#clippath);
+      }
+
+      .cls-4 {
+        fill: #f05a24;
+      }
+    </style>
+    <clipPath id="clippath">
+      <path class="cls-3" d="M421.46,577.45c21.57,25.49,25.49,27.45,72.55,17.65,38.87-8.1,78.44-3.92,109.81,9.8,31.37,13.73,50.98,29.41,70.59,35.3,19.61,5.88,23.53,7.84,23.53-5.88,0-13.73,0-31.37-29.41-62.75s-49.02-45.1-70.59-60.79c-21.57-15.69-47.06-35.3-98.04-47.06-50.98-11.77-68.63,7.84-113.73-19.61-45.1-27.45-49.02-29.41-68.63-64.71-19.61-35.3-17.65-35.3-17.65-64.71,0-29.41,5.88-54.9-49.02-121.58-54.9-66.67-92.16-66.67-92.16-66.67,0,0-54.9-41.18-63.73-28.43s-6.86,2.94,2.94,50c9.8,47.06,21.57,82.36,27.45,101.97,5.88,19.61,21.57,50.98,3.92,125.5-17.65,74.51-19.61,86.28-9.8,141.18s50.98,192.17,50.98,192.17c0,0,15.69,56.87,68.63,131.38"/>
+    </clipPath>
+    <clipPath id="clippath-1">
+      <path class="cls-3" d="M421.46,577.45c21.57,25.49,25.49,27.45,72.55,17.65,38.87-8.1,78.44-3.92,109.81,9.8,31.37,13.73,50.98,29.41,70.59,35.3,19.61,5.88,23.53,7.84,23.53-5.88,0-13.73,0-31.37-29.41-62.75s-49.02-45.1-70.59-60.79c-21.57-15.69-47.06-35.3-98.04-47.06-50.98-11.77-68.63,7.84-113.73-19.61-45.1-27.45-49.02-29.41-68.63-64.71-19.61-35.3-17.65-35.3-17.65-64.71,0-29.41,5.88-54.9-49.02-121.58-54.9-66.67-92.16-66.67-92.16-66.67,0,0-58.83-52.94-67.65-40.2-8.82,12.75-2.94,14.71,6.86,61.77,9.8,47.06,21.57,82.36,27.45,101.97,5.88,19.61,21.57,50.98,3.92,125.5-17.65,74.51-19.61,86.28-9.8,141.18s50.98,192.17,50.98,192.17c0,0,15.69,56.87,68.63,131.38"/>
+    </clipPath>
+    <clipPath id="clippath-2">
+      <path class="cls-3" d="M239.1,840.21c-52.94-74.51-68.63-131.38-68.63-131.38,0,0-41.18-137.26-50.98-192.17s-7.84-66.67,9.8-141.18c17.65-74.51,1.96-105.89-3.92-125.5-5.88-19.61-17.65-54.9-27.45-101.97C88.11,100.95,32.22,33.3.85,1.93c33.34-15.69,157.85,124.52,157.85,124.52,0,0,37.26,0,92.16,66.67,54.9,66.67,49.02,92.16,49.02,121.58,0,29.41.57,45.26,18.63,81.38,0,0,37.26,74.51,88.24,141.18,50.98,66.67,88.9,125.47,88.9,125.47"/>
+    </clipPath>
+  </defs>
+  <g class="cls-7">
+    <path class="cls-2" d="M95.45,477.29s23.05-214.56,110.31-123.38c67.79,70.83,96.08,60.79,96.08,60.79l-6.86-67.65,16.67-551.99-490.22,31.37L95.45,477.29Z"/>
+  </g>
+  <g class="cls-6">
+    <path class="cls-4" d="M128.31,321.55s21.57-80.4,84.32-19.61c67.84,65.72,88.24,52.94,88.24,52.94l-13.73-158.83L85.53-87.52-150.14,86.25l278.45,235.31Z"/>
+  </g>
+  <g class="cls-5">
+    <path class="cls-1" d="M-49.15-120.63l-43.14,284.33,223.54,121.58s21.57-54.48,72.55-21.57c50.98,32.91,46.17.51,51.35-13.04,5.52-14.42,19.24,3.23,27.09,24.8,5.36,14.74,5.88,37.26-7.84,49.02-13.73,11.77-23.53,21.57-11.77,52.94,11.77,31.37,29.98,89.12,119.61,170.6,64.71,58.83,111.77,68.63,111.77,68.63,0,0,60.79,41.04-29.41-76.47-90.2-117.52-123.54-149.03-107.85-160.79,15.69-11.77,33.34-298.06,33.34-298.06l-33.34-103.93"/>
+  </g>
+</svg>
diff --git a/docs/assets/pure-logo-white.svg b/docs/assets/pure-logo-white.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="_图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" width="455" height="601" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 455 601">
+  <defs>
+    <style>
+      .cls-1 {
+        clip-path: url(#clippath-2);
+      }
+
+      .cls-2 {
+        fill: #f1f1f1;
+        opacity: .5;
+      }
+
+      .cls-2, .cls-3, .cls-4 {
+        stroke-width: 0px;
+      }
+
+      .cls-3 {
+        fill: none;
+      }
+
+      .cls-5 {
+        clip-path: url(#clippath-1);
+      }
+
+      .cls-6 {
+        clip-path: url(#clippath);
+      }
+
+      .cls-4 {
+        fill: #fff;
+      }
+    </style>
+    <clipPath id="clippath">
+      <path class="cls-3" d="M421.52,577.01c21.57,25.49,25.49,27.45,72.55,17.65,38.87-8.1,78.44-3.92,109.81,9.8,31.37,13.73,50.98,29.41,70.59,35.3s23.53,7.84,23.53-5.88,0-31.37-29.41-62.75-49.02-45.1-70.59-60.79c-21.57-15.69-47.06-35.3-98.04-47.06-50.98-11.77-68.63,7.84-113.73-19.61-45.1-27.45-49.02-29.41-68.63-64.71-19.61-35.3-17.65-35.3-17.65-64.71s5.88-54.9-49.02-121.58c-54.9-66.67-92.16-66.67-92.16-66.67,0,0-54.9-41.18-63.73-28.43-8.82,12.75-6.86,2.94,2.94,50,9.8,47.06,21.57,82.36,27.45,101.97,5.88,19.61,21.57,50.98,3.92,125.5-17.65,74.51-19.61,86.28-9.8,141.18,9.8,54.9,50.98,192.17,50.98,192.17,0,0,15.69,56.87,68.63,131.38"/>
+    </clipPath>
+    <clipPath id="clippath-1">
+      <path class="cls-3" d="M421.52,577.01c21.57,25.49,25.49,27.45,72.55,17.65,38.87-8.1,78.44-3.92,109.81,9.8,31.37,13.73,50.98,29.41,70.59,35.3s23.53,7.84,23.53-5.88,0-31.37-29.41-62.75-49.02-45.1-70.59-60.79c-21.57-15.69-47.06-35.3-98.04-47.06-50.98-11.77-68.63,7.84-113.73-19.61-45.1-27.45-49.02-29.41-68.63-64.71-19.61-35.3-17.65-35.3-17.65-64.71s5.88-54.9-49.02-121.58c-54.9-66.67-92.16-66.67-92.16-66.67,0,0-58.83-52.94-67.65-40.2-8.82,12.75-2.94,14.71,6.86,61.77,9.8,47.06,21.57,82.36,27.45,101.97,5.88,19.61,21.57,50.98,3.92,125.5-17.65,74.51-19.61,86.28-9.8,141.18,9.8,54.9,50.98,192.17,50.98,192.17,0,0,15.69,56.87,68.63,131.38"/>
+    </clipPath>
+    <clipPath id="clippath-2">
+      <path class="cls-3" d="M239.16,839.76c-52.94-74.51-68.63-131.38-68.63-131.38,0,0-41.18-137.26-50.98-192.17-9.8-54.9-7.84-66.67,9.8-141.18,17.65-74.51,1.96-105.89-3.92-125.5-5.88-19.61-17.65-54.9-27.45-101.97C88.17,100.51,32.29,32.86.91,1.48c33.34-15.69,157.85,124.52,157.85,124.52,0,0,37.26,0,92.16,66.67,54.9,66.67,49.02,92.16,49.02,121.58s.57,45.26,18.63,81.38c0,0,37.26,74.51,88.24,141.18,50.98,66.67,88.9,125.47,88.9,125.47"/>
+    </clipPath>
+  </defs>
+  <g class="cls-6">
+    <path class="cls-2" d="M95.51,476.84s23.05-214.56,110.31-123.38c67.79,70.83,96.08,60.79,96.08,60.79l-6.86-67.65,16.67-551.99-490.22,31.37L95.51,476.84Z"/>
+  </g>
+  <g class="cls-5">
+    <path class="cls-2" d="M128.37,321.11s21.57-80.4,84.32-19.61c67.84,65.72,88.24,52.94,88.24,52.94l-13.73-158.83L85.6-87.97-150.08,85.8l278.45,235.31Z"/>
+  </g>
+  <g class="cls-1">
+    <path class="cls-4" d="M-49.09-121.07l-43.14,284.33,223.54,121.58s21.57-54.48,72.55-21.57c50.98,32.91,46.17.51,51.35-13.04,5.52-14.42,19.24,3.23,27.09,24.8,5.36,14.74,5.88,37.26-7.84,49.02s-23.53,21.57-11.77,52.94c11.77,31.37,29.98,89.12,119.61,170.6,64.71,58.83,111.77,68.63,111.77,68.63,0,0,60.79,41.04-29.41-76.47-90.2-117.52-123.54-149.03-107.85-160.79,15.69-11.77,33.34-298.06,33.34-298.06l-33.34-103.93"/>
+  </g>
+</svg>
diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
@@ -1,3 +1,7 @@
 header.md-header, nav.md-tabs {
      background: linear-gradient(to right, #36b1da 0%, #29c6cd 100%);
+}
+
+div.md-header__title {
+    margin-left: .4rem !important;
 }
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -6,6 +6,7 @@ repo_name: seulinux/seulinux.github.io
 theme:
   name: material
   language: zh
+  logo: assets/pure-logo-white.svg
   icon:
     logo: logo
   features:

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,7 @@`
`1`	`1`	`header.md-header, nav.md-tabs {`
`2`	`2`	`background: linear-gradient(to right, #36b1da 0%, #29c6cd 100%);`
	`3`	`+}`
	`4`	`+`
	`5`	`+div.md-header__title {`
	`6`	`+ margin-left: .4rem !important;`
`3`	`7`	`}`