From 3831d04d2f3a5b836921b756d517b46671124411 Mon Sep 17 00:00:00 2001 From: Peter Edmond Date: Wed, 14 May 2025 22:47:40 +0100 Subject: [PATCH] Made borders much thicker, and changed the grey colour to be lighter --- IndexUsingJS.html | 6 +++--- drawtriangle.js | 6 +++--- drawtriangleinverted.js | 6 +++--- 3 files changed, 9 insertions(+), 9 deletions(-) diff --git a/IndexUsingJS.html b/IndexUsingJS.html index 462f623..f43d689 100644 --- a/IndexUsingJS.html +++ b/IndexUsingJS.html @@ -51,9 +51,9 @@ } - diff --git a/drawtriangle.js b/drawtriangle.js index dfcc02a..df82930 100644 --- a/drawtriangle.js +++ b/drawtriangle.js @@ -112,7 +112,7 @@ svg.append("polygon") .attr("points", outerPoints.map(p => p.join(",")).join(" ")) .attr("fill","none") .attr("stroke", colour) // Outer line color - .attr("stroke-width", 3); // Thin outer line + .attr("stroke-width", 9); // Thicker outer line // Put label in bottom centre of triangle const bottomLeft = outerPoints[1]; @@ -126,7 +126,7 @@ svg.append("text") .attr("y", midY - 15) // Alter for correct height .attr("text-anchor", "middle") .attr("fill", textcolour) /// My Colour - .attr("font-size", "24px") + .attr("font-size", "22px") .attr("font-weight", "bold") .text(`${text}`); @@ -136,7 +136,7 @@ svg.append("text") .attr("y", midY -60) .attr("text-anchor", "middle") .attr("fill", "black") // 🎨 customize color - .attr("font-size", "22px") + .attr("font-size", "24px") .attr("font-weight", "bold") .attr("font-family", "Courier New, monospace") .text(`${mean}`); diff --git a/drawtriangleinverted.js b/drawtriangleinverted.js index abbcfa6..77e1234 100644 --- a/drawtriangleinverted.js +++ b/drawtriangleinverted.js @@ -114,7 +114,7 @@ svg.append("polygon") .attr("points", outerPoints.map(p => p.join(",")).join(" ")) .attr("fill","none") .attr("stroke", colour) // Outer line color - .attr("stroke-width", 3); // Thin outer line + .attr("stroke-width", 9); // Thicker outer line // Put label in bottom centre of triangle (adjust for flat top) const bottomLeft = outerPoints[0]; @@ -128,7 +128,7 @@ svg.append("text") .attr("y", midY + 30) // Adjust for correct height (moved to bottom) .attr("text-anchor", "middle") .attr("fill", textcolour) // My Colour - .attr("font-size", "24px") + .attr("font-size", "22px") .attr("font-weight", "bold") .text(`${text}`); @@ -138,7 +138,7 @@ svg.append("text") .attr("y", midY + 80) .attr("text-anchor", "middle") .attr("fill", "black") // 🎨 customize color - .attr("font-size", "22px") + .attr("font-size", "24px") .attr("font-weight", "bold") .attr("font-family", "Courier New, monospace") .text(`${mean}`);