Skip to content

Commit ea50065

Browse files
zeekayzeekay
committed
fix(css): add missing styles for tables, status badges, and featured sections
1 parent d3d8887 commit ea50065

2 files changed

Lines changed: 284 additions & 0 deletions

File tree

‎docs/assets/css/style.css‎

Lines changed: 142 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -505,6 +505,148 @@ footer {
505505
font-size: 0.875rem;
506506
}
507507

508+
/* Featured Section */
509+
.featured-section {
510+
padding: 5rem 0;
511+
background: linear-gradient(180deg, var(--surface-light) 0%, var(--background) 100%);
512+
}
513+
514+
/* Dataset Section */
515+
.dataset-section {
516+
padding: 5rem 0;
517+
background: var(--background);
518+
}
519+
520+
/* Models Table */
521+
.model-lineup {
522+
overflow-x: auto;
523+
margin: 2rem 0;
524+
}
525+
526+
.models-table {
527+
width: 100%;
528+
border-collapse: collapse;
529+
background: var(--surface);
530+
border: 1px solid var(--border);
531+
border-radius: 1rem;
532+
overflow: hidden;
533+
}
534+
535+
.models-table th,
536+
.models-table td {
537+
padding: 1rem 1.5rem;
538+
text-align: left;
539+
border-bottom: 1px solid var(--border);
540+
}
541+
542+
.models-table th {
543+
background: var(--surface-light);
544+
color: var(--text-muted);
545+
font-size: 0.75rem;
546+
text-transform: uppercase;
547+
letter-spacing: 0.05em;
548+
font-weight: 600;
549+
}
550+
551+
.models-table td {
552+
color: var(--text);
553+
}
554+
555+
.models-table tbody tr:hover {
556+
background: var(--surface-light);
557+
}
558+
559+
.models-table tbody tr:last-child td {
560+
border-bottom: none;
561+
}
562+
563+
/* Status Badges */
564+
.status-trained {
565+
display: inline-block;
566+
padding: 0.375rem 0.875rem;
567+
border-radius: 2rem;
568+
font-size: 0.75rem;
569+
font-weight: 600;
570+
text-transform: uppercase;
571+
background: rgba(16, 185, 129, 0.2);
572+
color: var(--success);
573+
border: 1px solid var(--success);
574+
}
575+
576+
.status-training {
577+
display: inline-block;
578+
padding: 0.375rem 0.875rem;
579+
border-radius: 2rem;
580+
font-size: 0.75rem;
581+
font-weight: 600;
582+
text-transform: uppercase;
583+
background: rgba(99, 102, 241, 0.2);
584+
color: var(--primary);
585+
border: 1px solid var(--primary);
586+
animation: pulse 2s infinite;
587+
}
588+
589+
.status-planned {
590+
display: inline-block;
591+
padding: 0.375rem 0.875rem;
592+
border-radius: 2rem;
593+
font-size: 0.75rem;
594+
font-weight: 600;
595+
text-transform: uppercase;
596+
background: rgba(245, 158, 11, 0.2);
597+
color: var(--warning);
598+
border: 1px solid var(--warning);
599+
}
600+
601+
@keyframes pulse {
602+
0%, 100% { opacity: 1; }
603+
50% { opacity: 0.7; }
604+
}
605+
606+
/* Additional Button Styles */
607+
.btn-outline {
608+
background: transparent;
609+
border: 2px solid var(--text-muted);
610+
color: var(--text);
611+
}
612+
613+
.btn-outline:hover {
614+
border-color: var(--primary);
615+
color: var(--primary);
616+
}
617+
618+
/* Code blocks in cards */
619+
.download-card pre {
620+
background: var(--surface-light);
621+
border: 1px solid var(--border);
622+
border-radius: 0.5rem;
623+
padding: 1rem;
624+
margin-top: 1rem;
625+
overflow-x: auto;
626+
}
627+
628+
.download-card code {
629+
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
630+
font-size: 0.875rem;
631+
color: var(--primary);
632+
}
633+
634+
/* Nav active state */
635+
.nav-links a.active {
636+
background: var(--surface-light);
637+
color: var(--primary);
638+
}
639+
640+
/* Coder Features Grid */
641+
.coder-features {
642+
margin-top: 3rem;
643+
}
644+
645+
.coder-features .arch-card h3 {
646+
color: var(--primary);
647+
margin-bottom: 0.75rem;
648+
}
649+
508650
/* Responsive Design */
509651
@media (max-width: 768px) {
510652
.navbar .container {

‎public/assets/css/style.css‎

Lines changed: 142 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -505,6 +505,148 @@ footer {
505505
font-size: 0.875rem;
506506
}
507507

508+
/* Featured Section */
509+
.featured-section {
510+
padding: 5rem 0;
511+
background: linear-gradient(180deg, var(--surface-light) 0%, var(--background) 100%);
512+
}
513+
514+
/* Dataset Section */
515+
.dataset-section {
516+
padding: 5rem 0;
517+
background: var(--background);
518+
}
519+
520+
/* Models Table */
521+
.model-lineup {
522+
overflow-x: auto;
523+
margin: 2rem 0;
524+
}
525+
526+
.models-table {
527+
width: 100%;
528+
border-collapse: collapse;
529+
background: var(--surface);
530+
border: 1px solid var(--border);
531+
border-radius: 1rem;
532+
overflow: hidden;
533+
}
534+
535+
.models-table th,
536+
.models-table td {
537+
padding: 1rem 1.5rem;
538+
text-align: left;
539+
border-bottom: 1px solid var(--border);
540+
}
541+
542+
.models-table th {
543+
background: var(--surface-light);
544+
color: var(--text-muted);
545+
font-size: 0.75rem;
546+
text-transform: uppercase;
547+
letter-spacing: 0.05em;
548+
font-weight: 600;
549+
}
550+
551+
.models-table td {
552+
color: var(--text);
553+
}
554+
555+
.models-table tbody tr:hover {
556+
background: var(--surface-light);
557+
}
558+
559+
.models-table tbody tr:last-child td {
560+
border-bottom: none;
561+
}
562+
563+
/* Status Badges */
564+
.status-trained {
565+
display: inline-block;
566+
padding: 0.375rem 0.875rem;
567+
border-radius: 2rem;
568+
font-size: 0.75rem;
569+
font-weight: 600;
570+
text-transform: uppercase;
571+
background: rgba(16, 185, 129, 0.2);
572+
color: var(--success);
573+
border: 1px solid var(--success);
574+
}
575+
576+
.status-training {
577+
display: inline-block;
578+
padding: 0.375rem 0.875rem;
579+
border-radius: 2rem;
580+
font-size: 0.75rem;
581+
font-weight: 600;
582+
text-transform: uppercase;
583+
background: rgba(99, 102, 241, 0.2);
584+
color: var(--primary);
585+
border: 1px solid var(--primary);
586+
animation: pulse 2s infinite;
587+
}
588+
589+
.status-planned {
590+
display: inline-block;
591+
padding: 0.375rem 0.875rem;
592+
border-radius: 2rem;
593+
font-size: 0.75rem;
594+
font-weight: 600;
595+
text-transform: uppercase;
596+
background: rgba(245, 158, 11, 0.2);
597+
color: var(--warning);
598+
border: 1px solid var(--warning);
599+
}
600+
601+
@keyframes pulse {
602+
0%, 100% { opacity: 1; }
603+
50% { opacity: 0.7; }
604+
}
605+
606+
/* Additional Button Styles */
607+
.btn-outline {
608+
background: transparent;
609+
border: 2px solid var(--text-muted);
610+
color: var(--text);
611+
}
612+
613+
.btn-outline:hover {
614+
border-color: var(--primary);
615+
color: var(--primary);
616+
}
617+
618+
/* Code blocks in cards */
619+
.download-card pre {
620+
background: var(--surface-light);
621+
border: 1px solid var(--border);
622+
border-radius: 0.5rem;
623+
padding: 1rem;
624+
margin-top: 1rem;
625+
overflow-x: auto;
626+
}
627+
628+
.download-card code {
629+
font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
630+
font-size: 0.875rem;
631+
color: var(--primary);
632+
}
633+
634+
/* Nav active state */
635+
.nav-links a.active {
636+
background: var(--surface-light);
637+
color: var(--primary);
638+
}
639+
640+
/* Coder Features Grid */
641+
.coder-features {
642+
margin-top: 3rem;
643+
}
644+
645+
.coder-features .arch-card h3 {
646+
color: var(--primary);
647+
margin-bottom: 0.75rem;
648+
}
649+
508650
/* Responsive Design */
509651
@media (max-width: 768px) {
510652
.navbar .container {

0 commit comments

Comments
 (0)