Merge pull request #1 from openstack-kr/notion-zip-init

Notion ZIP import로 강의 문서/이미지 생성 및 네비 반영

Author: ppiyakk2

.gitignore

@@ -1,4 +1,6 @@
 /.quarto/
-docs/*
+/docs/*
+
+/tools/imports/**/*.zip
 
 **/*.quarto_ipynb

README.md

@@ -80,4 +80,4 @@ title: "페이지 제목"
 
 ## 라이선스
 
-이 프로젝트는 MIT 라이선스 하에 배포됩니다.
+이 프로젝트는 MIT 라이선스 하에 배포됩니다.

_quarto.yml

@@ -28,6 +28,19 @@ website:
           file: lectures/ch1_lec.qmd
         - text: "2장. 오픈스택 설치 가이드"
           file: lectures/ch2_lec.qmd
+        - section: "6장. Neutron"
+          file: lectures/ch6_lec.qmd
+          contents:
+            - text: "6-1. Neutron의 agent에 대해 알아보기"
+              file: lectures/ch6/neutron_agents.qmd
+            - text: "6-12. SNAT/DNAT란?"
+              file: lectures/ch6/snat_dnat.qmd
+            - text: "6-15. OVS와 VXLAN를 이용해 가상 네트워크 만들기"
+              file: lectures/ch6/ovs_vxlan_vpn.qmd
+
+
+
+
 
 format:
   html:

custom.scss

@@ -81,4 +81,28 @@ main {
 .bi {
     color : white;
     margin-right: 0.2rem;
-} 
+}
+
+// -----------------------------------------------------------------------------
+// 코드 블록 / ASCII 다이어그램 스타일
+// -----------------------------------------------------------------------------
+
+// 모든 코드 블록에 공통 배경/여백/폰트 적용 (언어와 무관)
+pre code,
+pre.sourceCode {
+    display: block;
+    padding: 0.75rem 1rem;
+    margin: 1rem 0;
+    border-radius: 6px;
+    background-color: #f8f9fb;
+    font-family: 'JetBrains Mono', Menlo, Monaco, Consolas, 'Courier New', monospace;
+    font-size: 0.9rem;
+    line-height: 1.5;
+    overflow-x: auto;
+}
+
+// ASCII 다이어그램(예: ```text)도 코드 블록처럼 보이도록 별도 보정
+code.language-text,
+code.sourceCode.text {
+    background-color: #f5f5f7;
+}