G360Pmk/dylanmazzei-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show company logos on portfolio venture cards

Browse Source 
Add logos for READTYCH, Growth360Partners, Infinitus Texas, Skinny Spiritz and
Techie Marketing on white plates so they read in both themes; ventures
without a logo keep their monogram on the same plate.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Alejandro Veras
2026-10-01 11:42:57 -04:00
parent 60f58cfc20
commit e6279c2e91
7 changed files with 22 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/assets/logos/growth360partners.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

static/assets/logos/infinitus-texas.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

static/assets/logos/readtych.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

static/assets/logos/skinny-spiritz.svg
+1
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

static/assets/logos/techie-marketing.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

static/assets/styles.css
+10 -3
View File
@@ -613,10 +613,17 @@ html:not(.js) .tabs { grid-template-columns: 1fr; }
.ventures { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.venture { background: var(--cloud); border-radius: 28px; padding: 28px; display: flex; flex-direction: column; gap: 16px; min-width: 0; position: relative; overflow: hidden; transition: background-color .2s ease, transform .25s ease; }
.venture:hover { background: var(--porcelain); box-shadow: var(--shadow-float); outline: 1px solid var(--mist); transform: translateY(-3px); }
.venture-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.vlogo {
height: 104px; border-radius: 18px; background: #ffffff; border: 1px solid var(--mist);
display: flex; align-items: center; justify-content: center; padding: 14px 24px; overflow: hidden;
}
.vlogo img { display: block; max-width: 85%; max-height: 72px; width: auto; height: auto; object-fit: contain; }
.vlogo img[src$=".svg"] { width: 85%; max-height: 40px; }
.venture:hover .vlogo { border-color: var(--ash); }
.mono { width: 52px; height: 52px; border-radius: 16px; background: var(--surface-dark); color: var(--on-dark); display: grid; place-items: center; font-weight: 700; font-size: 17px; letter-spacing: -0.02em; flex: none; }
.venture:nth-child(3n+2) .mono { background: var(--accent); }
.venture:nth-child(3n+3) .mono { background: var(--porcelain); color: var(--ink); border: 1px solid var(--mist); }
.vlogo .mono { background: #1f1f1f; color: #ffffff; }
.venture:nth-child(3n+2) .vlogo .mono { background: #0870c4; }
.venture:nth-child(3n+3) .vlogo .mono { background: #ffffff; color: #1f1f1f; border: 1px solid #e7e7e7; }
.venture h3 { font-size: 24px; letter-spacing: -0.02em; line-height: 1.15; }
.venture .vrole { font-size: 13px; color: var(--accent); letter-spacing: 0.02em; line-height: 1.4; }
.venture p { color: var(--slate); font-size: 15px; }