feat: Add about.md

feat: Add about.md feat: Add about.md feat: Add about.md Revert "feat: Add about.md" This reverts commit 6450c7c. fix: Modify blog title fix: Bug on About page & Modify header.html fix: Add about.md code in for fix: Modify _config.yml header_pages fix: Modify _config.yml header_pages feat: ADd layout for about fix: Add about page layout fix: Edit about.md file layout fix: Edit about.md file layout fix: Edit about.md file layout fix: Edit about.md file layout
Kernel360 · Nov 14, 2023 · 7d12e38 · 7d12e38
1 parent 07ea535
commit 7d12e38
Show file tree

Hide file tree

Showing 7 changed files with 183 additions and 28 deletions.
diff --git a/_config.yml b/_config.yml
@@ -24,7 +24,7 @@
 # You can create any custom variable you would like, and they will be accessible
 # in the templates via {{ site.myvariable }}.
 
-title: Kernel360 Crew Tech Blog
+title: Kernel360 Crew Blog
 #email: your-email@domain.com
 author: Kernel360
 
@@ -43,10 +43,10 @@ author: Kernel360
 # copyright: "Unpublished Work (cleft) 2023-{currentYear} {author}"
 copyright: "Copyright © Day 1 Company. All Rights Reserved"
 
-description: >- # this means to ignore newlines until "baseurl:"
-  Write an awesome description for your new site here. You can edit this
-  line in _config.yml. It will appear in your document head meta (for
-  Google search results) and in your feed.xml site description.
+# description: >- # this means to ignore newlines until "baseurl:"
+#   Write an awesome description for your new site here. You can edit this
+#   line in _config.yml. It will appear in your document head meta (for
+#   Google search results) and in your feed.xml site description.
 
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "" # the base hostname & protocol for your site, e.g. https://example.com
@@ -153,12 +153,12 @@ yat:
 
 # If you want to link only specific pages in your header, uncomment
 # this and add the path to the pages in order as they should show up
-# header_pages:
-#   - index.html
-#   - archives.html
-#   - categories.html
-#   - tags.html
-#   - about.md
+header_pages:
+  - index.html
+  - archives.html
+  - categories.html
+  - tags.html
+  # - about.md
 
 # Page default value
 # defaults:

diff --git a/_includes/views/header.html b/_includes/views/header.html
@@ -27,6 +27,9 @@
         </label>
 
         <div class="trigger">
+          <!-- 추가: about.md 페이지에 대한 링크 -->
+          <a class="page-link" href="{{ '/about' | relative_url }}">ABOUT</a>
+
           {%- for path in page_paths -%} {%- assign my_page = site.pages |
           where: "path", path | first -%} {%- if my_page.title -%}
 

diff --git a/_includes/youtubePlayer.html b/_includes/youtubePlayer.html
@@ -0,0 +1,28 @@
+<style>
+  .embed-container {
+    position: relative;
+    padding-bottom: 56.25%;
+    height: 0;
+    overflow: hidden;
+    max-width: 100%;
+  }
+  .embed-container iframe,
+  .embed-container object,
+  .embed-container embed {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+  }
+</style>
+
+<div class="embed-container">
+  <iframe
+    src="https://www.youtube.com/embed/{{ include.id }}"
+    frameborder="0"
+    allowfullscreen=""
+    onclick="ga('send', 'event', 'post', 'click', 'youtubePlayer');"
+  >
+  </iframe>
+</div>
diff --git a/_layouts/about.html b/_layouts/about.html
@@ -1,5 +1,5 @@
 ---
-layout: post
+layout: aboutlayouts
 hidden:
   - header
   - navigator

diff --git a/_layouts/aboutlayouts.html b/_layouts/aboutlayouts.html
@@ -0,0 +1,74 @@
+---
+layout: framework
+banner:
+banner_html: post-header.html
+hidden: []
+<!-- sidebar:
+  - article-menu -->
+---
+
+<div class="post">
+  <section>
+    {%- assign name = 'banner' -%} {%- include functions.html func='get_value'
+    -%} {%- assign banner = return -%} {%- assign name = 'hidden' -%} {%-
+    include functions.html func='get_value' -%} {%- assign hidden = return -%}
+    {%- assign result = hidden | where_exp: "item", "item == 'header'" -%} {%-
+    if banner == nil and result.size == 0 -%} {%- include views/post-header.html
+    -%} {%- endif -%} {%- include views/article.html -%} {%- assign result =
+    hidden | where_exp: "item", "item == 'navigator'" -%} {%- if result.size ==
+    0 -%}
+    <div class="post-nav">
+      {%- if page.previous -%}
+      <a
+        class="previous"
+        href="{{ page.previous.url | relative_url }}"
+        title="{{
+          page.previous.title | escape }}"
+        >{{ page.previous.title | escape | truncatewords: 6 }}</a
+      >
+      {%- else -%}
+      <span></span>
+      {%- endif -%} {%- if page.next -%}
+      <a
+        class="next"
+        href="{{ page.next.url | relative_url }}"
+        title="{{ page.next.title | escape }}"
+        >{{ page.next.title | escape | truncatewords: 6 }}</a
+      >
+      {%- else -%}
+      <span></span>
+      {%- endif -%}
+    </div>
+    {%- endif -%} {%- assign result = hidden | where_exp: "item", "item ==
+    'related_posts'" -%} {%- if result.size == 0 -%}
+    <div class="post-related">
+      <div>Related Articles</div>
+      <ul>
+        {% assign posts = site[page.collection] | sample:4 %} {%- for post in
+        posts -%} {%- assign post_item_class = "" -%} {%- if post.top -%} {%-
+        assign post_item_class = "top-post" -%} {%- endif -%}
+        <li class="{{ post_item_class }}">
+          <a
+            class="post-link"
+            href="{{ post.url | relative_url }}"
+            title="{{ post.title | escape }}"
+          >
+            {{ post.title | escape | truncatewords: 12 }} {%- include
+            views/post-badges.html -%}
+          </a>
+        </li>
+        {%- endfor -%}
+      </ul>
+    </div>
+    {%- endif -%} {%- assign result = hidden | where_exp: "item", "item ==
+    'comments'" -%} {%- if result.size == 0 -%}
+    <div class="post-comments">
+      {%- if page.comments != false -%} {%- if site.disqus.shortname -%} {%-
+      include extensions/comments/disqus.html -%} {%- endif -%} {%- if
+      site.gitment.username -%} {%- include extensions/comments/gitment.html -%}
+      {%- endif -%} {%- if site.utterances.repo -%} {%- include
+      extensions/comments/utterances.html -%} {%- endif -%} {%- endif -%}
+    </div>
+    {%- endif -%}
+  </section>
+</div>
diff --git a/about.html b/about.html
diff --git a/about.md b/about.md
@@ -0,0 +1,66 @@
+---
+layout: about
+title: About
+---
+
+## <span style="color:#6BD600">What we do</span>
+
+## **Kernel360은 <span style="color:#6BD600">{핵심}</span>을 고민합니다.**
+
+<div style = "float: right;">
+    <img src="https://raw.githubusercontent.com/Kernel360/blog-image/main/kernel-crew-1/about/about.png" width="350px" alt="sample image">
+</div>
+
+우리의 목표는 단순히 '취업'이 아닙니다. <br> 많은 개발자 양성 교육에서 취업만을 목표로 하며 '핵심'을 놓치는 경우가 있습니다. <br> 그렇게 현장에 배출된 개발자들은 대부분 금방 한계에 직면하게 됩니다. <br> 왜냐하면 개발자라는 직업은 이 지구에서 가장 변화가 빠르고 많은 학습이 필요하기 때문이죠.
+
+## **당신의 <span style="color:#6BD600">{무한한 잠재력을 표출}</span>할 수 있도록.**
+
+일을 즐기면서 한계없이 성장하는 개발자가 되기 위해서는 현재 인기있는 언어나 프레임워크를 아는 것보다 어떤 언어를 사용하든 빠르게 적응할 수 있는 개발의 근본 즉, '핵심'을 명확히 이해하는 것이 중요합니다.
+
+Kernel360에서는 회사와 같은 팀 그리고 현장에서와 같은 수준의 프로젝트를 통해 기획, 구현, 배포, 운영까지의 경험과 필요한 지식을 찐한 협업 환경에서 배웁니다. 그리고 모든 과정에서 명확한 방향을 잡도록
+도와줄 여러분들의 사수인 디렉터와 멘토들이 함께하죠.
+
+**만약 어디에선가 <span style="color:#6BD600">{한계}</span>를 느꼈다면, <span style="color:#6BD600">{핵심}</span>을 이해하며 무한히 성장할 수 있는 Kernel360과 함께하세요.**
+
+<br>
+
+---
+
+<br>
+
+## {% include youtubePlayer.html id="rrl_V_9EDtI" %}
+
+---
+
+## **가르치지 않습니다. <br>스스로 성장할 수 있는 <span style="color:#6BD600">{환경}</span>을 제공합니다.**
+
+학생들의 자기주도적 학습을 강조하며 독립적으로 문제를 정의하고해결해나가는 능력을 기를 수 있는 환경을 제공합니다.디렉터는 함께하여 학생들이 문제를 해결할 수 있도록 지침과 피드백을 제공하며이러한 지원을 통해 학생들이
+자신의 학습을 주도하고성장할 수 있도록 도와줍니다.
+
+## **경쟁하지 않습니다. <br>결과물보다 <span style="color:#6BD600">{과정}</span>에 집중합니다.**
+
+누가 더 좋은 코드를 짰는가, 누가 더 완성도 높은 프로젝트를 했는가보다는,공동의 목표를 가진 동료들과 피어 리뷰와 토론, 회고, 피드백을 통해지식과 경험을 공유하는 과정 속에서 서로 소통하고 협업하는 소프트
+스킬과 코드를 작성하며 문제를 해결하는 하드 스킬을 동시에 가져갑니다.
+
+## **정답을 알려주지 않습니다. <br>문제를 파악하는 <span style="color:#6BD600">{방법}</span>을 배웁니다.**
+
+우리는 주어진 문제만 해결하지 않을 겁니다.회사에 들어가면 문제점을 찾고 해결방법을 고민해야할 일이 많습니다.그리고 이는 어떤 학교나 학원에서도 가르쳐주지 않습니다.그렇기에 우리는 회사와 유사한 환경에서 개발
+사이클을 체계적으로 경험하며 핵심을 파악하고 넓은 시야를 갖는 법을 배웁니다.
+
+<br>
+
+---
+
+<br>
+
+## **Kernel360 Tech Blog의 Crew를 소개합니다.**
+
+|                                                                          **리더**                                                                           |                                                                         **암벽가**                                                                          |                                                                       **블로그 주인**                                                                       |                                                                     **10월의 Kernel인**                                                                     |                                                                       **Kernel Ace**                                                                        |
+| :---------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------: |
+| <img src="https://raw.githubusercontent.com/Kernel360/blog-image/main/kernel-crew-1/crew-image/고병룡.png" width="140px" height="220px" alt="sample image"> | <img src="https://raw.githubusercontent.com/Kernel360/blog-image/main/kernel-crew-1/crew-image/고병룡.png" width="140px" height="220px" alt="sample image"> | <img src="https://raw.githubusercontent.com/Kernel360/blog-image/main/kernel-crew-1/crew-image/고병룡.png" width="140px" height="220px" alt="sample image"> | <img src="https://raw.githubusercontent.com/Kernel360/blog-image/main/kernel-crew-1/crew-image/고병룡.png" width="140px" height="220px" alt="sample image"> | <img src="https://raw.githubusercontent.com/Kernel360/blog-image/main/kernel-crew-1/crew-image/고병룡.png" width="140px" height="220px" alt="sample image"> |
+|                                                                          **리더**                                                                           |                                                                         **암벽가**                                                                          |                                                                       **블로그 주인**                                                                       |                                                                     **10월의 Kernel인**                                                                     |                                                                       **Kernel Ace**                                                                        |
+| <img src="https://raw.githubusercontent.com/Kernel360/blog-image/main/kernel-crew-1/crew-image/고병룡.png" width="140px" height="220px" alt="sample image"> | <img src="https://raw.githubusercontent.com/Kernel360/blog-image/main/kernel-crew-1/crew-image/고병룡.png" width="140px" height="220px" alt="sample image"> | <img src="https://raw.githubusercontent.com/Kernel360/blog-image/main/kernel-crew-1/crew-image/고병룡.png" width="140px" height="220px" alt="sample image"> | <img src="https://raw.githubusercontent.com/Kernel360/blog-image/main/kernel-crew-1/crew-image/고병룡.png" width="140px" height="220px" alt="sample image"> | <img src="https://raw.githubusercontent.com/Kernel360/blog-image/main/kernel-crew-1/crew-image/고병룡.png" width="140px" height="220px" alt="sample image"> |
+|                                                                          **리더**                                                                           |                                                                         **암벽가**                                                                          |                                                                       **블로그 주인**                                                                       |                                                                     **10월의 Kernel인**                                                                     |                                                                       **Kernel Ace**                                                                        |
+| <img src="https://raw.githubusercontent.com/Kernel360/blog-image/main/kernel-crew-1/crew-image/고병룡.png" width="140px" height="220px" alt="sample image"> | <img src="https://raw.githubusercontent.com/Kernel360/blog-image/main/kernel-crew-1/crew-image/고병룡.png" width="140px" height="220px" alt="sample image"> | <img src="https://raw.githubusercontent.com/Kernel360/blog-image/main/kernel-crew-1/crew-image/고병룡.png" width="140px" height="220px" alt="sample image"> | <img src="https://raw.githubusercontent.com/Kernel360/blog-image/main/kernel-crew-1/crew-image/고병룡.png" width="140px" height="220px" alt="sample image"> | <img src="https://raw.githubusercontent.com/Kernel360/blog-image/main/kernel-crew-1/crew-image/고병룡.png" width="140px" height="220px" alt="sample image"> |
+|                                                                          **리더**                                                                           |                                                                         **암벽가**                                                                          |                                                                       **블로그 주인**                                                                       |                                                                     **10월의 Kernel인**                                                                     |                                                                       **Kernel Ace**                                                                        |
+| <img src="https://raw.githubusercontent.com/Kernel360/blog-image/main/kernel-crew-1/crew-image/고병룡.png" width="140px" height="220px" alt="sample image"> | <img src="https://raw.githubusercontent.com/Kernel360/blog-image/main/kernel-crew-1/crew-image/고병룡.png" width="140px" height="220px" alt="sample image"> | <img src="https://raw.githubusercontent.com/Kernel360/blog-image/main/kernel-crew-1/crew-image/고병룡.png" width="140px" height="220px" alt="sample image"> | <img src="https://raw.githubusercontent.com/Kernel360/blog-image/main/kernel-crew-1/crew-image/고병룡.png" width="140px" height="220px" alt="sample image"> | <img src="https://raw.githubusercontent.com/Kernel360/blog-image/main/kernel-crew-1/crew-image/고병룡.png" width="140px" height="220px" alt="sample image"> |