tweak print style to 2 pages
This commit is contained in:
Dejvino
parent
d590ba1b21
commit
c435ceacda
@ -148,7 +148,7 @@
|
|||||||
"thesis": "Parallel implementation of force-field decompression algorithm. Executed on a supercomputer cluster to perform real-time simulation of molecular forces, providing haptic feedback to a 3D pointing device."
|
"thesis": "Parallel implementation of force-field decompression algorithm. Executed on a supercomputer cluster to perform real-time simulation of molecular forces, providing haptic feedback to a 3D pointing device."
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"philosophy": "I design platform layers that stay out of the way while enabling everything else. Quiet infrastructure. Measurable value."
|
"philosophy": "I design platform layers that stay out of the way while enabling everything else.</br>Quiet infrastructure. Measurable value."
|
||||||
},
|
},
|
||||||
"interests": [
|
"interests": [
|
||||||
{
|
{
|
||||||
|
|||||||
211
style.css
211
style.css
@ -276,11 +276,14 @@ body {
|
|||||||
|
|
||||||
.hero {
|
.hero {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: row;
|
||||||
|
flex-wrap: wrap;
|
||||||
gap: 16px;
|
gap: 16px;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-identity {
|
.hero-identity {
|
||||||
|
flex: 1 1 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 20px;
|
gap: 20px;
|
||||||
@ -328,6 +331,7 @@ body {
|
|||||||
|
|
||||||
.hero-description {
|
.hero-description {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
flex: 1 1 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-description p {
|
.hero-description p {
|
||||||
@ -448,14 +452,12 @@ body {
|
|||||||
* Contact pills – gold accent
|
* Contact pills – gold accent
|
||||||
*/
|
*/
|
||||||
.hero-contacts {
|
.hero-contacts {
|
||||||
display: flex;
|
display: inline-flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
width: 100%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.contact-pill {
|
.contact-pill {
|
||||||
color: var(--link-color);
|
color: var(--link-color);
|
||||||
background: rgba(255, 215, 0, 0.06);
|
background: rgba(255, 215, 0, 0.06);
|
||||||
@ -479,13 +481,14 @@ body {
|
|||||||
* Nav pills – cyan accent
|
* Nav pills – cyan accent
|
||||||
*/
|
*/
|
||||||
.hero-nav {
|
.hero-nav {
|
||||||
display: flex;
|
display: inline-flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 10px;
|
gap: 10px;
|
||||||
padding-top: 12px;
|
padding-top: 0;
|
||||||
border-top: 1px solid rgba(0, 243, 255, 0.12);
|
border-top: none;
|
||||||
width: 100%;
|
border-left: 1px solid rgba(0, 243, 255, 0.15);
|
||||||
|
padding-left: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -928,6 +931,14 @@ a {
|
|||||||
.hero-contacts,
|
.hero-contacts,
|
||||||
.hero-nav {
|
.hero-nav {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
gap: 4px;
|
||||||
|
padding: 2px;
|
||||||
|
margin: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-nav {
|
||||||
|
border-left: none;
|
||||||
|
border-top: 1px solid rgba(0, 243, 255, 0.12);
|
||||||
}
|
}
|
||||||
|
|
||||||
.pill {
|
.pill {
|
||||||
@ -939,6 +950,10 @@ a {
|
|||||||
.pill-url {
|
.pill-url {
|
||||||
display: inline;
|
display: inline;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.card blockquote.philosophy {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Tamed Cyberpunk Overrides for CV Mode */
|
/* Tamed Cyberpunk Overrides for CV Mode */
|
||||||
@ -1109,7 +1124,7 @@ body.cv-mode {
|
|||||||
.bento-grid {
|
.bento-grid {
|
||||||
display: block !important;
|
display: block !important;
|
||||||
max-width: 100% !important;
|
max-width: 100% !important;
|
||||||
gap: 8px !important;
|
gap: 4px !important;
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
}
|
}
|
||||||
@ -1117,9 +1132,9 @@ body.cv-mode {
|
|||||||
.card {
|
.card {
|
||||||
background: #fff !important;
|
background: #fff !important;
|
||||||
border: 1px solid #ccc !important;
|
border: 1px solid #ccc !important;
|
||||||
border-radius: 4px !important;
|
border-radius: 3px !important;
|
||||||
padding: 12px !important;
|
padding: 8px !important;
|
||||||
margin: 8px 0 !important;
|
margin: 4px 0 !important;
|
||||||
clip-path: none !important;
|
clip-path: none !important;
|
||||||
overflow: visible !important;
|
overflow: visible !important;
|
||||||
filter: none !important;
|
filter: none !important;
|
||||||
@ -1177,20 +1192,19 @@ body.cv-mode {
|
|||||||
.hero-nav {
|
.hero-nav {
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
flex-wrap: wrap !important;
|
flex-wrap: wrap !important;
|
||||||
gap: 6px !important;
|
gap: 3px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pill {
|
.pill {
|
||||||
display: inline-flex !important;
|
display: inline-flex !important;
|
||||||
align-items: center !important;
|
align-items: center !important;
|
||||||
gap: 4px !important;
|
gap: 2px !important;
|
||||||
padding: 3px 8px !important;
|
padding: 1px 4px !important;
|
||||||
border: 1px solid #bbb !important;
|
border: none !important;
|
||||||
border-radius: 3px !important;
|
background: none !important;
|
||||||
background: #f7f7f7 !important;
|
|
||||||
color: #000 !important;
|
color: #000 !important;
|
||||||
text-decoration: none !important;
|
text-decoration: none !important;
|
||||||
font-size: 0.75rem !important;
|
font-size: 0.65rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pill .pill-icon {
|
.pill .pill-icon {
|
||||||
@ -1201,8 +1215,8 @@ body.cv-mode {
|
|||||||
display: inline !important;
|
display: inline !important;
|
||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
color: #333 !important;
|
color: #333 !important;
|
||||||
font-size: 0.7rem !important;
|
font-size: 0.6rem !important;
|
||||||
margin-left: 4px !important;
|
margin-left: 2px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pill-cv-only-print {
|
.pill-cv-only-print {
|
||||||
@ -1234,51 +1248,96 @@ body.cv-mode {
|
|||||||
margin: 4px 0 !important;
|
margin: 4px 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Condensed CV content */
|
||||||
|
.cv-section {
|
||||||
|
padding: 10px !important;
|
||||||
|
margin-top: 6px !important;
|
||||||
|
clip-path: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cv-item {
|
||||||
|
margin-bottom: 8px !important;
|
||||||
|
padding-left: 8px !important;
|
||||||
|
border-left: 1px solid #727272 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cv-title {
|
||||||
|
font-size: 0.8rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cv-org {
|
||||||
|
font-size: 0.7rem !important;
|
||||||
|
margin: 0 0 3px 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cv-desc {
|
||||||
|
font-size: 0.75rem !important;
|
||||||
|
line-height: 1.25 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cv-item-header {
|
||||||
|
margin-bottom: 2px !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* Profile layout */
|
/* Profile layout */
|
||||||
.avatar {
|
.avatar {
|
||||||
display: block !important;
|
display: block !important;
|
||||||
max-width: 80px !important;
|
max-width: 60px !important;
|
||||||
max-height: 100px !important;
|
max-height: 75px !important;
|
||||||
object-fit: cover !important;
|
object-fit: cover !important;
|
||||||
border: 2px solid #ccc !important;
|
border: 1px solid #ccc !important;
|
||||||
border-radius: 4px !important;
|
border-radius: 3px !important;
|
||||||
filter: none !important;
|
filter: none !important;
|
||||||
margin-right: 16px !important;
|
margin-right: 12px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile {
|
.profile {
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
align-items: center !important;
|
align-items: center !important;
|
||||||
gap: 16px !important;
|
gap: 12px !important;
|
||||||
padding: 8px !important;
|
padding: 4px !important;
|
||||||
flex-wrap: wrap !important;
|
flex-wrap: wrap !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Hero layout – keep photo left, name right (like desktop) */
|
/* Hero layout – keep photo left, name right (like desktop) */
|
||||||
.hero {
|
.hero {
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
flex-direction: column !important;
|
flex-direction: row !important;
|
||||||
gap: 12px !important;
|
flex-wrap: wrap !important;
|
||||||
|
gap: 2px 4px !important;
|
||||||
|
align-items: center !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hero-identity {
|
.hero-identity {
|
||||||
|
flex: 1 1 100% !important;
|
||||||
display: flex !important;
|
display: flex !important;
|
||||||
flex-direction: row !important;
|
flex-direction: row !important;
|
||||||
align-items: center !important;
|
align-items: center !important;
|
||||||
gap: 16px !important;
|
gap: 8px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-description {
|
||||||
|
flex: 1 1 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-contacts,
|
||||||
|
.hero-nav {
|
||||||
|
display: inline-flex !important;
|
||||||
|
flex-wrap: nowrap !important;
|
||||||
|
gap: 2px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Selected Work highlights – give titles and items room */
|
/* Selected Work highlights – give titles and items room */
|
||||||
.selected-work {
|
.selected-work {
|
||||||
display: block !important;
|
gap: 8px 16px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.highlight-item {
|
.highlight-item {
|
||||||
margin: 12px 0 !important;
|
margin: 6px 0 !important;
|
||||||
padding: 8px 0 !important;
|
padding: 4px 0 4px 10px !important;
|
||||||
border-bottom: 1px solid #eee !important;
|
border-bottom: 1px solid #eee !important;
|
||||||
border-left: none !important;
|
border-left: 1px solid #ccc !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.highlight-item:last-child {
|
.highlight-item:last-child {
|
||||||
@ -1286,13 +1345,13 @@ body.cv-mode {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.highlight-item h3 {
|
.highlight-item h3 {
|
||||||
font-size: 13px !important;
|
font-size: 10px !important;
|
||||||
margin: 0 0 4px 0 !important;
|
margin: 0 0 2px 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.highlight-subtitle {
|
.highlight-subtitle {
|
||||||
font-size: 0.85em !important;
|
font-size: 0.8em !important;
|
||||||
margin: 0 0 6px 0 !important;
|
margin: 0 0 3px 0 !important;
|
||||||
font-style: italic !important;
|
font-style: italic !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1301,38 +1360,38 @@ body.cv-mode {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.highlight-description {
|
.highlight-description {
|
||||||
font-size: 0.9em !important;
|
font-size: 0.8em !important;
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
line-height: 1.5 !important;
|
line-height: 1.3 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Links grid */
|
/* Links grid */
|
||||||
.link-grid a {
|
.link-grid a {
|
||||||
color: #000 !important;
|
color: #000 !important;
|
||||||
background: #f5f5f5 !important;
|
background: none !important;
|
||||||
padding: 6px 10px !important;
|
padding: 3px 6px !important;
|
||||||
border: none !important;
|
border: none !important;
|
||||||
display: inline-block !important;
|
display: inline-block !important;
|
||||||
margin: 2px !important;
|
margin: 1px !important;
|
||||||
font-size: 0.85em !important;
|
font-size: 0.75em !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Typography */
|
/* Typography */
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 18px !important;
|
font-size: 16px !important;
|
||||||
margin: 4px 0 8px 0 !important;
|
margin: 2px 0 4px 0 !important;
|
||||||
padding-bottom: 4px !important;
|
padding-bottom: 2px !important;
|
||||||
border-bottom: 1px solid #000 !important;
|
border-bottom: 1px solid #000 !important;
|
||||||
color: #000 !important;
|
color: #000 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 11px !important;
|
font-size: 9px !important;
|
||||||
text-transform: uppercase !important;
|
text-transform: uppercase !important;
|
||||||
color: #000 !important;
|
color: #000 !important;
|
||||||
margin: 8px 0 4px 0 !important;
|
margin: 4px 0 3px 0 !important;
|
||||||
padding: 4px !important;
|
padding: 2px !important;
|
||||||
border-bottom: 1px solid #eee !important;
|
border-bottom: 1px solid #ddd !important;
|
||||||
font-weight: bold !important;
|
font-weight: bold !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1340,8 +1399,8 @@ body.cv-mode {
|
|||||||
h4,
|
h4,
|
||||||
h5,
|
h5,
|
||||||
h6 {
|
h6 {
|
||||||
font-size: 10px !important;
|
font-size: 9px !important;
|
||||||
margin: 4px 0 !important;
|
margin: 2px 0 !important;
|
||||||
color: #000 !important;
|
color: #000 !important;
|
||||||
font-weight: bold !important;
|
font-weight: bold !important;
|
||||||
}
|
}
|
||||||
@ -1354,29 +1413,44 @@ body.cv-mode {
|
|||||||
/* Remove neon effects */
|
/* Remove neon effects */
|
||||||
.tag {
|
.tag {
|
||||||
opacity: 1 !important;
|
opacity: 1 !important;
|
||||||
background: #f5f5f5 !important;
|
background: none !important;
|
||||||
border: 1px solid #ccc !important;
|
border: none !important;
|
||||||
padding: 2px 6px !important;
|
padding: 0 4px !important;
|
||||||
font-size: 0.8em !important;
|
font-size: 0.75em !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skill-categories {
|
||||||
|
gap: 0.75rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skill-group h3 {
|
||||||
|
font-size: 0.55rem !important;
|
||||||
|
margin-bottom: 0.2rem !important;
|
||||||
|
letter-spacing: 1px !important;
|
||||||
|
opacity: 0.6 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skill-tags {
|
||||||
|
gap: 0.15rem 0.4rem !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Condensed spacing */
|
/* Condensed spacing */
|
||||||
.card h1 {
|
.card h1 {
|
||||||
margin: 0 0 4px 0 !important;
|
margin: 0 0 2px 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card h2 {
|
.card h2 {
|
||||||
margin: 4px 0 8px 0 !important;
|
margin: 2px 0 4px 0 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card p {
|
.card p {
|
||||||
margin: 4px 0 !important;
|
margin: 2px 0 !important;
|
||||||
font-size: 0.9em !important;
|
font-size: 0.8em !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card li {
|
.card li {
|
||||||
margin: 2px 0 !important;
|
margin: 1px 0 !important;
|
||||||
font-size: 0.9em !important;
|
font-size: 0.8em !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Remove gradients and shadows */
|
/* Remove gradients and shadows */
|
||||||
@ -1421,14 +1495,13 @@ body.cv-mode {
|
|||||||
.personal-tag {
|
.personal-tag {
|
||||||
display: inline-flex !important;
|
display: inline-flex !important;
|
||||||
align-items: center !important;
|
align-items: center !important;
|
||||||
padding: 2px 8px !important;
|
padding: 1px 6px !important;
|
||||||
border: 1px solid #ccc !important;
|
border: none !important;
|
||||||
border-radius: 3px !important;
|
background: none !important;
|
||||||
background: #f7f7f7 !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-footer {
|
.page-footer {
|
||||||
font-size: 0.7rem !important;
|
font-size: 0.6rem !important;
|
||||||
color: #888 !important;
|
color: #888 !important;
|
||||||
margin: 16px 0 0 !important;
|
margin: 16px 0 0 !important;
|
||||||
opacity: 0.5 !important;
|
opacity: 0.5 !important;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user