minearm-website 0.0.3-beta.2

package/src/components/header/HeaderButton.astro

@@ -0,0 +1,59 @@
+---
+import { ThemeConfig } from "@src/theme_config";
+import GetIcon from "@comp/icons/getIcon.astro";
+
+import ThemeControl from "@comp/client/themeControl.vue";
+import ToTop from "@comp/icons/toTop.astro";
+
+const buttons: Array<ButtonItem> = ThemeConfig.header.buttons;
+const funcs: HeaderFunc = ThemeConfig.header.functions;
+---
+
+<Fragment>
+  {
+    buttons.map((button) => (
+      <div class:list={["menu-button", button.customClass]}>
+        {button.link ? (
+          <a
+            href={button.link}
+            class="menu-button-link"
+            title={button.title || ""}
+          >
+            <GetIcon Icon={button.icon} class="menu-button-icon" />
+          </a>
+        ) : (
+          <div class="menu-button-link" title={button.title || ""}>
+            <GetIcon Icon={button.icon} class="menu-button-icon" />
+          </div>
+        )}
+      </div>
+    ))
+  }
+  {funcs.themeControl && <ThemeControl client:only />}
+  {
+    funcs.pagePercent && (
+      <Fragment>
+        <div id="menu-totop" class="menu-button percent">
+          <div
+            onclick="
+            hsu.scrollToDestination(0, 500)
+            "
+            class="menu-button-link"
+            title="toTop"
+          >
+            <div id="percent" class="menu-button-icon">
+              0
+            </div>
+            <div id="totop" class="menu-button-icon">
+              <ToTop />
+            </div>
+          </div>
+        </div>
+        <script is:inline>
+          window.addEventListener("load", event =>
+          {(window.onscroll = hsu.calculateScrollPercentage)})
+        </script>
+      </Fragment>
+    )
+  }
+</Fragment>

package/src/components/header/HeaderItem.astro

@@ -0,0 +1,63 @@
+---
+import { ThemeConfig } from "@src/theme_config";
+import GetIcon from "@comp/icons/getIcon.astro";
+
+const items: Array<MenuItem> = ThemeConfig.header.menu;
+---
+
+<Fragment>
+  {
+    items.map((item) => (
+      <div
+        class:list={[
+          "menu-item",
+          item.customClass,
+          { "has-child": item.children },
+        ]}
+      >
+        {item.link ? (
+          <a
+            href={item.link || ""}
+            rel={item.link ? "" : "nofollow"}
+            class="menu-item-link"
+          >
+            <GetIcon Icon={item.icon} class="menu-item-icon" />
+            <span class="menu-item-name">{item.name}</span>
+          </a>
+        ) : (
+          <div class="menu-item-link">
+            <GetIcon Icon={item.icon} class="menu-item-icon" />
+            <span class="menu-item-name">{item.name}</span>
+          </div>
+        )}
+        {() => {
+          if (item.children) {
+            return (
+              <ul class="menu-children">
+                {item.children.map((child) => (
+                  <li class:list={["menu-child", child.customClass]}>
+                    {child.link ? (
+                      <a
+                        href={child.link}
+                        rel={child.link ? "" : "nofollow"}
+                        class="menu-child-link"
+                      >
+                        <GetIcon Icon={child.icon} class="menu-child-icon" />
+                        <span class="menu-child-name">{child.name}</span>
+                      </a>
+                    ) : (
+                      <div class="menu-child-link">
+                        <GetIcon Icon={child.icon} class="menu-child-icon" />
+                        <span class="menu-child-name">{child.name}</span>
+                      </div>
+                    )}
+                  </li>
+                ))}
+              </ul>
+            );
+          }
+        }}
+      </div>
+    ))
+  }
+</Fragment>

package/src/components/header/heroWave.astro

@@ -0,0 +1,19 @@
+---
+import "@style/components/heroWave.scss";
+import Wave from "@comp/animation/wave.astro";
+interface Props {
+  heroColor?: string;
+  class?: string;
+}
+const { heroColor, class: customClass } = Astro.props;
+---
+
+<div
+  class:list={[customClass]}
+  id="hero-wave"
+  style={heroColor &&
+    `background: linear-gradient(${heroColor}, var(--body-background-color));`}
+>
+  <slot />
+  <Wave />
+</div>

package/src/components/header/searchBar.astro

@@ -0,0 +1,21 @@
+---
+import GetIcon from "@comp/icons/getIcon.astro";
+import Searchicon from "@comp/icons/searchicon.astro";
+---
+
+<div id="search-bar" onclick="hsu.opensearch()">
+  <div class="search-box">
+    <GetIcon Icon={Searchicon} class="search-icon" />
+    <div class="search-hotkey">
+      搜索
+      <kbd>Alt K</kbd>
+    </div>
+  </div>
+</div>
+<script is:inline>
+window.addEventListener("keydown", function (event) {
+  if (event.altKey && event.key === "k") {
+    hsu.opensearch();
+  }
+});
+</script>

package/src/components/icons/bilibili.astro

@@ -0,0 +1,10 @@
+---
+---
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
+  ><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+  <path
+    fill="currentColor"
+    d="M488.6 104.1C505.3 122.2 513 143.8 511.9 169.8V372.2C511.5 398.6 502.7 420.3 485.4 437.3C468.2 454.3 446.3 463.2 419.9 464H92.02C65.57 463.2 43.81 454.2 26.74 436.8C9.682 419.4 .7667 396.5 0 368.2V169.8C.7667 143.8 9.682 122.2 26.74 104.1C43.81 87.75 65.57 78.77 92.02 78H121.4L96.05 52.19C90.3 46.46 87.42 39.19 87.42 30.4C87.42 21.6 90.3 14.34 96.05 8.603C101.8 2.868 109.1 0 117.9 0C126.7 0 134 2.868 139.8 8.603L213.1 78H301.1L375.6 8.603C381.7 2.868 389.2 0 398 0C406.8 0 414.1 2.868 419.9 8.603C425.6 14.34 428.5 21.6 428.5 30.4C428.5 39.19 425.6 46.46 419.9 52.19L394.6 78L423.9 78C450.3 78.77 471.9 87.75 488.6 104.1H488.6zM449.8 173.8C449.4 164.2 446.1 156.4 439.1 150.3C433.9 144.2 425.1 140.9 416.4 140.5H96.05C86.46 140.9 78.6 144.2 72.47 150.3C66.33 156.4 63.07 164.2 62.69 173.8V368.2C62.69 377.4 65.95 385.2 72.47 391.7C78.99 398.2 86.85 401.5 96.05 401.5H416.4C425.6 401.5 433.4 398.2 439.7 391.7C446 385.2 449.4 377.4 449.8 368.2L449.8 173.8zM185.5 216.5C191.8 222.8 195.2 230.6 195.6 239.7V273C195.2 282.2 191.9 289.9 185.8 296.2C179.6 302.5 171.8 305.7 162.2 305.7C152.6 305.7 144.7 302.5 138.6 296.2C132.5 289.9 129.2 282.2 128.8 273V239.7C129.2 230.6 132.6 222.8 138.9 216.5C145.2 210.2 152.1 206.9 162.2 206.5C171.4 206.9 179.2 210.2 185.5 216.5H185.5zM377 216.5C383.3 222.8 386.7 230.6 387.1 239.7V273C386.7 282.2 383.4 289.9 377.3 296.2C371.2 302.5 363.3 305.7 353.7 305.7C344.1 305.7 336.3 302.5 330.1 296.2C323.1 289.9 320.7 282.2 320.4 273V239.7C320.7 230.6 324.1 222.8 330.4 216.5C336.7 210.2 344.5 206.9 353.7 206.5C362.9 206.9 370.7 210.2 377 216.5H377z"
+  ></path></svg
+>

package/src/components/icons/c.astro

@@ -0,0 +1,10 @@
+---
+---
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"
+  ><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+  <path
+    fill="currentColor"
+    d="M329.1 142.9c-62.5-62.5-155.8-62.5-218.3 0s-62.5 163.8 0 226.3s155.8 62.5 218.3 0c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3c-87.5 87.5-221.3 87.5-308.8 0s-87.5-229.3 0-316.8s221.3-87.5 308.8 0c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0z"
+  ></path></svg
+>

package/src/components/icons/code.astro

@@ -0,0 +1,37 @@
+---
+import { Icon } from 'astro-icon/components';
+---
+
+<div class="relative">
+  <pre
+    class="shadow-2xl bg-black code"><button aria-label="copy-button" class="copy-button absolute  z-20 top-2 right-2  rounded-md transition-all ease-in max-w-full max-h-fit hover:text-indigo-400"><Icon name="tabler:copy" /></button><span class="check-span absolute z-10 top-2 right-2  rounded-md transition-all ease-in opacity-0 text-green-300 max-w-full max-h-fit "><Icon name="tabler:check" /></span><slot /></pre>
+</div>
+<script>
+  const coppyBlock = () => {
+    const proBlock = document.querySelectorAll('pre');
+    proBlock.forEach((pre) => {
+      const button = pre.querySelector('.copy-button');
+      const check = pre.querySelector('.check-span');
+      const code = pre.querySelector('code');
+      if (code) {
+        const lineSpans = code?.querySelectorAll('span.line');
+        lineSpans.forEach((span, index) => {
+          let indexData = `${index+1}.`;
+          span.setAttribute('data-index', indexData);
+        });
+      }
+
+      button!.addEventListener('click', () => {
+        navigator.clipboard.writeText(pre.textContent?.trim() || '');
+        check?.classList.remove('opacity-0');
+        button?.classList.add('opacity-0');
+        setTimeout(() => {
+          check?.classList.add('opacity-0');
+          button?.classList.remove('opacity-0');
+        }, 2000);
+      });
+    });
+  };
+  coppyBlock(); // initial load
+  document.addEventListener('astro:after-swap', coppyBlock); // re-run after each page change
+</script>

package/src/components/icons/computer.astro

@@ -0,0 +1,4 @@
+---
+
+---
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M384 96V320H64L64 96H384zM64 32C28.7 32 0 60.7 0 96V320c0 35.3 28.7 64 64 64H181.3l-10.7 32H96c-17.7 0-32 14.3-32 32s14.3 32 32 32H352c17.7 0 32-14.3 32-32s-14.3-32-32-32H277.3l-10.7-32H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm464 0c-26.5 0-48 21.5-48 48V432c0 26.5 21.5 48 48 48h64c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48H528zm16 64h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H544c-8.8 0-16-7.2-16-16s7.2-16 16-16zm-16 80c0-8.8 7.2-16 16-16h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H544c-8.8 0-16-7.2-16-16zm32 160a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>

package/src/components/icons/cube.astro

@@ -0,0 +1,10 @@
+---
+---
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
+  ><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+  <path
+    fill="currentColor"
+    d="M234.5 5.7c13.9-5 29.1-5 43.1 0l192 68.6C495 83.4 512 107.5 512 134.6V377.4c0 27-17 51.2-42.5 60.3l-192 68.6c-13.9 5-29.1 5-43.1 0l-192-68.6C17 428.6 0 404.5 0 377.4V134.6c0-27 17-51.2 42.5-60.3l192-68.6zM256 66L82.3 128 256 190l173.7-62L256 66zm32 368.6l160-57.1v-188L288 246.6v188z"
+  ></path></svg
+>

package/src/components/icons/game.astro

@@ -0,0 +1,10 @@
+---
+---
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
+  ><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+  <path
+    fill="currentColor"
+    d="M488.6 104.1C505.3 122.2 513 143.8 511.9 169.8V372.2C511.5 398.6 502.7 420.3 485.4 437.3C468.2 454.3 446.3 463.2 419.9 464H92.02C65.57 463.2 43.81 454.2 26.74 436.8C9.682 419.4 .7667 396.5 0 368.2V169.8C.7667 143.8 9.682 122.2 26.74 104.1C43.81 87.75 65.57 78.77 92.02 78H121.4L96.05 52.19C90.3 46.46 87.42 39.19 87.42 30.4C87.42 21.6 90.3 14.34 96.05 8.603C101.8 2.868 109.1 0 117.9 0C126.7 0 134 2.868 139.8 8.603L213.1 78H301.1L375.6 8.603C381.7 2.868 389.2 0 398 0C406.8 0 414.1 2.868 419.9 8.603C425.6 14.34 428.5 21.6 428.5 30.4C428.5 39.19 425.6 46.46 419.9 52.19L394.6 78L423.9 78C450.3 78.77 471.9 87.75 488.6 104.1H488.6zM449.8 173.8C449.4 164.2 446.1 156.4 439.1 150.3C433.9 144.2 425.1 140.9 416.4 140.5H96.05C86.46 140.9 78.6 144.2 72.47 150.3C66.33 156.4 63.07 164.2 62.69 173.8V368.2C62.69 377.4 65.95 385.2 72.47 391.7C78.99 398.2 86.85 401.5 96.05 401.5H416.4C425.6 401.5 433.4 398.2 439.7 391.7C446 385.2 449.4 377.4 449.8 368.2L449.8 173.8zM185.5 216.5C191.8 222.8 195.2 230.6 195.6 239.7V273C195.2 282.2 191.9 289.9 185.8 296.2C179.6 302.5 171.8 305.7 162.2 305.7C152.6 305.7 144.7 302.5 138.6 296.2C132.5 289.9 129.2 282.2 128.8 273V239.7C129.2 230.6 132.6 222.8 138.9 216.5C145.2 210.2 152.1 206.9 162.2 206.5C171.4 206.9 179.2 210.2 185.5 216.5H185.5zM377 216.5C383.3 222.8 386.7 230.6 387.1 239.7V273C386.7 282.2 383.4 289.9 377.3 296.2C371.2 302.5 363.3 305.7 353.7 305.7C344.1 305.7 336.3 302.5 330.1 296.2C323.1 289.9 320.7 282.2 320.4 273V239.7C320.7 230.6 324.1 222.8 330.4 216.5C336.7 210.2 344.5 206.9 353.7 206.5C362.9 206.9 370.7 210.2 377 216.5H377z"
+  ></path></svg
+>

package/src/components/icons/getIcon.astro

@@ -0,0 +1,64 @@
+---
+import { utils } from "@utils/utils";
+import icons from "./icons.json";
+
+interface Props {
+  Icon: any;
+  class?: string;
+}
+
+const { Icon, class: wrapClass } = Astro.props;
+const t = typeof Icon;
+let icon: any;
+var flag: number = -1;
+if (t === "function") {
+  flag = 0;
+} else if (t === "string") {
+  if (Icon === "") {
+    flag = -1;
+  } else if (Icon.substring(0, 4) === "<svg" || Icon.substring(0, 2) === "<i") {
+    flag = 1;
+  } else if (utils.checkURL(Icon) || Icon[0] === "/") {
+    flag = 2;
+  } else if (Icon.substring(0, 2) === "fa") {
+    flag = 3;
+  } else if (Icon.substring(0, 6) === "local:") {
+    flag = 4;
+    let [family, name] = Icon.slice(6).split(".");
+    icon =
+      (icons as any)[name].svg[family].raw.replaceAll(
+        "<path",
+        "<path fill='currentColor' "
+      ) || console.error(`${Icon} not found!`);
+  }
+}
+---
+
+{
+  flag !== -1 && (
+    <div class={wrapClass || ""}>
+      {() => {
+        switch (flag) {
+          case 0:
+            return <Icon />;
+          case 1:
+            return <Fragment set:html={Icon} />;
+          case 2:
+            return <img src={Icon} alt="" />;
+          case 3:
+            return <i class={Icon} />;
+          case 4:
+            return <Fragment set:html={icon} />;
+        }
+      }}
+      <slot />
+    </div>
+  )
+}
+
+<style>
+  img {
+    width: 100%;
+    height: 100%;
+  }
+</style>

package/src/components/icons/github.astro

@@ -0,0 +1,10 @@
+---
+---
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512">
+  <!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+  <path
+    fill="currentColor"
+    d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"
+  ></path>
+</svg>

package/src/components/icons/hardDriver.astro

@@ -0,0 +1,10 @@
+---
+---
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"
+  ><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+  <path
+    fill="currentColor"
+    d="M0 96C0 60.7 28.7 32 64 32H448c35.3 0 64 28.7 64 64V280.4c-17-15.2-39.4-24.4-64-24.4H64c-24.6 0-47 9.2-64 24.4V96zM64 288H448c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V352c0-35.3 28.7-64 64-64zM320 416a32 32 0 1 0 0-64 32 32 0 1 0 0 64zm128-32a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"
+  ></path></svg
+>

package/src/components/icons/home.astro

@@ -0,0 +1,14 @@
+<svg
+  aria-hidden="true"
+  focusable="false"
+  data-prefix="fas"
+  data-icon="house"
+  role="img"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 576 512"
+  data-fa-i2svg=""
+  ><path
+    fill="currentColor"
+    d="M575.8 255.5c0 18-15 32.1-32 32.1h-32l.7 160.2c0 2.7-.2 5.4-.5 8.1V472c0 22.1-17.9 40-40 40H456c-1.1 0-2.2 0-3.3-.1c-1.4 .1-2.8 .1-4.2 .1H416 392c-22.1 0-40-17.9-40-40V448 384c0-17.7-14.3-32-32-32H256c-17.7 0-32 14.3-32 32v64 24c0 22.1-17.9 40-40 40H160 128.1c-1.5 0-3-.1-4.5-.2c-1.2 .1-2.4 .2-3.6 .2H104c-22.1 0-40-17.9-40-40V360c0-.9 0-1.9 .1-2.8V287.6H32c-18 0-32-14-32-32.1c0-9 3-17 10-24L266.4 8c7-7 15-8 22-8s15 2 21 7L564.8 231.5c8 7 12 15 11 24z"
+  ></path></svg
+>

package/src/components/icons/icon.ts

@@ -0,0 +1,33 @@
+import HomeIcon from "./home.astro";
+import PenIcon from "./pen.astro";
+import IDcardIcon from "./person.astro";
+import ToolsIcon from "./tools.astro";
+import PaperPlaneIcon from "./paperPlane.astro";
+import LinkIcon from "./link.astro";
+import ComputerIcon from "./computer.astro";
+import TagsIcon from "./tags.astro";
+import CubeIcon from "./cube.astro";
+import HardDriverIcon from "./hardDriver.astro";
+import GitHub from "./github.astro";
+import Mail from "./mail.astro";
+import Bilibili from "./bilibili.astro";
+import C from "./c.astro";
+import searchicon from "./searchicon.astro";
+
+export const Icons = {
+    HomeIcon,
+    PenIcon,
+    IDcardIcon,
+    ToolsIcon,
+    PaperPlaneIcon,
+    LinkIcon,
+    ComputerIcon,
+    TagsIcon,
+    CubeIcon,
+    HardDriverIcon,
+    GitHub,
+    Mail,
+    Bilibili,
+    C,
+    searchicon
+}