add my CV in Gallery

kazuyanagimoto · Apr 27, 2024 · 7040906 · 7040906
1 parent 8ace2f1
commit 7040906
Show file tree

Hide file tree

Showing 9 changed files with 1,534 additions and 22 deletions.
diff --git a/README.md b/README.md
@@ -10,7 +10,7 @@
 [![Docs](https://img.shields.io/badge/docs-homepage-blue.svg)](https://kazuyanagimoto.com/typstcv/index.html)
 <!-- badges: end -->
 
-![](vignettes/awesomecv/assets/img/thumbnail.svg)
+![](vignettes/img/typstcv_awesomecv.svg)
 
 This package provides helper functinons for
 [kazuyanagimoto/quarto-awesomecv-typst](https://github.com/kazuyanagimoto/quarto-awesomecv-typst).

diff --git a/README.qmd b/README.qmd
@@ -16,7 +16,7 @@ knitr::opts_chunk$set(
 [![Docs](https://img.shields.io/badge/docs-homepage-blue.svg)](https://kazuyanagimoto.com/typstcv/index.html)
 <!-- badges: end -->
 
-![](vignettes/awesomecv/assets/img/thumbnail.svg)
+![](vignettes/img/typstcv_awesomecv.svg)
 
 This package provides helper functinons for [kazuyanagimoto/quarto-awesomecv-typst](https://github.com/kazuyanagimoto/quarto-awesomecv-typst).
 This work are inspired by these three works:

diff --git a/altdoc/custom.scss b/altdoc/custom.scss
@@ -0,0 +1,76 @@
+/*-- scss:defaults --*/
+
+$link-color: #517699;
+
+/*-- scss:rules --*/
+
+// Blog
+.gallery {
+    .gallery-entry {
+        display: flex;
+        flex-direction: row;
+        font-family: $font-family-sans-serif;
+        line-height: 1.3;
+        margin-bottom: 2em;
+        column-gap: 1em;
+
+        a {
+            text-decoration: none;
+        }
+
+        .metadata {
+            flex: 0 0 8%;
+        }
+
+        .body {
+            flex: 1 1 auto;
+        }
+
+        .thumbnail {
+            flex: 0 0 30%;
+
+            img {
+                width: 100%;
+                object-fit: cover;
+                max-height: 150px;
+            }
+        }
+
+        .title {
+            font-family: $headings-font-family;
+            font-weight: 500;
+            font-size: 1.3em;
+            margin-bottom: 0.2em;
+            line-height: 1.2;
+        }
+
+        .description {
+            font-weight: 300;
+            font-size: 0.8em;
+            margin-top: 0;
+        }
+
+        .date {
+            font-weight: 300;
+            font-size: 0.85em;
+            margin-top: 0.3em;
+            text-align: right;
+        }
+
+        ul.item-links {
+            padding: 0;
+            margin-bottom: 0;
+
+            .item-link {
+                display: inline-block;
+                white-space: nowrap;
+                padding: 0.3em 0.5em;
+                font-size: 0.85em;
+                border: 1px solid;
+                border-radius: 5px;
+                border-color: #6c757d;
+            }
+        }
+
+    }
+}
diff --git a/altdoc/quarto_website.yml b/altdoc/quarto_website.yml
@@ -36,7 +36,7 @@ website:
       - text: Citation
         file: $ALTDOC_CITATION
 
-# format:
-#   html:
-#     theme: cosmo
-#     number-sections: false
+format:
+  html:
+    theme:
+      - custom.scss
diff --git a/vignettes/awesomecv/_extensions/kazuyanagimoto/awesomecv/typst-template.typ b/vignettes/awesomecv/_extensions/kazuyanagimoto/awesomecv/typst-template.typ
@@ -3,6 +3,7 @@
 // const color
 #let color-darknight = rgb("#131A28")
 #let color-darkgray = rgb("#333333")
+#let color-middledarkgray = rgb("#414141")
 #let color-gray = rgb("#5d5d5d")
 #let color-lightgray = rgb("#999999")
 
@@ -58,7 +59,7 @@ $endif$
 // layout utility
 #let __justify_align(left_body, right_body) = {
   block[
-    #box(width: 3fr)[#left_body]
+    #box(width: 4fr)[#left_body]
     #box(width: 1fr)[
       #align(right)[
         #right_body
@@ -121,7 +122,12 @@ $endif$
   )
   pad[
     #__justify_align[
-      == #primary
+      #set text(
+        size: 12pt,
+        weight: "bold",
+        fill: color-darkgray,
+      )
+      #primary
     ][
       #secondary-right-header[#secondary]
     ]
@@ -133,7 +139,12 @@ $endif$
 /// - secondary (content): The secondary section of the header
 #let secondary-justified-header(primary, secondary) = {
   __justify_align[
-    === #primary
+     #set text(
+      size: 10pt,
+      weight: "regular",
+      fill: color-gray,
+    )
+    #primary
   ][
     #tertiary-right-header[#secondary]
   ]
@@ -181,7 +192,6 @@ $endif$
         #counter(page).display()
       ]
     ],
-    footer-descent: 0pt,
   )
 
   // set paragraph spacing
@@ -210,10 +220,9 @@ $endif$
 
   show heading.where(level: 2): it => {
     set text(
-      color-darkgray,
+      color-middledarkgray,
       size: 12pt,
-      style: "normal",
-      weight: "bold",
+      weight: "thin"
     )
     it.body
   }

diff --git a/vignettes/gallery.qmd b/vignettes/gallery.qmd
@@ -2,11 +2,22 @@
 title: "Gallery"
 listing:
   contents:
-    - title: Albert Einstein's CV
-      author: Kazuharu Yanagimoto
-      date: today
-      image: awesomecv/assets/img/thumbnail.svg
+    - author: Kazuharu Yanagimoto
+      image: img/typstcv_awesomecv.svg
       path: awesomecv/awesomecv.qmd
+      links:
+        - name: Code
+          url: https://github.com/kazuyanagimoto/typstcv/blob/main/vignettes/awesomecv/awesomecv.qmd
+          icon: fa-brands fa-github
+    - title: Kazuharu Yanagimoto's CV
+      author: Kazuharu Yanagimoto
+      image: img/cv_yanagimoto.svg
+      path: https://kazuyanagimoto.com/cv/cv.pdf
+      links:
+        - name: Code
+          url: https://github.com/kazuyanagimoto/cv
+          icon: fa-brands fa-github
+  template: listing.ejs
   sort: "date desc"
   type: grid
   sort-ui: false