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

refactor: standardize port to 1999 across all files

Browse Source 
- Updated default port from 8080 to 1999 in config, Docker, and documentation files
- Modified example URLs and test commands to use new port
- Ensured consistent port references in environment configs and deployment examples
- Updated health check endpoints in Docker and testing scripts

The port change aligns with LIV Golf port allocation standards for staging environments (5000-9999 range).
This commit is contained in:
juanatsap
2025-10-29 14:04:24 +00:00
parent 4ec966591d
commit ee354d1d35
12 changed files with 336 additions and 458 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/main.css
+172 -268
View File
@@ -1,17 +1,14 @@
/* Minimal CV Design - A4 Page Simulation */
/* CV Design - Original Style Recreation */
:root {
--bg-gray: #525659;
--sidebar-gray: #d9d9d9;
--black-bar: #2b2b2b;
--paper-white: #ffffff;
--text-dark: #2d2d2d;
--text-gray: #555555;
--accent-blue: #0066cc;
--border-gray: #dddddd;
/* A4 dimensions */
--a4-width: 210mm;
--a4-height: 297mm;
--page-padding: 20mm;
}
* {
@@ -21,7 +18,7 @@
}
body {
font-family: 'Inter', Arial, sans-serif;
font-family: Arial, Helvetica, sans-serif;
background-color: var(--bg-gray);
color: var(--text-dark);
line-height: 1.6;
@@ -36,21 +33,23 @@ a:hover {
text-decoration: underline;
}
/* Action Bar */
/* Single Black Top Bar */
.action-bar {
background: white;
border-bottom: 1px solid var(--border-gray);
background: var(--black-bar);
color: white;
position: sticky;
top: 0;
z-index: 100;
box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
.action-bar-content {
max-width: var(--a4-width);
margin: 0 auto;
max-width: 100%;
margin: 0;
padding: 1rem 2rem;
display: flex;
justify-content: space-between;
display: grid;
grid-template-columns: auto 1fr auto;
gap: 2rem;
align-items: center;
}
@@ -61,35 +60,64 @@ a:hover {
.lang-btn {
padding: 0.4rem 1rem;
border: 1px solid var(--border-gray);
background: white;
border: 1px solid rgba(255,255,255,0.3);
background: transparent;
color: white;
border-radius: 4px;
cursor: pointer;
font-size: 0.9rem;
}
.lang-btn:hover {
background: #f5f5f5;
background: rgba(255,255,255,0.1);
}
.lang-btn.active {
background: var(--accent-blue);
color: white;
border-color: var(--accent-blue);
background: rgba(255,255,255,0.2);
border-color: white;
}
.export-btn {
padding: 0.4rem 1.2rem;
background: var(--accent-blue);
background: transparent;
color: white;
border: none;
border: 1px solid rgba(255,255,255,0.3);
border-radius: 4px;
cursor: pointer;
font-size: 0.9rem;
}
.export-btn:hover {
background: #0052a3;
background: rgba(255,255,255,0.1);
}
/* Title badges in center of bar */
.title-badges {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 0.8rem;
}
.title-badge {
font-size: 0.75rem;
letter-spacing: 1px;
font-weight: 400;
color: white;
white-space: nowrap;
}
.title-separator {
color: rgba(255,255,255,0.4);
font-size: 0.75rem;
}
/* Action buttons on right */
.action-buttons {
display: flex;
gap: 0.5rem;
align-items: center;
}
/* Loading Indicator */
@@ -103,7 +131,7 @@ a:hover {
.loader {
border: 2px solid #f3f3f3;
border-top: 2px solid var(--accent-blue);
border-top: 2px solid white;
border-radius: 50%;
width: 20px;
height: 20px;
@@ -115,27 +143,26 @@ a:hover {
100% { transform: rotate(360deg); }
}
/* A4 Page Container */
/* Main CV Container */
.cv-container {
width: 100%;
max-width: 100%;
margin: 0;
padding: 2rem 0;
max-width: 1200px;
margin: 0 auto;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
}
/* A4 Paper - Exact dimensions */
/* CV Paper - Two-column layout with shadow */
.cv-paper {
width: var(--a4-width);
min-height: var(--a4-height);
width: 100%;
background: var(--paper-white);
padding: var(--page-padding);
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
margin: 0 auto;
box-shadow: 0 0 30px rgba(0,0,0,0.4);
margin: 0;
position: relative;
display: grid;
grid-template-columns: 300px 1fr;
min-height: 100vh;
}
/* Page break helpers */
@@ -149,31 +176,55 @@ a:hover {
break-inside: avoid;
}
/* Header - Photo on right, inline with text */
.cv-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 2rem;
border-bottom: 2px solid var(--text-dark);
padding-bottom: 1.5rem;
/* Sidebar - Left column */
.cv-sidebar {
background: var(--sidebar-gray);
padding: 2rem 1.5rem;
font-size: 0.9rem;
}
.sidebar-section {
margin-bottom: 2rem;
}
.cv-header-left {
flex: 1;
.sidebar-title {
font-size: 1rem;
font-weight: 700;
margin-bottom: 0.8rem;
color: var(--text-dark);
}
.cv-header-right {
flex-shrink: 0;
.sidebar-content {
line-height: 1.8;
}
.skill-item {
margin-bottom: 0.3rem;
color: var(--text-dark);
}
/* Main Content - Right column */
.cv-main {
background: var(--paper-white);
padding: 2rem 2.5rem;
}
/* Header with photo and name */
.cv-header {
margin-bottom: 2rem;
}
.cv-header-content {
display: flex;
align-items: flex-start;
gap: 1.5rem;
}
.cv-photo {
width: 100px;
height: 100px;
border-radius: 50%;
width: 150px;
height: 200px;
flex-shrink: 0;
overflow: hidden;
border: 3px solid var(--border-gray);
}
.cv-photo img {
@@ -183,230 +234,117 @@ a:hover {
}
.cv-name {
font-size: 2rem;
font-weight: 700;
margin-bottom: 0.5rem;
}
.cv-title {
font-size: 1.1rem;
font-size: 2.5rem;
font-weight: 400;
color: var(--text-gray);
margin-bottom: 1rem;
margin-bottom: 0.5rem;
color: var(--text-dark);
}
.cv-contact {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.4rem;
font-size: 0.85rem;
.cv-experience-years {
font-size: 1rem;
color: var(--text-gray);
margin: 0;
}
/* Sections */
.cv-section {
margin-bottom: 1.5rem;
margin-bottom: 2rem;
page-break-inside: avoid;
}
.section-title {
font-size: 1.2rem;
font-size: 1.1rem;
font-weight: 700;
margin-bottom: 1rem;
padding-bottom: 0.3rem;
border-bottom: 1px solid var(--border-gray);
color: var(--text-dark);
}
.summary-text {
line-height: 1.6;
text-align: justify;
font-size: 0.9rem;
font-size: 0.95rem;
color: var(--text-dark);
}
/* Experience - with separators */
/* Experience */
.experience-item {
margin-bottom: 1.2rem;
padding-bottom: 1.2rem;
border-bottom: 1px solid var(--border-gray);
margin-bottom: 1.5rem;
page-break-inside: avoid;
}
.experience-item:last-child {
border-bottom: none;
.experience-header {
margin-bottom: 0.6rem;
}
.experience-header {
.experience-title-line {
display: flex;
justify-content: space-between;
margin-bottom: 0.6rem;
align-items: baseline;
gap: 1rem;
align-items: center;
}
.company-logo {
width: 35px;
height: 35px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
margin-right: 0.75rem;
}
.company-logo img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.experience-title {
flex: 1;
flex-wrap: wrap;
}
.position {
font-size: 1rem;
font-weight: 600;
margin-bottom: 0.2rem;
}
.company {
color: var(--text-gray);
font-size: 0.85rem;
margin: 0;
color: var(--text-dark);
}
.experience-period {
color: var(--text-gray);
font-size: 0.8rem;
white-space: nowrap;
font-size: 0.85rem;
font-style: italic;
}
.short-desc {
color: var(--text-gray);
font-size: 0.85rem;
line-height: 1.5;
margin-bottom: 0.6rem;
color: var(--text-dark);
font-size: 0.9rem;
line-height: 1.6;
margin-top: 0.5rem;
}
.responsibilities {
list-style: none;
margin-bottom: 0.6rem;
margin-top: 0.5rem;
padding-left: 0;
}
.responsibilities li {
padding-left: 1rem;
margin-bottom: 0.3rem;
padding-left: 1.2rem;
margin-bottom: 0.4rem;
position: relative;
font-size: 0.85rem;
font-size: 0.9rem;
color: var(--text-dark);
line-height: 1.5;
}
.responsibilities li:before {
content: "•";
position: absolute;
left: 0;
font-weight: bold;
}
.technologies {
font-size: 0.8rem;
color: var(--text-gray);
font-style: italic;
}
/* Education */
.education-item {
margin-bottom: 0.8rem;
font-size: 0.9rem;
}
.education-header {
display: flex;
justify-content: space-between;
margin-bottom: 0.3rem;
}
.degree {
font-size: 0.95rem;
font-weight: 600;
}
.education-period {
color: var(--text-gray);
font-size: 0.8rem;
font-style: italic;
}
.institution {
color: var(--text-gray);
font-size: 0.85rem;
}
/* Skills */
.skill-block {
margin-bottom: 0.8rem;
}
.skill-title {
font-size: 0.95rem;
font-weight: 600;
margin-bottom: 0.3rem;
}
.skill-list {
color: var(--text-gray);
font-size: 0.85rem;
}
/* Projects */
.project-item {
margin-bottom: 1rem;
font-size: 0.9rem;
line-height: 1.6;
color: var(--text-dark);
}
.project-header {
display: flex;
justify-content: space-between;
margin-bottom: 0.3rem;
}
.project-name {
font-size: 1rem;
font-weight: 600;
}
.project-period {
color: var(--text-gray);
font-size: 0.8rem;
font-style: italic;
}
.project-role {
color: var(--text-gray);
font-size: 0.85rem;
margin-bottom: 0.3rem;
}
.project-description {
margin-bottom: 0.3rem;
font-size: 0.85rem;
}
/* Certifications & Awards */
.cert-item,
.award-item {
margin-bottom: 0.4rem;
font-size: 0.85rem;
}
/* Languages */
.languages-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.5rem;
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
}
.language-item {
font-size: 0.85rem;
font-size: 0.9rem;
color: var(--text-dark);
}
/* Footer */
@@ -417,30 +355,6 @@ footer {
font-size: 0.85rem;
}
/* CV Length Toggle */
.cv-length-toggle {
display: flex;
gap: 0.5rem;
}
.length-btn {
padding: 0.4rem 1rem;
border: 1px solid var(--border-gray);
background: white;
border-radius: 4px;
cursor: pointer;
font-size: 0.9rem;
}
.length-btn:hover {
background: #f5f5f5;
}
.length-btn.active {
background: var(--accent-blue);
color: white;
border-color: var(--accent-blue);
}
/* Short CV - Hide detailed content */
.cv-short .long-only {
@@ -468,57 +382,47 @@ footer {
/* Responsive - tablet/mobile */
@media (max-width: 900px) {
.cv-paper {
width: 100%;
min-height: auto;
padding: 15mm;
grid-template-columns: 1fr;
box-shadow: none;
}
.cv-container {
padding: 1rem;
.cv-sidebar {
padding: 1.5rem 1rem;
}
.cv-main {
padding: 1.5rem 1rem;
}
.cv-name {
font-size: 1.8rem;
}
.cv-header {
flex-direction: column;
align-items: center;
text-align: center;
}
.cv-photo {
order: -1;
margin-bottom: 1rem;
width: 120px;
height: 150px;
}
.cv-contact {
grid-template-columns: 1fr;
text-align: center;
}
.experience-header,
.project-header,
.education-header {
flex-direction: column;
gap: 0.25rem;
}
.company-logo {
display: none;
}
.action-bar-content {
flex-wrap: wrap;
grid-template-columns: 1fr;
gap: 1rem;
padding: 1rem;
}
.language-toggle,
.title-badges,
.action-buttons {
justify-content: center;
}
.cv-length-toggle {
order: 1;
width: 100%;
justify-content: center;
margin-top: 0.5rem;
.title-badges {
order: -1;
}
.experience-title-line {
flex-direction: column;
align-items: flex-start;
gap: 0.25rem;
}
}