fix: scss

Author: tiaz0128

_config.yml

@@ -23,6 +23,12 @@ url: "http://blog.pycon.kr" # the base hostname & protocol for your site, e.g. h
 twitter_username: pyconkr
 github_username:  pythonkr
 
+
+# Assets
+sass:
+  sass_dir:     _sass
+  style:        compressed
+
 # Build settings
 markdown: kramdown
 theme: minima

_includes/head.html

@@ -6,8 +6,7 @@
   <title>{% if page.title %}{{ page.title | escape }}{% else %}{{ site.title | escape }}{% endif %}</title>
   <meta name="description" content="{{ page.excerpt | default: site.description | strip_html | normalize_whitespace | truncate: 160 | escape }}">
 
-  <link rel="stylesheet" href="{{ "/css/style.css" | prepend: site.baseurl }}">
-  <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
+  <link rel="stylesheet" href="{{ "/assets/main.css" | prepend: site.baseurl }}">
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
   <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
 </head>

_posts/2016/2016-10-08-new-member.md

@@ -3,7 +3,7 @@ title : "파이콘 준비위원회 신규 멤버를 모집합니다"
 layout : post
 ---
 
-![신규멤버모집]({{ site.url }}{{ site.baseurl }}/assets/pycon_2017_volunteer.png)
+![신규멤버모집]({{ site.url }}{{ site.baseurl }}/assets/2017/pycon_2017_volunteer.png)
 
 
 지난 8월에 코엑스에서 열렸던 “PyCon APAC 2016”이 끝난지 벌써 한달여가 지났습니다. 저희는 행사를 마무리하고 미진했던 점을 회고하며 새롭게 내년의 PyCon을 준비하고 있습니다. 그리 고 저희와 함께 “PyCon Korea 2017”을 만들어갈 준비위원회를 새롭게 모집하려고 합니다. 컨퍼런스를 준비하고 운영하는데는 많은 시간과 노력이 필요합니다. 많은 사람들이 함께 모여 즐거운 행사가 되기 위해서는 치밀한 준비과정, 수 많은 아이디어와 논의 그리고 결정들이 필 요합니다. 행사를 위해서 관련 업체들을 조사하고 연락하고 계약해야 합니다. 외부에 공개되는 글들은 많은 사람들이 보아도 문제가 없도록 세심하게 다듬어야 합니다. 그리고 PyCon Korea 웹사이트를 만들고 컨퍼런스에 대한 내용을 업데이트하고 관리해야 합니다.

_posts/2016/2016-10-18-python-seminar-201610.md

@@ -3,7 +3,7 @@ title : "2016년 10월 격월 파이썬 세미나"
 layout : post
 ---
 
-![2016-10 세미나 안내]({{ site.url }}{{ site.baseurl }}/assets/python_2016_10_22.png)
+![2016-10 세미나 안내]({{ site.url }}{{ site.baseurl }}/assets/2016/python_2016_10_22.png)
 
 
 2014년 12월, 그리고 2016년 2월의 파이썬 격월 세미나 이후 무려 1년 하고도 8개월이 지났습니다. 그동안 2015 파이콘 한국과, 파이콘 APAC 2016이 있었습니다. 그러나 격월 세미나는 열리지 못했는데요. 파이썬을 사용하는 사람들간에 정보를 교류하고 네트워킹을 지속적으로 하여 국내 파이썬 사용자 생태계를 발전시켜 나가고자 다시 파이썬 격월 세미나를 준비하게 되었습니다. 촉박한 시간에 모집을 하게 되어 발표나 내용이 풍부하지 않을 수도 있습니다만, 서로 모이는 자리를 가진 것만으로도 서로에게 많은 도움이 될 것이라고 생각됩니다.  

_posts/2025/2025-05-14-pycon-interview01.md

@@ -1,22 +1,20 @@
 ---
 layout : post
-title : "“파벌도, 빌런도 없는 커뮤니티 같아요”... 신규 파준위 인터뷰"
+title : "“파벌도, 빌런도 없는 커뮤니티 같아요”... 2025 신규 파준위 인터뷰"
 author : "김강민"
 ---
 
 매년 열리는 파이썬 사용자들의 축제, 파이콘 한국(PyCon Korea)! 이 컨퍼런스는 단순히 기술을 공유하는 자리 이상의 의미를 갖습니다. 개발자를 넘어서는 다양한 직업과 배경을 가진 사람들이 자발적으로 모여, 환대와 협력의 커뮤니티를 직접 만들어간다는 점에서 더욱 특별합니다.
 
 그 중심에서 행사를 준비하는 사람들이 모인 곳이 바로 파이콘 한국 준비위원회(이하 파준위)입니다. 신규 준비위원들은 매년 공개모집을 통해 충원되고, 급여나 활동비를 받지 않는 순수 자원봉사자들입니다. 이번 인터뷰에서는 파이콘 한국 2025를 함께 준비하고 있는 주환석님과 노관옥님, 두 파준위의 목소리를 통해 올해 파이콘이 어떻게 준비 중인지 들어보았습니다.
 
-### 파준위 합류 계기
-
-#### “이런 문화를 만들어 보고 싶었다”, “다양한 사람들을 만나고 싶어서”
+### 파준위 합류 계기: “이런 문화를 만들어 보고 싶었다”, “다양한 사람들을 만나고 싶어서”
 
 환석님과 관옥님은 모두 파이콘 한국 2024 행사에 자원봉사자로 참가했습니다. 두 분 모두 파이콘 한국 첫 참여였습니다. “정신이 하나도 없었어요”라는 말이 자연스럽게 튀어나올 정도로 바쁘고 숨 가쁜 현장이었지만, 한편 즐겁고 보람찬 감정이 피어올랐습니다. 자원봉사자로 시작했지만, 그 안에서 마주한 문화와 분위기는 그저 ‘좋아서’ 함께하고 싶다는 마음으로 이어졌고, 자연스럽게 파준위 지원으로 이어졌습니다. 아래는 두 분과의 일문일답입니다.
 
 ![신규 파준위](/assets/2025/interview01/001.png)
 
-<p style="text-align:center;">▲파준위 트레이드마크인 ‘뱀 모양’ 자세를 취하고 있는 파준위들.</p>
+*▲파준위 트레이드마크인 ‘뱀 모양’ 자세를 취하고 있는 파준위들.*{:.img-caption}
 
 **강민**: 우선 두 분 간단히 소개를 부탁 드립니다.
 
@@ -78,7 +76,7 @@ author : "김강민"
 
 ![신규 파준위](/assets/2025/interview01/002.png)
 
-<p style="text-align:center;">▲ ‘일하는 파준위들’. 4월 12일 첫 파준위 전체 정기회의 오프라인 참가자들</p>
+*▲ ‘일하는 파준위들’. 4월 12일 첫 파준위 전체 정기회의 오프라인 참가자들*{:.img-caption}
 
 **강민**: 이제 두 달 정도 시간이 지난 것 같은데, 두 분이 본 파준위는 어떤 조직인가요?
 

_sass/_layout.scss

@@ -24,6 +24,17 @@
     }
 }
 
+
+.seoul-color {
+  width: 100%;
+}
+
+.seoul-color td {
+  color: transparent;
+  font-size: 0;
+  line-height: 4px;
+}
+
 .site-nav {
     float: right;
     line-height: 56px;
@@ -240,3 +251,11 @@
         }
     }
 }
+
+
+
+@mixin media-query($device) {
+    @media screen and (max-width: $device) {
+        @content;
+    }
+}

_sass/_post.scss

@@ -0,0 +1,26 @@
+.post {
+    img {
+        border-radius: 4px;
+    }
+
+    .img-caption {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 0.8em;
+        color: #666;
+        margin-top: -1.2em;
+    }
+
+    .footnote {
+        font-size: 0.8em;
+        margin-top: 1em;
+        color: $brand-color !important;
+    }
+
+    .footnotes {
+        margin-top: 2em;
+        font-size: 0.8em;
+        color: $grey-color;
+    }
+}

css/main.scss _sass/_variables.scsscss/main.scss renamed to _sass/_variables.scss

@@ -1,9 +1,3 @@
----
-# Only the main Sass file needs front matter (the dashes are enough)
----
-@charset "utf-8";
-
-
 
 // Our variables
 $base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
@@ -22,32 +16,17 @@ $grey-color:       #828282;
 $grey-color-light: lighten($grey-color, 40%);
 $grey-color-dark:  darken($grey-color, 25%);
 
+$yellow-color:     #f6b93b;
+
 // Width of the content area
 $content-width:    800px;
 
 $on-palm:          600px;
 $on-laptop:        800px;
 
-
-
-// Use media queries like this:
-// @include media-query($on-palm) {
-//     .wrapper {
-//         padding-right: 20px;
-//         padding-left: 20px;
-//     }
-// }
+// 미디어 쿼리 믹신 추가
 @mixin media-query($device) {
     @media screen and (max-width: $device) {
         @content;
     }
 }
-
-
-
-// Import partials from `sass_dir` (defaults to `_sass`)
-@import
-        "base",
-        "layout",
-        "syntax-highlighting"
-;