update content

winc1980 · Nov 30, 2024 · db9f7d5 · db9f7d5
1 parent 90273aa
commit db9f7d5
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 16 deletions.
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -6,13 +6,13 @@ import "@/scss/styles.scss"
 
 <footer>
     <div class="flexbox-top">
-      <div class="flexbox-top__buttonwrapper"><a href="" class="hover__thick">TOP</a></div>
-      <!-- <div class="flexbox-top__buttonwrapper"><a href="" class="hover__thick">Webチームの一年</a></div> -->
-      <!-- <div class="flexbox-top__buttonwrapper"><a href="" class="hover__thick">得られる経験</a></div> -->
-      <div class="flexbox-top__buttonwrapper"><a href="" class="hover__thick">制作実績</a></div>
-      <!-- <div class="flexbox-top__buttonwrapper"><a href="" class="hover__thick">案件製作</a></div> -->
-      <div class="flexbox-top__buttonwrapper"><a href="" class="hover__thick">ブログ</a></div>
-      <div class="flexbox-top__buttonwrapper"><a href="" class="hover__thick">更新情報</a></div>
+      <div class="flexbox-top__buttonwrapper"><a href="/" class="hover__opacity">TOP</a></div>
+      <!-- <div class="flexbox-top__buttonwrapper"><a href="" class="hover__opacity">Webチームの一年</a></div> -->
+      <!-- <div class="flexbox-top__buttonwrapper"><a href="" class="hover__opacity">得られる経験</a></div> -->
+      <div class="flexbox-top__buttonwrapper"><a href="/works" class="hover__opacity">制作実績</a></div>
+      <!-- <div class="flexbox-top__buttonwrapper"><a href="" class="hover__opacity">案件製作</a></div> -->
+      <div class="flexbox-top__buttonwrapper"><a href="/posts/" class="hover__opacity">ブログ</a></div>
+      <div class="flexbox-top__buttonwrapper"><a href="/news/" class="hover__opacity">更新情報</a></div>
       <div class="flexbox-top__buttonwrapper flex items-center">
       <p class="m-0 mr-3">© 2024 Copyright: </p>
       <a href="https://www.winc.ne.jp" target="_blank" rel="noopener" >コンピュータ研究会・WINC</a></div>

diff --git a/src/pages/works/[workId].astro b/src/pages/works/[workId].astro
@@ -30,7 +30,8 @@ const shuffledContents = response.contents.sort(() => Math.random() - 0.5)
 const filteredContents = shuffledContents.filter(
   (item) => item.title != work.title
 )
-const title = work.title + ' | 制作実績 | 早稲田コンピュータ研究会・WINC Webチーム'
+const title =
+  work.title + ' | 制作実績 | 早稲田コンピュータ研究会・WINC Webチーム'
 const description = work.description
 const og_image = work.pc_image.url
 ---
@@ -53,13 +54,17 @@ const og_image = work.pc_image.url
       <div class="l-container">
         <div class="p-works-detail-fv__wrapper">
           <div class="p-works-detail-fv__images">
-            <Image
-              src={work.sp_image.url}
-              alt=""
-              width={work.sp_image.width}
-              height={work.sp_image.height}
-              loading="eager"
-            />
+            {
+              work.sp_image != null ? (
+                <Image
+                  src={work.sp_image.url}
+                  alt=""
+                  width={work.sp_image.width}
+                  height={work.sp_image.height}
+                  loading="eager"
+                />
+              ) : null
+            }
             <div>
               <Image
                 src={work.pc_image.url}

diff --git a/src/scss/styles.scss b/src/scss/styles.scss
@@ -172,6 +172,9 @@ section {
     .is-active-link::before {
       background-color: #518ef2;
     }
+    &:empty {
+      display: none;
+    }
   }
 
   @media (max-width: $breakpoint-xl) {
@@ -406,7 +409,7 @@ section {
       ul {
         top: 8px;
         left: 13px;
-        padding: 3px;
+        padding: 3px 6px;
         overflow-x: scroll;
         li {
           font-size: 10px;
@@ -2194,6 +2197,7 @@ section {
     &__images {
       display: flex;
       align-items: baseline;
+      justify-content: center;
       > img {
         max-width: 140px;
         object-fit: contain;
@@ -2328,6 +2332,7 @@ section {
       li {
         max-width: 350px;
         width: 100%;
+        margin-bottom: 40px;
         justify-self: center;
         > p {
           margin-top: 27px;