Add Signup/Signin page, query profile information via API and add footer with its respective subpages

This commit is contained in:
Oracle 2026-04-28 15:59:47 +02:00
parent 6596dc6d9b
commit c17d6b6b70
Signed by: Oracle
SSH key fingerprint: SHA256:x4/RtnjUyuHkdvmwNDsWSfcfF1V5PNr3OpriZqOvCX8
30 changed files with 1490 additions and 154 deletions

View file

@ -31,16 +31,16 @@ const lines = code.split('\n');
title={`Mark line ${lineNum} as buggy`}
>
<td class="w-16 text-right pr-4 select-none">
<span class={`text-[#8b949e] line-number ${hasHint ? 'text-[#ff7b72] font-semibold' : ''}`}>
<span class={`text-[#8b949e] line-number ${hasHint ? 'has-hint-color' : ''}`}>
{lineNum}
</span>
</td>
<td class="px-4 py-0.5 whitespace-pre">
<span class={`text-[#e6edf3] ${hasHint ? 'bg-[#ff7b7233] px-2 -mx-2' : ''}`}>
<span class={`text-[#e6edf3] ${hasHint ? 'has-hint-bg bg-[#ff7b7233] px-2 -mx-2' : ''}`}>
{line || ' '}
</span>
{hasHint && (
<span class="ml-2 hint text-[#79c0ff] text-xs opacity-0 group-hover:opacity-100 transition-opacity">
<span class="ml-2 hint text-[#79c0ff] text-xs hidden">
• {hintText?.replace(`Line ${lineNum}: `, '')}
</span>
)}
@ -52,19 +52,7 @@ const lines = code.split('\n');
</table>
</div>
{hints.length > 0 && (
<div class="bg-[#161b22] px-4 py-3 border-t border-[#30363d]">
<h3 class="text-sm font-semibold text-[#c9d1d9] mb-2">Hints:</h3>
<ul class="space-y-1">
{hints.map((hint) => (
<li class="text-sm text-[#8b949e] flex items-start gap-2">
<span class="text-[#79c0ff] mt-0.5">•</span>
<span>{hint}</span>
</li>
))}
</ul>
</div>
)}
</div>
</div>
@ -87,6 +75,19 @@ const lines = code.split('\n');
tr.bugged {
background-color: #f8514918;
}
.diff-viewer-container:not(.revealed) tr.bugged .line-number.has-hint-color {
color: #f85149 !important;
}
.diff-viewer-container:not(.revealed) tr:not(.bugged) span.line-number.has-hint-color {
color: #8b949e !important;
font-weight: normal !important;
}
.diff-viewer-container.revealed tr.bugged .hint {
display: inline;
}
.diff-viewer-container:not(.revealed) td > span.has-hint-bg {
background-color: transparent !important;
}
</style>
<script client:load>