[new feature] resume page initial version
This commit is contained in:
		
							parent
							
								
									5b5be5dc89
								
							
						
					
					
						commit
						72d74b251e
					
				|  | @ -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 }} | ||||
| --- | ||||
|  |  | |||
|  | @ -0,0 +1,6 @@ | |||
| --- | ||||
| title: "{{ replace .Name "-" " " | title }}" | ||||
| date: {{ .Date }} | ||||
| description:  | ||||
| type: resume | ||||
| --- | ||||
|  | @ -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'; | ||||
|  | @ -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%; | ||||
|         } | ||||
|       } | ||||
|     } | ||||
|   } | ||||
| } | ||||
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							|  | @ -28,6 +28,9 @@ other = "Jan 2, 2006" | |||
| [pub-dateformat] | ||||
| other = "2006-01-02" | ||||
| 
 | ||||
| [resume-dateformat] | ||||
| other = "Jan, 2006" | ||||
| 
 | ||||
| [single-related] | ||||
| other = "See Also" | ||||
| 
 | ||||
|  |  | |||
|  | @ -28,6 +28,9 @@ other = "Jan 2, 2006" | |||
| [pub-dateformat] | ||||
| other = "2006-01-02" | ||||
| 
 | ||||
| [resume-dateformat] | ||||
| other = "Jan, 2006" | ||||
| 
 | ||||
| [single-related] | ||||
| other = "پست های مشابه" | ||||
| 
 | ||||
|  |  | |||
|  | @ -28,6 +28,9 @@ other = "2006년 01월 02일" | |||
| [pub-dateformat] | ||||
| other = "2006-01-02" | ||||
| 
 | ||||
| [resume-dateformat] | ||||
| other = "2006년 01월" | ||||
| 
 | ||||
| [single-related] | ||||
| other = "관련글" | ||||
| 
 | ||||
|  |  | |||
|  | @ -28,6 +28,9 @@ other = "2006年01月02日" | |||
| [pub-dateformat] | ||||
| other = "2006-01-02" | ||||
| 
 | ||||
| [resume-dateformat] | ||||
| other = "2006年01月" | ||||
| 
 | ||||
| [single-related] | ||||
| other = "相关内容" | ||||
| 
 | ||||
|  |  | |||
|  | @ -1,2 +1,2 @@ | |||
| <ul class="pub__result" data-display="none"> | ||||
| <ul class="pub__result" data-display="none"> | ||||
| </ul> | ||||
|  | @ -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"> | ||||
|                    ~ {{ dateFormat (i18n "resume-dateformat") . }} | ||||
|                 </span> | ||||
|               {{ end }} | ||||
|             {{ else }} | ||||
|               {{ with .endDateText }} | ||||
|                 <span class="resume__section--meta"> | ||||
|                    ~ {{ . }} | ||||
|                 </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 }} | ||||
		Loading…
	
		Reference in New Issue
	
	 zzossig
						zzossig