Merge pull request #38 from pythonkr/feat/docker-compose

docker compose 추가

Author: tiaz0128

.gitignore

@@ -1,4 +1,7 @@
-_site
-.sass-cache
-.jekyll-metadata
+*.gem
+.bundle
 .DS_Store
+.sass-cache
+_site
+Gemfile.lock
+.jekyll-cache

Dockerfile

@@ -0,0 +1,9 @@
+FROM ruby:3.0
+
+RUN bundle config --global frozen 1
+
+WORKDIR /srv/jekyll
+
+COPY Gemfile Gemfile.lock ./
+
+RUN bundle install

Gemfile.lock

@@ -34,7 +34,7 @@ h1, h2, h3, h4, h5, h6,
 p, blockquote, pre,
 ul, ol, dl, figure,
 %vertical-rhythm {
-    margin-bottom: $spacing-unit / 2;
+    margin-bottom: 20px;
 }
 
 
@@ -112,7 +112,7 @@ a {
 blockquote {
     color: $grey-color;
     border-left: 4px solid $grey-color-light;
-    padding-left: $spacing-unit / 2;
+    padding-left: 20px;
     font-size: 18px;
     letter-spacing: -1px;
     font-style: italic;
@@ -167,8 +167,8 @@ pre {
     @include media-query($on-laptop) {
         max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
         max-width:         calc(#{$content-width} - (#{$spacing-unit}));
-        padding-right: $spacing-unit / 2;
-        padding-left: $spacing-unit / 2;
+        padding-right: 20px;
+        padding-left: 20px;
     }
 }
 

_sass/_base.scss

@@ -45,7 +45,7 @@
     @include media-query($on-palm) {
         position: absolute;
         top: 9px;
-        right: $spacing-unit / 2;
+        right: 20px;
         background-color: $background-color;
         border: 1px solid $grey-color-light;
         border-radius: 5px;
@@ -104,7 +104,7 @@
 
 .footer-heading {
     font-size: 18px;
-    margin-bottom: $spacing-unit / 2;
+    margin-bottom: 20px;
 }
 
 .contact-list,
@@ -116,14 +116,14 @@
 .footer-col-wrapper {
     font-size: 15px;
     color: $grey-color;
-    margin-left: -$spacing-unit / 2;
+    margin-left: -20px;
     @extend %clearfix;
 }
 
 .footer-col {
     float: left;
-    margin-bottom: $spacing-unit / 2;
-    padding-left: $spacing-unit / 2;
+    margin-bottom: 20px;
+    padding-left: 20px;
 }
 
 .footer-col-1 {

_sass/_layout.scss

@@ -33,8 +33,8 @@ $on-laptop:        800px;
 // Use media queries like this:
 // @include media-query($on-palm) {
 //     .wrapper {
-//         padding-right: $spacing-unit / 2;
-//         padding-left: $spacing-unit / 2;
+//         padding-right: 20px;
+//         padding-left: 20px;
 //     }
 // }
 @mixin media-query($device) {

css/main.scss

@@ -0,0 +1,18 @@
+services:
+  gemfile:
+    working_dir: /srv/jekyll
+    image: ruby:3.0
+    command: ["bundle", "install"]
+    volumes:
+      - .:/srv/jekyll
+  dev:
+    container_name: pyconkr-blog
+    build:
+      context: .
+      dockerfile: Dockerfile
+    command: ["bundle", "exec", "jekyll", "serve", "--host", "0.0.0.0", "-l"]
+    ports:
+      - "4000:4000"
+      - "35729:35729"
+    volumes:
+      - .:/srv/jekyll