github pages

andrevenancio · andrevenancio · commit fa38711a7f79 · 2021-03-23T02:18:53.000Z
diff --git a/gh-pages/sandbox-svg.html b/gh-pages/sandbox-svg.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>sandbox-svg</title>
+    <style>
+      body {
+        background: #eee;
+        padding: 0;
+        margin: 0;
+      }
+      object {
+        transform-origin: top left;
+      }
+    </style>
+  </head>
+
+  <body>
+    <object type="image/svg+xml" data=""></object>
+    <script>
+      // retrieving the OBJKT URL
+      const src = new URLSearchParams(location.search).get('src')
+      const obj = document.querySelector('object')
+
+      // Keep the OBJKT centered
+      const resize = () => {
+        const scaleX = innerWidth / obj.offsetHeight
+        const scaleY = innerHeight / obj.offsetHeight
+        const scale = Math.min(scaleX, scaleY)
+        obj.style.transform = `scale(${scale})`
+        obj.style.marginLeft = `${
+          (innerWidth - obj.offsetHeight * scale) / 2
+        }px`
+        obj.style.marginTop = `${
+          (innerHeight - obj.offsetHeight * scale) / 2
+        }px`
+      }
+
+      obj.addEventListener('load', function () {
+        resize()
+        setTimeout(resize, 100)
+      })
+      obj.setAttribute('data', src)
+      addEventListener('resize', resize)
+    </script>
+  </body>
+</html>
diff --git a/src/components/media-types/vector/index.js b/src/components/media-types/vector/index.js
@@ -10,11 +10,11 @@ export const VectorComponent = ({ src, interactive, token_info }) => {
     [styles.interactive]: interactive,
   })
 
-  let _author_ = false
+  let _creator_ = false
   let _viewer_ = false
 
   if (token_info && token_info.creators[0]) {
-    _author_ = token_info.creators[0]
+    _creator_ = token_info.creators[0]
   }
 
   if (context.address !== '') {
@@ -25,10 +25,11 @@ export const VectorComponent = ({ src, interactive, token_info }) => {
     <div className={classes}>
       <iframe
         title="hic et nunc SVG renderer"
-        src={`${src}?author=${_author_}&viewer=${_viewer_}`}
+        src={`https://hicetnunc2000.github.io/hicetnunc/gh-pages/sandbox-svg.html?src=${src}&creator=${_creator_}&viewer=${_viewer_}`}
         sandbox="allow-scripts"
         scrolling="no"
       />
     </div>
   )
 }
+// old: src={`${src}?author=${_creator_}&viewer=${_viewer_}`}
