diff --git a/assets/blog/2021-10-07_Deep Learning Framework Benchmarks/Deep Learning Framework Benchmarks.md b/assets/blog/2021-10-07_Deep Learning Framework Benchmarks/Deep Learning Framework Benchmarks.md index 393cf2d..f8892ea 100644 --- a/assets/blog/2021-10-07_Deep Learning Framework Benchmarks/Deep Learning Framework Benchmarks.md +++ b/assets/blog/2021-10-07_Deep Learning Framework Benchmarks/Deep Learning Framework Benchmarks.md @@ -132,4 +132,4 @@ The code is not yet complete and in the future I would like to test for more: * RNN : which was the trigger that started all of this * Data transfert? (CPU->GPU and GPU->CPU) -If you have questions or remarks you can contact me or reply the [reddit post]() (TO BE INSERTED). \ No newline at end of file +If you have questions or remarks you can contact me or reply the [reddit post](https://www.reddit.com/r/MachineLearning/comments/q2y9n5/d_deep_learning_framework_benchmark/). \ No newline at end of file diff --git a/src/blog_entry.jsx b/src/blog_entry.jsx index a93c460..41f24f7 100644 --- a/src/blog_entry.jsx +++ b/src/blog_entry.jsx @@ -29,12 +29,30 @@ class BlogEntryComponent extends Component render() { - return ( + return [
-
- ) + , +
close_image()}> + +
, + + ] } } diff --git a/src/blog_entry.scss b/src/blog_entry.scss index 2e4b675..63dc88e 100644 --- a/src/blog_entry.scss +++ b/src/blog_entry.scss @@ -76,6 +76,25 @@ margin: 0 10px; object-fit: contain; width: 100%; + cursor: pointer; } } +} + +#image-container +{ + position: fixed; + display: none; + background-color: rgba(0, 0, 0, 0.8); + top: 0; + bottom: 0; + left: 0; + right: 0; + justify-content: center; + align-items: center; +} + +#image-view +{ + height: 90vh; } \ No newline at end of file diff --git a/src/test.js b/src/test.js new file mode 100644 index 0000000..106c6f2 --- /dev/null +++ b/src/test.js @@ -0,0 +1,13 @@ +const container = document.getElementById("image-container") +const image_view = document.getElementById("image-view") + +function view_image(src) +{ + image_view.src = src + container.style.display = 'flex' +} + +function close_image() +{ + container.style.display = 'none' +} \ No newline at end of file diff --git a/webpack.base.js b/webpack.base.js index 8acdd36..b5c8d74 100644 --- a/webpack.base.js +++ b/webpack.base.js @@ -36,7 +36,7 @@ renderer.image = (href, title, text) => { { out += ' title="' + text + '"'; } - out += '/>'; + out += ' onclick="open_image(\'' + href + '\')" />'; return out; }