From 15b3951695a0cbc21c6a30ac2f7d0001aedc5d5f Mon Sep 17 00:00:00 2001 From: nickgrifasi <nickgrifasi@vt.edu> Date: Wed, 29 Mar 2023 22:15:27 -0400 Subject: [PATCH] css style file added --- pyscript.css | 24 ++++++++++++++++++++++++ pyscript.html | 4 ++++ 2 files changed, 28 insertions(+) create mode 100644 pyscript.css diff --git a/pyscript.css b/pyscript.css new file mode 100644 index 0000000..1d5c131 --- /dev/null +++ b/pyscript.css @@ -0,0 +1,24 @@ +h1 { + text-align:center; + font-size: 70px; + font-weight: 600; + background-image: linear-gradient(to left, #db6618, #d4741b); + color: transparent; + background-clip: text; + -webkit-background-clip: text; + } + +#matplotlib-bar{ + margin: auto; + width: 50%; + border: 3px solid rgb(83, 8, 8); + padding: 10px; +} + +#matplotlib-lineplot +{ + margin: auto; + width: 50%; + border: 3px solid rgb(83, 8, 8); + padding: 10px; +} \ No newline at end of file diff --git a/pyscript.html b/pyscript.html index 3c0728e..d47f547 100644 --- a/pyscript.html +++ b/pyscript.html @@ -7,6 +7,7 @@ <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" /> + <link rel="stylesheet" href="pyscript.css"> <script defer src="https://pyscript.net/alpha/pyscript.js"></script> <py-env> - matplotlib @@ -15,6 +16,9 @@ - ./InteractionPrototype.csv_merged_result_unannotated.csv </py-env> </head> + + <h1 id="header"> OpenDSA Visualizations Dashboard</h1> + <body> <div id="matplotlib-lineplot"> </div> <py-script output="matplotlib-lineplot"> -- GitLab