Merge branch 'main' into canonical

.github/workflows/autoprefixer.yml

@@ -8,7 +8,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout to latest commit
-        uses: actions/checkout@v4.1.7
+        uses: actions/checkout@v4.2.1
 
       - name: Setup Node
         uses: actions/setup-node@v4

.github/workflows/codeql-analysis.yml

@@ -39,7 +39,7 @@ jobs:
 
     steps:
     - name: Checkout repository
-      uses: actions/checkout@v4.1.7
+      uses: actions/checkout@v4.2.1
 
     # Initializes the CodeQL tools for scanning.
     - name: Initialize CodeQL

.github/workflows/pull-request.yml

@@ -10,7 +10,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     # checkout to the commit that has been pushed
-    - uses: actions/checkout@v4.1.7
+    - uses: actions/checkout@v4.2.1
 
     - name: Setup Node
       uses: actions/setup-node@v4
@@ -35,7 +35,7 @@ jobs:
   lint:
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4.1.7
+    - uses: actions/checkout@v4.2.1
 
     - name: Setup Node
       uses: actions/setup-node@v4
@@ -78,6 +78,6 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     # checkout to latest commit
-    - uses: actions/checkout@v4.1.7
+    - uses: actions/checkout@v4.2.1
     # run markdown linter
     - uses: gaurav-nelson/github-action-markdown-link-check@1.0.15

assets/styles/components/cards.scss

@@ -9,6 +9,11 @@
     box-shadow: $box-shadow;
     border: 1px solid get-light-color('bg-primary');
     @include transition();
+    .card-img-top {
+      transform: scale(1.2);
+      object-fit: cover;
+      @include transition();
+    }
   }
 
   .card-head {
@@ -17,6 +22,10 @@
     overflow: hidden;
   }
 
+  .card-title {
+    font-size: large;
+  }
+
   .card-body {
     text-align: left;
   }

i18n/zh-cn.toml

@@ -124,3 +124,7 @@ other = "免责声明"
 
 [search]
 other = "搜索"
+
+[minute]
+one = "分钟"
+other = "分钟"

i18n/zh-tw.toml

@@ -124,3 +124,7 @@ other = "免責聲明"
 
 [search]
 other = "搜尋"
+
+[minute]
+one = "分鐘"
+other = "分鐘"

layouts/partials/cards/project.html

@@ -4,7 +4,20 @@
 >
   <div class="card mt-1">
     <div class="card">
-      <a class="card-header" href="{{ if .repo }}{{ .repo }}{{ else if .url }}{{ .url }}{{ else }}javascript:void(0){{ end }}" {{ if or .repo .url }}target="_blank" rel="noopener"{{ end }}>
+      <a href="{{ if .repo }}{{ .repo }}{{ else if .url }}{{ .url }}{{ else }}javascript:void(0){{ end }}" {{ if or .repo .url }}target="_blank" rel="noopener"{{ end }}>
+        {{ if .image }}
+        <div class="card-head">
+          {{ $imageImage:= resources.Get .image}}
+          {{ if $imageImage }}
+            {{/*  svg don't support "Fit" operation   */}}
+            {{ if ne $imageImage.MediaType.SubType "svg" }}
+              {{ $imageImage = $imageImage.Fit "1000x1000" }}
+            {{ end }}
+            <img class="card-img-top" src="{{ $imageImage.RelPermalink }}" alt="{{ .name }}" />
+          {{ end }}
+        </div>
+        {{ end }}
+        <div class="card-header">
           <div>
             <div class="d-flex">
               {{ if .logo }}
@@ -34,6 +47,7 @@
               <span>{{ .timeline }}</span>
             </div>
           </div>
+        </div>
       </a>
       <div class="card-body text-justify pt-1 pb-1">
         <p>{{ .summary | markdownify }}</p>