Skip to content

Commit

Permalink
Implemenet dark mode, reduced motion mode, tailwind typography Embed …
Browse files Browse the repository at this point in the history
…svg, Improve responsive design
  • Loading branch information
arx-ein committed Jul 12, 2024
1 parent ae9ce91 commit 977a3dc
Show file tree
Hide file tree
Showing 18 changed files with 264 additions and 293 deletions.
12 changes: 8 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,11 @@

## What?

Mycelithylの個人サイトです。
Mycelithylの個人サイトです。
サイトへのアクセスは[こちら](https://arx-ein.github.io/mycelithyl-hyphae/)

Personal web page of Mycelithyl.
Personal website of Mycelithyl.
Access the site through [here](https://arx-ein.github.io/mycelithyl-hyphae/)

## Who?

Expand All @@ -20,9 +22,11 @@ To pile up some of the outcomes of my activities.

## When?

サイト制作開始: 2023/12/2, 最終更新: リポジトリの上の方とかに書いてあるかも
サイト制作開始: 2023/12/2
最終更新: リポジトリの上の方とかに書いてあるかも

Web site created: 2023 Dec 12, Last updated: Somewhere up there on the repository page
Web site created: 2023 Dec 12
Last updated: Somewhere up there on the repository page

## Where?

Expand Down
47 changes: 47 additions & 0 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,7 @@
"@astrojs/check": "^0.8.0",
"@astrojs/mdx": "^3.1.2",
"@astrojs/tailwind": "^5.1.0",
"@tailwindcss/typography": "^0.5.13",
"astro": "^4.11.5",
"astro-breadcrumbs": "^2.3.1",
"sass": "^1.77.7",
Expand Down
20 changes: 0 additions & 20 deletions public/bullet-point.svg

This file was deleted.

9 changes: 0 additions & 9 deletions public/favicon.svg

This file was deleted.

11 changes: 0 additions & 11 deletions public/hypha-loop.svg

This file was deleted.

55 changes: 0 additions & 55 deletions public/hyphae-logo.svg

This file was deleted.

72 changes: 43 additions & 29 deletions src/components/Footer.astro
Original file line number Diff line number Diff line change
Expand Up @@ -7,18 +7,15 @@ interface Props {}
<div class="flex justify-end w-full px-6 pb-2 text-right">
<a href="#" class="group">
<svg
class="h-16"
fill="#000000"
version="1.1"
viewBox="0 0 80 100"
version="1.1" viewBox="0 0 80 100"
class="h-16 stroke-zinc-800 dark:stroke-zinc-200"
>
<g transform="rotate(-90)" transform-origin="50 50">
<g
id="hex"
transform="matrix(-1,0,0,1,72.738952,0)"
style="
fill:none;
stroke:#000000;
stroke-width:2.0;
stroke-linecap:round;
stroke-linejoin:round;
Expand All @@ -33,48 +30,62 @@ interface Props {}
></path>
<path
d="m 39.21,40 c 0,0 -1.29,-5.41 -2.47,-7.91 -0.72,-1.53 -2.01,-2.74 -2.77,-4.26 -0.92,-1.86 -1.02,-4.08 -2.1,-5.85 -1.27,-2.07 -3.3,-3.56 -5,-5.3 -1.41,-1.45 -4.29,-4.28 -4.29,-4.28"
id="hypha-1">
id="hypha-1"
>
</path>
<path
d="m 39.21,40 c 0,0 4.66,-4.08 6.12,-6.74 0.97,-1.76 0.66,-4.04 1.61,-5.81 0.73,-1.36 2.38,-2.09 3.02,-3.49 0.77,-1.68 0.1,-3.79 0.8,-5.5 0.98,-2.39 4.61,-6.24 4.61,-6.24"
id="hypha-2">
id="hypha-2"
>
</path>
<path
d="m 39.21,40 c 0,0 4.66,2 7.13,2 1.9,-0 3.6,-1.35 5.49,-1.55 3.6,-0.38 8.12,3.09 10.85,0.7 0.58,-0.51 -0.45,-1.83 0.16,-2.3 2.39,-1.84 8.89,1.67 8.89,1.67"
id="hypha-3">
id="hypha-3"
>
</path>
<path
d="m 39.21,40 c 0,0 1.54,4.79 2.63,7.05 0.82,1.7 1.8,3.32 2.91,4.84 1.3,1.77 3.18,3.07 4.36,4.92 1.33,2.1 1.56,4.78 2.93,6.85 1.06,1.59 3.98,4.1 3.98,4.1"
id="hypha-4">
id="hypha-4"
>
</path>
<path
d="m 23.08,67.95 c 0,0 2.72,-4.12 4.2,-6.09 1.26,-1.68 3.18,-2.94 3.99,-4.88 0.69,-1.64 -0.09,-3.64 0.57,-5.29 1.11,-2.78 3.98,-4.53 5.48,-7.12 0.83,-1.43 1.9,-4.57 1.9,-4.57"
id="hypha-5">
id="hypha-5"
>
</path>
<path
d="m 34.38,17.84 c -3.59,-1.38 -3.28,2.38 -2.51,4.14"
id="branch-1">
id="branch-1"
>
</path>
<path
d="M 46.14,30.42 C 44.66,26.85 40.89,25.31 43.52,22.22"
id="branch-2">
id="branch-2"
>
</path>
<path
d="m 44.76,51.89 c -0.57,2.67 -3.28,2.38 -2.51,4.14"
id="branch-4">
id="branch-4"
>
</path>
<circle
style="stroke-width:1.2;"
id="spore" cy="57.70" cx="42.85" r="1.32">
id="spore"
cy="57.70"
cx="42.85"
r="1.32"
>
</circle>
</g>
<g
id="arrow"
class="transition-transform duration-200 ease-in-out group-hover:translate-x-3"
class="
transition-transform duration-200 ease-in-out group-hover:translate-x-3
motion-reduce:transition-none motion-reduce:group-hover:transform-none
"
style="
display:inline;
fill:none;
stroke:#000000;
stroke-width:2.5;
stroke-linecap:round;
stroke-linejoin:round;
Expand All @@ -83,32 +94,35 @@ interface Props {}
"
>
<path
d="m 46.33,40 32.41,0"
id="base">
</path>
<path
d="M 62.61,12.05 78.74,40 62.61,67.95"
id="head">
d="m 46.33,40 32.41,0" id="base"
class="
motion-reduce:group-hover:stroke-transparent
"
></path>
<path d="M 62.61,12.05 78.74,40 62.61,67.95" id="head">
</path>
</g>
</g>
</svg>
</a>
</div>
<div class="border-0 border-t-2 border-t-black bg-white px-4 py-2">
<div class="flex flex-col sm:flex-row flex-wrap justify-between items-center text-center">
<div class="border-0 border-t-2 border-t-zinc-800 dark:border-t-zinc-200 px-4 py-2">
<div
class="flex flex-col sm:flex-row flex-wrap dark:bg-zinc-900 justify-between items-center text-center"
>
<small>
mycelithyl-hyphae: Built using GitHub Pages.
<a href="https://github.com/arx-ein/mycelithyl-hyphae" class="inline-block">
<a
href="https://github.com/arx-ein/mycelithyl-hyphae"
class="anchor inline-block underline"
>
View Repository
</a>
</small>
<small class="text-neutral-400">
<small class="text-zinc-400">
&#169; 2024 Mycelithyl All Rights Reserved.
</small>
</div>
</div>
</footer>
<style>

</style>
<style></style>
Loading

0 comments on commit 977a3dc

Please sign in to comment.