deleted: static/js/fullscreen.js
modified: static/style.css modified: templates/about.html modified: templates/inactive.html modified: templates/profiles.html modified: templates/quiz.html modified: templates/result.html
This commit is contained in:
+38
-39
@@ -54,50 +54,49 @@
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
const labels = ['Energy', 'Calm', 'Relax', 'Sleep', 'Focus', 'Inspire'];
|
||||
|
||||
<script>
|
||||
const labels = ['Energy', 'Calm', 'Relax', 'Sleep', 'Focus', 'Inspire'];
|
||||
const profiles = {{ profiles | tojson }};
|
||||
|
||||
const profiles = {{ profiles | tojson }};
|
||||
Object.entries(profiles).forEach(([name, data], index) => {
|
||||
const ctx = document.getElementById(`chart-${index + 1}`).getContext('2d');
|
||||
|
||||
Object.entries(profiles).forEach(([name, data], index) => {
|
||||
const ctx = document.getElementById(`chart-${index + 1}`).getContext('2d');
|
||||
|
||||
new Chart(ctx, {
|
||||
type: 'radar',
|
||||
data: {
|
||||
labels: labels,
|
||||
datasets: [{
|
||||
label: name,
|
||||
data: data.values,
|
||||
fill: true,
|
||||
borderColor: 'rgba(191,181,49,1)',
|
||||
pointBackgroundColor: 'rgba(0,0,0,0)',
|
||||
pointBorderColor: 'rgba(191,181,49,1)',
|
||||
backgroundColor: 'rgba(191,181,49,0.420)',
|
||||
pointRadius: 0,
|
||||
pointHoverRadius: 0
|
||||
}]
|
||||
new Chart(ctx, {
|
||||
type: 'radar',
|
||||
data: {
|
||||
labels: labels,
|
||||
datasets: [{
|
||||
label: name,
|
||||
data: data.values,
|
||||
fill: true,
|
||||
borderColor: 'rgba(191,181,49,1)',
|
||||
pointBackgroundColor: 'rgba(0,0,0,0)',
|
||||
pointBorderColor: 'rgba(191,181,49,1)',
|
||||
backgroundColor: 'rgba(191,181,49,0.420)',
|
||||
pointRadius: 0,
|
||||
pointHoverRadius: 0
|
||||
}]
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
scales: {
|
||||
r: {
|
||||
min: 0,
|
||||
max: 100,
|
||||
ticks: { stepSize: 20, display: false },
|
||||
pointLabels: { font: { size: 15, weight: 'bold' }, color: '#FFF' },
|
||||
grid: { color: 'rgba(255,255,255,0.1337)', circular: false },
|
||||
angleLines: { color: 'rgba(255,255,255,0.1337)' }
|
||||
}
|
||||
},
|
||||
options: {
|
||||
responsive: true,
|
||||
maintainAspectRatio: false,
|
||||
scales: {
|
||||
r: {
|
||||
min: 0,
|
||||
max: 100,
|
||||
ticks: { stepSize: 20, display: false },
|
||||
pointLabels: { font: { size: 15, weight: 'bold' }, color: '#FFF' },
|
||||
grid: { color: 'rgba(255,255,255,0.1337)', circular: false },
|
||||
angleLines: { color: 'rgba(255,255,255,0.1337)' }
|
||||
}
|
||||
},
|
||||
plugins: { tooltip: { enabled: false}, legend: { display: false } }
|
||||
}
|
||||
});
|
||||
plugins: { tooltip: { enabled: false}, legend: { display: false } }
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<script src="{{ url_for('static', filename='js/fullscreen.js') }}"></script>
|
||||
});
|
||||
</script>
|
||||
<a class="video-link" href="{{ url_for('video') }}">▶</a>
|
||||
<script src="{{ url_for('static', filename='js/idle.js') }}"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user