Skip to content

Commit 980df6f

Browse files
committed
Fix styling
1 parent 641fbcc commit 980df6f

File tree

1 file changed

+87
-29
lines changed

1 file changed

+87
-29
lines changed

index.html

Lines changed: 87 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,95 @@
11
<!DOCTYPE html>
2-
<html>
32
<head>
43
<title>Aleo Roadmap</title>
5-
<script src="https://cdn.jsdelivr.net/npm/mermaid@10.6.1/dist/mermaid.min.js"></script>
6-
<script src="https://unpkg.com/panzoom@9.4.0/dist/panzoom.min.js"></script>
7-
<link href="styles.css" rel="stylesheet">
84
</head>
95
<body>
6+
<div class="diagram-container">
7+
<div class="mermaid">
8+
gantt
9+
title Aleo Release Schedule
10+
dateFormat YYYY-MM-DD
11+
tickInterval 1week
12+
section -
13+
- : 02/28/2025,
14+
section Canary
15+
v3.4.0 (03/05) :active, 03/05/2025, 1d
16+
v3.5.0 (04/01) :active, c2, 04/01/2025, 1d
17+
Consensus V4 activates block height 5_530_000:active, 04/03/2025, 1d
18+
v3.6.0 (04/29):active, c2, 4/29/2025, 1d
19+
20+
section Testnet
21+
v3.4.0 (03/11):active, t1, 03/11/2025, 1d
22+
v3.5.0 (04/08):active, t2, 04/08/2025, 1d
23+
Consensus V4 activates block height 6_625_000:active, t3, 04/13/2025, 1d
24+
v3.6.0 (05/13):active, c2, 5/13/2025, 1d
25+
26+
section Mainnet
27+
v3.4.0 (03/25):active, m1, 03/25/2025, 1d
28+
v3.5.0 (04/22):active, m2, 04/22/2025, 1d
29+
Consensus V4 activates block height 7_100_000:active, m3, 05/06/2025, 1d
30+
v3.6.0 (05/20):active, c2, 5/20/2025, 1d
31+
</div>
32+
</div>
33+
</body>
34+
<script type="module">
35+
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@11/dist/mermaid.esm.min.mjs';
36+
mermaid.initialize({ startOnLoad: true, theme: 'dark' });
37+
</script>
38+
<style>
39+
.grid .tick {
40+
stroke: lightgrey;
41+
opacity: 0.3;
42+
shape-rendering: crispEdges;
43+
}
44+
.grid path {
45+
stroke-width: 0;
46+
}
1047

11-
%%{init: {"theme": "dark", "themeVariables": {"ganttTextFill": "#FFFFFF", "ganttBarHeight": 18, "ganttBarProgressionColor": "#ff6f61"}}}%%
12-
gantt
13-
title Aleo Release Schedule
14-
dateFormat YYYY-MM-DD
15-
tickInterval 1week
16-
section -
17-
- : 02/28/2025,
18-
section Canary Releases
19-
v3.4.0 (03/05) :active, 03/05/2025, 1d
20-
v3.5.0 (04/01) :active, c2, 04/01/2025, 1d
21-
Consensus V4 activates block height 5_530_000:active, 04/03/2025, 1d
22-
v3.6.0 (04/29):active, c2, 4/29/2025, 1d
23-
24-
section Testnet Releases
25-
v3.4.0 (03/11):active, t1, 03/11/2025, 1d
26-
v3.5.0 (04/08):active, t2, 04/08/2025, 1d
27-
Consensus V4 activates block height 6_625_000:active, t3, 04/13/2025, 1d
28-
v3.6.0 (05/13):active, c2, 5/13/2025, 1d
29-
30-
section Mainnet Releases
31-
v3.4.0 (03/25):active, m1, 03/25/2025, 1d
32-
v3.5.0 (04/22):active, m2, 04/22/2025, 1d
33-
Consensus V4 activates block height 7_100_000:active, m3, 05/06/2025, 1d
34-
v3.6.0 (05/20):active, c2, 5/20/2025, 1d
35-
</body>
48+
#tag {
49+
color: white;
50+
background: #FA283D;
51+
width: 150px;
52+
position: absolute;
53+
display: none;
54+
padding:3px 6px;
55+
margin-left: -80px;
56+
font-size: 11px;
57+
}
58+
59+
#tag:before {
60+
border: solid transparent;
61+
content: ' ';
62+
height: 0;
63+
left: 50%;
64+
margin-left: -5px;
65+
position: absolute;
66+
width: 0;
67+
border-width: 10px;
68+
border-bottom-color: #FA283D;
69+
top: -20px;
70+
}
71+
.taskText {
72+
fill:white;
73+
text-anchor:middle;
74+
}
75+
.taskTextOutsideRight {
76+
fill:black;
77+
text-anchor:start;
78+
}
79+
.taskTextOutsideLeft {
80+
fill:black;
81+
text-anchor:end;
82+
}
83+
body {
84+
background-color: #1e1e1e;
85+
color: white;
86+
}
87+
.sectionTitle {
88+
font-size: 1.5em;
89+
}
90+
.titleText {
91+
font-size: 3em;
92+
}
93+
</style>
3694
</html>
3795

0 commit comments

Comments
 (0)