diff --git a/assets/index.css b/assets/index.css index 0026ea3..7db9f14 100644 --- a/assets/index.css +++ b/assets/index.css @@ -213,17 +213,15 @@ body::before { color: var(--text-muted); padding-bottom: 5px; transition: opacity 0.3s ease; - min-height: 1.2em; /* no layout shit from js */ + min-height: 1.2em; + /* no layout shit from js */ } - .location.loading { opacity: 0; } - .location.loaded { opacity: 1; } - .entry-list { margin-top: 10px; } @@ -488,7 +486,6 @@ body::before { margin-right: 15px; font-size: 24px; } - .status-average { font-size: 0.9em; color: var(--text-muted); @@ -508,14 +505,12 @@ body::before { .separator { color: var(--border-color); } - .contact-grid { display: grid; gap: 20px; margin-top: 20px; max-width: 800px; } - .contact-card { background: linear-gradient( 145deg, @@ -539,7 +534,6 @@ body::before { position: relative; backdrop-filter: blur(5px); } - .contact-card:hover { transform: translateY(-2px); box-shadow: @@ -548,7 +542,6 @@ body::before { inset 0 1px rgba(255, 255, 255, 0.2); border-color: var(--text-bright); } - .contact-header { padding: 20px; border-bottom: 1px solid var(--border-color); @@ -557,7 +550,6 @@ body::before { align-items: center; background: rgba(42, 90, 90, 0.1); } - .contact-type { color: var(--text-bright); font-size: 1em; @@ -565,11 +557,9 @@ body::before { letter-spacing: 1px; text-transform: uppercase; } - .contact-content { padding: 20px; } - .contact-method { display: flex; align-items: center; @@ -581,14 +571,12 @@ body::before { border-left: 2px solid var(--border-color); transition: all 0.3s ease; } - .contact-method:hover { color: var(--text-bright); background: rgba(42, 90, 90, 0.15); border-left: 2px solid var(--text-bright); padding-left: 20px; } - .method-icon { font-size: 1.2em; margin-right: 15px; @@ -596,31 +584,25 @@ body::before { opacity: 0.8; transition: opacity 0.3s ease; } - .contact-method:hover .method-icon { opacity: 1; } - .method-details { flex: 1; } - .method-name { font-size: 0.9em; margin-bottom: 4px; color: var(--text-bright); } - .method-address { font-size: 0.8em; color: var(--text-muted); transition: color 0.3s ease; } - .contact-method:hover .method-address { color: var(--text-bright); } - .connection-indicator { margin-left: 10px; transition: transform 0.3s ease; @@ -628,14 +610,12 @@ body::before { .contact-method:hover .connection-indicator { transform: translateX(5px); } - .project-grid { display: grid; gap: 20px; margin-top: 20px; max-width: 800px; } - .project-card { background: linear-gradient( 145deg, @@ -659,7 +639,6 @@ body::before { position: relative; backdrop-filter: blur(5px); } - .project-card:hover { transform: translateY(-2px); box-shadow: @@ -668,7 +647,6 @@ body::before { inset 0 1px rgba(255, 255, 255, 0.2); border-color: var(--text-bright); } - .project-header { padding: 20px; border-bottom: 1px solid var(--border-color); @@ -677,35 +655,30 @@ body::before { align-items: center; background: rgba(42, 90, 90, 0.1); } - .project-title { color: var(--text-bright); font-size: 1em; font-weight: bold; letter-spacing: 1px; } - .project-content { padding: 20px; max-height: none; opacity: 1; transform: none; } - .project-description { color: var(--text-muted); font-size: 0.9em; margin-bottom: 15px; line-height: 1.5; } - .project-tech-stack { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 15px; } - .tech-tag { background: rgba(42, 90, 90, 0.2); padding: 4px 8px; @@ -713,7 +686,6 @@ body::before { font-size: 0.8em; color: var(--text-muted); } - /* Status Grid Styling */ .status-grid { display: grid; @@ -721,7 +693,6 @@ body::before { margin-top: 20px; max-width: 800px; } - .status-card { background: linear-gradient( 145deg, @@ -745,7 +716,6 @@ body::before { position: relative; backdrop-filter: blur(5px); } - .status-card:hover { transform: translateY(-2px); box-shadow: @@ -754,7 +724,6 @@ body::before { inset 0 1px rgba(255, 255, 255, 0.2); border-color: var(--text-bright); } - .status-header { padding: 20px; border-bottom: 1px solid var(--border-color); @@ -763,7 +732,6 @@ body::before { align-items: center; background: rgba(42, 90, 90, 0.1); } - .status-name { color: var(--text-bright); font-size: 1em; @@ -773,30 +741,25 @@ body::before { align-items: center; gap: 10px; } - .status-content { padding: 20px; } - .status-metrics { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 15px; margin-top: 10px; } - .metric { background: rgba(42, 90, 90, 0.05); padding: 10px; border-left: 2px solid var(--border-color); } - .metric-label { font-size: 0.8em; color: var(--text-muted); margin-bottom: 5px; } - .metric-value { font-size: 1.1em; color: var(--text-bright);