From a1a5d6cc4becb9e426f9dcab66a5ad46faaa258c Mon Sep 17 00:00:00 2001 From: miguel <31931809+miguelvaca@users.noreply.github.com> Date: Fri, 15 Oct 2021 01:12:10 +1100 Subject: [PATCH] New build from scratch. New chartjs. 80 percent done. --- toroid.css | 30 +- toroid.html | 774 ++++++++++++++++++++++++++++++++++++++++++------ toroid_old.css | 198 +++++++++++++ toroid_old.html | 581 ++++++++++++++++++++++++++++++++++++ 4 files changed, 1486 insertions(+), 97 deletions(-) create mode 100644 toroid_old.css create mode 100644 toroid_old.html diff --git a/toroid.css b/toroid.css index a51a3a9..8afd531 100644 --- a/toroid.css +++ b/toroid.css @@ -34,6 +34,18 @@ section div.slider_container { flex-direction: column; } +section div.chart-container { + width: 100%; + height: 100%; + display: block; + box-sizing: border-box; + margin: 0px; + padding: 0px; + background: white; + border: 1px solid rgb(0, 0, 0); + position: relative; +} + section div.inductor-container { width: 100%; height: 100%; @@ -76,13 +88,20 @@ div input { grid-template-columns: 1fr; grid-template-rows: 1fr 0.3fr; grid-template-areas: + "chart-container" "inductor-container" "slider-container"; justify-items: stretch; } + section div.chart-container { + height: 100vw; + width: 100vw; + box-sizing: border-box; + } + section div.inductor-container { - height: 55vh; + height: 35vh; width: 100vw; box-sizing: border-box; } @@ -98,17 +117,24 @@ div input { grid-template-columns: 1fr; grid-template-rows: 1fr 0.3fr; grid-template-areas: + "chart-container" "inductor-container" "slider-container"; justify-items: stretch; } - section div.inductor-container { + section div.chart-container { height: 100vh; width: 100vw; box-sizing: border-box; } + section div.inductor-container { + height: 70vh; + width: 100vw; + box-sizing: border-box; + } + section div.slider_container { width: 100%; } diff --git a/toroid.html b/toroid.html index 08f3eb3..d6fd008 100644 --- a/toroid.html +++ b/toroid.html @@ -7,8 +7,13 @@
-