diff options
author | Brian Picciano <mediocregopher@gmail.com> | 2018-11-12 15:41:44 -0500 |
---|---|---|
committer | Brian Picciano <mediocregopher@gmail.com> | 2018-11-12 15:41:44 -0500 |
commit | 32e4f59265056927ee6779af2bfa0a832e575311 (patch) | |
tree | 34d66c9669d047af7ed9ec327c81ee2f6e8e6d63 | |
parent | 4598d7092b2bdc23a8976ac26e91d9072513820b (diff) |
fix viz canvas size
-rw-r--r-- | _posts/2018-11-12-viz-1.md | 3 | ||||
-rw-r--r-- | assets/main.css | 7 |
2 files changed, 6 insertions, 4 deletions
diff --git a/_posts/2018-11-12-viz-1.md b/_posts/2018-11-12-viz-1.md index b04b737..264e852 100644 --- a/_posts/2018-11-12-viz-1.md +++ b/_posts/2018-11-12-viz-1.md @@ -15,11 +15,10 @@ blog. This is the first of a series of visualization posts I intend to work on, each building from the previous one. -<!--<script src="/assets/viz/1/js/main.js"></script>--> <script src="/assets/viz/1/goog/base.js"></script> <script src="/assets/viz/1/cljs_deps.js"></script> <script>goog.require("viz.core");</script> -<p align="center"><canvas style="width:100%;" id="viz"></canvas></p> +<p align="center"><canvas id="viz"></canvas></p> This visualization follows a few simple rules: diff --git a/assets/main.css b/assets/main.css index 23f52cb..78ede2b 100644 --- a/assets/main.css +++ b/assets/main.css @@ -59,7 +59,8 @@ ul { min-width: 1px; } -#crypto-display-qr img,canvas { +#crypto-display-qr img, +#crypto-display-qr canvas { width: 100%; max-width: 512px; } @@ -115,6 +116,8 @@ ul { margin-left: 1em; } -#post-content img { +#post-content img, +#post-content canvas +{ max-width: 100%; } |