Update site configuration and footer with contact information, social links, and styling improvements

Author: rkttu

README.md

@@ -40,4 +40,3 @@ podman-compose down
 ## 라이선스
 
 이 저작물은 [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/) 라이선스에 따라 이용할 수 있습니다.
-

_config.yml

@@ -6,10 +6,28 @@ author_profile: true
 email: contact@dotnetdev.kr
 url: https://dotnetdev.kr
 
+# 소셜 미디어 / Open Graph 설정
+locale: ko_KR
+logo: /resources/favicon/android-icon-192x192.png
+twitter:
+  card: summary
+  username: dotaboriya
+social:
+  name: 닷넷데브
+  links:
+    - https://github.com/dotnetdev-kr
+    - https://www.linkedin.com/company/96143755
+    - https://www.youtube.com/@dotnetdevkr
+
+# 플러그인
+plugins:
+  - jekyll-seo-tag
+
 # 글로벌 설정
 defaults:
   -
     scope:
       path: "" # 모든 파일에 적용
     values:
       layout: "default" # 모든 파일에 default 레이아웃 적용
+      image: /resources/favicon/android-icon-192x192.png

_includes/footer.html

@@ -13,29 +13,48 @@
       <a href="https://www.github.com/dotnetdev-kr" target="_blank">닷넷데브 GitHub</a> |
       <a href="https://www.linkedin.com/company/96143755" target="_blank">닷넷데브 LinkedIn</a>
     </p>
+    <p class="footer-contact">
+      <a href="mailto:contact@dotnetdev.kr">contact@dotnetdev.kr</a> | 사업자등록번호: 504-82-89269 | (06193) 서울특별시 강남구 테헤란로 70길 12, H타워 402호 D220, 닷넷데브
+    </p>
   </div>
 </footer>
 
 <style>
 .site-footer {
   margin-top: 40px;
-  padding: 20px 0;
+  padding: 30px 20px;
   text-align: center;
   font-size: 14px;
-  color: #666;
+  color: #ccc;
+  background-color: #2a2a2a;
 }
 
 .footer-content {
   max-width: 960px;
   margin: 0 auto;
 }
 
+.footer-content p {
+  margin: 10px 0;
+  line-height: 1.8;
+}
+
 .site-footer a {
-  color: #0078d7;
+  color: #6db3f2;
   text-decoration: none;
+  transition: color 0.2s ease;
 }
 
 .site-footer a:hover {
+  color: #fff;
   text-decoration: underline;
 }
+
+.footer-contact {
+  margin-top: 15px;
+  padding-top: 15px;
+  border-top: 1px solid #444;
+  font-size: 13px;
+  color: #999;
+}
 </style>

_includes/header.html

@@ -8,34 +8,53 @@
       <a href="/legal/" class="nav-link">법규</a>
       <a href="/coc/" class="nav-link">행동강령</a>
       <a href="/resources/" class="nav-link">리소스</a>
-      <a href="https://forum.dotnetdev.kr/" target="_blank" class="nav-link">닷넷데브 포럼</a>
+      <a href="https://forum.dotnetdev.kr/" target="_blank" class="nav-link nav-external">닷넷데브 포럼 ↗</a>
     </div>
   </nav>
 </div>
 
 <style>
 .site-header {
   background-color: #0078d7; /* Microsoft .NET 색상 */
-  padding: 10px 0;
+  padding: 12px 20px;
   margin-bottom: 20px;
-  text-align: center;
 }
 
 .site-nav {
-  max-width: 960px;
+  max-width: 1100px;
   margin: 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.nav-logo {
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+}
+
+.logo-img {
+  height: 40px;
+  width: auto;
+  transition: opacity 0.2s ease;
+}
+
+.logo-img:hover {
+  opacity: 0.8;
 }
 
 .nav-links {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
+  align-items: center;
 }
 
 .nav-link {
   color: white;
   text-decoration: none;
-  margin: 0 15px;
+  margin: 0 12px;
   padding: 5px 10px;
   font-weight: bold;
 }
@@ -45,7 +64,29 @@
   border-radius: 5px;
 }
 
-@media (max-width: 600px) {
+.nav-external {
+  border: 1px solid rgba(255, 255, 255, 0.5);
+  border-radius: 5px;
+}
+
+@media (max-width: 768px) {
+  .site-nav {
+    flex-direction: column;
+    gap: 15px;
+  }
+
+  .nav-links {
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+  }
+  
+  .nav-link {
+    margin: 5px 8px;
+  }
+}
+
+@media (max-width: 480px) {
   .nav-links {
     flex-direction: column;
   }
@@ -54,4 +95,5 @@
     margin: 5px 0;
   }
 }
+}
 </style>

_layouts/default.html

@@ -19,6 +19,7 @@
 
   <!-- GitHub Pages Slate 테마의 기본 레이아웃 시작 -->
   <div id="header_wrap" class="outer">
+    <div class="header-bg-logo"></div>
     <header class="inner">
       <h1 id="project_title">{{ site.title | default: site.github.repository_name }}</h1>
       <h2 id="project_tagline">{{ site.description | default: site.github.project_tagline }}</h2>
@@ -31,6 +32,42 @@ <h2 id="project_tagline">{{ site.description | default: site.github.project_tagl
     </header>
   </div>
 
+  <style>
+    #header_wrap {
+      position: relative;
+      overflow: hidden;
+    }
+    
+    .header-bg-logo {
+      position: absolute;
+      top: 50%;
+      left: calc(50% - 480px);
+      transform: translate(-50%, -50%);
+      width: 300px;
+      height: 300px;
+      background-image: url('/resources/dotnetdev-logo.png');
+      background-size: contain;
+      background-repeat: no-repeat;
+      background-position: center;
+      opacity: 0.15;
+      filter: blur(3px);
+      pointer-events: none;
+      z-index: 0;
+    }
+    
+    #header_wrap .inner {
+      position: relative;
+      z-index: 1;
+    }
+    
+    @media (max-width: 1024px) {
+      .header-bg-logo {
+        left: 0;
+        transform: translate(-20%, -50%);
+      }
+    }
+  </style>
+
   <div id="main_content_wrap" class="outer">
     <section id="main_content" class="inner">
       {{ content }}