public/code-crispies
2
1
Fork 0
Code Issues Pull Requests Actions Activity

style: purple background pill for CODE in logo
Some checks failed
Deploy static content to Pages / deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Michael Czechowski
2025-12-30 21:34:45 +01:00
parent 27d9d6c124
commit 54719f0df7
2 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/index.html
View File

@@ -18,7 +18,7 @@
</button>
<div class="logo">
<img src="./bowl.png" width="40" alt="CODE CRISPIES Logo" />
<h1>CODE<span>CRISPIES</span></h1>
<h1><span class="code-text">CODE</span><span>CRISPIES</span></h1>
</div>
<div class="header-actions">
<button id="lang-btn" class="lang-switch" data-i18n-aria-label="langSwitchLabel" data-i18n="langSwitch" aria-label="Sprache wechseln: Deutsch">DE</button>

14
src/main.css
View File

@@ -153,9 +153,21 @@ code, kbd {
font-weight: 800;
color: var(--text-color);
line-height: 1;
display: flex;
align-items: center;
gap: 0.15rem;
}
.logo h1 span {
.logo h1 .code-text {
background: var(--primary-color);
color: white;
padding: 0.15rem 0.35rem;
border-radius: 4px;
letter-spacing: 0.05em;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.logo h1 span:last-child {
color: var(--primary-color);
}