[new feature] resume page initial version

This commit is contained in:
zzossig 2020-02-10 09:35:43 +09:00
parent 5b5be5dc89
commit 72d74b251e
12 changed files with 259 additions and 3 deletions

View File

@ -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 }}
---

6
archetypes/resume.md Normal file
View File

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

View File

@ -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';

View File

@ -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%;
}
}
}
}
}

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -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 }}