Doni/ModelHandle
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add dropbox tutorial images.

Browse Source
This commit is contained in:
kovacsv 2021-12-12 19:09:37 +01:00
parent f722723bca
commit 24015b83cd
2 changed files with 120 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/dropbox_tutorial.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 158 KiB

191
assets/images/dropbox_tutorial.svg
View File

@ -2,21 +2,24 @@
<!-- Created with Inkscape (http://www.inkscape.org/) --> <!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg <svg
xmlns:dc="http://purl.org/dc/elements/1.1/" width="860"
xmlns:cc="http://creativecommons.org/ns#" height="530"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" viewBox="0 0 227.54167 140.22916"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
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"
width="800"
height="400"
viewBox="0 0 211.66667 105.83333"
version="1.1" version="1.1"
id="svg8" id="svg8"
inkscape:version="0.92.3 (2405546, 2018-03-11)" inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
sodipodi:docname="dropbox.svg"> sodipodi:docname="dropbox_tutorial.svg"
inkscape:export-filename="C:\Users\Viktor\GitRepos\Online3DViewer\assets\images\dropbox_tutorial.png"
inkscape:export-xdpi="192"
inkscape:export-ydpi="192"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs <defs
id="defs2"> id="defs2">
<marker <marker
@ -30,7 +33,7 @@
<path <path
id="path1038" id="path1038"
d="M 0,0 5,-5 -12.5,0 5,5 Z" d="M 0,0 5,-5 -12.5,0 5,5 Z"
style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1.00000003pt;stroke-opacity:1" style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:1pt;stroke-opacity:1"
transform="matrix(-0.8,0,0,-0.8,-10,0)" transform="matrix(-0.8,0,0,-0.8,-10,0)"
inkscape:connector-curvature="0" /> inkscape:connector-curvature="0" />
</marker> </marker>
@ -63,8 +66,8 @@
inkscape:pageopacity="0.0" inkscape:pageopacity="0.0"
inkscape:pageshadow="2" inkscape:pageshadow="2"
inkscape:zoom="0.98994949" inkscape:zoom="0.98994949"
inkscape:cx="539.79629" inkscape:cx="455.07372"
inkscape:cy="233.18962" inkscape:cy="245.97215"
inkscape:document-units="mm" inkscape:document-units="mm"
inkscape:current-layer="layer1" inkscape:current-layer="layer1"
showgrid="false" showgrid="false"
@ -73,7 +76,9 @@
inkscape:window-height="1017" inkscape:window-height="1017"
inkscape:window-x="-8" inkscape:window-x="-8"
inkscape:window-y="-8" inkscape:window-y="-8"
inkscape:window-maximized="1" /> inkscape:window-maximized="1"
inkscape:pagecheckerboard="0"
height="500px" />
<metadata <metadata
id="metadata5"> id="metadata5">
<rdf:RDF> <rdf:RDF>
@ -82,7 +87,6 @@
<dc:format>image/svg+xml</dc:format> <dc:format>image/svg+xml</dc:format>
<dc:type <dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work> </cc:Work>
</rdf:RDF> </rdf:RDF>
</metadata> </metadata>
@ -92,99 +96,144 @@
id="layer1" id="layer1"
transform="translate(0,-191.16666)"> transform="translate(0,-191.16666)">
<circle <circle
style="opacity:1;fill:#0061ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.26458332;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" style="opacity:1;fill:#0061ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.264583;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="path817" id="path817"
cx="23.130972" cx="19.359877"
cy="211.18834" cy="212.22179"
r="10.583333" /> r="10.583333" />
<text <text
xml:space="preserve" xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15.74363136px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.1807723" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15.7436px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.18077"
x="23.714819" x="19.943724"
y="216.12811" y="217.16156"
id="text821"><tspan id="text821"><tspan
sodipodi:role="line" sodipodi:role="line"
id="tspan819" id="tspan819"
x="23.714819" x="19.943724"
y="216.12811" y="217.16156"
style="font-size:14.11111069px;line-height:6.98500013px;text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:1.1807723">1</tspan></text> style="font-size:14.1111px;line-height:6.985px;text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:1.18077">1</tspan></text>
<text <text
xml:space="preserve" xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.81483555px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;letter-spacing:0px;word-spacing:0px;fill:#263238;fill-opacity:1;stroke:none;stroke-width:0.66111267" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.81484px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;letter-spacing:0px;word-spacing:0px;fill:#263238;fill-opacity:1;stroke:none;stroke-width:0.661113"
x="42.452263" x="38.681168"
y="213.56834" y="214.60179"
id="text825"><tspan id="text825"><tspan
sodipodi:role="line" sodipodi:role="line"
x="42.452263" x="38.681168"
y="213.56834" y="214.60179"
style="line-height:13.22916698px;fill:#263238;fill-opacity:1;stroke-width:0.66111267" style="line-height:13.2292px;fill:#263238;fill-opacity:1;stroke-width:0.661113"
id="tspan866">Upload your 3D model to Dropbox.</tspan></text> id="tspan866">Upload your 3D model to Dropbox.</tspan></text>
<circle <circle
cy="243.99623" cy="245.02968"
cx="23.130972" cx="19.359877"
id="circle848" id="circle848"
style="opacity:1;fill:#0061ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.26458332;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" style="opacity:1;fill:#0061ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.264583;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
r="10.583333" /> r="10.583333" />
<text <text
id="text852" id="text852"
y="249.00568" y="250.03912"
x="22.930882" x="19.159786"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15.74363136px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.1807723" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15.7436px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.18077"
xml:space="preserve"><tspan xml:space="preserve"><tspan
style="font-size:14.11111069px;text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:1.1807723" style="font-size:14.1111px;text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:1.18077"
y="249.00568" y="250.03912"
x="22.930882" x="19.159786"
id="tspan850" id="tspan850"
sodipodi:role="line">2</tspan></text> sodipodi:role="line">2</tspan></text>
<circle <circle
style="opacity:1;fill:#0061ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.26458332;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal" style="opacity:1;fill:#0061ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.264583;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle860" id="circle860"
cx="23.130972" cx="19.359877"
cy="276.80408" cy="277.83752"
r="10.583333" /> r="10.583333" />
<text <text
xml:space="preserve" xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15.74363136px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.1807723" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15.7436px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.18077"
x="23.197889" x="19.426794"
y="281.67242" y="282.70587"
id="text864"><tspan id="text864"><tspan
sodipodi:role="line" sodipodi:role="line"
id="tspan862" id="tspan862"
x="23.197889" x="19.426794"
y="281.67242" y="282.70587"
style="font-size:14.11111069px;text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:1.1807723">3</tspan></text> style="font-size:14.1111px;text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:1.18077">3</tspan></text>
<circle
style="fill:#0061ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.264583;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:normal"
id="circle860-5"
cx="19.359877"
cy="310.16644"
r="10.583333" />
<text <text
xml:space="preserve" xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.81483555px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;letter-spacing:0px;word-spacing:0px;fill:#263238;fill-opacity:1;stroke:none;stroke-width:0.66111267" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:15.7436px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;text-align:center;letter-spacing:0px;word-spacing:0px;text-anchor:middle;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:1.18077"
x="42.831303" x="19.416319"
y="246.37624" y="315.10532"
id="text864-0"><tspan
sodipodi:role="line"
id="tspan862-2"
x="19.416319"
y="315.10532"
style="font-size:14.1111px;text-align:center;text-anchor:middle;fill:#ffffff;stroke-width:1.18077">4</tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.81484px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;letter-spacing:0px;word-spacing:0px;fill:#263238;fill-opacity:1;stroke:none;stroke-width:0.661113"
x="39.086651"
y="247.40968"
id="text825-1"><tspan id="text825-1"><tspan
sodipodi:role="line" sodipodi:role="line"
x="42.831303" x="39.086651"
y="246.37624" y="247.40968"
style="line-height:13.22916698px;fill:#263238;fill-opacity:1;stroke-width:0.66111267" style="line-height:13.2292px;fill:#263238;fill-opacity:1;stroke-width:0.661113"
id="tspan906">Get the sharing link of your model file.</tspan></text> id="tspan906">Get the sharing link of your model file.</tspan></text>
<text <text
xml:space="preserve" xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.81483555px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;letter-spacing:0px;word-spacing:0px;fill:#263238;fill-opacity:1;stroke:none;stroke-width:0.66111267" style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.81484px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;letter-spacing:0px;word-spacing:0px;fill:#263238;fill-opacity:1;stroke:none;stroke-width:0.661113"
x="43.22797" x="39.113094"
y="272.56952" y="273.60297"
id="text825-1-6"><tspan id="text825-1-6"><tspan
sodipodi:role="line" sodipodi:role="line"
x="43.22797" x="39.113094"
y="272.56952" y="273.60297"
style="line-height:13.22916698px;fill:#263238;fill-opacity:1;stroke-width:0.66111267" style="line-height:13.2292px;fill:#263238;fill-opacity:1;stroke-width:0.661113"
id="tspan866-8-5">Go to Online 3D Viewer, click on the</tspan><tspan id="tspan866-8-5">Go to Online 3D Viewer, click on the</tspan><tspan
sodipodi:role="line" sodipodi:role="line"
x="43.22797" x="39.113094"
y="285.79868" y="286.83215"
style="line-height:13.22916698px;fill:#263238;fill-opacity:1;stroke-width:0.66111267" style="line-height:13.2292px;fill:#263238;fill-opacity:1;stroke-width:0.661113"
id="tspan908"> button, and paste the link.</tspan></text> id="tspan908">open url button, and paste the link.</tspan></text>
<text
xml:space="preserve"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.81484px;line-height:1.25;font-family:Quicksand;-inkscape-font-specification:Quicksand;letter-spacing:0px;word-spacing:0px;fill:#263238;fill-opacity:1;stroke:none;stroke-width:0.661113"
x="39.086651"
y="305.93185"
id="text825-1-6-2"><tspan
sodipodi:role="line"
x="39.086651"
y="305.93185"
style="line-height:13.2292px;fill:#263238;fill-opacity:1;stroke-width:0.661113"
id="tspan908-6">Click on the sharing button to get</tspan><tspan
sodipodi:role="line"
x="39.086651"
y="319.16104"
style="line-height:13.2292px;fill:#263238;fill-opacity:1;stroke-width:0.661113"
id="tspan9991">your final sharing link.</tspan></text>
<path <path
id="path910" fill="none"
d="m 49.532512,279.85391 1.549236,-1.54924 1.549237,1.54924 m -1.549237,0.2582 v -1.80744 m -2.323854,4.13131 c 1.291029,0 2.323854,-1.03284 2.323854,-2.32387 m -5.680535,6.97157 c -0.877902,0 -1.549237,-0.67134 -1.549237,-1.54923 0,-0.8779 0.671335,-1.54924 1.549237,-1.54924 m 3.098474,0 c 0.877901,0 1.549236,0.67134 1.549236,1.54924 0,0.87789 -0.671335,1.54923 -1.549236,1.54923 m -2.582062,-1.54923 h 2.06565 m -2.582062,-1.54924 h 0.774618 m 1.549236,0 h 0.77462 m -3.098474,3.09847 h 0.774618 m 1.549236,0 h 0.77462" stroke="#263238"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10" stroke-miterlimit="10"
inkscape:connector-curvature="0" d="m 213.03248,272.98689 2.64584,-2.64583 2.64583,2.64583 m -2.64583,0.44097 v -3.0868 m -3.96877,7.05556 c 2.20487,0 3.96877,-1.7639 3.96877,-3.96876 m -9.7014,11.90626 c -1.4993,0 -2.64583,-1.14654 -2.64583,-2.64583 0,-1.4993 1.14653,-2.64584 2.64583,-2.64584 m 5.29166,0 c 1.4993,0 2.64584,1.14654 2.64584,2.64584 0,1.49929 -1.14654,2.64583 -2.64584,2.64583 m -4.40973,-2.64583 h 3.5278 m -4.40973,-2.64584 h 1.32293 m 2.64584,0 h 1.32289 m -5.29166,5.29167 h 1.32293 m 2.64584,0 h 1.32289"
style="fill:none;stroke:#263238;stroke-width:0.51641226;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" /> id="path10711"
style="stroke-width:0.881943" />
<path
d="m 214.79635,317.663 2.64584,-2.64583 m -2.64584,-2.64584 2.64584,2.64584 m -4.8507,2.64583 -2.64583,-2.64583 m 2.64583,-2.64584 -2.64583,2.64584 m -6.61457,-9.7896 v 5.0271 l 4.4097,2.64583 4.40973,-2.64583 v -5.0271 l -4.40973,-2.55763 z m 4.4097,7.67293 v -5.20347 m -4.4097,-2.46946 4.4097,2.46946 m 0,0 4.40973,-2.46946"
fill="none"
stroke="#263238"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
id="path10729"
style="stroke-width:0.881943" />
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.5 KiB

After

Width:  |  Height:  |  Size: 11 KiB