Use css variables in svg icons.
This commit is contained in:
kovacsv
parent
be30b90cf2
commit
524c285792
2
assets/logos/3dviewer_net_logo.svg
Normal file
2
assets/logos/3dviewer_net_logo.svg
Normal file
@ -0,0 +1,2 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="logo" version="1.1" viewBox="0 0 60 60" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><clipPath id="d-5"><use width="100%" height="100%" overflow="visible" xlink:href="#c"/></clipPath></defs><g transform="translate(4.4 -.117)"><defs><path id="a" d="m-5-1h62v62h-62z"/></defs><clipPath id="b"><use width="100%" height="100%" overflow="visible" xlink:href="#a"/></clipPath><g clip-path="url(#b)"><defs><path id="c" d="m-5-1h62v62h-62z"/></defs><clipPath id="d"><use width="100%" height="100%" overflow="visible" xlink:href="#c"/></clipPath><g stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><path transform="translate(.039092 .02257)" d="m38.361 22.877-12.4-7.3 9.2e-5 -14.177 24.8 14.2v28.8l-12.4-7.3226z" clip-path="url(#d)" fill="#4688b4"/><path transform="rotate(120,26,30.082)" d="m38.4 22.923-12.522-7.0887 0.14178-14.4 24.78 14.166v28.8l-12.522-7.0883z" clip-path="url(#d-5)" fill="#64c0ff"/><path d="m26 30v14.4l12.4-7.3v-14.2z" clip-path="url(#d)" fill="#294e67"/><path d="m13.6 37.1v-14.2l12.4-7.3v-14.177l-24.8 14.177v28.8z" clip-path="url(#d)" fill="#294e67"/><path d="m26 15.6-12.4 7.3 12.4 7.1 12.4-7.1z" clip-path="url(#d)" fill="#64c0ff"/><path d="m13.6 22.9 12.4 7.1v14.4l-12.4-7.3z" clip-path="url(#d)" fill="#4688b4"/></g></g></g></svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
2
assets/logos/3dviewer_net_logo_text.svg
Normal file
2
assets/logos/3dviewer_net_logo_text.svg
Normal file
@ -0,0 +1,2 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="logo" version="1.1" viewBox="0 0 286 60" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M-5-1h62v62H-5z"/><clipPath id="d-5"><use width="100%" height="100%" overflow="visible" xlink:href="#c"/></clipPath><path id="a-85" d="m-5-1h62v62h-62z"/><path id="c" d="m-5-1h62v62h-62z"/></defs><clipPath id="b"><use width="100%" height="100%" overflow="visible" xlink:href="#a"/></clipPath><g fill="#15334a"><path transform="translate(14.238 8.152) scale(.78095)" d="M75.237 18.5C69.229 18.5 65 23.02 65 29.028c0 5.98 4.229 10.47 10.237 10.47 5.979 0 10.207-4.49 10.207-10.47 0-6.007-4.228-10.528-10.207-10.528zm6.97 10.528c0 4.375-2.741 7.612-6.97 7.612-4.23 0-7-3.237-7-7.612 0-4.403 2.77-7.699 7-7.699 4.229 0 6.97 3.296 6.97 7.7zm21.839-10.236v16.332L93.14 18.792h-3.88v20.415h3.091v-16.39l10.879 16.39h3.908V18.792zm10.978 17.615V18.792h-3.15v20.415h13.649v-2.8zm14.597-17.615v20.415h3.15V18.792zm22.843 0v16.332l-10.907-16.332h-3.88v20.415h3.092v-16.39l10.879 16.39h3.908V18.792zm22.031 2.741v-2.741h-14.203v20.415h14.203v-2.742h-11.112v-6.59h10.733V27.22h-10.733v-5.687zM192.7 27.6l5.599-8.663v-.145h-13.24v2.712h8.486l-5.425 8.195v.146h2.625c2.77 0 4.696 1.458 4.696 3.47 0 1.984-1.663 3.442-4.083 3.442-1.692 0-3.908-.67-6.33-2.07v3.382c2.334 1.05 4.434 1.459 6.242 1.43 4.258-.03 7.291-2.538 7.291-6.154 0-3.092-2.537-5.25-5.862-5.746zm17.266-8.808h-7.408v20.415h7.408c6.183 0 10.849-4.2 10.849-10.208 0-5.92-4.666-10.207-10.85-10.207zm.029 17.586h-4.287V21.62h4.287c4.345 0 7.583 3.062 7.583 7.378 0 4.346-3.15 7.379-7.583 7.379zm34.925-17.586-5.833 17.47-5.862-17.47h-3.587l7.262 20.415h4.316l7.291-20.415zm7.056 0v20.415h3.15V18.792zm22.26 2.741v-2.741h-14.203v20.415h14.203v-2.742h-11.112v-6.59h10.733V27.22h-10.733v-5.687zm29.18-2.741-3.996 17.09-5.308-17.09h-3.733l-5.045 17.061-4.229-17.061h-3.733l5.687 20.415h4.404l4.754-17.411 5.045 17.41h4.404l5.454-20.414zm21.231 2.741v-2.741h-14.203v20.415h14.203v-2.742h-11.111v-6.59h10.732V27.22h-10.732v-5.687zM341.9 39.207h4.024l-6.27-8.341c3.353-.525 5.6-2.946 5.6-6.037 0-3.413-2.888-6.037-7-6.037h-9.012v20.415h3.15v-8.225h3.995zm-9.508-17.703h5.745c2.391 0 4.025 1.458 4.025 3.354 0 1.954-1.634 3.5-4.025 3.5h-5.745z" fill="#15334a" stroke-width="2.2231" aria-label="ONLINE 3D VIEWER"/></g><g transform="translate(-.7 .077394)"><clipPath id="b-3"><use width="100%" height="100%" overflow="visible" xlink:href="#a-85"/></clipPath><g clip-path="url(#b-3)"><clipPath id="d"><use width="100%" height="100%" overflow="visible" xlink:href="#c"/></clipPath><g stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><path transform="translate(.039092 .02257)" d="m38.361 22.877-12.4-7.3 9.2e-5 -14.177 24.8 14.2v28.8l-12.4-7.3226z" clip-path="url(#d)" fill="#4688b4"/><path transform="rotate(120,26,30.082)" d="m38.4 22.923-12.522-7.0887 0.14178-14.4 24.78 14.166v28.8l-12.522-7.0883z" clip-path="url(#d-5)" fill="#64c0ff"/><path d="m26 30v14.4l12.4-7.3v-14.2z" clip-path="url(#d)" fill="#294e67"/><path d="m13.6 37.1v-14.2l12.4-7.3v-14.177l-24.8 14.177v28.8z" clip-path="url(#d)" fill="#294e67"/><path d="m26 15.6-12.4 7.3 12.4 7.1 12.4-7.1z" clip-path="url(#d)" fill="#64c0ff"/><path d="m13.6 22.9 12.4 7.1v14.4l-12.4-7.3z" clip-path="url(#d)" fill="#4688b4"/></g></g></g></svg>
|
||||
|
After Width: | Height: | Size: 3.3 KiB |
@ -1,72 +1,2 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xml:space="preserve"
|
||||
width="60"
|
||||
height="60"
|
||||
version="1.1"
|
||||
id="svg100"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><defs
|
||||
id="defs104"><clipPath
|
||||
id="d-5"><use
|
||||
xlink:href="#c"
|
||||
overflow="visible"
|
||||
style="overflow:visible"
|
||||
width="100%"
|
||||
height="100%"
|
||||
id="use11-8" /></clipPath></defs><g
|
||||
transform="translate(4.4,-0.117)"
|
||||
id="g98"><defs
|
||||
id="defs3"><path
|
||||
id="a"
|
||||
d="M -5,-1 H 57 V 61 H -5 Z" /></defs><clipPath
|
||||
id="b"><use
|
||||
xlink:href="#a"
|
||||
overflow="visible"
|
||||
style="overflow:visible"
|
||||
width="100%"
|
||||
height="100%"
|
||||
id="use5"
|
||||
x="0"
|
||||
y="0" /></clipPath><g
|
||||
clip-path="url(#b)"
|
||||
id="g96"><defs
|
||||
id="defs9"><path
|
||||
id="c"
|
||||
d="M -5,-1 H 57 V 61 H -5 Z" /></defs><clipPath
|
||||
id="d"><use
|
||||
xlink:href="#c"
|
||||
overflow="visible"
|
||||
style="overflow:visible"
|
||||
width="100%"
|
||||
height="100%"
|
||||
id="use11"
|
||||
x="0"
|
||||
y="0" /></clipPath><path
|
||||
clip-path="url(#d)"
|
||||
style="fill:#4688b4;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none"
|
||||
d="M 38.4,22.9 25.960908,15.6 V 1.4 l 24.8,14.2 V 44.4 L 38.4,37.1 Z"
|
||||
id="path20"
|
||||
transform="translate(0.03909208,0.0225695)" /><path
|
||||
clip-path="url(#d-5)"
|
||||
style="fill:#64c0ff;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none"
|
||||
d="M 38.4,22.9 26,15.6 26.019546,1.4338547 50.8,15.6 l 0,28.8 -12.4,-7.3 z"
|
||||
id="path20-5"
|
||||
transform="rotate(120,26,30.081713)" /><path
|
||||
clip-path="url(#d)"
|
||||
style="fill:#294e67;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none"
|
||||
d="M 26,30 V 44.4 L 38.4,37.1 V 22.9 Z"
|
||||
id="path24" /><path
|
||||
clip-path="url(#d)"
|
||||
style="fill:#294e67;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none"
|
||||
d="M 13.6,37.1 V 22.9 L 26,15.6 V 1.4225695 L 1.2,15.6 v 28.8 z"
|
||||
id="path28" /><path
|
||||
clip-path="url(#d)"
|
||||
style="fill:#64c0ff;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none"
|
||||
d="M 26,15.6 13.6,22.9 26,30 38.4,22.9 Z"
|
||||
id="path92" /><path
|
||||
clip-path="url(#d)"
|
||||
style="fill:#4688b4;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none"
|
||||
d="M 13.6,22.9 26,30 V 44.4 L 13.6,37.1 Z"
|
||||
id="path94" /></g></g></svg>
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="logo" version="1.1" viewBox="0 0 60 60" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><clipPath id="d-5"><use width="100%" height="100%" overflow="visible" xlink:href="#c"/></clipPath></defs><g transform="translate(4.4 -.117)"><defs><path id="a" d="m-5-1h62v62h-62z"/></defs><clipPath id="b"><use width="100%" height="100%" overflow="visible" xlink:href="#a"/></clipPath><g clip-path="url(#b)"><defs><path id="c" d="m-5-1h62v62h-62z"/></defs><clipPath id="d"><use width="100%" height="100%" overflow="visible" xlink:href="#c"/></clipPath><g style="stroke:var(--ov_logo_border_color);" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><path transform="translate(.039092 .02257)" d="m38.361 22.877-12.4-7.3 9.2e-5 -14.177 24.8 14.2v28.8l-12.4-7.3226z" clip-path="url(#d)" fill="#4688b4"/><path transform="rotate(120,26,30.082)" d="m38.4 22.923-12.522-7.0887 0.14178-14.4 24.78 14.166v28.8l-12.522-7.0883z" clip-path="url(#d-5)" fill="#64c0ff"/><path d="m26 30v14.4l12.4-7.3v-14.2z" clip-path="url(#d)" fill="#294e67"/><path d="m13.6 37.1v-14.2l12.4-7.3v-14.177l-24.8 14.177v28.8z" clip-path="url(#d)" fill="#294e67"/><path d="m26 15.6-12.4 7.3 12.4 7.1 12.4-7.1z" clip-path="url(#d)" fill="#64c0ff"/><path d="m13.6 22.9 12.4 7.1v14.4l-12.4-7.3z" clip-path="url(#d)" fill="#4688b4"/></g></g></g></svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 1.4 KiB |
@ -1,114 +1,2 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xml:space="preserve"
|
||||
width="286"
|
||||
height="60"
|
||||
version="1.1"
|
||||
id="svg102"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><defs
|
||||
id="defs3"><path
|
||||
id="a"
|
||||
d="M-5-1h62v62H-5z" /><clipPath
|
||||
id="d-5"><use
|
||||
xlink:href="#c-4"
|
||||
overflow="visible"
|
||||
style="overflow:visible"
|
||||
width="100%"
|
||||
height="100%"
|
||||
id="use11-8" /></clipPath><path
|
||||
id="a-0"
|
||||
d="M-5-1h62v62H-5z" /><path
|
||||
id="c-4"
|
||||
d="M-5-1h62v62H-5z" /><clipPath
|
||||
id="d-5-8"><use
|
||||
xlink:href="#c"
|
||||
overflow="visible"
|
||||
style="overflow:visible"
|
||||
width="100%"
|
||||
height="100%"
|
||||
id="use11-8-8" /></clipPath><path
|
||||
id="a-1"
|
||||
d="M-5-1h62v62H-5z" /><path
|
||||
id="c"
|
||||
d="M-5-1h62v62H-5z" /><clipPath
|
||||
id="d-5-89"><use
|
||||
xlink:href="#c-3"
|
||||
overflow="visible"
|
||||
style="overflow:visible"
|
||||
width="100%"
|
||||
height="100%"
|
||||
id="use11-8-5" /></clipPath><path
|
||||
id="a-8"
|
||||
d="M -5,-1 H 57 V 61 H -5 Z" /><path
|
||||
id="c-3"
|
||||
d="M -5,-1 H 57 V 61 H -5 Z" /></defs><clipPath
|
||||
id="b"><use
|
||||
xlink:href="#a"
|
||||
overflow="visible"
|
||||
style="overflow:visible"
|
||||
width="100%"
|
||||
height="100%"
|
||||
id="use5" /></clipPath><g
|
||||
style="font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;font-size:29.64075851px;line-height:1.25;font-family:Milliard;-inkscape-font-specification:Milliard;letter-spacing:0;word-spacing:0;fill:#15334a;fill-opacity:1;stroke:none;stroke-width:2.22305679"
|
||||
id="g100"><path
|
||||
d="M75.237 18.5C69.229 18.5 65 23.02 65 29.028c0 5.98 4.229 10.47 10.237 10.47 5.979 0 10.207-4.49 10.207-10.47 0-6.007-4.228-10.528-10.207-10.528zm6.97 10.528c0 4.375-2.741 7.612-6.97 7.612-4.23 0-7-3.237-7-7.612 0-4.403 2.77-7.699 7-7.699 4.229 0 6.97 3.296 6.97 7.7zm21.839-10.236v16.332L93.14 18.792h-3.88v20.415h3.091v-16.39l10.879 16.39h3.908V18.792zm10.978 17.615V18.792h-3.15v20.415h13.649v-2.8zm14.597-17.615v20.415h3.15V18.792zm22.843 0v16.332l-10.907-16.332h-3.88v20.415h3.092v-16.39l10.879 16.39h3.908V18.792zm22.031 2.741v-2.741h-14.203v20.415h14.203v-2.742h-11.112v-6.59h10.733V27.22h-10.733v-5.687zM192.7 27.6l5.599-8.663v-.145h-13.24v2.712h8.486l-5.425 8.195v.146h2.625c2.77 0 4.696 1.458 4.696 3.47 0 1.984-1.663 3.442-4.083 3.442-1.692 0-3.908-.67-6.33-2.07v3.382c2.334 1.05 4.434 1.459 6.242 1.43 4.258-.03 7.291-2.538 7.291-6.154 0-3.092-2.537-5.25-5.862-5.746zm17.266-8.808h-7.408v20.415h7.408c6.183 0 10.849-4.2 10.849-10.208 0-5.92-4.666-10.207-10.85-10.207zm.029 17.586h-4.287V21.62h4.287c4.345 0 7.583 3.062 7.583 7.378 0 4.346-3.15 7.379-7.583 7.379zm34.925-17.586-5.833 17.47-5.862-17.47h-3.587l7.262 20.415h4.316l7.291-20.415zm7.056 0v20.415h3.15V18.792zm22.26 2.741v-2.741h-14.203v20.415h14.203v-2.742h-11.112v-6.59h10.733V27.22h-10.733v-5.687zm29.18-2.741-3.996 17.09-5.308-17.09h-3.733l-5.045 17.061-4.229-17.061h-3.733l5.687 20.415h4.404l4.754-17.411 5.045 17.41h4.404l5.454-20.414zm21.231 2.741v-2.741h-14.203v20.415h14.203v-2.742h-11.111v-6.59h10.732V27.22h-10.732v-5.687zM341.9 39.207h4.024l-6.27-8.341c3.353-.525 5.6-2.946 5.6-6.037 0-3.413-2.888-6.037-7-6.037h-9.012v20.415h3.15v-8.225h3.995zm-9.508-17.703h5.745c2.391 0 4.025 1.458 4.025 3.354 0 1.954-1.634 3.5-4.025 3.5h-5.745z"
|
||||
style="font-size:29.16465187px;fill:#15334a;fill-opacity:1;stroke-width:2.22305679"
|
||||
transform="translate(14.238 8.152) scale(.78095)"
|
||||
aria-label="ONLINE 3D VIEWER"
|
||||
id="path98" /></g><g
|
||||
transform="translate(-0.7,0.07739434)"
|
||||
id="g98"><defs
|
||||
id="defs3-1"><path
|
||||
id="path876"
|
||||
d="M -5,-1 H 57 V 61 H -5 Z" /></defs><clipPath
|
||||
id="b-0"><use
|
||||
xlink:href="#a-8"
|
||||
overflow="visible"
|
||||
style="overflow:visible"
|
||||
width="100%"
|
||||
height="100%"
|
||||
id="use5-1"
|
||||
x="0"
|
||||
y="0" /></clipPath><g
|
||||
clip-path="url(#b-0)"
|
||||
id="g96-0"><defs
|
||||
id="defs9-8"><path
|
||||
id="path881"
|
||||
d="M -5,-1 H 57 V 61 H -5 Z" /></defs><clipPath
|
||||
id="d-8"><use
|
||||
xlink:href="#c-3"
|
||||
overflow="visible"
|
||||
style="overflow:visible"
|
||||
width="100%"
|
||||
height="100%"
|
||||
id="use11-7"
|
||||
x="0"
|
||||
y="0" /></clipPath><path
|
||||
clip-path="url(#d-8)"
|
||||
style="fill:#4688b4;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none"
|
||||
d="M 38.4,22.9 25.960908,15.6 V 1.4 l 24.8,14.2 V 44.4 L 38.4,37.1 Z"
|
||||
id="path20-54"
|
||||
transform="translate(0.03909208,0.0225695)" /><path
|
||||
clip-path="url(#d-5-89)"
|
||||
style="fill:#64c0ff;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none"
|
||||
d="M 38.4,22.9 26,15.6 26.019546,1.4338547 50.8,15.6 V 44.4 L 38.4,37.1 Z"
|
||||
id="path20-5"
|
||||
transform="rotate(120,26,30.081713)" /><path
|
||||
clip-path="url(#d-8)"
|
||||
style="fill:#294e67;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none"
|
||||
d="M 26,30 V 44.4 L 38.4,37.1 V 22.9 Z"
|
||||
id="path24-2" /><path
|
||||
clip-path="url(#d-8)"
|
||||
style="fill:#294e67;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none"
|
||||
d="M 13.6,37.1 V 22.9 L 26,15.6 V 1.4225695 L 1.2,15.6 v 28.8 z"
|
||||
id="path28-8" /><path
|
||||
clip-path="url(#d-8)"
|
||||
style="fill:#64c0ff;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none"
|
||||
d="M 26,15.6 13.6,22.9 26,30 38.4,22.9 Z"
|
||||
id="path92-1" /><path
|
||||
clip-path="url(#d-8)"
|
||||
style="fill:#4688b4;fill-opacity:1;stroke:#000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:none"
|
||||
d="M 13.6,22.9 26,30 V 44.4 L 13.6,37.1 Z"
|
||||
id="path94-1" /></g></g></svg>
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="logo" version="1.1" viewBox="0 0 286 60" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M-5-1h62v62H-5z"/><clipPath id="d-5"><use width="100%" height="100%" overflow="visible" xlink:href="#c"/></clipPath><path id="a-85" d="m-5-1h62v62h-62z"/><path id="c" d="m-5-1h62v62h-62z"/></defs><clipPath id="b"><use width="100%" height="100%" overflow="visible" xlink:href="#a"/></clipPath><g fill="#15334a"><path transform="translate(14.238 8.152) scale(.78095)" d="M75.237 18.5C69.229 18.5 65 23.02 65 29.028c0 5.98 4.229 10.47 10.237 10.47 5.979 0 10.207-4.49 10.207-10.47 0-6.007-4.228-10.528-10.207-10.528zm6.97 10.528c0 4.375-2.741 7.612-6.97 7.612-4.23 0-7-3.237-7-7.612 0-4.403 2.77-7.699 7-7.699 4.229 0 6.97 3.296 6.97 7.7zm21.839-10.236v16.332L93.14 18.792h-3.88v20.415h3.091v-16.39l10.879 16.39h3.908V18.792zm10.978 17.615V18.792h-3.15v20.415h13.649v-2.8zm14.597-17.615v20.415h3.15V18.792zm22.843 0v16.332l-10.907-16.332h-3.88v20.415h3.092v-16.39l10.879 16.39h3.908V18.792zm22.031 2.741v-2.741h-14.203v20.415h14.203v-2.742h-11.112v-6.59h10.733V27.22h-10.733v-5.687zM192.7 27.6l5.599-8.663v-.145h-13.24v2.712h8.486l-5.425 8.195v.146h2.625c2.77 0 4.696 1.458 4.696 3.47 0 1.984-1.663 3.442-4.083 3.442-1.692 0-3.908-.67-6.33-2.07v3.382c2.334 1.05 4.434 1.459 6.242 1.43 4.258-.03 7.291-2.538 7.291-6.154 0-3.092-2.537-5.25-5.862-5.746zm17.266-8.808h-7.408v20.415h7.408c6.183 0 10.849-4.2 10.849-10.208 0-5.92-4.666-10.207-10.85-10.207zm.029 17.586h-4.287V21.62h4.287c4.345 0 7.583 3.062 7.583 7.378 0 4.346-3.15 7.379-7.583 7.379zm34.925-17.586-5.833 17.47-5.862-17.47h-3.587l7.262 20.415h4.316l7.291-20.415zm7.056 0v20.415h3.15V18.792zm22.26 2.741v-2.741h-14.203v20.415h14.203v-2.742h-11.112v-6.59h10.733V27.22h-10.733v-5.687zm29.18-2.741-3.996 17.09-5.308-17.09h-3.733l-5.045 17.061-4.229-17.061h-3.733l5.687 20.415h4.404l4.754-17.411 5.045 17.41h4.404l5.454-20.414zm21.231 2.741v-2.741h-14.203v20.415h14.203v-2.742h-11.111v-6.59h10.732V27.22h-10.732v-5.687zM341.9 39.207h4.024l-6.27-8.341c3.353-.525 5.6-2.946 5.6-6.037 0-3.413-2.888-6.037-7-6.037h-9.012v20.415h3.15v-8.225h3.995zm-9.508-17.703h5.745c2.391 0 4.025 1.458 4.025 3.354 0 1.954-1.634 3.5-4.025 3.5h-5.745z" style="fill:var(--ov_logo_text_color);" fill="#15334a" stroke-width="2.2231" aria-label="ONLINE 3D VIEWER"/></g><g transform="translate(-.7 .077394)"><clipPath id="b-3"><use width="100%" height="100%" overflow="visible" xlink:href="#a-85"/></clipPath><g clip-path="url(#b-3)"><clipPath id="d"><use width="100%" height="100%" overflow="visible" xlink:href="#c"/></clipPath><g style="stroke:var(--ov_logo_border_color);" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10"><path transform="translate(.039092 .02257)" d="m38.361 22.877-12.4-7.3 9.2e-5 -14.177 24.8 14.2v28.8l-12.4-7.3226z" clip-path="url(#d)" fill="#4688b4"/><path transform="rotate(120,26,30.082)" d="m38.4 22.923-12.522-7.0887 0.14178-14.4 24.78 14.166v28.8l-12.522-7.0883z" clip-path="url(#d-5)" fill="#64c0ff"/><path d="m26 30v14.4l12.4-7.3v-14.2z" clip-path="url(#d)" fill="#294e67"/><path d="m13.6 37.1v-14.2l12.4-7.3v-14.177l-24.8 14.177v28.8z" clip-path="url(#d)" fill="#294e67"/><path d="m26 15.6-12.4 7.3 12.4 7.1 12.4-7.1z" clip-path="url(#d)" fill="#64c0ff"/><path d="m13.6 22.9 12.4 7.1v14.4l-12.4-7.3z" clip-path="url(#d)" fill="#4688b4"/></g></g></g></svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 6.2 KiB After Width: | Height: | Size: 3.4 KiB |
@ -134,7 +134,10 @@
|
||||
|
||||
<body>
|
||||
<div class="embed_viewer" id="embed_viewer">
|
||||
<a id="website_link" href="https://3dviewer.net" target="_blank" title="Open in 3dviewer.net"><img class="embed_logo" src="assets/images/3dviewer_net_logo.svg"></a>
|
||||
<a id="website_link" href="https://3dviewer.net" target="_blank" title="Open in 3dviewer.net">
|
||||
<!-- <img class="embed_logo" src="assets/images/3dviewer_net_logo.svg"> -->
|
||||
<svg class="embed_logo"><use href="assets/images/3dviewer_net_logo.svg#logo"></use></svg>
|
||||
</a>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
|
||||
@ -140,6 +140,7 @@
|
||||
|
||||
<!-- script start -->
|
||||
<!-- script end -->
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@ -148,7 +149,7 @@
|
||||
<div class="title">
|
||||
<div class="title_left">
|
||||
<a href="index.html">
|
||||
<img class="logo_image" src="assets/images/3dviewer_net_logo_text.svg"></img>
|
||||
<svg class="logo_image"><use href="assets/images/3dviewer_net_logo_text.svg#logo"></use></svg>
|
||||
</a>
|
||||
</div>
|
||||
<div class="title_right" id="header_buttons">
|
||||
@ -165,7 +166,9 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="intro ov_thin_scrollbar" id="intro">
|
||||
<div class="intro_section only_full_width only_full_height"><img src="assets/images/3dviewer_net_logo.svg" class="intro_logo"></img></div>
|
||||
<div class="intro_section only_full_width only_full_height">
|
||||
<svg class="intro_logo"><use href="assets/images/3dviewer_net_logo.svg#logo"></use></svg>
|
||||
</div>
|
||||
<div class="intro_section intro_big_text">
|
||||
Drag and drop your 3D models here.<br>
|
||||
<b>obj, 3ds, stl, ply, gltf, glb, 3dm, fbx, off</b>
|
||||
|
||||
@ -8,8 +8,12 @@
|
||||
--ov_secondary_hover_color: #e4f4ff;
|
||||
--ov_icon_color: #263238;
|
||||
--ov_light_icon_color: #838383;
|
||||
--ov_logo_text_color: #15334a;
|
||||
--ov_logo_border_color: #000000;
|
||||
--ov_toolbar_background_color: #f5f5f5;
|
||||
--ov_toolbar_selected_background_color: #e1e1e1;
|
||||
--ov_dialog_foreground_color: #000000;
|
||||
--ov_dialog_background_color: #ffffff;
|
||||
--ov_border_color: #cccccc;
|
||||
--ov_light_border_color: #dddddd;
|
||||
--ov_shadow: 0px 0px 10px #cccccc;
|
||||
|
||||
@ -5,8 +5,8 @@ div.ov_modal_overlay
|
||||
|
||||
div.ov_dialog
|
||||
{
|
||||
color: var(--ov_foreground_color);
|
||||
background: var(--ov_background_color);
|
||||
color: var(--ov_dialog_foreground_color);
|
||||
background: var(--ov_dialog_background_color);
|
||||
width: 400px;
|
||||
padding: 20px;
|
||||
box-shadow: var(--ov_shadow);
|
||||
@ -124,8 +124,8 @@ div.ov_dialog div.ov_dialog_copyable_input
|
||||
|
||||
div.ov_dialog div.ov_dialog_copyable_input input
|
||||
{
|
||||
color: var(--ov_foreground_color);
|
||||
background: var(--ov_background_color);
|
||||
color: var(--ov_dialog_foreground_color);
|
||||
background: var(--ov_dialog_background_color);
|
||||
width: 70%;
|
||||
margin-top: 6px;
|
||||
box-sizing: border-box;
|
||||
@ -157,8 +157,8 @@ div.ov_dialog input.ov_dialog_checkradio
|
||||
|
||||
div.ov_popup
|
||||
{
|
||||
color: var(--ov_foreground_color);
|
||||
background: var(--ov_background_color);
|
||||
color: var(--ov_dialog_foreground_color);
|
||||
background: var(--ov_dialog_background_color);
|
||||
width: 200px;
|
||||
padding: 10px;
|
||||
box-shadow: var(--ov_shadow);
|
||||
@ -193,8 +193,8 @@ div.ov_popup div.ov_popup_list_item_name
|
||||
|
||||
div.ov_progress
|
||||
{
|
||||
color: var(--ov_foreground_color);
|
||||
background: var(--ov_background_color);
|
||||
color: var(--ov_dialog_foreground_color);
|
||||
background: var(--ov_dialog_background_color);
|
||||
text-align: center;
|
||||
width: 400px;
|
||||
padding: 20px;
|
||||
@ -202,11 +202,12 @@ div.ov_progress
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
div.ov_progress img.ov_progress_img
|
||||
div.ov_progress svg.ov_progress_img
|
||||
{
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
margin-bottom: 10px;
|
||||
display: inline;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
div.ov_progress div.ov_progress_text
|
||||
@ -215,7 +216,6 @@ div.ov_progress div.ov_progress_text
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
@media (hover)
|
||||
{
|
||||
|
||||
|
||||
@ -3,10 +3,12 @@ div.embed_viewer
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
div.embed_viewer img.embed_logo
|
||||
div.embed_viewer svg.embed_logo
|
||||
{
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
bottom: 10px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
@ -32,11 +32,19 @@ div.title img.logo_image
|
||||
float: left;
|
||||
}
|
||||
|
||||
div.title svg.logo_image
|
||||
{
|
||||
width: 190px;
|
||||
height: 40px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
div.title div.logo_text
|
||||
{
|
||||
font-size: 16px;
|
||||
color: var(--ov_foreground_color);
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
padding: 10px;
|
||||
padding: 9px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
@ -68,9 +76,10 @@ div.intro
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
div.intro img.intro_logo
|
||||
div.intro svg.intro_logo
|
||||
{
|
||||
display: inline;
|
||||
width: 140px;
|
||||
height: 140px;
|
||||
max-width: 80%;
|
||||
}
|
||||
@ -260,6 +269,18 @@ div.ov_sidebar_content button.pcr-button
|
||||
float: left;
|
||||
}
|
||||
|
||||
div.pcr-app
|
||||
{
|
||||
color: var(--ov_dialog_foreground_color);
|
||||
background: var(--ov_dialog_background_color);
|
||||
}
|
||||
|
||||
div.pcr-app input.pcr-result
|
||||
{
|
||||
color: var(--ov_foreground_color) !important;
|
||||
background: var(--ov_background_color) !important;
|
||||
}
|
||||
|
||||
div.ov_property_table
|
||||
{
|
||||
overflow: auto;
|
||||
|
||||
@ -149,7 +149,6 @@ OV.ProgressDialog = class extends OV.Dialog
|
||||
{
|
||||
super ();
|
||||
this.modal.SetCloseable (false);
|
||||
this.imageDiv = null;
|
||||
this.textDiv = null;
|
||||
}
|
||||
|
||||
@ -158,9 +157,9 @@ OV.ProgressDialog = class extends OV.Dialog
|
||||
let contentDiv = this.modal.GetContentDiv ();
|
||||
contentDiv.addClass ('ov_progress');
|
||||
|
||||
this.imageDiv = $('<img>').addClass ('ov_progress_img').attr ('src', 'assets/images/3dviewer_net_logo.svg').appendTo (contentDiv);
|
||||
$('<svg><use href="assets/images/3dviewer_net_logo.svg#logo"></use></svg>').addClass ('ov_progress_img').appendTo (contentDiv);
|
||||
console.log (contentDiv.html ());
|
||||
this.textDiv = $('<div>').addClass ('ov_progress_text').appendTo (contentDiv);
|
||||
|
||||
this.SetText (text);
|
||||
}
|
||||
|
||||
|
||||
@ -55,12 +55,11 @@ OV.SettingsSidebarPanel = class extends OV.SidebarPanel
|
||||
{
|
||||
let contentDiv = $('<div>').addClass ('ov_sidebar_settings_content').appendTo (this.contentDiv);
|
||||
let titleDiv = $('<div>').addClass ('ov_sidebar_subtitle').appendTo (contentDiv);
|
||||
let colorInput = $('<div>').addClass ('color-picker').addClass ('ov_sidebar_color').appendTo (titleDiv);
|
||||
let colorInput = $('<div>').addClass ('color-picker').appendTo (titleDiv);
|
||||
$('<span>').html (title).appendTo (titleDiv);
|
||||
const pickr = Pickr.create ({
|
||||
el : colorInput.get (0),
|
||||
theme : 'monolith',
|
||||
appClass : 'ov_sidebar_color',
|
||||
position : 'left-start',
|
||||
swatches : predefinedColors,
|
||||
comparison : false,
|
||||
|
||||
@ -11,8 +11,12 @@ OV.ThemeHandler = class {
|
||||
'--ov_secondary_hover_color': '#e4f4ff',
|
||||
'--ov_icon_color': '#263238',
|
||||
'--ov_light_icon_color': '#838383',
|
||||
'--ov_logo_text_color': '#15334a',
|
||||
'--ov_logo_border_color': '#000000',
|
||||
'--ov_toolbar_background_color': '#f5f5f5',
|
||||
'--ov_toolbar_selected_background_color': '#e1e1e1',
|
||||
'--ov_dialog_foreground_color': '#000000',
|
||||
'--ov_dialog_background_color': '#ffffff',
|
||||
'--ov_border_color': '#cccccc',
|
||||
'--ov_light_border_color': '#dddddd',
|
||||
'--ov_shadow': '0px 0px 10px #cccccc',
|
||||
@ -29,8 +33,12 @@ OV.ThemeHandler = class {
|
||||
'--ov_secondary_hover_color': '#e4f4ff',
|
||||
'--ov_icon_color': '#fafafa',
|
||||
'--ov_light_icon_color': '#dadada',
|
||||
'--ov_logo_text_color': '#fafafa',
|
||||
'--ov_logo_border_color': '#fafafa',
|
||||
'--ov_toolbar_background_color': '#333333',
|
||||
'--ov_toolbar_selected_background_color': '#444444',
|
||||
'--ov_dialog_foreground_color': '#fafafa',
|
||||
'--ov_dialog_background_color': '#333333',
|
||||
'--ov_border_color': '#444444',
|
||||
'--ov_light_border_color': '#333333',
|
||||
'--ov_shadow': 'none',
|
||||
|
||||
@ -37,6 +37,7 @@ OV.Website = class
|
||||
color : 0x8ec9f0,
|
||||
side : THREE.DoubleSide
|
||||
});
|
||||
this.themeHandler = new OV.ThemeHandler ();
|
||||
this.detailsPanel = null;
|
||||
this.settingsPanel = null;
|
||||
this.model = null;
|
||||
@ -66,8 +67,7 @@ OV.Website = class
|
||||
this.Resize ();
|
||||
});
|
||||
|
||||
let themeHandler = new OV.ThemeHandler ();
|
||||
themeHandler.SwitchTheme ('dark');
|
||||
this.themeHandler.SwitchTheme ('dark');
|
||||
}
|
||||
|
||||
Resize ()
|
||||
@ -405,6 +405,17 @@ OV.Website = class
|
||||
this.dialog = OV.ShowSharingDialog (importer, this.settings, this.viewer.GetCamera ());
|
||||
});
|
||||
|
||||
// TODO: remove
|
||||
let theme = 'dark';
|
||||
AddButton (this.toolbar, this.eventHandler, 'share', 'Dark Mode', true, () => {
|
||||
if (theme === 'dark') {
|
||||
theme = 'light'
|
||||
} else {
|
||||
theme = 'dark';
|
||||
}
|
||||
this.themeHandler.SwitchTheme (theme);
|
||||
});
|
||||
|
||||
this.parameters.fileInput.on ('change', (ev) => {
|
||||
if (ev.target.files.length > 0) {
|
||||
this.eventHandler.HandleEvent ('model_load_started', { source : 'open_file' });
|
||||
|
||||
Loading…
Reference in New Issue
Block a user