diff --git a/src/components/learningpath/Visualizer.tsx b/src/components/learningpath/Visualizer.tsx
index e5f6c21..8c81e1a 100644
--- a/src/components/learningpath/Visualizer.tsx
+++ b/src/components/learningpath/Visualizer.tsx
@@ -61,6 +61,9 @@ function SingleNode({
top: data.y,
color: generationColor(data.generation, data?.nodeUrl == null),
borderColor: generationColor(data.generation, data?.nodeUrl == null),
+
+ // special styling for generation 0 (titles)
+ fontWeight: data.generation == 0 ? "bold" : "normal",
}}
>
{data.name}
@@ -140,8 +143,7 @@ function NodeLine({ data, from }: { data: PathNode; from: PathNode }) {
y1={from.y + from.height / 2}
x2={data.x + data.width / 2}
y2={data.y + data.height / 2}
- strokeWidth={4}
- // stroke={generationColor(data.generation)}
+ strokeWidth={from.generation == 0 ? 7 : 5}
stroke={`url(#${gradientId})`}
strokeDasharray={data.generation > 1 ? "5,5" : "none"}
/>
@@ -211,7 +213,15 @@ export default function LearnPathVisualRenderer({
{path.nodes?.map((node, i, elements) => (
@@ -222,7 +232,15 @@ export default function LearnPathVisualRenderer({
data={node}
from={
i == 0
- ? { ...path, name: path.title, generation: 0 }
+ ? {
+ name: path.title,
+ generation: 0,
+ height: path.height,
+ width: path.width,
+ x: path.x,
+ y: path.y,
+ markdownUrl: path.markdownUrl,
+ }
: elements[i - 1]
}
/>
diff --git a/src/index.css b/src/index.css
index 4284fa9..e22611f 100644
--- a/src/index.css
+++ b/src/index.css
@@ -38,6 +38,10 @@ ul li {
@apply pl-4;
}
+a {
+ @apply text-blue-400 underline;
+}
+
code {
@apply bg-secondary bg-opacity-15 py-0.5 px-2 rounded-xl font-medium;
}