diff --git a/src/pages/portfolio.mjs b/src/pages/portfolio.mjs index d525099..f0d6c66 100644 --- a/src/pages/portfolio.mjs +++ b/src/pages/portfolio.mjs @@ -1,15 +1,15 @@ import { icon, eyebrow, btn, textLink } from '../layout.mjs'; const ventures = [ - ['AI Growth Media Service', 'AG', 'CEO & Board Member', 'AI-focused marketing and growth company working at the intersection of digital visibility, strategy, and performance.', ['AI Search', 'Digital Visibility', 'Growth Strategy']], - ['READTYCH', 'RT', 'Chief Marketing Officer, Co-Founder & Board Member', 'Education technology company developing a two-screen Digital Book and connected learning platform designed around how students and educators actually work.', ['EdTech', 'Product Strategy', 'Market Development']], - ['Growth360Partners', 'G3', 'Chief Executive Officer & Founder', 'Full-service digital marketing agency bringing together search, websites, paid media, social, optimization, and growth strategy.', ['Marketing', 'Search', 'Digital Growth']], - ['Infinitus Texas', 'IT', 'Partner & Strategic Advisor', 'Strategic partnership focused on brand positioning, marketing direction, and creating stronger foundations for scalable growth.', ['Strategy', 'Positioning', 'Growth']], - ['Skinny Spiritz', 'SS', 'Chief Executive Officer & Board Member', 'Beverage brand where product, positioning, placement, partnerships, and customer attention all have to work together.', ['Spirits', 'Brand Growth', 'Partnerships']], - ['Techie Marketing', 'TM', 'Chief Web3 Officer, Co-Founder & Advisor', 'Digital marketing and branding company created around the needs of technology and Web3-focused businesses.', ['Web3', 'Branding', 'Digital Strategy']], - ['AiGrowth360', 'A3', 'Chief Executive Officer & Founder', 'Performance-driven digital marketing company using AI, analytics, and search strategy to find better ways to create measurable growth.', ['AI', 'Analytics', 'Performance Marketing']], - ['Gangi Apparel', 'GA', 'Strategic Advisor & Partner', 'Apparel brand focused on fashion, identity, positioning, and creating a brand people can recognize beyond the product itself.', ['Apparel', 'Brand Positioning', 'Consumer']], - ['meSEO', 'me', 'Founder & Strategic Growth Leader', 'Web application built around AI search, SEO, and the changing ways businesses are discovered online.', ['Software', 'AI Search', 'SEO']], + ['AI Growth Media Service', 'AG', 'CEO & Board Member', 'AI-focused marketing and growth company working at the intersection of digital visibility, strategy, and performance.', ['AI Search', 'Digital Visibility', 'Growth Strategy'], null], + ['READTYCH', 'RT', 'Chief Marketing Officer, Co-Founder & Board Member', 'Education technology company developing a two-screen Digital Book and connected learning platform designed around how students and educators actually work.', ['EdTech', 'Product Strategy', 'Market Development'], 'readtych.png'], + ['Growth360Partners', 'G3', 'Chief Executive Officer & Founder', 'Full-service digital marketing agency bringing together search, websites, paid media, social, optimization, and growth strategy.', ['Marketing', 'Search', 'Digital Growth'], 'growth360partners.png'], + ['Infinitus Texas', 'IT', 'Partner & Strategic Advisor', 'Strategic partnership focused on brand positioning, marketing direction, and creating stronger foundations for scalable growth.', ['Strategy', 'Positioning', 'Growth'], 'infinitus-texas.png'], + ['Skinny Spiritz', 'SS', 'Chief Executive Officer & Board Member', 'Beverage brand where product, positioning, placement, partnerships, and customer attention all have to work together.', ['Spirits', 'Brand Growth', 'Partnerships'], 'skinny-spiritz.svg'], + ['Techie Marketing', 'TM', 'Chief Web3 Officer, Co-Founder & Advisor', 'Digital marketing and branding company created around the needs of technology and Web3-focused businesses.', ['Web3', 'Branding', 'Digital Strategy'], 'techie-marketing.png'], + ['AiGrowth360', 'A3', 'Chief Executive Officer & Founder', 'Performance-driven digital marketing company using AI, analytics, and search strategy to find better ways to create measurable growth.', ['AI', 'Analytics', 'Performance Marketing'], null], + ['Gangi Apparel', 'GA', 'Strategic Advisor & Partner', 'Apparel brand focused on fashion, identity, positioning, and creating a brand people can recognize beyond the product itself.', ['Apparel', 'Brand Positioning', 'Consumer'], null], + ['meSEO', 'me', 'Founder & Strategic Growth Leader', 'Web application built around AI search, SEO, and the changing ways businesses are discovered online.', ['Software', 'AI Search', 'SEO'], null], ]; const capabilities = [ @@ -61,8 +61,8 @@ export default {
${ventures .map( - ([name, mono, role, desc, focus]) => `
-
+ ([name, mono, role, desc, focus, logo]) => `
+

${name}

${role}

${desc}

FOCUS:
${focus.map((f) => `${f}`).join('')}
diff --git a/static/assets/logos/growth360partners.png b/static/assets/logos/growth360partners.png new file mode 100644 index 0000000..d2cfeda Binary files /dev/null and b/static/assets/logos/growth360partners.png differ diff --git a/static/assets/logos/infinitus-texas.png b/static/assets/logos/infinitus-texas.png new file mode 100644 index 0000000..17ad1cf Binary files /dev/null and b/static/assets/logos/infinitus-texas.png differ diff --git a/static/assets/logos/readtych.png b/static/assets/logos/readtych.png new file mode 100644 index 0000000..47b0b9d Binary files /dev/null and b/static/assets/logos/readtych.png differ diff --git a/static/assets/logos/skinny-spiritz.svg b/static/assets/logos/skinny-spiritz.svg new file mode 100644 index 0000000..06d2931 --- /dev/null +++ b/static/assets/logos/skinny-spiritz.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/assets/logos/techie-marketing.png b/static/assets/logos/techie-marketing.png new file mode 100644 index 0000000..edc2d8e Binary files /dev/null and b/static/assets/logos/techie-marketing.png differ diff --git a/static/assets/styles.css b/static/assets/styles.css index ea53aa8..54359cf 100644 --- a/static/assets/styles.css +++ b/static/assets/styles.css @@ -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; }