txeo/cv-site
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed icons

Browse Source
This commit is contained in:
juanatsap
2025-11-06 09:19:44 +00:00
parent 51597c074b
commit c035db05ba
5 changed files with 185 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
cv-app
BIN
View File
Binary file not shown.
templates/cv-content.html
+1 -1
View File
@@ -76,7 +76,7 @@
<div class="experience-item">
{{if .CompanyLogo}}
<div class="company-logo">
<img src="/static/images/logos/{{.CompanyLogo}}" alt="{{.Company}} logo" onerror="this.style.display='none'">
<img src="/static/images/companies/{{.CompanyLogo}}" alt="{{.Company}} logo" onerror="this.style.display='none'">
</div>
{{end}}
<div class="experience-content">
tests/check-styling.html
+76
View File
@@ -0,0 +1,76 @@
<!DOCTYPE html>
<html>
<head>
<title>Styling Comparison</title>
<style>
body {
font-family: Arial, sans-serif;
padding: 20px;
background: #f0f0f0;
}
.comparison {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
max-width: 1400px;
margin: 0 auto;
}
.panel {
background: white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
h2 {
margin-top: 0;
color: #333;
}
img {
width: 100%;
border: 1px solid #ddd;
}
.specs {
margin-top: 10px;
font-family: monospace;
font-size: 12px;
background: #f9f9f9;
padding: 10px;
border-left: 3px solid #4CAF50;
}
.specs div {
margin: 5px 0;
}
</style>
</head>
<body>
<h1 style="text-align: center;">CV Header Styling Comparison</h1>
<div class="comparison">
<div class="panel">
<h2>Original Design</h2>
<img src="../screenshots/old-full-rendered.png" alt="Original">
<div class="specs">
<div><strong>Expected Styling:</strong></div>
<div>• Font: Quicksand</div>
<div>• Size: ~0.85em (smaller than name)</div>
<div>• Weight: 400 (normal)</div>
<div>• Color: #666 (medium gray)</div>
<div>• Margin: minimal (4px top)</div>
<div>• Alignment: left with name</div>
</div>
</div>
<div class="panel">
<h2>Current Implementation</h2>
<img src="../../tmp/cv-years-test.png" alt="Current">
<div class="specs">
<div><strong>Applied CSS:</strong></div>
<div>font-family: 'Quicksand', sans-serif;</div>
<div>font-size: 0.85em;</div>
<div>font-weight: 400;</div>
<div>color: #666;</div>
<div>margin: 4px 0 0 0;</div>
<div>line-height: 1.4;</div>
</div>
</div>
</div>
</body>
</html>
tests/verify-years-styling.sh
Executable
+107
View File
@@ -0,0 +1,107 @@
#!/bin/bash
# Test script to verify the "years of experience" styling matches the original design
echo "🧪 Testing Years of Experience Styling"
echo "========================================"
# Colors for output
GREEN='\033[0;32m'
RED='\033[0;31m'
NC='\033[0m' # No Color
# Test counter
PASSED=0
FAILED=0
# Test 1: Check CSS file contains correct styles
echo -n "1. CSS contains correct font-size (0.85em)... "
if grep -q "font-size: 0.85em;" /Users/txeo/Git/yo/cv/static/css/main.css; then
echo -e "${GREEN}✓ PASS${NC}"
((PASSED++))
else
echo -e "${RED}✗ FAIL${NC}"
((FAILED++))
fi
# Test 2: Check font-weight
echo -n "2. CSS contains correct font-weight (400)... "
if grep -A 6 ".years-experience" /Users/txeo/Git/yo/cv/static/css/main.css | grep -q "font-weight: 400;"; then
echo -e "${GREEN}✓ PASS${NC}"
((PASSED++))
else
echo -e "${RED}✗ FAIL${NC}"
((FAILED++))
fi
# Test 3: Check color
echo -n "3. CSS contains correct color (#666)... "
if grep -A 6 ".years-experience" /Users/txeo/Git/yo/cv/static/css/main.css | grep -q "color: #666;"; then
echo -e "${GREEN}✓ PASS${NC}"
((PASSED++))
else
echo -e "${RED}✗ FAIL${NC}"
((FAILED++))
fi
# Test 4: Check margin
echo -n "4. CSS contains minimal top margin (4px 0 0 0)... "
if grep -A 6 ".years-experience" /Users/txeo/Git/yo/cv/static/css/main.css | grep -q "margin: 4px 0 0 0;"; then
echo -e "${GREEN}✓ PASS${NC}"
((PASSED++))
else
echo -e "${RED}✗ FAIL${NC}"
((FAILED++))
fi
# Test 5: Check English version renders
echo -n "5. English version renders correctly... "
if curl -s "http://localhost:1999/?lang=en" | grep -q "20 years of experience"; then
echo -e "${GREEN}✓ PASS${NC}"
((PASSED++))
else
echo -e "${RED}✗ FAIL${NC}"
((FAILED++))
fi
# Test 6: Check Spanish version renders
echo -n "6. Spanish version renders correctly... "
if curl -s "http://localhost:1999/?lang=es" | grep -q "20 años de experiencia"; then
echo -e "${GREEN}✓ PASS${NC}"
((PASSED++))
else
echo -e "${RED}✗ FAIL${NC}"
((FAILED++))
fi
# Test 7: Check short version
echo -n "7. Short CV version includes years text... "
if curl -s "http://localhost:1999/?lang=en&version=short" | grep -q "years-experience"; then
echo -e "${GREEN}✓ PASS${NC}"
((PASSED++))
else
echo -e "${RED}✗ FAIL${NC}"
((FAILED++))
fi
# Test 8: Check long version
echo -n "8. Long CV version includes years text... "
if curl -s "http://localhost:1999/?lang=en&version=long" | grep -q "years-experience"; then
echo -e "${GREEN}✓ PASS${NC}"
((PASSED++))
else
echo -e "${RED}✗ FAIL${NC}"
((FAILED++))
fi
# Summary
echo ""
echo "========================================"
echo "Test Results: ${PASSED} passed, ${FAILED} failed"
if [ $FAILED -eq 0 ]; then
echo -e "${GREEN}✅ All tests passed!${NC}"
exit 0
else
echo -e "${RED}❌ Some tests failed${NC}"
exit 1
fi
tests/visual-comparison.spec.js
+1 -1
View File
@@ -1,6 +1,6 @@
/**
* Visual Comparison Test Suite
* Compares new Go+HTMX CV (localhost:1999) vs old React CV (localhost:3000)
* Compares new Go + HTMX CV (localhost:1999) vs old React CV (localhost:3000)
*/
const { test, expect } = require('@playwright/test');