SirBlob/Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

waybar and loadscreen update

Browse Source
This commit is contained in:
Sir Blob
2025-11-29 17:11:09 +00:00
parent 1b356dd6aa
commit 757386f611
4 changed files with 8 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/assets/css/navbar-waybar.css
View File

@@ -651,7 +651,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
height: 20px; height: 20px;
padding: 0 0.5rem; padding: 0 0.35rem;
background: color-mix(in srgb, var(--bar-primary) 15%, transparent); background: color-mix(in srgb, var(--bar-primary) 15%, transparent);
border: 1px solid color-mix(in srgb, var(--bar-primary) 30%, transparent); border: 1px solid color-mix(in srgb, var(--bar-primary) 30%, transparent);
border-radius: 4px; border-radius: 4px;

4
src/lib/pages/projects.ts
View File

@@ -7,11 +7,11 @@ const featuredCount = sortedCards.filter(c => c.featured).length;
// Build the terminal lines with card grid // Build the terminal lines with card grid
export const lines: TerminalLine[] = [ export const lines: TerminalLine[] = [
{ type: 'divider', content: 'PROJECTS' },
{ type: 'command', content: 'ls ~/projects --grid' }, { type: 'command', content: 'ls ~/projects --grid' },
{ type: 'divider', content: 'PROJECTS' },
{ type: 'blank', content: '' }, { type: 'blank', content: '' },
...projects.filter(p => p.featured).flatMap(project => [ ...projects.filter(p => p.featured).flatMap(project => [
{ type: 'header' as const, content: `(&primary,bold)${project.name}(&)` }, { type: 'header' as const, content: `(&bold)${project.name}(&)` },
{ type: 'output' as const, content: `(&muted)${project.description}(&)` }, { type: 'output' as const, content: `(&muted)${project.description}(&)` },
{ type: 'info' as const, content: `(&info)Tech: (&primary)${project.tech.join(', ')}(&)` }, { type: 'info' as const, content: `(&info)Tech: (&primary)${project.tech.join(', ')}(&)` },
...(project.github ? [{ ...(project.github ? [{

9
src/routes/+layout.svelte
View File

@@ -81,11 +81,11 @@
</main> </main>
</div> </div>
{:else} {:else}
<!-- Loading state to prevent flash --> <!-- Loading state to prevent flash - themed to current selection -->
<div class="loading-screen"> <div class="loading-screen" style="background: {$themeColors.background} !important; color: {$themeColors.text} !important;">
<div class="loading-content"> <div class="loading-content">
<span class="loading-text">Initializing terminal...</span> <span class="loading-text">Initializing terminal...</span>
<span class="loading-cursor"></span> <span class="loading-cursor" style="background: {$themeColors.accent} !important;"></span>
</div> </div>
</div> </div>
{/if} {/if}
@@ -102,8 +102,6 @@
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
background: #0d1117;
color: #c9d1d9;
font-family: 'JetBrains Mono', monospace; font-family: 'JetBrains Mono', monospace;
} }
@@ -120,7 +118,6 @@
.loading-cursor { .loading-cursor {
width: 10px; width: 10px;
height: 1.2em; height: 1.2em;
background: #1793d1;
animation: blink 1s step-end infinite; animation: blink 1s step-end infinite;
} }

4
src/routes/layout.css
View File

@@ -1,6 +1,6 @@
/* Font imports - must come first */ /* Font imports - must come first */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap'); /* @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); */
@import 'tailwindcss'; @import 'tailwindcss';