Skip to content

Commit 09b605b

Browse files
committed
fix timeline colours
1 parent c2399ea commit 09b605b

2 files changed

Lines changed: 34 additions & 25 deletions

File tree

docs/assets/css/css-v1.1.0.css

Lines changed: 26 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,11 @@
2424
--nt-color-17: #8B4513; /* SaddleBrown */
2525
--nt-color-18: #8B0000; /* DarkRed */
2626
--nt-color-19: #4682B4; /* SteelBlue */
27+
/* Extra colors for additional timeline items */
28+
--nt-color-20: #2E4053; /* Dark blue-gray */
29+
--nt-color-21: #7D3C98; /* Purple */
30+
--nt-color-22: #148F77; /* Teal-green */
31+
--nt-color-23: #AF601A; /* Burnt orange */
2732
}
2833

2934
:root {
@@ -708,88 +713,84 @@ details .nt-timeline.vertical.center:not(.alternate) .nt-timeline-item .nt-timel
708713
font-size: 1rem !important;
709714
}
710715
}
711-
/* default colors */
712-
.nt-timeline-item:nth-child(0) .nt-timeline-dot {
713-
background-color: var(--nt-color-0);
714-
}
715-
716-
.nt-timeline-item:nth-child(1) .nt-timeline-dot {
716+
/* default colors – cycle every 20 items */
717+
.nt-timeline-item:nth-child(20n + 1) .nt-timeline-dot {
717718
background-color: var(--nt-color-1);
718719
}
719720

720-
.nt-timeline-item:nth-child(2) .nt-timeline-dot {
721+
.nt-timeline-item:nth-child(20n + 2) .nt-timeline-dot {
721722
background-color: var(--nt-color-2);
722723
}
723724

724-
.nt-timeline-item:nth-child(3) .nt-timeline-dot {
725+
.nt-timeline-item:nth-child(20n + 3) .nt-timeline-dot {
725726
background-color: var(--nt-color-3);
726727
}
727728

728-
.nt-timeline-item:nth-child(4) .nt-timeline-dot {
729+
.nt-timeline-item:nth-child(20n + 4) .nt-timeline-dot {
729730
background-color: var(--nt-color-4);
730731
}
731732

732-
.nt-timeline-item:nth-child(5) .nt-timeline-dot {
733+
.nt-timeline-item:nth-child(20n + 5) .nt-timeline-dot {
733734
background-color: var(--nt-color-5);
734735
}
735736

736-
.nt-timeline-item:nth-child(6) .nt-timeline-dot {
737+
.nt-timeline-item:nth-child(20n + 6) .nt-timeline-dot {
737738
background-color: var(--nt-color-6);
738739
}
739740

740-
.nt-timeline-item:nth-child(7) .nt-timeline-dot {
741+
.nt-timeline-item:nth-child(20n + 7) .nt-timeline-dot {
741742
background-color: var(--nt-color-7);
742743
}
743744

744-
.nt-timeline-item:nth-child(8) .nt-timeline-dot {
745+
.nt-timeline-item:nth-child(20n + 8) .nt-timeline-dot {
745746
background-color: var(--nt-color-8);
746747
}
747748

748-
.nt-timeline-item:nth-child(9) .nt-timeline-dot {
749+
.nt-timeline-item:nth-child(20n + 9) .nt-timeline-dot {
749750
background-color: var(--nt-color-9);
750751
}
751752

752-
.nt-timeline-item:nth-child(10) .nt-timeline-dot {
753+
.nt-timeline-item:nth-child(20n + 10) .nt-timeline-dot {
753754
background-color: var(--nt-color-10);
754755
}
755756

756-
.nt-timeline-item:nth-child(11) .nt-timeline-dot {
757+
.nt-timeline-item:nth-child(20n + 11) .nt-timeline-dot {
757758
background-color: var(--nt-color-11);
758759
}
759760

760-
.nt-timeline-item:nth-child(12) .nt-timeline-dot {
761+
.nt-timeline-item:nth-child(20n + 12) .nt-timeline-dot {
761762
background-color: var(--nt-color-12);
762763
}
763764

764-
.nt-timeline-item:nth-child(13) .nt-timeline-dot {
765+
.nt-timeline-item:nth-child(20n + 13) .nt-timeline-dot {
765766
background-color: var(--nt-color-13);
766767
}
767768

768-
.nt-timeline-item:nth-child(14) .nt-timeline-dot {
769+
.nt-timeline-item:nth-child(20n + 14) .nt-timeline-dot {
769770
background-color: var(--nt-color-14);
770771
}
771772

772-
.nt-timeline-item:nth-child(15) .nt-timeline-dot {
773+
.nt-timeline-item:nth-child(20n + 15) .nt-timeline-dot {
773774
background-color: var(--nt-color-15);
774775
}
775776

776-
.nt-timeline-item:nth-child(16) .nt-timeline-dot {
777+
.nt-timeline-item:nth-child(20n + 16) .nt-timeline-dot {
777778
background-color: var(--nt-color-16);
778779
}
779780

780-
.nt-timeline-item:nth-child(17) .nt-timeline-dot {
781+
.nt-timeline-item:nth-child(20n + 17) .nt-timeline-dot {
781782
background-color: var(--nt-color-17);
782783
}
783784

784-
.nt-timeline-item:nth-child(18) .nt-timeline-dot {
785+
.nt-timeline-item:nth-child(20n + 18) .nt-timeline-dot {
785786
background-color: var(--nt-color-18);
786787
}
787788

788-
.nt-timeline-item:nth-child(19) .nt-timeline-dot {
789+
.nt-timeline-item:nth-child(20n + 19) .nt-timeline-dot {
789790
background-color: var(--nt-color-19);
790791
}
791792

792-
.nt-timeline-item:nth-child(20) .nt-timeline-dot {
793+
.nt-timeline-item:nth-child(20n) .nt-timeline-dot {
793794
background-color: var(--nt-color-20);
794795
}
795796

docs/assets/timeline/biocypher_timeline.yaml

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -73,6 +73,10 @@
7373
icon: ":material-code-tags:"
7474
sub_title: "2024-11-04"
7575
title: Hackathon
76+
- content: OntoWeaver [conference publication](https://doi.org/10.23919/FUSION59988.2024.10706497) at IEEE.
77+
icon: ":material-file-document-check-outline:"
78+
sub_title: "2024-09-10"
79+
title: Conference publication
7680
- content: |
7781
Perspective on molecular causality in the advent of foundation models in [EMBO Molecular Systems Biology](https://www.embopress.org/doi/full/10.1038/s44320-024-00041-w).
7882
[:octicons-arrow-right-24: Read it here](https://www.embopress.org/doi/full/10.1038/s44320-024-00041-w)
@@ -83,6 +87,10 @@
8387
icon: ":material-code-tags:"
8488
sub_title: "2023-12-11"
8589
title: Hackathon
90+
- content: OntoWeaver start of development.
91+
icon: ":material-rocket-launch-outline:"
92+
sub_title: "2023-09-01"
93+
title: OntoWeaver Launch
8694
- content: |
8795
BioCypher peer-reviewed in [Nature Biotechnology](https://www.nature.com/articles/s41587-023-01848-y).
8896
[:octicons-arrow-right-24: Read it here](https://www.nature.com/articles/s41587-023-01848-y)

0 commit comments

Comments
 (0)