colin
/
resume
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update favicon with professional resume design
ci/woodpecker/push/woodpecker Pipeline was successful Details

This commit is contained in:
colin 2025-07-06 15:08:42 -04:00
parent ea3a2b95e4
commit 6c1e85c0e5
6 changed files with 48 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
docker/resume/apple-touch-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
docker/resume/favicon-16x16.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 492 B

BIN
docker/resume/favicon-32x32.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 699 B

BIN
docker/resume/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 995 B

After

Width:  |  Height:  |  Size: 15 KiB

29
docker/resume/favicon.svg
View File

@ -2,17 +2,30 @@
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
<defs>
<linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#3498db" />
<stop offset="100%" stop-color="#2980b9" />
<stop offset="0%" stop-color="#2c3e50" />
<stop offset="100%" stop-color="#1a2530" />
</linearGradient>
</defs>
<rect width="64" height="64" rx="12" fill="url(#gradient)" />
<g>
<!-- Background -->
<rect width="64" height="64" rx="8" fill="url(#gradient)" />
<!-- Document/Resume icon -->
<rect x="18" y="14" width="28" height="36" rx="2" fill="#ecf0f1" />
<rect x="22" y="20" width="20" height="2" rx="1" fill="#2c3e50" />
<rect x="22" y="24" width="16" height="2" rx="1" fill="#2c3e50" />
<rect x="22" y="28" width="20" height="2" rx="1" fill="#2c3e50" />
<rect x="22" y="32" width="12" height="2" rx="1" fill="#2c3e50" />
<!-- Accent corner fold -->
<path d="M46,14 L46,22 L38,14 Z" fill="#3498db" />
<!-- Initials as paths instead of text for better compatibility -->
<g transform="translate(20, 42)">
<!-- C letter -->
<path d="M22,20 C18,20 15,23 15,28 C15,33 18,36 22,36 C25,36 27,34 28,31"
stroke="white" stroke-width="4" fill="none" stroke-linecap="round" />
<path d="M8,2 C5,2 3,3.5 3,6 C3,8.5 5,10 8,10 C10,10 11.5,9 12,7.5"
stroke="#3498db" stroke-width="2" fill="none" stroke-linecap="round" />
<!-- K letter -->
<path d="M36,20 L36,36 M36,28 L45,20 M36,28 L45,36"
stroke="white" stroke-width="4" fill="none" stroke-linecap="round" />
<path d="M16,2 L16,10 M16,6 L20,2 M16,6 L20,10"
stroke="#3498db" stroke-width="2" fill="none" stroke-linecap="round" />
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 772 B

After

Width:  |  Height:  |  Size: 1.3 KiB

40
docker/resume/generate-favicon.js
View File

@ -3,29 +3,43 @@
const fs = require('fs');
const path = require('path');
// Create an SVG favicon with a gradient background and initials
// Create an SVG favicon with a professional design for a resume site
function generateFavicon() {
// Define colors for gradient
const primaryColor = '#3498db'; // Blue
const secondaryColor = '#2980b9'; // Darker blue
// Define colors
const backgroundColor = '#2c3e50'; // Dark blue-gray
const accentColor = '#3498db'; // Bright blue
const textColor = '#ecf0f1'; // Light gray/white
// Create SVG content with gradient and text
// Create SVG content with a professional design
const svgContent = `<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64">
<defs>
<linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="${primaryColor}" />
<stop offset="100%" stop-color="${secondaryColor}" />
<stop offset="0%" stop-color="${backgroundColor}" />
<stop offset="100%" stop-color="#1a2530" />
</linearGradient>
</defs>
<rect width="64" height="64" rx="12" fill="url(#gradient)" />
<g>
<!-- Background -->
<rect width="64" height="64" rx="8" fill="url(#gradient)" />
<!-- Document/Resume icon -->
<rect x="18" y="14" width="28" height="36" rx="2" fill="${textColor}" />
<rect x="22" y="20" width="20" height="2" rx="1" fill="${backgroundColor}" />
<rect x="22" y="24" width="16" height="2" rx="1" fill="${backgroundColor}" />
<rect x="22" y="28" width="20" height="2" rx="1" fill="${backgroundColor}" />
<rect x="22" y="32" width="12" height="2" rx="1" fill="${backgroundColor}" />
<!-- Accent corner fold -->
<path d="M46,14 L46,22 L38,14 Z" fill="${accentColor}" />
<!-- Initials as paths instead of text for better compatibility -->
<g transform="translate(20, 42)">
<!-- C letter -->
<path d="M22,20 C18,20 15,23 15,28 C15,33 18,36 22,36 C25,36 27,34 28,31"
stroke="white" stroke-width="4" fill="none" stroke-linecap="round" />
<path d="M8,2 C5,2 3,3.5 3,6 C3,8.5 5,10 8,10 C10,10 11.5,9 12,7.5"
stroke="${accentColor}" stroke-width="2" fill="none" stroke-linecap="round" />
<!-- K letter -->
<path d="M36,20 L36,36 M36,28 L45,20 M36,28 L45,36"
stroke="white" stroke-width="4" fill="none" stroke-linecap="round" />
<path d="M16,2 L16,10 M16,6 L20,2 M16,6 L20,10"
stroke="${accentColor}" stroke-width="2" fill="none" stroke-linecap="round" />
</g>
</svg>`;