[new feature] resume page initial version

archetypes/publication.md

@@ -1,6 +1,18 @@
 ---
 title: "{{ replace .Name "-" " " | title }}"
+shorttitle:
 date: {{ .Date }}
 description: 
 type: publication
+authors: []
+publication:
+abstract:
+links:
+ - name:
+   link:
+ENTRYTYPE: "misc"
+enableToc: false
+enableWhoami: true
+pinned: false
+publishDate: {{ dateFormat "2006-01-02" .Date }}
 ---

archetypes/resume.md

@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+description: 
+type: resume
+---

assets/sass/main.scss

@@ -90,4 +90,5 @@ $cursive-font: {{ .Site.Data.font.cursive_font }};
 @import 'pages/talk';
 @import 'pages/showcase';
 @import 'pages/wrapper';
-@import 'pages/publication';
+@import 'pages/publication';
+@import 'pages/resume';

assets/sass/pages/_resume.scss

@@ -0,0 +1,133 @@
+.resume {
+  padding: 1rem;
+  font-size: 1rem;
+
+  @include flexbox();
+  @include flex-direction(column);
+  @media only screen and (max-width: 769px) {
+    padding: 0;
+  }
+
+  &__header {
+    &--image {
+      padding: 0 1rem;
+    }
+
+    &--name {
+      font-family: $title-font;
+      font-size: 1.75rem;
+      font-weight: 900;
+    }
+
+    &--info {
+      
+    }
+  }
+
+  &__section {
+    @include flexbox();
+    
+    @media only screen and (max-width: 769px) {
+      @include flex-direction(column);
+    }
+
+    @include themify($themes) {
+      &--sectiontitle {
+        font-family: $title-font;
+        padding: 0 1rem;
+        font-size: 1.25rem;
+        color: themed('gtt-color');
+      }
+
+      &--title {
+        font-family: $title-font;
+        font-size: 1.125rem;
+        color: themed('meta-color');
+
+        @include flexbox();
+        @include align-items(center);
+        @media only screen and (max-width: 769px) {
+          @include flex-direction(column);
+          @include align-items(flex-start);
+        }
+      }
+
+      &--meta {
+        font-size: 0.9rem;
+      }
+
+      &--subtitle {
+        
+      }
+
+      &--contents {
+        ol, ul {
+          margin-left: 2.5rem;
+        }
+        li {
+          margin: 0;
+        }
+      }
+    }
+
+    &[data-dir='rtl'] {
+      .resume__section--side {
+        word-wrap: break-word;
+        width: 30%;
+        padding: 0.75rem;
+        display: block;
+        text-align: left;
+
+        @media only screen and (max-width: 769px) {
+          text-align: right;
+          width: 100%;
+          padding: 0.75rem 0;
+        }
+      }
+
+      .resume__section--main {
+        word-wrap: break-word;
+        width: 70%;
+        padding: 0.75rem;
+        display: block;
+        text-align: right;
+
+        @include flexbox();
+        @include flex-direction(column);
+        @media only screen and (max-width: 769px) {
+          width: 100%;
+        }
+      }
+    }
+
+    &[data-dir="ltr"] {
+      .resume__section--side {
+        word-wrap: break-word;
+        width: 30%;
+        padding: 0.75rem;
+        display: block;
+        text-align: right;
+
+        @media only screen and (max-width: 769px) {
+          text-align: left;
+          width: 100%;
+          padding: 0.75rem 0;
+        }
+      }
+
+      .resume__section--main {
+        word-wrap: break-word;
+        width: 70%;
+        padding: 0.75rem;
+        display: block;
+        text-align: left;
+
+        @include flexbox();
+        @include flex-direction(column);
+        @media only screen and (max-width: 769px) {
+          width: 100%;
+        }
+      }
+    }
+  }
+}

i18n/en.toml

@@ -28,6 +28,9 @@ other = "Jan 2, 2006"
 [pub-dateformat]
 other = "2006-01-02"
 
+[resume-dateformat]
+other = "Jan, 2006"
+
 [single-related]
 other = "See Also"
 

i18n/fa.toml

@@ -28,6 +28,9 @@ other = "Jan 2, 2006"
 [pub-dateformat]
 other = "2006-01-02"
 
+[resume-dateformat]
+other = "Jan, 2006"
+
 [single-related]
 other = "پست های مشابه"
 

i18n/ko.toml

@@ -28,6 +28,9 @@ other = "2006년 01월 02일"
 [pub-dateformat]
 other = "2006-01-02"
 
+[resume-dateformat]
+other = "2006년 01월"
+
 [single-related]
 other = "관련글"
 

i18n/zh.toml

@@ -28,6 +28,9 @@ other = "2006年01月02日"
 [pub-dateformat]
 other = "2006-01-02"
 
+[resume-dateformat]
+other = "2006年01月"
+
 [single-related]
 other = "相关内容"
 

layouts/partials/publication/pub-search-result.html

@@ -1,2 +1,2 @@
-<ul class="pub__result" data-display="none">
+<ul class="pub__result" data-display="none">
 </ul>

layouts/resume/single.html

@@ -0,0 +1,92 @@
+{{ define "main" }}
+<main class="main resume">
+  {{ with .Params.header }}
+    <main class="resume__section" data-dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}">
+      <aside class="resume__section--side">
+        {{ with .image }}
+          <div class="resume__header--image">
+            <img src="{{ .src | relURL }}" alt="{{ .alt }}" style="height: {{ .height }}px"/>
+          </div>
+        {{ end }}
+      </aside>
+      <article class="resume__section--main">
+        {{ with .infos.name }}
+          <h2 class="resume__header--name">
+            {{ . }}
+          </h2>
+        {{ end }}
+        {{ with .infos.email }}
+          <div class="resume__header--info">
+            {{ . }}
+          </div>
+        {{ end }}
+        {{ with .infos.phone }}
+          <div class="resume__header--info">
+            {{ . }}
+          </div>
+        {{ end }}
+        {{ with .infos.addr }}
+          <div class="resume__header--info">
+            {{ . }}
+          </div>
+        {{ end }}
+        {{ with .infos.website }}
+          <div class="resume__header--info">
+            {{ . }}
+          </div>
+        {{ end }}
+      </article>
+    </main>
+  {{ end }}
+  {{ range .Params.items }}
+    <main class="resume__section" data-dir="{{ if ne ($.Param "languagedir") "rtl" }}ltr{{ else }}rtl{{ end }}">
+      <aside class="resume__section--side">
+        <div class="resume__section--sectiontitle">{{ .title }}</div>
+      </aside>
+      
+      <article class="resume__section--main">
+        {{ range .sections }}
+          <div class="resume__section--title">
+            {{ with .title }}
+              {{ . }}
+              <div class="grow"></div>
+            {{ end }}
+            {{ with .startDate }}
+              <span class="resume__section--meta">
+                {{ dateFormat (i18n "resume-dateformat") . }}
+              </span>
+            {{ end }}
+            {{ if .endDate }}
+              {{ with .endDate }}
+                <span class="resume__section--meta">
+                  &nbsp;~&nbsp;{{ dateFormat (i18n "resume-dateformat") . }}
+                </span>
+              {{ end }}
+            {{ else }}
+              {{ with .endDateText }}
+                <span class="resume__section--meta">
+                  &nbsp;~&nbsp;{{ . }}
+                </span>
+              {{ end }}
+            {{ end }}
+          </div>
+          {{ with .subtitle }}
+            <div class="resume__section--subtitle">
+              {{ . }}
+            </div>
+          {{ end }}
+          {{ with .contents }}
+            <div class="single__contents resume__section--contents">
+              {{ . | markdownify }}
+            </div>
+          {{ end }}
+        {{ end }}
+      </article>
+    </main>
+  {{ end }}
+</main>
+<div class="hide">
+  {{ partial "search/site-search" . }}
+</div>
+{{ partial "script/resume-script" . }}
+{{ end }}