misc ui fixes:

- update logo, fix logo styling in docs
- fix terms modal
- embeds: add option to support 'deep-linking' into embed via hash
This commit is contained in:
Ilya Kreymer
2020-05-19 10:25:33 -07:00
parent 5014cff233
commit ab8e051ff0
9 changed files with 138 additions and 100 deletions
+1 -1
View File
@@ -50,7 +50,7 @@ GEM
forwardable-extended (~> 2.6)
public_suffix (4.0.3)
rake (12.3.3)
rb-fsevent (0.10.3)
rb-fsevent (0.10.4)
rb-inotify (0.10.1)
ffi (~> 1.0)
rouge (3.17.0)
+1 -1
View File
@@ -17,7 +17,7 @@ aux_links:
"Back to ReplayWeb.page":
- "https://replayweb.page/"
logo: "/static/logo.svg"
logo: "/assets/logo.svg"
plugins:
- jekyll-remote-theme
+1 -1
View File
@@ -2,4 +2,4 @@
<div class="site-logo"></div>
{% endif %}
<span class="rwp-logo-font rwp-green">replay</span>
<span class="rwp-logo-font rwp-yellow">web.page</span>
<span class="rwp-logo-font rwp-blue">web.page</span>
+6 -2
View File
@@ -1,7 +1,8 @@
$rwp-green: #64e986;
$rwp-green: #55be6f;
$rwp-yellow: #f5c71a;
$rwp-blue: #4876ff;
//$link-color: #27a0ff;
$link-color: #4876ff;
$link-color: #384ea2;
//$content-width: 960px;
$nav-width-md: $nav-width;
@@ -31,3 +32,6 @@ $nav-width-md: $nav-width;
color: $rwp-yellow;
}
.rwp-blue {
color: $rwp-blue;
}
+75 -70
View File
@@ -8,15 +8,25 @@
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
sodipodi:docname="logoonly.svg"
sodipodi:docname="logo.svg"
inkscape:version="1.0rc1 (09960d6, 2020-04-09)"
id="wrlogo"
version="1.1"
viewBox="0 0 66.712425 66.712425"
height="66.712425mm"
width="66.712425mm">
viewBox="0 0 66.712418 66.712418"
height="66.712418mm"
width="66.712418mm">
<defs
id="defs397">
id="defs1341">
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient5691"
id="linearGradient6615"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.70268446,0,0,0.70268446,72.622704,112.65806)"
x1="2.9740067"
y1="48.223869"
x2="97.913383"
y2="48.223869" />
<linearGradient
id="linearGradient5691"
inkscape:collect="always">
@@ -29,85 +39,80 @@
offset="1"
style="stop-color:#04cdff;stop-opacity:1" />
</linearGradient>
<linearGradient
y2="48.223869"
x2="97.913383"
y1="48.223869"
x1="2.9740067"
gradientTransform="matrix(1.2909748,0,0,1.2909748,126.71149,146.96477)"
gradientUnits="userSpaceOnUse"
id="linearGradient444"
xlink:href="#linearGradient5691"
inkscape:collect="always" />
</defs>
<metadata
id="metadata1344">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
transform="translate(-12.435223,-10.495135)"
transform="translate(-72.477124,-114.81046)"
id="layer1"
inkscape:groupmode="layer"
inkscape:label="Layer 1">
<g
transform="matrix(0.54430533,0,0,0.54430533,-56.88484,-71.599319)"
id="use356">
<g
id="g440">
<circle
transform="rotate(0.86915877)"
inkscape:transform-center-y="2.8413144"
style="fill:url(#linearGradient6615);fill-opacity:1;stroke:none;stroke-width:23.3824;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
id="path6016-0-7-6-9-11-2-8-67-6-50-4-33"
cx="108.06871"
cy="146.54422"
r="33.356209"
inkscape:transform-center-x="-2.7634129"
r="61.282173"
cy="209.22058"
cx="191.83304"
id="circle430"
style="fill:url(#linearGradient444);fill-opacity:1;stroke:none;stroke-width:42.9582;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal" />
inkscape:transform-center-y="2.8413144"
transform="rotate(0.86915873)" />
<path
style="fill:#f5c71a;fill-opacity:1;stroke-width:1.29097"
d="m 213.97635,227.49063 h 10.04864 c 7.00225,0 12.69803,-5.69578 12.69803,-12.69802 0,-7.00225 -5.69578,-12.69803 -12.69803,-12.69803 h -28.65835 c -7.00224,0 -12.69802,5.69578 -12.69802,12.69803 0,3.61344 1.52335,6.86798 3.95295,9.1827 -1.52592,1.02374 -3.35394,1.62921 -5.32526,1.62921 h -3.82517 c -1.91579,-3.1603 -3.04024,-6.85378 -3.04024,-10.81191 0,-11.5439 9.39185,-20.93574 20.93574,-20.93574 h 28.65835 c 11.5439,0 20.93445,9.39054 20.93445,20.93574 0,11.54519 -9.39218,21.12976 -20.93445,20.93573 L 214,236 v -4 z"
id="path432"
sodipodi:nodetypes="cssssscscsssssccc"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cssssscscsssssccc" />
id="path114-4-0-85-6-0-5-3-6-1-6"
d="m 119.62552,156.54036 h 5.46953 c 3.81136,0 6.91161,-3.10024 6.91161,-6.9116 0,-3.81136 -3.10025,-6.9116 -6.91161,-6.9116 h -15.59889 c -3.81136,0 -6.9116,3.10024 -6.9116,6.9116 0,1.96682 0.82917,3.73828 2.15161,4.9982 -0.83057,0.55722 -1.82557,0.88678 -2.89857,0.88678 h -2.082056 c -1.042775,-1.72016 -1.654819,-3.73054 -1.654819,-5.88498 0,-6.2834 5.112035,-11.39543 11.395435,-11.39543 h 15.59889 c 6.28341,0 11.39474,5.11132 11.39474,11.39543 0,6.28411 -5.11222,11.50105 -11.39474,11.39543 l -5.45665,0.14787 v -2.17722 z"
style="fill:#d2f9d6;fill-opacity:1;stroke-width:0.702683" />
<path
style="fill:#64e986;fill-opacity:1;stroke-width:1.29097"
d="m 163,202 -8.98973,0.0946 c -7.00187,0.0737 -12.69803,5.69578 -12.69803,12.69932 0,7.00095 5.69577,12.69673 12.69803,12.69673 h 28.65835 c 7.00224,0 12.69802,-5.69578 12.69802,-12.69673 0,-3.61344 -1.52335,-6.86928 -3.95296,-9.18399 1.52593,-1.02375 3.35394,-1.62793 5.32527,-1.62793 h 3.82258 c 1.91709,3.15902 3.04153,6.85249 3.04153,10.81192 0,11.5426 -9.39054,20.93444 -20.93444,20.93444 h -28.65835 c -11.54261,0 -20.93575,-9.39054 -20.93575,-20.93444 0,-11.54519 9.39331,-21.1208 20.93575,-20.93703 L 163,194 v 4 z"
id="path434"
sodipodi:nodetypes="cssssscscsssssccc"
inkscape:connector-curvature="0"
sodipodi:nodetypes="cssssscscsssssccc" />
id="path116-9-4-7-0-8-3-2-08-9-1"
d="m 91.878825,142.66568 -4.893158,0.0515 c -3.811155,0.0401 -6.911605,3.10024 -6.911605,6.91231 0,3.81065 3.100238,6.91089 6.911605,6.91089 h 15.598893 c 3.81136,0 6.9116,-3.10024 6.9116,-6.91089 0,-1.96682 -0.82917,-3.73899 -2.15162,-4.9989 0.83057,-0.55723 1.82557,-0.88609 2.89857,-0.88609 h 2.08066 c 1.04348,1.71947 1.65552,3.72985 1.65552,5.88499 0,6.28269 -5.11132,11.39472 -11.39473,11.39472 H 86.985667 c -6.282704,0 -11.39544,-5.11132 -11.39544,-11.39472 0,-6.28411 5.112828,-11.49617 11.39544,-11.39614 l 4.893158,0.0779 v 2.17722 z"
style="fill:#64e986;fill-opacity:1;stroke-width:0.702683" />
<path
sodipodi:type="star"
style="fill:#64e986;fill-opacity:1;stroke:none;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
id="path436"
sodipodi:sides="3"
sodipodi:cx="66.525429"
sodipodi:cy="34.639832"
sodipodi:r1="14.518896"
sodipodi:r2="7.2594481"
sodipodi:arg1="1.0516502"
sodipodi:arg2="2.0988478"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
d="m 73.728819,47.245763 -10.861072,-6.335289 -10.86107,-6.33529 10.917057,-6.238319 10.917057,-6.238318 -0.05599,12.573609 z"
inkscape:transform-center-x="-1.9610825"
transform="matrix(-0.38260367,0,0,0.3986412,118.95441,127.09397)"
inkscape:transform-center-y="0.018337839"
transform="matrix(-0.70292103,0,0,0.73238527,212.74337,173.39159)" />
<path
sodipodi:type="star"
style="fill:#f5c71a;fill-opacity:1;stroke:none;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
id="path438"
sodipodi:sides="3"
sodipodi:cx="66.525429"
sodipodi:cy="34.639832"
sodipodi:r1="14.518896"
sodipodi:r2="7.2594481"
sodipodi:arg1="1.0516502"
sodipodi:arg2="2.0988478"
inkscape:flatsided="false"
inkscape:rounded="0"
inkscape:randomized="0"
inkscape:transform-center-x="-1.9610825"
d="m 73.728819,47.245763 -10.861072,-6.335289 -10.86107,-6.33529 10.917057,-6.238319 10.917057,-6.238318 -0.05599,12.573609 z"
inkscape:transform-center-x="2.1128909"
inkscape:randomized="0"
inkscape:rounded="0"
inkscape:flatsided="false"
sodipodi:arg2="2.0988478"
sodipodi:arg1="1.0516502"
sodipodi:r2="7.2594481"
sodipodi:r1="14.518896"
sodipodi:cy="34.639832"
sodipodi:cx="66.525429"
sodipodi:sides="3"
id="path3919-5-9-8-6-6-56-0-37-5-8"
style="fill:#64e986;fill-opacity:1;stroke:none;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
sodipodi:type="star" />
<path
transform="matrix(0.4122212,0,0,-0.40812,91.057524,172.76152)"
inkscape:transform-center-y="-0.01877307"
transform="matrix(0.75733451,0,0,-0.74979977,161.4911,257.29221)" />
</g>
</g>
inkscape:transform-center-x="2.1128909"
d="m 73.728819,47.245763 -10.861072,-6.335289 -10.86107,-6.33529 10.917057,-6.238319 10.917057,-6.238318 -0.05599,12.573609 z"
inkscape:randomized="0"
inkscape:rounded="0"
inkscape:flatsided="false"
sodipodi:arg2="2.0988478"
sodipodi:arg1="1.0516502"
sodipodi:r2="7.2594481"
sodipodi:r1="14.518896"
sodipodi:cy="34.639832"
sodipodi:cx="66.525429"
sodipodi:sides="3"
id="path3919-3-3-7-5-9-7-2-6-8-7-7"
style="fill:#d2f9d6;fill-opacity:1;stroke:none;stroke-width:15;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
sodipodi:type="star" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

+3 -3
View File
@@ -1,4 +1,4 @@
!function(t,e){for(var s in e)t[s]=e[s]}(self,function(t){var e={};function s(n){if(e[n])return e[n].exports;var r=e[n]={i:n,l:!1,exports:{}};return t[n].call(r.exports,r,r.exports,s),r.l=!0,r.exports}return s.m=t,s.c=e,s.d=function(t,e,n){s.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},s.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.t=function(t,e){if(1&e&&(t=s(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(s.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)s.d(n,r,function(e){return t[e]}.bind(null,r));return n},s.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return s.d(e,"a",e),e},s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},s.p="/dist/",s(s.s=107)}({0:function(t,e,s){"use strict";s.d(e,"c",(function(){return d.e})),s.d(e,"d",(function(){return N})),s.d(e,"b",(function(){return C})),s.d(e,"a",(function(){return O}));var n=s(5),r=s(1);function i(t,e){const{element:{content:s},parts:n}=t,r=document.createTreeWalker(s,133,null,!1);let i=a(n),o=n[i],c=-1,l=0;const u=[];let d=null;for(;r.nextNode();){c++;const t=r.currentNode;for(t.previousSibling===d&&(d=null),e.has(t)&&(u.push(t),null===d&&(d=t)),null!==d&&l++;void 0!==o&&o.index===c;)o.index=null!==d?-1:o.index-l,i=a(n,i),o=n[i]}u.forEach(t=>t.parentNode.removeChild(t))}const o=t=>{let e=11===t.nodeType?0:1;const s=document.createTreeWalker(t,133,null,!1);for(;s.nextNode();)e++;return e},a=(t,e=-1)=>{for(let s=e+1;s<t.length;s++){const e=t[s];if(Object(r.d)(e))return s}return-1};var c=s(9),l=s(8),u=s(13),d=s(6);
!function(t,e){for(var s in e)t[s]=e[s]}(self,function(t){var e={};function s(n){if(e[n])return e[n].exports;var r=e[n]={i:n,l:!1,exports:{}};return t[n].call(r.exports,r,r.exports,s),r.l=!0,r.exports}return s.m=t,s.c=e,s.d=function(t,e,n){s.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},s.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},s.t=function(t,e){if(1&e&&(t=s(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(s.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)s.d(n,r,function(e){return t[e]}.bind(null,r));return n},s.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return s.d(e,"a",e),e},s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},s.p="/dist/",s(s.s=107)}({0:function(t,e,s){"use strict";s.d(e,"c",(function(){return d.e})),s.d(e,"d",(function(){return N})),s.d(e,"b",(function(){return C})),s.d(e,"a",(function(){return E}));var n=s(5),r=s(1);function i(t,e){const{element:{content:s},parts:n}=t,r=document.createTreeWalker(s,133,null,!1);let i=a(n),o=n[i],c=-1,l=0;const u=[];let d=null;for(;r.nextNode();){c++;const t=r.currentNode;for(t.previousSibling===d&&(d=null),e.has(t)&&(u.push(t),null===d&&(d=t)),null!==d&&l++;void 0!==o&&o.index===c;)o.index=null!==d?-1:o.index-l,i=a(n,i),o=n[i]}u.forEach(t=>t.parentNode.removeChild(t))}const o=t=>{let e=11===t.nodeType?0:1;const s=document.createTreeWalker(t,133,null,!1);for(;s.nextNode();)e++;return e},a=(t,e=-1)=>{for(let s=e+1;s<t.length;s++){const e=t[s];if(Object(r.d)(e))return s}return-1};var c=s(9),l=s(8),u=s(13),d=s(6);
/**
* @license
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -37,7 +37,7 @@ const w="adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.pro
* subject to an additional IP rights grant found at
* http://polymer.github.io/PATENTS.txt
*/
(window.litElementVersions||(window.litElementVersions=[])).push("2.3.1");const T={};class O extends b{static getStyles(){return this.styles}static _getUniqueStyles(){if(this.hasOwnProperty(JSCompiler_renameProperty("_styles",this)))return;const t=this.getStyles();if(void 0===t)this._styles=[];else if(Array.isArray(t)){const e=(t,s)=>t.reduceRight((t,s)=>Array.isArray(s)?e(s,t):(t.add(s),t),s),s=e(t,new Set),n=[];s.forEach(t=>n.unshift(t)),this._styles=n}else this._styles=[t]}initialize(){super.initialize(),this.constructor._getUniqueStyles(),this.renderRoot=this.createRenderRoot(),window.ShadowRoot&&this.renderRoot instanceof window.ShadowRoot&&this.adoptStyles()}createRenderRoot(){return this.attachShadow({mode:"open"})}adoptStyles(){const t=this.constructor._styles;0!==t.length&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow?w?this.renderRoot.adoptedStyleSheets=t.map(t=>t.styleSheet):this._needsShimAdoptedStyleSheets=!0:window.ShadyCSS.ScopingShim.prepareAdoptedCssText(t.map(t=>t.cssText),this.localName))}connectedCallback(){super.connectedCallback(),this.hasUpdated&&void 0!==window.ShadyCSS&&window.ShadyCSS.styleElement(this)}update(t){const e=this.render();super.update(t),e!==T&&this.constructor.render(e,this.renderRoot,{scopeName:this.localName,eventContext:this}),this._needsShimAdoptedStyleSheets&&(this._needsShimAdoptedStyleSheets=!1,this.constructor._styles.forEach(t=>{const e=document.createElement("style");e.textContent=t.cssText,this.renderRoot.appendChild(e)}))}render(){return T}}O.finalized=!0,O.render=(t,e,s)=>{if(!s||"object"!=typeof s||!s.scopeName)throw new Error("The `scopeName` option is required.");const r=s.scopeName,i=c.a.has(e),o=p&&11===e.nodeType&&!!e.host,a=o&&!_.has(r),l=a?document.createDocumentFragment():e;if(Object(c.b)(t,l,Object.assign({templateFactory:f(r)},s)),a){const t=c.a.get(l);c.a.delete(l);const s=t.value instanceof u.a?t.value.template:void 0;g(r,l,s),Object(n.b)(e,e.firstChild),e.appendChild(l),c.a.set(e,t)}!i&&o&&window.ShadyCSS.styleElement(e.host)}},1:function(t,e,s){"use strict";s.d(e,"f",(function(){return n})),s.d(e,"g",(function(){return r})),s.d(e,"b",(function(){return o})),s.d(e,"a",(function(){return a})),s.d(e,"d",(function(){return l})),s.d(e,"c",(function(){return u})),s.d(e,"e",(function(){return d}));
(window.litElementVersions||(window.litElementVersions=[])).push("2.3.1");const T={};class E extends b{static getStyles(){return this.styles}static _getUniqueStyles(){if(this.hasOwnProperty(JSCompiler_renameProperty("_styles",this)))return;const t=this.getStyles();if(void 0===t)this._styles=[];else if(Array.isArray(t)){const e=(t,s)=>t.reduceRight((t,s)=>Array.isArray(s)?e(s,t):(t.add(s),t),s),s=e(t,new Set),n=[];s.forEach(t=>n.unshift(t)),this._styles=n}else this._styles=[t]}initialize(){super.initialize(),this.constructor._getUniqueStyles(),this.renderRoot=this.createRenderRoot(),window.ShadowRoot&&this.renderRoot instanceof window.ShadowRoot&&this.adoptStyles()}createRenderRoot(){return this.attachShadow({mode:"open"})}adoptStyles(){const t=this.constructor._styles;0!==t.length&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow?w?this.renderRoot.adoptedStyleSheets=t.map(t=>t.styleSheet):this._needsShimAdoptedStyleSheets=!0:window.ShadyCSS.ScopingShim.prepareAdoptedCssText(t.map(t=>t.cssText),this.localName))}connectedCallback(){super.connectedCallback(),this.hasUpdated&&void 0!==window.ShadyCSS&&window.ShadyCSS.styleElement(this)}update(t){const e=this.render();super.update(t),e!==T&&this.constructor.render(e,this.renderRoot,{scopeName:this.localName,eventContext:this}),this._needsShimAdoptedStyleSheets&&(this._needsShimAdoptedStyleSheets=!1,this.constructor._styles.forEach(t=>{const e=document.createElement("style");e.textContent=t.cssText,this.renderRoot.appendChild(e)}))}render(){return T}}E.finalized=!0,E.render=(t,e,s)=>{if(!s||"object"!=typeof s||!s.scopeName)throw new Error("The `scopeName` option is required.");const r=s.scopeName,i=c.a.has(e),o=p&&11===e.nodeType&&!!e.host,a=o&&!_.has(r),l=a?document.createDocumentFragment():e;if(Object(c.b)(t,l,Object.assign({templateFactory:f(r)},s)),a){const t=c.a.get(l);c.a.delete(l);const s=t.value instanceof u.a?t.value.template:void 0;g(r,l,s),Object(n.b)(e,e.firstChild),e.appendChild(l),c.a.set(e,t)}!i&&o&&window.ShadyCSS.styleElement(e.host)}},1:function(t,e,s){"use strict";s.d(e,"f",(function(){return n})),s.d(e,"g",(function(){return r})),s.d(e,"b",(function(){return o})),s.d(e,"a",(function(){return a})),s.d(e,"d",(function(){return l})),s.d(e,"c",(function(){return u})),s.d(e,"e",(function(){return d}));
/**
* @license
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -65,7 +65,7 @@ const n=`{{lit-${String(Math.random()).slice(2)}}}`,r=`\x3c!--${n}--\x3e`,i=new
* subject to an additional IP rights grant found at
* http://polymer.github.io/PATENTS.txt
*/
const n=new WeakMap,r=t=>(...e)=>{const s=t(...e);return n.set(s,!0),s},i=t=>"function"==typeof t&&n.has(t)},107:function(t,e,s){"use strict";s.r(e);var n=s(0);class r extends n.a{constructor(){super(),this.replayBase="http://localhost:9990/",this.view="replay",this.ts="",this.url="",this.config="",this.coll="",this.paramString=null}static get properties(){return{url:{type:String},ts:{type:String},source:{type:String},replayBase:{type:String},title:{type:String},coll:{type:String},config:{type:String},paramString:{type:String},hashString:{type:String}}}firstUpdated(){window.addEventListener("message",t=>{const e=this.renderRoot.querySelector("iframe");e&&t.source===e.contentWindow&&t.data.title&&(this.title=t.data.title)})}updated(t){(t.has("url")||t.has("ts")||t.has("source"))&&(this.paramString=new URLSearchParams({source:this.source,customColl:this.coll,config:this.config,embed:"true"}).toString(),this.hashString=new URLSearchParams({url:this.url,ts:this.ts,view:this.view}).toString())}static get styles(){return n.b`
const n=new WeakMap,r=t=>(...e)=>{const s=t(...e);return n.set(s,!0),s},i=t=>"function"==typeof t&&n.has(t)},107:function(t,e,s){"use strict";s.r(e);var n=s(0);class r extends n.a{constructor(){super(),this.replayBase="http://localhost:9990/",this.view="replay",this.ts="",this.url="",this.config="",this.coll="",this.paramString=null,this.deepLink=!1}static get properties(){return{url:{type:String},ts:{type:String},source:{type:String},replayBase:{type:String},title:{type:String},coll:{type:String},config:{type:String},paramString:{type:String},hashString:{type:String},deepLink:{type:Boolean}}}firstUpdated(){window.addEventListener("message",t=>{const e=this.renderRoot.querySelector("iframe");if(e&&t.source===e.contentWindow){if(t.data.title&&(this.title=t.data.title),console.log(t.data),!this.deepLink)return;const e=new URLSearchParams({url:t.data.url,ts:t.data.ts});window.location.hash="#"+e.toString()}}),this.deepLink&&(this.updateFromHash(),window.addEventListener("hashchange",t=>this.updateFromHash()))}updateFromHash(){const t=new URLSearchParams(window.location.hash.slice(1));t.has("url")&&(this.url=t.get("url")),t.has("ts")&&(this.ts=t.get("ts"))}updated(t){(t.has("url")||t.has("ts")||t.has("source"))&&(this.paramString=new URLSearchParams({source:this.source,customColl:this.coll,config:this.config,embed:"true"}).toString(),this.hashString=new URLSearchParams({url:this.url,ts:this.ts,view:this.view}).toString())}static get styles(){return n.b`
iframe {
width: 100%;
height: 100%;
+6 -7
View File
File diff suppressed because one or more lines are too long
+32 -1
View File
@@ -13,6 +13,7 @@ class EmbedRWP extends LitElement
this.config = "";
this.coll = "";
this.paramString = null;
this.deepLink = false;
}
static get properties() {
@@ -28,7 +29,9 @@ class EmbedRWP extends LitElement
config: { type: String },
paramString: { type: String },
hashString: { type: String }
hashString: { type: String },
deepLink: { type: Boolean }
}
}
@@ -40,8 +43,36 @@ class EmbedRWP extends LitElement
if (event.data.title) {
this.title = event.data.title;
}
console.log(event.data);
if (!this.deepLink) {
return;
}
const currHash = new URLSearchParams({
url: event.data.url,
ts: event.data.ts,
});
window.location.hash = "#" + currHash.toString();
}
});
if (this.deepLink) {
this.updateFromHash();
window.addEventListener("hashchange", (event) => this.updateFromHash());
}
}
updateFromHash() {
const qs = new URLSearchParams(window.location.hash.slice(1));
if (qs.has("url")) {
this.url = qs.get("url");
}
if (qs.has("ts")) {
this.ts = qs.get("ts");
}
}
updated(changedProperties) {
+3 -4
View File
@@ -156,7 +156,7 @@ class AppMain extends LitElement
`}
${this.showTerms ? html`
<div class="modal is-active">
<div class="modal-background"></div>
<div class="modal-background" @click="${(e) => this.showTerms = false}"></div>
<div class="modal-card">
<header class="modal-card-head">
<p class="modal-card-title">Terms and Privacy</p>
@@ -172,7 +172,8 @@ class AppMain extends LitElement
<h3>Privacy</h3>
<p><b>No data is uploaded anywhere and no information is collected.</b></p>
<p>All content rendered stays directly in your browser.</p>
<p>All content rendered stays directly in your browser. When loading an archive from Google Drive,
the site may ask for account authorization to download the specified file only.</p>
<h4>Disclaimer of Warranties</h4>
<p>The application may not always be available. No guarantees!</p>
@@ -186,7 +187,6 @@ class AppMain extends LitElement
</div>
</section>
</div>
<button class="modal-close is-large" aria-label="close"></button>
</div>
` : ``} `
}
@@ -1818,7 +1818,6 @@ class WrReplayPage extends LitElement
</div>
</section>
</div>
<button class="modal-close is-large" aria-label="close"></button>
</div>
` : ``}
`;