운영진 소개 추가 (#22)

_about/pytorch.md

@@ -3,28 +3,21 @@ title: 파이토치(PyTorch) 소개
 order: 1
 snippet: >
   ```python
+    # import torch
     import torch
 
-    class MyModule(torch.nn.Module):
-      def __init__(self, N, M):
-        super(MyModule, self).__init__()
-        self.weight = torch.nn.Parameter(torch.rand(N, M))
+    # load model
+    model = torch.hub.load('datvuthanh/hybridnets', 'hybridnets', pretrained=True)
 
-      def forward(self, input):
-        if input.sum() > 0:
-          output = self.weight.mv(input)
-        else:
-          output = self.weight + input
-        return output
-
-      my_script_module = torch.jit.script(MyModule(3, 4))
-      my_script_module.save("my_script_module.pt")
+    #inference
+    img = torch.randn(1, 3, 640, 384)
+    features, regression, classification, anchors, segmentation = model(img)
   ```
 
 ---
 
-PyTorch(파이토치)는 연구용 프로토타입부터 상용 제품까지 빠르게 만들 수 있는 오픈 소스 머신러닝 프레임워크입니다.<br /><br />
+PyTorch(파이토치)는 FAIR(Facebook AI Research)에서 만든 연구용 프로토타입부터 상용 제품까지 빠르게 만들 수 있는 오픈 소스 머신러닝 프레임워크입니다.<br />
 
-PyTorch는 사용자 친화적인 프론트엔드(front-end)와 분산 학습, 다양한 도구와 라이브러리를 통해 빠르고 유연한 실험 및 효과적인 상용화를 가능하게 합니다. <br /><br />
+PyTorch는 사용자 친화적인 프론트엔드(front-end)와 분산 학습, 다양한 도구와 라이브러리를 통해 빠르고 유연한 실험 및 효과적인 상용화를 가능하게 합니다. <br />
 
-PyTorch에 대한 더 자세한 소개는 <a href="https://pytorch.org/" target="_blank">공식 홈페이지(영어)</a> 및 <a href="https://github.com/pytorch/pytorch" target="_blank">공식 저장소(영어)</a>에서 확인하실 수 있습니다.
+PyTorch에 대한 더 자세한 소개는 <a href="{{ site.external_urls.org_www }}">공식 홈페이지</a>에서 확인하실 수 있습니다.

_about/website.md

@@ -3,17 +3,28 @@ title: 파이토치 한국 사용자 모임 소개
 order: 2
 snippet: >
   ```python
-    import torch.distributed as dist
-    from torch.nn.parallel import DistributedDataParallel
+    import torch
 
-    dist.init_process_group(backend='gloo')
-    model = DistributedDataParallel(model)
+    class MyModule(torch.nn.Module):
+      def __init__(self, N, M):
+        super(MyModule, self).__init__()
+        self.weight = torch.nn.Parameter(torch.rand(N, M))
+
+      def forward(self, input):
+        if input.sum() > 0:
+          output = self.weight.mv(input)
+        else:
+          output = self.weight + input
+        return output
+
+      my_script_module = torch.jit.script(MyModule(3, 4))
+      my_script_module.save("my_script_module.pt")
   ```
 
 ---
 
-파이토치 한국 사용자 모임은 2018년 중순, 학습을 목적으로 PyTorch 튜토리얼 문서를 한국어로 번역하면서 시작하였습니다.<br />
+파이토치 한국 사용자 모임은 2018년 중순 학습 목적으로 PyTorch 튜토리얼 문서를 한국어로 번역하면서 시작하였습니다. <br />
 
-PyTorch를 학습하고 사용하는 PyTorch 한국 사용자들이 시작한 사용자 커뮤니티로, 한국어를 사용하시는 많은 분들께 PyTorch를 소개하고 함께 배우며 성장하는 것을 목표로 하고 있습니다.<br />
+PyTorch를 학습하고 사용하는 한국 사용자들이 시작한 사용자 커뮤니티로, 한국어를 사용하시는 많은 분들께 PyTorch를 소개하고 함께 배우며 성장하는 것을 목표로 합니다.<br />
 
-이 홈페이지 또는 튜토리얼에 개선이 필요한 부분을 발견하셨다면 <a href="https://github.com/9bow/PyTorchKR" target="_blank">홈페이지 저장소</a> 또는 <a href="https://github.com/9bow/PyTorch-tutorials-kr" target="_blank">튜토리얼 저장소</a>에 이슈 또는 PR을 남겨주세요.
+PyTorch를 사용하며 얻은 유용한 정보를 공유하고 싶으시거나 다른 사용자와 소통하고 싶으시다면 <a href="{{ site.external_urls.site_community }}">커뮤니티 공간</a>에 방문해주세요!

_config.yml

@@ -38,15 +38,18 @@ markdown: kramdown
 highlighter: rouge
 collections:
   about:
-    output: true
+    output: false
   get_started:
     output: true
   hub:
     output: true
     permalink: /hub/:title/
+  maintainers:
+    output: false
   resources:
     output: false
   features:
-    output: true
+    output: false
   news:
     output: true
+    permalink: /news/:title/

_includes/head.html

@@ -16,4 +16,5 @@
   <script src="{{ site.baseurl }}/assets/vendor/popper.min.js"></script>
   <script src="{{ site.baseurl }}/assets/vendor/bootstrap.min.js"></script>
   <script src="{{ site.baseurl }}/assets/vendor/anchor.min.js"></script>
+  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
 </head>

_maintainers/9bow.md

@@ -0,0 +1,10 @@
+---
+github: 9bow
+name: 박정환
+title: Lead Maintainer
+team: CoC, PyTorchKorea
+link_linkedin:
+link_twitter:
+link_facebook:
+link_instagram:
+---

_maintainers/adonisues.md

@@ -0,0 +1,10 @@
+---
+github: adonisues
+name: 황성수
+title: Maintainer
+team: Advisory
+link_linkedin:
+link_twitter:
+link_facebook:
+link_instagram:
+---

_maintainers/bongmo.md

@@ -0,0 +1,10 @@
+---
+github: bongmo
+name: 김봉모
+title: Maintainer
+team: Advisory
+link_linkedin:
+link_twitter:
+link_facebook:
+link_instagram:
+---

_maintainers/codingbowoo.md

@@ -0,0 +1,10 @@
+---
+github: codingbowoo
+name: 장보우
+title: Maintainer
+team: CoC, hub-kr, discuss
+link_linkedin: https://www.linkedin.com/in/jangbowoo/
+link_twitter:
+link_facebook: https://www.facebook.com/catbowoo
+link_instagram:
+---

_maintainers/creduo.md

@@ -0,0 +1,10 @@
+---
+github: creduo
+name: 박주혁
+title: Inactive Maintainer
+team: Alumni
+link_linkedin: https://www.linkedin.com/in/juhyukpark/
+link_twitter:
+link_facebook: https://www.facebook.com/funderbar
+link_instagram:
+---

_maintainers/des00.md

@@ -0,0 +1,10 @@
+---
+github: des00
+name: 김현길
+title: Maintainer
+team: tutorials-kr
+link_linkedin:
+link_twitter:
+link_facebook:
+link_instagram:
+---

_maintainers/hrxorxm.md

@@ -0,0 +1,10 @@
+---
+github: hrxorxm
+name: 이하람
+title: Maintainer
+team: tutorials-kr
+link_linkedin:
+link_twitter:
+link_facebook:
+link_instagram:
+---

_maintainers/hyoyoung.md

@@ -0,0 +1,10 @@
+---
+github: hyoyoung
+name: 장효영
+title: Maintainer
+team: CoC, tutorials-kr, discuss
+link_linkedin:
+link_twitter:
+link_facebook: https://www.facebook.com/ihyoyoung
+link_instagram:
+---

_maintainers/taeyoung96.md

@@ -0,0 +1,10 @@
+---
+github: Taeyoung96
+name: 김태영
+title: Maintainer
+team: hub-kr
+link_linkedin: https://www.linkedin.com/in/tae-young-kim-595692139/  
+link_twitter:
+link_facebook: 
+link_instagram:
+---

_sass/features.scss

@@ -227,4 +227,128 @@
       color: $not_quite_black;
     }
   }
+}
+
+.maintainers-row {
+  padding-bottom: rem(60px);
+  align-items: center;
+
+  @include desktop {
+    padding-bottom: rem(96px);
+    &:first-of-type {
+      margin-top: 4.05rem;
+    }
+  }
+
+  .maintainer-content {
+    width: 100%;
+    align-items: center;
+
+    h3.features {
+      font-size: rem(32px);
+      letter-spacing: 1.78px;
+      line-height: rem(36px);
+      font-weight: 400;
+      text-transform: uppercase;
+      margin-bottom: rem(20px);
+      color: $black;
+    }
+
+    p.features {
+      font-size: rem(18px);
+      letter-spacing: 0.25px;
+      line-height: rem(28px);
+      color: $dark_grey;
+    }
+
+  }
+}
+
+.maintainer {
+  align-items: center;
+  margin-top: 10px;
+  margin-bottom: 25px;
+  position: relative;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+  -webkit-box-shadow: 0 0 200px rgba(0, 0, 0, 0);
+  box-shadow: 0 0 200px rgba(0, 0, 0, 0);
+
+  a img {
+    position: relative;
+    z-index: 2;
+    width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+    -webkit-filter: grayscale(100%);
+    filter: grayscale(100%);
+    -webkit-transition: all 0.4s;
+    transition: all 0.4s;
+  }
+
+  a.active:hover img {
+    -webkit-filter: grayscale(0%);
+    filter: grayscale(0%);
+  }
+
+  .member-info {
+    position: relative;
+    text-align: center;
+    z-index: 3;
+    padding-bottom: 10px;
+
+    h3 {
+      color: $purple;
+      font-size: 18px;
+      font-weight: 600;
+      letter-spacing: 3px;
+      margin-top: 15px;
+      margin-bottom: 10px;
+    }
+
+    p.title{
+      font-size: rem(16px);
+      margin-bottom: 5px;
+      letter-spacing: 0.25px;
+      font-weight: 800;
+      color: $not_quite_black;
+    }
+
+    p.team {
+      font-size: rem(14px);
+      margin-bottom: 10px;
+      color: $dark_grey;
+    }
+
+    a {
+      margin-left: 5px;
+      margin-right: 5px;
+    }
+
+    i {
+      color: $dark_blue;
+    }
+  }
+}
+
+.maintainer:after {
+  position: absolute;
+  content: "";
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+  border: 2px solid #e3f0fa;
+  opacity: 1;
+  -webkit-transition: all 0.3s;
+  transition: all 0.3s;
+}
+
+.maintainer:hover {
+  -webkit-box-shadow: 0 26px 49px rgba(0, 0, 0, 0.17);
+  box-shadow: 0 26px 49px rgba(0, 0, 0, 0.17);
+}
+
+.maintainer:hover:after {
+  opacity: 0;
 }