fix/change

This commit is contained in:
xbl
2025-10-27 22:28:02 +01:00
parent 94e1502aa2
commit 569f561670
5 changed files with 15 additions and 15 deletions

View File

@ -9,7 +9,7 @@ profiles = {
"info_text4": "relaxing, sleep promoting" "info_text4": "relaxing, sleep promoting"
}, },
"Amnesia Haze": { "Amnesia Haze": {
"values": [35, 65, 40, 35, 30, 35], "values": [47, 52, 30, 30, 40, 31],
"info_text0": "20%", "info_text0": "20%",
"info_text1": "<1%", "info_text1": "<1%",
"info_text2": "Sativa-dominant Hybrid", "info_text2": "Sativa-dominant Hybrid",

View File

@ -8,7 +8,7 @@ document.addEventListener("DOMContentLoaded", () => {
const youFillColor = 'rgba(255,255,255,0.1)'; const youFillColor = 'rgba(255,255,255,0.1)';
const matchLineColor = 'rgb(191,181,49)'; const matchLineColor = 'rgb(191,181,49)';
const matchFillColor = 'rgba(191,181,49,0.420)'; const matchFillColor = 'rgba(191,181,49,0.420)';
const radialLineColor= 'rgba(255,255,255,0.420)'; const radialLineColor= 'rgba(255,255,255,0.1337)';
function distance(a,b){ return Math.sqrt(a.reduce((s,v,i)=>s+(v-b[i])**2,0)); } function distance(a,b){ return Math.sqrt(a.reduce((s,v,i)=>s+(v-b[i])**2,0)); }
@ -70,11 +70,11 @@ document.addEventListener("DOMContentLoaded", () => {
maintainAspectRatio:false, maintainAspectRatio:false,
scales:{ scales:{
r:{ r:{
min:0, max:80, min:0, max:100,
ticks:{ display:false, stepSize:20 }, ticks:{ display:false, stepSize:20 },
pointLabels:{ font:{ size:isBest?getFontSize():getBottomChartFontSize(), weight:'bold' }, color:'#FFF' }, pointLabels:{ font:{ size:isBest?getFontSize():getBottomChartFontSize(), weight:'bold' }, color:'#FFF' },
angleLines:{ color:radialLineColor }, angleLines:{ color:radialLineColor },
grid:{ drawticks:false, drawOnChartArea:false, circular:false } grid:{ color: radialLineColor, drawticks:false, drawOnChartArea:true, circular:false }
} }
}, },
plugins:{ plugins:{
@ -150,8 +150,8 @@ document.addEventListener("DOMContentLoaded", () => {
const dy = cy-y; const dy = cy-y;
const dist = Math.sqrt(dx*dx + dy*dy); const dist = Math.sqrt(dx*dx + dy*dy);
const rMax = Math.min(rect.width, rect.height)/2 * 0.9; const rMax = Math.min(rect.width, rect.height)/2 * 0.9;
let value = (dist/rMax)*80; let value = (dist/rMax)*100;
value = Math.min(Math.max(Math.round(value),0),80); value = Math.min(Math.max(Math.round(value),0),100);
userData[draggingIndex] = value; userData[draggingIndex] = value;
updateCharts(); updateCharts();
}); });

View File

@ -289,7 +289,7 @@ button.magenta-button {
transition: background-color 0.18s ease, transform 0.12s ease; transition: background-color 0.18s ease, transform 0.12s ease;
} }
button[type="submit"] { background-color: #808080; } button[type="submit"] { background-color: #BFB531; }
button[type="submit"]:hover { background-color: #FFFFFF; transform: translateY(1px); } button[type="submit"]:hover { background-color: #FFFFFF; transform: translateY(1px); }
button[type="submit"]:active { background-color: #000000; transform: translateY(0); } button[type="submit"]:active { background-color: #000000; transform: translateY(0); }

View File

@ -85,11 +85,11 @@
scales: { scales: {
r: { r: {
min: 0, min: 0,
max: 80, max: 100,
ticks: { stepSize: 20, display: false }, ticks: { stepSize: 20, display: false },
pointLabels: { font: { size: 15, weight: 'bold' }, color: '#FFF' }, pointLabels: { font: { size: 15, weight: 'bold' }, color: '#FFF' },
grid: { color: 'rgba(255,255,255,0.420)', circular: false }, grid: { color: 'rgba(255,255,255,0.1337)', circular: false },
angleLines: { color: 'rgba(255,255,255,0.69)' } angleLines: { color: 'rgba(255,255,255,0.1337)' }
} }
}, },
plugins: { tooltip: { enabled: false}, legend: { display: false } } plugins: { tooltip: { enabled: false}, legend: { display: false } }

View File

@ -157,7 +157,7 @@
const youFillColor = 'rgba(255,255,255,0.1)'; const youFillColor = 'rgba(255,255,255,0.1)';
const matchLineColor = 'rgb(191,181,49)'; const matchLineColor = 'rgb(191,181,49)';
const matchFillColor = 'rgba(191,181,49,0.420)'; const matchFillColor = 'rgba(191,181,49,0.420)';
const radialLineColor= 'rgba(255,255,255,0.420)'; const radialLineColor= 'rgba(255,255,255,0.1337)';
function getFontSize(){ return window.innerWidth < 600 ? 10 : 42; } function getFontSize(){ return window.innerWidth < 600 ? 10 : 42; }
function getBottomChartFontSize(){ return window.innerWidth < 600 ? 8 : 24; } function getBottomChartFontSize(){ return window.innerWidth < 600 ? 8 : 24; }
@ -203,11 +203,11 @@
scales: { scales: {
r: { r: {
min: 0, min: 0,
max: 80, max: 100,
ticks: { display: false, stepSize: 20 }, ticks: { display: false, stepSize: 20 },
pointLabels: { font: { size: getFontSize(), weight: 'bold' }, color: '#FFF' }, pointLabels: { font: { size: getFontSize(), weight: 'bold' }, color: '#FFF' },
angleLines: { color: radialLineColor }, angleLines: { color: radialLineColor },
grid: { drawticks: false, drawOnChartArea: false, circular: false } grid: { color: radialLineColor, drawticks: false, circular: false }
} }
}, },
plugins: { tooltip: { enabled: false }, legend: { display: false } } plugins: { tooltip: { enabled: false }, legend: { display: false } }
@ -239,11 +239,11 @@
scales: { scales: {
r: { r: {
min: 0, min: 0,
max: 80, max: 100,
ticks: { display: false, stepSize: 20 }, ticks: { display: false, stepSize: 20 },
pointLabels: { font: { size: getBottomChartFontSize(), weight: 'bold' }, color: '#FFF' }, pointLabels: { font: { size: getBottomChartFontSize(), weight: 'bold' }, color: '#FFF' },
angleLines: { color: radialLineColor }, angleLines: { color: radialLineColor },
grid: { drawticks: false, drawOnChartArea: false, circular: false } grid: { color: radialLineColor, drawticks: false, circular: false }
} }
}, },
plugins: { tooltip: { enabled: false }, legend: { display: false } } plugins: { tooltip: { enabled: false }, legend: { display: false } }