keith/Portfolio-2026
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance project handling for websites in portfolio
Sync TODOs with Issues / sync_todos (push) Successful in 6s
Details

Browse Source 
- Added methods in Projects class to determine if a project is a website, retrieve its URL, platform, and screenshot.
- Updated single-project template to display website-specific information and actions.
- Modified project card component to show website details and adjust action buttons accordingly.
- Improved CSS for project cards and buttons to align with new website features.
This commit is contained in:
Keith Solomon
2026-08-22 15:14:28 -05:00
parent d0dd9fa98a
commit 0613e33411
7 changed files with 382 additions and 264 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/base/colors.css
+26 -26
View File
@@ -1,6 +1,6 @@
/* Theme color definitions */
@theme {
@theme static {
--color-black: oklch(0% 0 0);
--color-white: oklch(100% 0 0);
@@ -38,32 +38,32 @@
--color-dark: oklch(34.51% 0.0133 248.2);
/* Carbon Blue / dark surface tokens (Portfolio 2026) */
--color-surface: #121318;
--color-surface-dim: #121318;
--color-surface-bright: #38393f;
--color-surface-container-lowest: #0d0e13;
--color-surface-container-low: #1a1b21;
--color-surface-container: #1e1f25;
--color-surface-container-high: #292a2f;
--color-surface-container-highest: #34343a;
--color-on-surface: #e3e1e9;
--color-on-surface-variant: #c5c5d3;
--color-outline: #8f909d;
--color-outline-variant: #444651;
--color-page-base: #100e0b;
--color-backlight: rgba(96, 165, 250, 0.20);
--color-surface: oklch(18.79% 0.0103 276.4);
--color-surface-dim: oklch(18.79% 0.0103 276.4);
--color-surface-bright: oklch(34.59% 0.0105 278.3);
--color-surface-container-lowest: oklch(16.51% 0.0106 276.3);
--color-surface-container-low: oklch(22.37% 0.0117 277.9);
--color-surface-container: oklch(24.08% 0.0115 278);
--color-surface-container-high: oklch(28.6% 0.0092 276.8);
--color-surface-container-highest: oklch(32.74% 0.0105 285.8);
--color-on-surface: oklch(91.36% 0.011 297.6);
--color-on-surface-variant: oklch(82.77% 0.0194 286);
--color-outline: oklch(65.68% 0.0192 282.3);
--color-outline-variant: oklch(39.65% 0.0187 277.4);
--color-page-base: oklch(16.5% 0.007 78.1);
--color-backlight: oklch(71.37% 0.1434 254.6 / 0.2);
--color-primary-fixed: #dce1ff;
--color-primary-fixed-dim: #b6c4ff;
--color-on-primary: #05297a;
--color-on-primary-fixed: #00164e;
--color-on-primary-fixed-variant: #264191;
--color-primary-fixed: oklch(91.52% 0.0412 278.1);
--color-primary-fixed-dim: oklch(83.03% 0.0845 274.1);
--color-on-primary: oklch(32.02% 0.1432 262.8);
--color-on-primary-fixed: oklch(23.06% 0.1072 262.1);
--color-on-primary-fixed-variant: oklch(40.35% 0.1363 266.3);
--color-primary-12: rgba(182, 196, 255, 0.12);
--color-primary-87: #dce1ff;
--color-primary-12: oklch(83.03% 0.0845 274.1 / 0.12);
--color-primary-87: oklch(91.52% 0.0412 278.1);
--color-success: #5ccf91;
--color-warning: #f4e04d;
--color-danger: #cc3b3b;
--color-info: #3d7ab0;
--color-success: oklch(77.17% 0.1386 157.2);
--color-warning: oklch(91.37% 0.1234 97.2);
--color-danger: oklch(54.12% 0.1456 29.8);
--color-info: oklch(45.67% 0.1345 210.3);
}
styles/base/typography.css
+9 -4
View File
@@ -39,7 +39,7 @@
* text-75px | 32.00 | 39.46 | 43.25 | 50.30 | 57.36 | 61.77 | 75.00
*/
@theme {
@theme static {
--font-sans: "Raleway", sans-serif;
--font-headings: var(--font-sans);
--line-height: 1.6;
@@ -140,10 +140,15 @@ p {
margin-bottom: 1rem;
}
ul, ol { margin: 0 0 1rem 1.5rem; padding: 0; }
ul { list-style-type: disc; }
ul {
list-style-type: disc;
}
ol { list-style-type: decimal; }
ol {
list-style-type: decimal;
}
li ul, li ol { margin: 0 1rem; }
@@ -169,7 +174,7 @@ pre code {
padding: 0;
}
code { @apply bg-black/30 px-0.25 py-0.5 font-mono text-black text-xs rounded-sm; }
code { @apply bg-white/30 px-0.25 py-0.25 font-mono text-black rounded-sm; }
hr {
background-color: black;