style

Author: KSemenenko

.github/workflows/jekyll-gh-pages.yml

@@ -57,28 +57,28 @@ jobs:
           # Templates
 
           Copy these templates to your project and customize them.
+
+          <div class="templates-list">
           HEADER
           sed -i 's/^          //' github-pages/templates.md
 
           for file in docs/templates/*.md; do
             if [ -f "$file" ]; then
               filename=$(basename "$file")
               name="${filename%.md}"
-              title=$(head -1 "$file" | sed 's/^#* *//')
-              desc=$(sed -n '2,10p' "$file" | grep -v '^$' | grep -v '^#' | head -1)
-
-              echo "" >> github-pages/templates.md
-              echo "---" >> github-pages/templates.md
-              echo "" >> github-pages/templates.md
-              echo "## ${title:-$name}" >> github-pages/templates.md
-              echo "" >> github-pages/templates.md
-              echo "${desc:-Template file for your project.}" >> github-pages/templates.md
-              echo "" >> github-pages/templates.md
-              echo "[View on GitHub](https://github.com/managedcode/MCAF/blob/main/docs/templates/${filename}){: .btn .btn-primary }" >> github-pages/templates.md
-              echo "[Download](https://raw.githubusercontent.com/managedcode/MCAF/main/docs/templates/${filename}){: .btn }" >> github-pages/templates.md
+
+              echo "<div class=\"template-item\">" >> github-pages/templates.md
+              echo "<span class=\"template-name\">${name}</span>" >> github-pages/templates.md
+              echo "<div class=\"template-links\">" >> github-pages/templates.md
+              echo "<a href=\"https://github.com/managedcode/MCAF/blob/main/docs/templates/${filename}\">View</a>" >> github-pages/templates.md
+              echo "<a href=\"https://raw.githubusercontent.com/managedcode/MCAF/main/docs/templates/${filename}\" download>Download</a>" >> github-pages/templates.md
+              echo "</div>" >> github-pages/templates.md
+              echo "</div>" >> github-pages/templates.md
             fi
           done
 
+          echo "</div>" >> github-pages/templates.md
+
       - name: Copy README to github-pages with TOC
         run: |
           printf '%s\n' '---' 'layout: default' 'title: MCAF Guide' 'nav_order: 1' '---' '' > github-pages/index.md

github-pages/assets/css/style.css

@@ -406,6 +406,46 @@ hr {
   margin-top: 8px;
 }
 
+/* Templates list */
+.templates-list {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  margin-top: 32px;
+}
+
+.template-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px 20px;
+  background: #F5F3F7;
+  border-radius: 8px;
+  border: 1px solid #E8E5EB;
+}
+
+.template-name {
+  font-family: 'SF Mono', 'Fira Code', 'Consolas', monospace;
+  font-size: 15px;
+  font-weight: 500;
+  color: #27232A;
+}
+
+.template-links {
+  display: flex;
+  gap: 16px;
+}
+
+.template-links a {
+  font-size: 14px;
+  color: #785D8F;
+  text-decoration: none;
+}
+
+.template-links a:hover {
+  text-decoration: underline;
+}
+
 /* Responsive */
 @media (max-width: 768px) {
   .nav {