Update portfolio site with latest changes
This commit is contained in:
193
git-custom-header.html
Normal file
193
git-custom-header.html
Normal file
@@ -0,0 +1,193 @@
|
||||
<!--
|
||||
Add this to your Gitea/Forgejo Admin Panel → Customizations → Custom Header,
|
||||
or place as custom/templates/custom/header.tmpl in your server config.
|
||||
-->
|
||||
<style>
|
||||
/* ========== GITEA/FORGEJO LANDING PAGE ENHANCEMENTS ========== */
|
||||
|
||||
/* Only apply on the homepage / explore page */
|
||||
body.page-home .ui.container:first-of-type,
|
||||
body.page-explore .ui.container:first-of-type {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Hero banner above the repo list */
|
||||
body.page-home .ui.container:first-of-type::before,
|
||||
body.page-explore .ui.container:first-of-type::before {
|
||||
content: '';
|
||||
display: block;
|
||||
background: linear-gradient(135deg, #161b22 0%, #0d1117 100%);
|
||||
border: 1px solid #30363d;
|
||||
border-radius: 12px;
|
||||
padding: 32px;
|
||||
margin-bottom: 24px;
|
||||
color: #c9d1d9;
|
||||
}
|
||||
|
||||
/* We can't inject real HTML via CSS, so we style the existing elements */
|
||||
|
||||
/* Make the homepage heading more prominent */
|
||||
body.page-home h2.ui.header,
|
||||
body.page-explore h2.ui.header {
|
||||
font-size: 28px !important;
|
||||
font-weight: 700 !important;
|
||||
letter-spacing: -0.02em !important;
|
||||
color: #c9d1d9 !important;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
|
||||
body.page-home h2.ui.header::after,
|
||||
body.page-explore h2.ui.header::after {
|
||||
content: ' — Open evidence for technical review';
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
color: #8b949e;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
/* Improve repository cards */
|
||||
.repo-list .item {
|
||||
background: #161b22 !important;
|
||||
border: 1px solid #30363d !important;
|
||||
border-radius: 10px !important;
|
||||
padding: 20px 24px !important;
|
||||
margin-bottom: 12px !important;
|
||||
transition: all 0.2s ease !important;
|
||||
}
|
||||
|
||||
.repo-list .item:hover {
|
||||
border-color: #58a6ff !important;
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
/* Better repo titles */
|
||||
.repo-list .repo-title {
|
||||
font-size: 17px !important;
|
||||
font-weight: 600 !important;
|
||||
}
|
||||
|
||||
.repo-list .repo-title a {
|
||||
color: #58a6ff !important;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
|
||||
.repo-list .repo-title a:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
/* Description text */
|
||||
.repo-list .description {
|
||||
color: #8b949e !important;
|
||||
font-size: 14px !important;
|
||||
line-height: 1.6 !important;
|
||||
margin-top: 8px !important;
|
||||
}
|
||||
|
||||
/* Topic tags */
|
||||
.repo-list .repo-topic {
|
||||
background: #1c2128 !important;
|
||||
border: 1px solid #30363d !important;
|
||||
color: #8b949e !important;
|
||||
font-size: 12px !important;
|
||||
font-weight: 500 !important;
|
||||
padding: 3px 10px !important;
|
||||
border-radius: 6px !important;
|
||||
margin-right: 6px !important;
|
||||
}
|
||||
|
||||
.repo-list .repo-topic:hover {
|
||||
background: #30363d !important;
|
||||
color: #c9d1d9 !important;
|
||||
}
|
||||
|
||||
/* Stats line */
|
||||
.repo-list .metas {
|
||||
font-size: 13px !important;
|
||||
color: #8b949e !important;
|
||||
margin-top: 12px !important;
|
||||
}
|
||||
|
||||
.repo-list .metas .text.grey {
|
||||
color: #6e7681 !important;
|
||||
}
|
||||
|
||||
/* Improve the overall background */
|
||||
body {
|
||||
background: #0d1117 !important;
|
||||
}
|
||||
|
||||
.ui.segment {
|
||||
background: #161b22 !important;
|
||||
border-color: #30363d !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
/* Navbar */
|
||||
.ui.menu {
|
||||
background: #161b22 !important;
|
||||
border-color: #30363d !important;
|
||||
}
|
||||
|
||||
.ui.menu .item {
|
||||
color: #c9d1d9 !important;
|
||||
}
|
||||
|
||||
.ui.menu .item:hover {
|
||||
background: #1c2128 !important;
|
||||
color: #58a6ff !important;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.page-content > .footer {
|
||||
border-top: 1px solid #30363d !important;
|
||||
background: #0d1117 !important;
|
||||
color: #8b949e !important;
|
||||
margin-top: 48px !important;
|
||||
padding: 32px 0 !important;
|
||||
}
|
||||
|
||||
.page-content > .footer a {
|
||||
color: #58a6ff !important;
|
||||
}
|
||||
|
||||
/* Add a subtle "portfolio" link in the navbar for visitors */
|
||||
.ui.menu .right.menu::before {
|
||||
content: 'Portfolio';
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 16px;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #58a6ff;
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- Alternative: Real custom HTML banner (if your Gitea/Forgejo supports header injection) -->
|
||||
<div class="portfolio-banner" style="display: none;">
|
||||
<div style="
|
||||
background: linear-gradient(135deg, #161b22 0%, #0d1117 100%);
|
||||
border: 1px solid #30363d;
|
||||
border-radius: 12px;
|
||||
padding: 28px 32px;
|
||||
margin: 0 0 24px 0;
|
||||
max-width: 1100px;
|
||||
">
|
||||
<div style="font-size: 13px; font-weight: 500; color: #58a6ff; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.05em;">
|
||||
Open Evidence
|
||||
</div>
|
||||
<h1 style="font-size: 24px; font-weight: 700; color: #c9d1d9; margin: 0 0 8px 0; letter-spacing: -0.01em;">
|
||||
Gabriel Pereira — AI & Data Architecture
|
||||
</h1>
|
||||
<p style="font-size: 14px; color: #8b949e; margin: 0; line-height: 1.6;">
|
||||
Data & Analytics Solution Architect with 9 years at Siemens.
|
||||
Each repository is a delivery narrative: architecture decisions, governance patterns,
|
||||
and the boundary where manual work stops.
|
||||
</p>
|
||||
<div style="margin-top: 16px;">
|
||||
<a href="https://linkedin.com/in/gabrielpereira-dev" style="color: #58a6ff; text-decoration: none; font-size: 13px; font-weight: 500; margin-right: 16px;">LinkedIn →</a>
|
||||
<a href="mailto:gabriel.pereira@protonmail.com" style="color: #58a6ff; text-decoration: none; font-size: 13px; font-weight: 500;">Email →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user