diff --git a/bun.lock b/bun.lock
index ea1dea69..eeac8cdc 100644
--- a/bun.lock
+++ b/bun.lock
@@ -4,33 +4,32 @@
     "": {
       "name": "website",
       "dependencies": {
-        "@astrojs/mdx": "^4.1.0",
-        "@astrojs/sitemap": "^3.2.1",
-        "@astrojs/svelte": "^7.0.6",
+        "@astrojs/mdx": "^4.2.2",
+        "@astrojs/sitemap": "^3.3.0",
+        "@astrojs/svelte": "^7.0.8",
         "@date-fns/tz": "^1.2.0",
         "@iconify-json/feather": "^1.2.1",
         "@tailwindcss/typography": "^0.5.16",
-        "astro": "^5.4.2",
+        "astro": "^5.5.5",
         "astro-icon": "^1.1.5",
-        "bits-ui": "^1.3.13",
-        "daisyui": "^5.0.4",
+        "bits-ui": "^1.3.14",
+        "daisyui": "^5.0.9",
         "date-fns": "^4.1.0",
         "markdown-to-txt": "^2.0.1",
         "sharp": "^0.33.5",
-        "svelte": "^5.23.1",
+        "svelte": "^5.25.3",
       },
       "devDependencies": {
         "@astrojs/check": "^0.9.4",
         "@biomejs/biome": "^1.9.4",
-        "@tailwindcss/vite": "^4.0.12",
-        "@types/bun": "^1.2.4",
-        "lefthook": "^1.11.3",
+        "@tailwindcss/vite": "^4.0.17",
+        "lefthook": "^1.11.5",
         "prettier": "^3.5.3",
         "prettier-plugin-astro": "^0.14.1",
         "prettier-plugin-svelte": "^3.3.3",
         "prettier-plugin-tailwindcss": "^0.6.11",
         "rollup-plugin-visualizer": "^5.14.0",
-        "tailwindcss": "^4.0.12",
+        "tailwindcss": "^4.0.17",
         "typescript": "^5.8.2",
       },
     },
@@ -328,8 +327,6 @@
 
     "@types/acorn": ["@types/acorn@4.0.6", "", { "dependencies": { "@types/estree": "*" } }, "sha512-veQTnWP+1D/xbxVrPC3zHnCZRjSrKfhbMUlEA43iMZLu7EsnTtkJklIuwrCPbOi8YkvDQAiW05VQQFvvz9oieQ=="],
 
-    "@types/bun": ["@types/bun@1.2.6", "", { "dependencies": { "bun-types": "1.2.6" } }, "sha512-fY9CAmTdJH1Llx7rugB0FpgWK2RKuHCs3g2cFDYXUutIy1QGiPQxKkGY8owhfZ4MXWNfxwIbQLChgH5gDsY7vw=="],
-
     "@types/debug": ["@types/debug@4.1.12", "", { "dependencies": { "@types/ms": "*" } }, "sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ=="],
 
     "@types/estree": ["@types/estree@1.0.6", "", {}, "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw=="],
@@ -354,8 +351,6 @@
 
     "@types/unist": ["@types/unist@3.0.3", "", {}, "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="],
 
-    "@types/ws": ["@types/ws@8.5.14", "", { "dependencies": { "@types/node": "*" } }, "sha512-bd/YFLW+URhBzMXurx7lWByOu+xzU9+kb3RboOteXYDfW+tr+JZa99OyNmPINEGB/ahzKrEuc8rcv4gnpJmxTw=="],
-
     "@types/yauzl": ["@types/yauzl@2.10.3", "", { "dependencies": { "@types/node": "*" } }, "sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q=="],
 
     "@ungap/structured-clone": ["@ungap/structured-clone@1.3.0", "", {}, "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g=="],
@@ -414,7 +409,7 @@
 
     "base-64": ["base-64@1.0.0", "", {}, "sha512-kwDPIFCGx0NZHog36dj+tHiwP4QMzsZ3AgMViUBKI0+V5n4U0ufTCUMhnQ04diaRI8EX/QcPfql7zlhZ7j4zgg=="],
 
-    "bits-ui": ["bits-ui@1.3.13", "", { "dependencies": { "@floating-ui/core": "^1.6.4", "@floating-ui/dom": "^1.6.7", "@internationalized/date": "^3.5.6", "esm-env": "^1.1.2", "runed": "^0.23.2", "svelte-toolbelt": "^0.7.1", "tabbable": "^6.2.0" }, "peerDependencies": { "svelte": "^5.11.0" } }, "sha512-0ysKdvHBIArfFBe+MYVAvu5OANOsivk+UJftdiW+e6lGHzf+EW/TZpLh69Vf0n8pYTjkH+33CHlVIImxTZRIMQ=="],
+    "bits-ui": ["bits-ui@1.3.14", "", { "dependencies": { "@floating-ui/core": "^1.6.4", "@floating-ui/dom": "^1.6.7", "@internationalized/date": "^3.5.6", "esm-env": "^1.1.2", "runed": "^0.23.2", "svelte-toolbelt": "^0.7.1", "tabbable": "^6.2.0" }, "peerDependencies": { "svelte": "^5.11.0" } }, "sha512-T4ClhH0eQmrhZ8uMfC8Q4WBcpygnfdVTfb/1Y/6PrYA5Fqv7HTLmK3B9NSv4DUbDXpuG4SiC2cPSXVUqsEA/aw=="],
 
     "boolbase": ["boolbase@1.0.0", "", {}, "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww=="],
 
@@ -424,8 +419,6 @@
 
     "buffer-crc32": ["buffer-crc32@0.2.13", "", {}, "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ=="],
 
-    "bun-types": ["bun-types@1.2.6", "", { "dependencies": { "@types/node": "*", "@types/ws": "~8.5.10" } }, "sha512-FbCKyr5KDiPULUzN/nm5oqQs9nXCHD8dVc64BArxJadCvbNzAI6lUWGh9fSJZWeDIRD38ikceBU8Kj/Uh+53oQ=="],
-
     "call-bind-apply-helpers": ["call-bind-apply-helpers@1.0.2", "", { "dependencies": { "es-errors": "^1.3.0", "function-bind": "^1.1.2" } }, "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ=="],
 
     "camelcase": ["camelcase@8.0.0", "", {}, "sha512-8WB3Jcas3swSvjIeA2yvCJ+Miyz5l1ZmB6HFb9R1317dt9LCQoswg/BGrmAmkWVEszSrrg4RwmO46qIm2OEnSA=="],
diff --git a/package.json b/package.json
index e161a0ce..dad7ec2e 100644
--- a/package.json
+++ b/package.json
@@ -31,7 +31,7 @@
     "@tailwindcss/typography": "^0.5.16",
     "astro": "^5.5.5",
     "astro-icon": "^1.1.5",
-    "bits-ui": "^1.3.13",
+    "bits-ui": "^1.3.14",
     "daisyui": "^5.0.9",
     "date-fns": "^4.1.0",
     "markdown-to-txt": "^2.0.1",
@@ -42,7 +42,6 @@
     "@astrojs/check": "^0.9.4",
     "@biomejs/biome": "^1.9.4",
     "@tailwindcss/vite": "^4.0.17",
-    "@types/bun": "^1.2.6",
     "lefthook": "^1.11.5",
     "prettier": "^3.5.3",
     "prettier-plugin-astro": "^0.14.1",
diff --git a/src/components/ActivityPage/Section.astro b/src/components/ActivityPage/Section.astro
index 52b5f10d..4bbe6210 100644
--- a/src/components/ActivityPage/Section.astro
+++ b/src/components/ActivityPage/Section.astro
@@ -2,12 +2,12 @@
 import { Picture } from "astro:assets";
 interface Props {
   title: string;
-  edge: "left" | "right";
+  "align-image": "left" | "right";
   image: ImageMetadata;
   imageAlt: string;
 }
 
-const { title, edge, image, imageAlt } = Astro.props;
+const { title, "align-image": align, image, imageAlt } = Astro.props;
 ---
 
 <section class="mt-16 lg:grid lg:items-center">
@@ -16,9 +16,9 @@ const { title, edge, image, imageAlt } = Astro.props;
       class:list={[
         "isolate h-[300px] overflow-clip md:h-[400px] lg:h-[500px] lg:w-1/2 xl:h-[600px]",
         {
-          left: "lg:ml-auto lg:rounded-l-2xl",
-          right: "lg:rounded-r-2xl",
-        }[edge],
+          left: "lg:rounded-r-2xl",
+          right: "lg:ml-auto lg:rounded-l-2xl",
+        }[align],
       ]}
     >
       <Picture
@@ -35,7 +35,7 @@ const { title, edge, image, imageAlt } = Astro.props;
     style={{ gridArea: "1 / 1" }}
     class="container mx-auto lg:max-w-screen-lg"
   >
-    <div class:list={["p-8 lg:w-1/2", edge === "right" && "lg:ml-auto"]}>
+    <div class:list={["p-8 lg:w-1/2", align === "left" && "lg:ml-auto"]}>
       <h2 class="text-4xl">{title}</h2>
       <div class="prose mt-4 max-w-none">
         <slot />
diff --git a/src/components/ArticleList.astro b/src/components/ArticleList.astro
index 952e0cb3..9239ed97 100644
--- a/src/components/ArticleList.astro
+++ b/src/components/ArticleList.astro
@@ -73,7 +73,7 @@ const articlesWithExcerpts = await Promise.all(
           <a
             href={`/articles/${article.id}`}
             class:list={[
-              "relative rounded-xl bg-gray-50 p-2 hover:brightness-95",
+              "rounded-xl bg-gray-50 p-2 hover:brightness-95",
               additionalProps.cellClassName,
             ]}
           >
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index f14094f6..fc0aa6ec 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -28,6 +28,7 @@ const props = Astro.props;
       <FooterSection
         title="活動"
         links={[
+          { title: "プロジェクト", to: "/projects" },
           { title: "ご寄付・ご協賛のお願い", to: "/donation/" },
           { title: "ut.code(); で学習する", to: "/activities/learn/" },
           { title: "ut.code(); で交流する", to: "/activities/share/" },
@@ -38,10 +39,6 @@ const props = Astro.props;
         title="リンク"
         links={[
           { title: "ut.code(); Learn", to: "https://learn.utcode.net/" },
-          {
-            title: "はじめてのプログラミング教室",
-            to: "https://first-programming.utcode.net/",
-          },
           { title: "GitHub", to: "https://github.com/ut-code" },
           { title: "X", to: "https://x.com/utokyo_code" },
         ]}
diff --git a/src/components/Footer/FooterSection.astro b/src/components/Footer/FooterSection.astro
index 198bc1a3..51f5e213 100644
--- a/src/components/Footer/FooterSection.astro
+++ b/src/components/Footer/FooterSection.astro
@@ -1,4 +1,6 @@
 ---
+import { Icon } from "astro-icon/components";
+
 interface Props {
   title: string;
   links: { title: string; to: string }[];
@@ -11,14 +13,17 @@ const { title, links } = Astro.props;
   <ul class="mt-4 space-y-2">
     {
       links.map((link) => (
-        <li>
+        <li class="align-middle">
           <a
             href={link.to}
-            class="link relative active:top-0.25 motion-reduce:hover:underline"
+            class="link motion-reduce:hover:underline"
             target={link.to.startsWith("/") ? "" : "_blank"}
             rel={link.to.startsWith("/") ? "" : "noreferrer"}
           >
             {link.title}
+            {!link.to.startsWith("/") && (
+              <Icon name="feather:external-link" class="mx-1 mb-1 inline" />
+            )}
           </a>
         </li>
       ))
diff --git a/src/components/ProjectList.astro b/src/components/ProjectList.astro
index e55376d7..93ede144 100644
--- a/src/components/ProjectList.astro
+++ b/src/components/ProjectList.astro
@@ -15,13 +15,10 @@ const { projects, variant = "full" } = props;
   {
     projects.map((project, i) => (
       <li
-        class:list={[
-          "contents",
-          variant === "compact" ? "variant-short" : "variant-full",
-        ]}
+        class:list={["contents", variant === "compact" && "data-variant-short"]}
       >
         <a
-          class="relative top-0 overflow-clip rounded-xl border border-gray-200 hover:brightness-95"
+          class="overflow-clip rounded-xl border border-gray-200 bg-gray-50 hover:brightness-95"
           href={`/projects/${project.id}`}
         >
           <Picture
@@ -61,12 +58,12 @@ const { projects, variant = "full" } = props;
 
 <style>
   @media (max-width: 48rem) {
-    li.variant-short:nth-child(n + 3) {
+    li.data-variant-short:nth-child(n + 3) {
       display: none;
     }
   }
   @media (max-width: 80rem) {
-    li.variant-short:nth-child(n + 5) {
+    li.data-variant-short:nth-child(n + 5) {
       display: none;
     }
   }
diff --git a/src/images/activity-develop-brainstorming.jpg b/src/images/activity-develop-brainstorming.jpg
deleted file mode 100644
index f5d86431..00000000
Binary files a/src/images/activity-develop-brainstorming.jpg and /dev/null differ
diff --git a/src/images/activity-develop-meeting.jpg b/src/images/activity-develop-meeting.jpg
deleted file mode 100644
index b6aa528f..00000000
Binary files a/src/images/activity-develop-meeting.jpg and /dev/null differ
diff --git a/src/images/activity-develop.jpg b/src/images/activity/develop/cover.jpg
similarity index 100%
rename from src/images/activity-develop.jpg
rename to src/images/activity/develop/cover.jpg
diff --git a/src/images/activity/develop/hackathon.jpg b/src/images/activity/develop/hackathon.jpg
new file mode 100644
index 00000000..8692977b
Binary files /dev/null and b/src/images/activity/develop/hackathon.jpg differ
diff --git a/src/images/activity-develop-project.jpg b/src/images/activity/develop/project.jpg
similarity index 100%
rename from src/images/activity-develop-project.jpg
rename to src/images/activity/develop/project.jpg
diff --git a/src/images/activity/develop/solo-dev.jpg b/src/images/activity/develop/solo-dev.jpg
new file mode 100644
index 00000000..b3f846cd
Binary files /dev/null and b/src/images/activity/develop/solo-dev.jpg differ
diff --git a/src/images/activity-learn.jpg b/src/images/activity/learn/cover.jpg
similarity index 100%
rename from src/images/activity-learn.jpg
rename to src/images/activity/learn/cover.jpg
diff --git a/src/images/activity-learn-festival.png b/src/images/activity/learn/festival.png
similarity index 100%
rename from src/images/activity-learn-festival.png
rename to src/images/activity/learn/festival.png
diff --git a/src/images/activity-learn-specialized-seminar.jpg b/src/images/activity/learn/specialized-seminar.jpg
similarity index 100%
rename from src/images/activity-learn-specialized-seminar.jpg
rename to src/images/activity/learn/specialized-seminar.jpg
diff --git a/src/images/activity-learn-utcode-learn.jpg b/src/images/activity/learn/utcode-learn.jpg
similarity index 100%
rename from src/images/activity-learn-utcode-learn.jpg
rename to src/images/activity/learn/utcode-learn.jpg
diff --git a/src/images/activity-share-camp.jpg b/src/images/activity/share/camp.jpg
similarity index 100%
rename from src/images/activity-share-camp.jpg
rename to src/images/activity/share/camp.jpg
diff --git a/src/images/activity-share.jpg b/src/images/activity/share/cover.jpg
similarity index 100%
rename from src/images/activity-share.jpg
rename to src/images/activity/share/cover.jpg
diff --git a/src/images/activity-share-festival.jpg b/src/images/activity/share/festival.jpg
similarity index 100%
rename from src/images/activity-share-festival.jpg
rename to src/images/activity/share/festival.jpg
diff --git a/src/images/activity-share-weekly-meetup.jpg b/src/images/activity/share/weekly-meetup.jpg
similarity index 100%
rename from src/images/activity-share-weekly-meetup.jpg
rename to src/images/activity/share/weekly-meetup.jpg
diff --git a/src/images/logo-gmo-media.png b/src/images/donators/gmo-media.png
similarity index 100%
rename from src/images/logo-gmo-media.png
rename to src/images/donators/gmo-media.png
diff --git a/src/images/favicon.png b/src/images/favicon/1000x.png
similarity index 100%
rename from src/images/favicon.png
rename to src/images/favicon/1000x.png
diff --git a/src/images/favicon-64x.png b/src/images/favicon/64x.png
similarity index 100%
rename from src/images/favicon-64x.png
rename to src/images/favicon/64x.png
diff --git a/src/images/logo/normal.svg b/src/images/logo/normal.svg
new file mode 100644
index 00000000..5a94e2ef
--- /dev/null
+++ b/src/images/logo/normal.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3957 827" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
+  <path d="M99 83v292h67v416h441V83z" fill="#fff"/>
+  <path d="M641 775c0 23-20 43-43 43H164c-24 0-43-20-43-43V464c0-24-19-43-43-43H52c-24 0-43-19-43-43V52A43 43 0 0 1 52 9h546a43 43 0 0 1 43 43zm-175-25 97-1c7 0 13-5 13-12v-22c0-6-6-13-13-13h-24v-6h24c10 0 19 9 19 19v21c0 11-9 20-19 20h-97l17 11-4 5-25-17-1-2c-1-1 0-2 1-3l25-17 4 5zm57-114a103 103 0 0 1-48 12c-28 0-50-10-65-30q-24-30-24-84c0-35 8-63 24-83 15-20 37-30 65-30a102 102 0 0 1 48 12v30c-7-6-15-10-23-13-8-4-17-5-25-5-19 0-34 7-43 22-10 15-15 37-15 67s5 53 15 68c9 14 24 22 43 22a80 80 0 0 0 48-18zm-303-47h51v59h-51zm-94-342V112h30v149l1 22c0 5 1 8 3 11 3 6 7 10 13 13s17 4 26 4c8 0 19-1 25-4s11-7 14-13l3-11 1-22V112h29v135c0 22-1 38-4 48-3 9-7 17-14 23s-14 10-22 13c-9 3-22 4-32 4-11 0-24-1-32-4-9-3-16-7-22-13-7-6-12-14-15-23-3-10-4-26-4-48m240-135h167v25h-68v194h-30V137h-69z" fill="#303030"/>
+  <path d="M850 493V301h51v192c0 28 5 48 15 61s25 20 46 20c24 0 42-9 55-25 12-17 19-42 19-73V301h51v309h-51v-46a96 96 0 0 1-92 54c-32 0-55-10-71-31-15-21-23-52-23-94m443-281v88h116v40h-116v168c0 23 4 39 13 48s24 13 45 13h58v41h-63c-38 0-65-8-80-23-16-15-24-42-24-79V340h-83v-40h83v-88zm265 286h97v112h-97z" fill="#676767"/>
+  <path d="M2071 594a177 177 0 0 1-87 24c-48 0-85-14-112-43s-41-69-41-120c0-50 14-90 41-119s64-43 112-43a165 165 0 0 1 87 24v53a125 125 0 0 0-87-34c-32 0-56 10-74 31-17 21-25 50-25 88 0 39 8 68 26 89 17 21 41 31 73 31 18 0 34-3 48-8 14-6 27-14 39-25zm203-258c-25 0-45 10-58 30s-20 50-20 89c0 40 7 70 20 90s33 30 58 30c27 0 46-10 59-30 14-20 20-50 20-90 0-39-6-69-20-89a66 66 0 0 0-59-30m0-43q64.5 0 99 42c23 27 34 68 34 120 0 53-11 94-34 122-22 27-55 41-99 41-42 0-75-14-98-41-23-28-34-69-34-122 0-52 11-93 34-120 23-28 56-42 98-42m394 47V180h51v430h-51v-39a88 88 0 0 1-82 47c-38 0-67-14-89-43-21-29-32-70-32-121 0-50 11-90 32-118 22-29 51-43 89-43a86 86 0 0 1 82 47m-149 115c0 40 6 70 19 90 12 20 31 30 55 30 25 0 43-10 56-30 13-21 19-50 19-90 0-39-6-69-19-89a62 62 0 0 0-56-30c-24 0-43 10-55 30-13 20-19 50-19 89m549-25v25h-221v1c-1 43 7 73 25 91 17 19 42 28 74 28 16 0 33-3 51-8s37-13 57-23v50a344 344 0 0 1-108 24c-48 0-86-14-113-43s-41-69-41-120c0-49 13-88 40-118 26-29 62-44 106-44 40 0 71 13 94 40 22 27 34 59 36 97m-51-15c-2-22-10-40-23-56-14-15-33-23-58-23s-45 8-61 24a86 86 0 0 0-26 55z" fill="#00d372"/>
+  <path d="M3322 152c-25 43-43 84-55 126a453 453 0 0 0 0 253c12 42 30 84 55 126h-45c-28-44-48-86-62-128a397 397 0 0 1 0-249c14-41 34-84 62-128zm186 0h45c27 44 48 87 62 128a397 397 0 0 1 0 249c-14 42-35 85-62 128h-45c25-43 43-85 55-127a451 451 0 0 0 0-251c-12-42-30-84-55-127m353 358h87v74l-55 105h-59l27-105zm-3-209h86v99h-86z" fill="#676767"/>
+</svg>
diff --git a/src/layouts/GlobalLayout.astro b/src/layouts/GlobalLayout.astro
index da26a0c6..2c43f7de 100644
--- a/src/layouts/GlobalLayout.astro
+++ b/src/layouts/GlobalLayout.astro
@@ -2,7 +2,6 @@
 import { ClientRouter } from "astro:transitions";
 import Footer from "+/components/Footer.astro";
 import Header from "+/components/Header.astro";
-import Logo from "+/images/favicon.png";
 import type { Focus } from "+/schema";
 import Meta from "./meta.astro";
 
@@ -17,7 +16,7 @@ const { title, description, focus, image } = Astro.props;
 ---
 
 <html lang="ja" class="bg-gray-50 text-gray-800" data-theme="light">
-  <Meta {title} {description} image={image ?? Logo} />
+  <Meta {title} {description} image={image} />
   <body class="min-h-full w-full">
     <style is:global>
       @import "+/global.css";
diff --git a/src/layouts/meta.astro b/src/layouts/meta.astro
index 19909944..76e846b3 100644
--- a/src/layouts/meta.astro
+++ b/src/layouts/meta.astro
@@ -3,7 +3,7 @@ interface Props {
   title: string | null;
   description: string | null;
   keywords?: string[];
-  image: ImageMetadata;
+  image: ImageMetadata | null;
 }
 const { title, description, keywords = [], image } = Astro.props;
 const url = Astro.url.href;
@@ -22,7 +22,7 @@ const url = Astro.url.href;
 <meta property="og:site_name" content="ut.code();" />
 <meta property="og:title" content={title} />
 {description && <meta property="og:description" content={description} />}
-<meta property="og:image" content={image.src} />
+<meta property="og:image" content={image?.src ?? "/utcode-logo/normal.svg"} />
 <meta property="og:url" content={url} />
 <meta property="og:locale" content="ja_JP" />
 <meta name="twitter:card" content="summary_large_image" />
diff --git a/src/pages/activities/develop.astro b/src/pages/activities/develop.astro
index e585ba8a..8e444f72 100644
--- a/src/pages/activities/develop.astro
+++ b/src/pages/activities/develop.astro
@@ -5,10 +5,12 @@ import Summary from "+/components/ActivityPage/Summary.astro";
 import Title from "+/components/ActivityPage/Title.astro";
 
 import ActionButton from "+/components/ActionButton.astro";
-import Brainstorming from "+/images/activity-develop-brainstorming.jpg";
-import Meeting from "+/images/activity-develop-meeting.jpg";
-import Project from "+/images/activity-develop-project.jpg";
-import Cover from "+/images/activity-develop.jpg";
+
+import Cover from "+/images/activity/develop/cover.jpg";
+
+import Hackathon from "+/images/activity/develop/hackathon.jpg";
+import Project from "+/images/activity/develop/project.jpg";
+import Meeting from "+/images/activity/develop/solo-dev.jpg";
 ---
 
 <Layout type="開発" cover={Cover}>
@@ -24,46 +26,33 @@ import Cover from "+/images/activity-develop.jpg";
     title="プロジェクト"
     image={Project}
     imageAlt="共同作業の様子"
-    edge="left"
+    align-image="right"
   >
-    {/* eslint-disable prettier/prettier */}
     <p>
       プロジェクトは、ut.code();
       内のチームにより開発されるソフトウェアの単位で、多くはそれぞれ独立した
-      Slack チャンネル、Notion ページ、Google Drive
-      フォルダを持っています。成果物はオープンソースにすることが推奨されており、
+      Slack チャンネル、Notion ページ、Google Drive フォルダを持っています。
+      成果物はすべてオープンソースであり、
       <a href="https://github.com/ut-code" target="_blank" rel="noreferrer">
         GitHub</a
-      >
-      上で公開されています。
+      > 上で公開されています。
     </p>
     <ActionButton to="/projects"> すべてのプロジェクト </ActionButton>
   </Section>
-  <Section
-    title="ブレインストーミング"
-    image={Brainstorming}
-    imageAlt="2022 年度大忘年会の様子"
-    edge="right"
-  >
+  <Section title="ハッカソン" image={Hackathon} imageAlt="" align-image="left">
     <p>
-      ソフトウェアは、作り始める前にしっかりとアイデアを練り上げることが重要です。ut.code();
-      では、プロジェクトの実施の前にブレインストーミング会を実施し、多くの人から作りたいプロダクトについてのアイデアに対するフィードバックを得る機会を提供しています。
+      ハッカソンは、限られた時間の中でアイデアを形にし、実際に動くプロダクトを開発するイベントです。
+      参加者はチームを組み、短期間で設計・実装・発表までを行うため、創造力や技術力、チームワークが試されます。
+      アイデアを素早く具体化し、試行錯誤しながらブラッシュアップする過程を通じて、実践的なスキルを磨くことができます。
     </p>
   </Section>
-  <Section
-    title="定例ミーティング"
-    image={Meeting}
-    imageAlt="定例ミーティング"
-    edge="left"
-  >
+  <Section title="個人開発" image={Meeting} imageAlt="" align-image="right">
     <p>
-      プロジェクトが動き始めた後、重要になってくるのは継続です。ut.code();
-      では、すべてのプロジェクトで週 1
-      度の定例ミーティングを実施することを推奨しています。テスト期間など、時間がとりづらい時期でも、週に
-      1
-      度、ほんの少しだけ実施中のプロジェクトに意識を向けることにより、プロジェクトの成功率を大きく高めることができます。
+      個人開発は、アイデアを自由に形にし、自分のペースで開発を進めるスタイルです。
+      発想から実装までを一貫して行うことで、技術力や問題解決能力を高めることができます。
+      思いついたものをすぐに試し、試行錯誤を重ねながらプロダクトを作り上げていく過程そのものが、大きな学びや発見につながります。
+      ut.code();
+      は、そんな個人開発を支えるため、発表の場や開発に必要なリソース提供を通じて、開発者の挑戦をサポートしています。
     </p>
   </Section>
 </Layout>
-); }
-
diff --git a/src/pages/activities/learn.astro b/src/pages/activities/learn.astro
index 0f2fb80e..4c2b3b58 100644
--- a/src/pages/activities/learn.astro
+++ b/src/pages/activities/learn.astro
@@ -5,10 +5,9 @@ import Summary from "+/components/ActivityPage/Summary.astro";
 import Title from "+/components/ActivityPage/Title.astro";
 
 import ActionButton from "+/components/ActionButton.astro";
-import Festival from "+/images/activity-learn-festival.png";
-import Seminar from "+/images/activity-learn-specialized-seminar.jpg";
-import UTCodeLearn from "+/images/activity-learn-utcode-learn.jpg";
-import Cover from "+/images/activity-learn.jpg";
+import Cover from "+/images/activity/learn/cover.jpg";
+import Seminar from "+/images/activity/learn/specialized-seminar.jpg";
+import UTCodeLearn from "+/images/activity/learn/utcode-learn.jpg";
 ---
 
 <Layout type="学習" cover={Cover}>
@@ -22,8 +21,8 @@ import Cover from "+/images/activity-learn.jpg";
   <Section
     title="ut.code(); Learn"
     image={UTCodeLearn}
-    imageAlt="ut.code(); Learn のスクリーンショット"
-    edge="left"
+    imageAlt="ut.code(); Learn"
+    align-image="right"
   >
     <p>
       ut.code(); Learn は、ut.code();
@@ -39,30 +38,16 @@ import Cover from "+/images/activity-learn.jpg";
     title="全ゼミ / 自主ゼミ「モダン Web システム開発入門」"
     image={Seminar}
     imageAlt=""
-    edge="right"
+    align-image="left"
   >
     <p>
       ut.code(); Learn を教材に、駒場キャンパスで講義形式で Web
-      システム開発を学ぶことのできる自主ゼミです。自学自習のペース配分が苦手でも、毎週の参加と課題により学習を進めることができます。
+      システム開発を学ぶことのできるゼミです。自学自習のペース配分が苦手でも、毎週の参加と課題により学習を進めることができます。
     </p>
-    <p>
-      ut.code();
-      の新歓イベントを兼ねていますが、ゼミのみへの参加も、ゼミなしでの
-      ut.code(); への入会も歓迎しています。
-    </p>
-  </Section>
-  <Section
-    title="はじめてのプログラミング教室"
-    image={Festival}
-    imageAlt=""
-    edge="left"
-  >
-    <p>
-      例年 5 月に開催される五月祭、11
-      月に開催される駒場祭にそれぞれ出展しています。様々な企画を用意していますが、その中でも「はじめてのプログラミング教室」は、プログラムに触れたことのない方でもアルゴリズムの力に触れることのできる企画となっています。
-    </p>
-    <ActionButton to="/articles/komaba-festival-74-day3">
-      駒場祭参加報告
-    </ActionButton>
   </Section>
+  <!--
+  TODO: write about:
+    - extralearn
+    - ドキュメントを読む会
+  -->
 </Layout>
diff --git a/src/pages/activities/share.astro b/src/pages/activities/share.astro
index bdea508f..f19d4d1e 100644
--- a/src/pages/activities/share.astro
+++ b/src/pages/activities/share.astro
@@ -4,10 +4,10 @@ import Section from "+/components/ActivityPage/Section.astro";
 import Summary from "+/components/ActivityPage/Summary.astro";
 import Title from "+/components/ActivityPage/Title.astro";
 
-import Camp from "+/images/activity-share-camp.jpg";
-import Festival from "+/images/activity-share-festival.jpg";
-import WeeklyMeetup from "+/images/activity-share-weekly-meetup.jpg";
-import Cover from "+/images/activity-share.jpg";
+import Camp from "+/images/activity/share/camp.jpg";
+import Cover from "+/images/activity/share/cover.jpg";
+import Festival from "+/images/activity/share/festival.jpg";
+import WeeklyMeetup from "+/images/activity/share/weekly-meetup.jpg";
 ---
 
 <Layout type="交流" cover={Cover}>
@@ -17,7 +17,7 @@ import Cover from "+/images/activity-share.jpg";
       ソフトウェア開発のために必要な技術は増加の一途をたどっており、ひとつのソフトウェアのために投資されるエネルギーも拡大し続けています。現代の開発者にとって、多くの関係者と密にコミュニケーションをとり、互いの足りない部分を補い合うことは、大切な技術のひとつです。
     </p>
   </Summary>
-  <Section title="作業会" image={WeeklyMeetup} imageAlt="" edge="right">
+  <Section title="作業会" image={WeeklyMeetup} imageAlt="" align-image="left">
     <p>
       大学の長期休暇は 2
       か月にも及ぶため、ソフトウェア開発プロジェクトを実施するには絶好の機会です。しかし、長い休暇を有意義に使うために自らを律することは容易ではありません。
@@ -31,7 +31,7 @@ import Cover from "+/images/activity-share.jpg";
     title="五月祭・駒場祭"
     image={Festival}
     imageAlt="2022 年度駒場祭グランプリ受賞式の様子"
-    edge="left"
+    align-image="right"
   >
     <p>
       東京大学の主要な学園祭である五月祭・駒場祭に、ut.code();
@@ -46,7 +46,7 @@ import Cover from "+/images/activity-share.jpg";
     title="合宿"
     image={Camp}
     imageAlt="2023 年度夏合宿の様子"
-    edge="right"
+    align-image="left"
   >
     <p>
       ソフトウェア開発には長い時間がかかります。大学生活には時間的余裕があるとはいえ、集中して開発に取り組むのはなかなか難しいのが現実です。
diff --git a/src/pages/donation.astro b/src/pages/donation.astro
index 8dbcdba2..a2bd0844 100644
--- a/src/pages/donation.astro
+++ b/src/pages/donation.astro
@@ -27,7 +27,7 @@ import { Focus } from "+/schema";
     </p>
     <h2>協賛による支援</h2>
     <p>
-      ut.code();は、ウェブサイトにご協賛いただいた企業様のロゴを掲載しております。
+      ut.code();は、ご協賛いただいた企業様のロゴをウェブサイトに掲載しております。
     </p>
     <h2>ご寄付による支援</h2>
     <p>ご寄付いただける方は、以下の口座にお振込みください。</p>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 3eaeaacf..227aeb3b 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -11,9 +11,9 @@ import ProjectList from "+/components/ProjectList.astro";
 import SectionHeader from "+/components/per-page/SectionHeader.astro";
 import { Focus } from "+/schema.ts";
 
+import LogoGMOMedia from "+/images/donators/gmo-media.png";
 import Hero from "+/images/headers/index.jpg";
 import LabCafe from "+/images/lab-cafe.jpg";
-import LogoGMOMedia from "+/images/logo-gmo-media.png";
 
 const projects = (await getCollection("projects")).sort((a, b) => {
   const a_order = a.data.order ?? Number.POSITIVE_INFINITY;