Spacedeck 6.0 CI WIP; more style, UX cleanups; fix account dialog; add more color swatches; new landing page
This commit is contained in:
mntmn
parent
58250a72ad
commit
80f9b0d93f
@ -3,6 +3,7 @@
|
||||
"contact_email": "support@example.org",
|
||||
|
||||
"endpoint": "http://localhost:9666",
|
||||
"invite_code": "top-sekrit",
|
||||
|
||||
"storage_region": "eu-central-1",
|
||||
//"storage_bucket": "sdeck-development",
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.4 KiB |
69
public/images/sd6-icon-white.svg
Normal file
69
public/images/sd6-icon-white.svg
Normal file
@ -0,0 +1,69 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="17.370329mm"
|
||||
height="17.370247mm"
|
||||
viewBox="0 0 17.370329 17.370247"
|
||||
version="1.1"
|
||||
id="svg3417"
|
||||
inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
|
||||
sodipodi:docname="sd6-icon-white.svg"
|
||||
inkscape:export-filename="/home/mntmn/code/spacedeck-open/public/images/favicon.png"
|
||||
inkscape:export-xdpi="93.585312"
|
||||
inkscape:export-ydpi="93.585312">
|
||||
<defs
|
||||
id="defs3411" />
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="5.6"
|
||||
inkscape:cx="68.901329"
|
||||
inkscape:cy="26.613846"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="false"
|
||||
fit-margin-top="0"
|
||||
fit-margin-left="0"
|
||||
fit-margin-right="0"
|
||||
fit-margin-bottom="0"
|
||||
inkscape:window-width="2560"
|
||||
inkscape:window-height="1376"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="27"
|
||||
inkscape:window-maximized="1" />
|
||||
<metadata
|
||||
id="metadata3414">
|
||||
<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
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-61.618407,-79.672019)">
|
||||
<path
|
||||
inkscape:connector-curvature="0"
|
||||
id="path1681-6-5-3-7-4-9-2-0-2-9-7"
|
||||
d="m 69.103371,79.69206 c -0.792105,0.07526 -1.553632,0.368078 -2.179688,0.99414 -0.967242,0.967233 -1.023215,2.24006 -0.822265,3.46875 -1.228429,-0.200703 -2.499819,-0.144769 -3.466797,0.822266 -1.252082,1.252133 -1.178244,3.043412 -0.677734,4.544922 0.500509,1.50151 1.477937,2.995513 2.832031,4.349611 1.354102,1.3541 2.848091,2.33152 4.349609,2.83203 1.501518,0.50051 3.292795,0.57437 4.544922,-0.67773 0.9673,-0.96727 1.023249,-2.24001 0.822266,-3.468755 1.228416,0.200714 2.499803,0.146691 3.466796,-0.820313 1.252124,-1.252112 1.17824,-3.045353 0.677735,-4.546874 -0.500505,-1.501522 -1.477926,-2.995502 -2.832031,-4.34961 -1.354109,-1.354105 -2.848087,-2.329573 -4.34961,-2.830078 -0.750761,-0.250253 -1.57313,-0.393617 -2.365234,-0.318359 z m 0.251953,3.427734 c -0.06232,0.06232 0.187775,-0.12686 1.025391,0.152344 0.837615,0.279204 1.980359,0.976455 3.005859,2.001953 1.025498,1.0255 1.720796,2.16629 2,3.003906 0.279204,0.837616 0.09198,1.087707 0.154297,1.025391 0.06232,-0.06232 -0.187775,0.124907 -1.025391,-0.154297 -0.817005,-0.272334 -1.926016,-0.966798 -2.93164,-1.951172 -0.02107,-0.02133 -0.03343,-0.04515 -0.05469,-0.06641 -0.02194,-0.02194 -0.04635,-0.0349 -0.06836,-0.05664 -0.984356,-1.005615 -1.678841,-2.112692 -1.951172,-2.929687 -0.279204,-0.837616 -0.09198,-1.087708 -0.154297,-1.025391 z m -4.289063,4.289063 c -0.06231,0.06232 0.187774,-0.124903 1.025391,0.154296 0.81575,0.271911 1.923337,0.965368 2.927735,1.947266 0.02276,0.02306 0.03561,0.04929 0.05859,0.07227 0.023,0.023 0.04918,0.03581 0.07227,0.05859 0.981898,1.004395 1.67535,2.111982 1.947265,2.927735 0.279205,0.837619 0.09198,1.087705 0.154297,1.025385 0.06232,-0.0623 -0.187772,0.12492 -1.02539,-0.154291 -0.837619,-0.27921 -1.980364,-0.974504 -3.00586,-2 -1.025488,-1.025491 -1.720791,-2.168245 -2,-3.00586 -0.279208,-0.837615 -0.09198,-1.087708 -0.154297,-1.02539 z"
|
||||
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3.4395833;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:37.79527664;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.0 KiB |
66
public/images/sd6-icon.svg
Normal file
66
public/images/sd6-icon.svg
Normal file
@ -0,0 +1,66 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="17.370329mm"
|
||||
height="17.370247mm"
|
||||
viewBox="0 0 17.370329 17.370247"
|
||||
version="1.1"
|
||||
id="svg3417"
|
||||
inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
|
||||
sodipodi:docname="sd6-icon.svg">
|
||||
<defs
|
||||
id="defs3411" />
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="5.6"
|
||||
inkscape:cx="68.901329"
|
||||
inkscape:cy="26.613846"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="false"
|
||||
fit-margin-top="0"
|
||||
fit-margin-left="0"
|
||||
fit-margin-right="0"
|
||||
fit-margin-bottom="0"
|
||||
inkscape:window-width="2560"
|
||||
inkscape:window-height="1376"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="27"
|
||||
inkscape:window-maximized="1" />
|
||||
<metadata
|
||||
id="metadata3414">
|
||||
<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
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-61.618407,-79.672019)">
|
||||
<path
|
||||
inkscape:connector-curvature="0"
|
||||
id="path1681-6-5-3-7-4-9-2-0-2-9-7"
|
||||
d="m 69.103371,79.69206 c -0.792105,0.07526 -1.553632,0.368078 -2.179688,0.99414 -0.967242,0.967233 -1.023215,2.24006 -0.822265,3.46875 -1.228429,-0.200703 -2.499819,-0.144769 -3.466797,0.822266 -1.252082,1.252133 -1.178244,3.043412 -0.677734,4.544922 0.500509,1.50151 1.477937,2.995513 2.832031,4.349611 1.354102,1.3541 2.848091,2.33152 4.349609,2.83203 1.501518,0.50051 3.292795,0.57437 4.544922,-0.67773 0.9673,-0.96727 1.023249,-2.24001 0.822266,-3.468755 1.228416,0.200714 2.499803,0.146691 3.466796,-0.820313 1.252124,-1.252112 1.17824,-3.045353 0.677735,-4.546874 -0.500505,-1.501522 -1.477926,-2.995502 -2.832031,-4.34961 -1.354109,-1.354105 -2.848087,-2.329573 -4.34961,-2.830078 -0.750761,-0.250253 -1.57313,-0.393617 -2.365234,-0.318359 z m 0.251953,3.427734 c -0.06232,0.06232 0.187775,-0.12686 1.025391,0.152344 0.837615,0.279204 1.980359,0.976455 3.005859,2.001953 1.025498,1.0255 1.720796,2.16629 2,3.003906 0.279204,0.837616 0.09198,1.087707 0.154297,1.025391 0.06232,-0.06232 -0.187775,0.124907 -1.025391,-0.154297 -0.817005,-0.272334 -1.926016,-0.966798 -2.93164,-1.951172 -0.02107,-0.02133 -0.03343,-0.04515 -0.05469,-0.06641 -0.02194,-0.02194 -0.04635,-0.0349 -0.06836,-0.05664 -0.984356,-1.005615 -1.678841,-2.112692 -1.951172,-2.929687 -0.279204,-0.837616 -0.09198,-1.087708 -0.154297,-1.025391 z m -4.289063,4.289063 c -0.06231,0.06232 0.187774,-0.124903 1.025391,0.154296 0.81575,0.271911 1.923337,0.965368 2.927735,1.947266 0.02276,0.02306 0.03561,0.04929 0.05859,0.07227 0.023,0.023 0.04918,0.03581 0.07227,0.05859 0.981898,1.004395 1.67535,2.111982 1.947265,2.927735 0.279205,0.837619 0.09198,1.087705 0.154297,1.025385 0.06232,-0.0623 -0.187772,0.12492 -1.02539,-0.154291 -0.837619,-0.27921 -1.980364,-0.974504 -3.00586,-2 -1.025488,-1.025491 -1.720791,-2.168245 -2,-3.00586 -0.279208,-0.837615 -0.09198,-1.087708 -0.154297,-1.02539 z"
|
||||
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3.4395833;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:37.79527664;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.9 KiB |
129
public/images/sd6-logo-black.svg
Normal file
129
public/images/sd6-logo-black.svg
Normal file
@ -0,0 +1,129 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="81.731232mm"
|
||||
height="17.370247mm"
|
||||
viewBox="0 0 81.731232 17.370247"
|
||||
version="1.1"
|
||||
id="svg2651"
|
||||
inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
|
||||
sodipodi:docname="sd6-logo-black.svg">
|
||||
<defs
|
||||
id="defs2645" />
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="2.8"
|
||||
inkscape:cx="80.852573"
|
||||
inkscape:cy="-16.110417"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="false"
|
||||
fit-margin-top="0"
|
||||
fit-margin-left="0"
|
||||
fit-margin-right="0"
|
||||
fit-margin-bottom="0"
|
||||
inkscape:window-width="2560"
|
||||
inkscape:window-height="1376"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="27"
|
||||
inkscape:window-maximized="1" />
|
||||
<metadata
|
||||
id="metadata2648">
|
||||
<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
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-29.059958,-86.19285)">
|
||||
<g
|
||||
id="g3248">
|
||||
<path
|
||||
inkscape:connector-curvature="0"
|
||||
id="path1681-6-5-3-7-4-9-2-0-2-9-7"
|
||||
d="m 36.544922,86.212891 c -0.792105,0.07526 -1.553632,0.368078 -2.179688,0.99414 -0.967242,0.967233 -1.023215,2.24006 -0.822265,3.46875 -1.228429,-0.200703 -2.499819,-0.144769 -3.466797,0.822266 -1.252082,1.252133 -1.178244,3.043412 -0.677734,4.544922 0.500509,1.50151 1.477937,2.995513 2.832031,4.349611 1.354102,1.3541 2.848091,2.33152 4.349609,2.83203 1.501518,0.50051 3.292795,0.57437 4.544922,-0.67773 0.9673,-0.96727 1.023249,-2.24001 0.822266,-3.468755 1.228416,0.200714 2.499803,0.146691 3.466796,-0.820313 1.252124,-1.252112 1.17824,-3.045353 0.677735,-4.546874 -0.500505,-1.501522 -1.477926,-2.995502 -2.832031,-4.34961 -1.354109,-1.354105 -2.848087,-2.329573 -4.34961,-2.830078 -0.750761,-0.250253 -1.57313,-0.393617 -2.365234,-0.318359 z m 0.251953,3.427734 c -0.06232,0.06232 0.187775,-0.12686 1.025391,0.152344 0.837615,0.279204 1.980359,0.976455 3.005859,2.001953 1.025498,1.0255 1.720796,2.16629 2,3.003906 0.279204,0.837616 0.09198,1.087707 0.154297,1.025391 0.06232,-0.06232 -0.187775,0.124907 -1.025391,-0.154297 -0.817005,-0.272334 -1.926016,-0.966798 -2.93164,-1.951172 -0.02107,-0.02133 -0.03343,-0.04515 -0.05469,-0.06641 -0.02194,-0.02194 -0.04635,-0.0349 -0.06836,-0.05664 -0.984356,-1.005615 -1.678841,-2.112692 -1.951172,-2.929687 -0.279204,-0.837616 -0.09198,-1.087708 -0.154297,-1.025391 z m -4.289063,4.289063 c -0.06231,0.06232 0.187774,-0.124903 1.025391,0.154296 0.81575,0.271911 1.923337,0.965368 2.927735,1.947266 0.02276,0.02306 0.03561,0.04929 0.05859,0.07227 0.023,0.023 0.04918,0.03581 0.07227,0.05859 0.981898,1.004395 1.67535,2.111982 1.947265,2.927735 0.279205,0.837619 0.09198,1.087705 0.154297,1.025385 0.06232,-0.0623 -0.187772,0.12492 -1.02539,-0.154291 -0.837619,-0.27921 -1.980364,-0.974504 -3.00586,-2 -1.025488,-1.025491 -1.720791,-2.168245 -2,-3.00586 -0.279208,-0.837615 -0.09198,-1.087708 -0.154297,-1.02539 z"
|
||||
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3.4395833;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:37.79527664;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
|
||||
<g
|
||||
id="g2614"
|
||||
transform="matrix(0.26458333,0,0,0.26458333,-523.78744,61.714265)">
|
||||
<g
|
||||
id="flowRoot1610-0-6-8-1-1"
|
||||
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:16.00038528px;line-height:1.25;font-family:Inter;-inkscape-font-specification:'Inter, Ultra-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.37800002;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:37.79527664;stroke-opacity:1"
|
||||
transform="matrix(2.6369365,0,0,2.6369365,2045.0224,86.079903)"
|
||||
aria-label="Spacedeck">
|
||||
<path
|
||||
id="path3214"
|
||||
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:16.00038528px;font-family:Inter;-inkscape-font-specification:'Inter, Ultra-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none"
|
||||
d="m 52.795627,11.002199 h 2.693247 C 55.466146,8.82601 53.73315,7.3543837 51.028539,7.3543837 c -2.659155,0 -4.573974,1.4488985 -4.556928,3.6137233 -0.0057,1.767088 1.232985,2.76143 3.244397,3.221669 l 1.215938,0.284097 c 1.27844,0.295462 1.852317,0.642061 1.863681,1.295486 -0.01136,0.710244 -0.676152,1.204575 -1.806861,1.204575 -1.244349,0 -2.06255,-0.57956 -2.125052,-1.698905 h -2.693246 c 0.03409,2.721656 1.926182,4.022824 4.852389,4.022824 2.897797,0 4.613748,-1.312532 4.625112,-3.522812 -0.01136,-1.857999 -1.267076,-2.99439 -3.562586,-3.500084 l -1.000024,-0.227278 c -1.056844,-0.227279 -1.727315,-0.57956 -1.704587,-1.272758 0.0057,-0.636379 0.55115,-1.0966177 1.642085,-1.0966177 1.096618,0 1.698905,0.4943297 1.77277,1.3238957 z"
|
||||
inkscape:connector-curvature="0" />
|
||||
<path
|
||||
id="path3216"
|
||||
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:16.00038528px;font-family:Inter;-inkscape-font-specification:'Inter, Ultra-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none"
|
||||
d="m 57.068458,22.422928 h 2.778476 v -4.687613 h 0.05682 c 0.352281,0.806838 1.136391,1.53981 2.454605,1.53981 1.931864,0 3.48872,-1.5114 3.48872,-4.483062 0,-3.07962 -1.647767,-4.483063 -3.471674,-4.483063 -1.380715,0 -2.136415,0.806838 -2.471651,1.607994 h -0.08523 v -1.494355 h -2.750066 z m 2.721656,-7.636547 c 0,-1.426171 0.590923,-2.306874 1.607993,-2.306874 1.028434,0 1.59663,0.903431 1.59663,2.306874 0,1.409125 -0.568196,2.323919 -1.59663,2.323919 -1.01707,0 -1.607993,-0.909112 -1.607993,-2.323919 z"
|
||||
inkscape:connector-curvature="0" />
|
||||
<path
|
||||
id="path3218"
|
||||
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:16.00038528px;font-family:Inter;-inkscape-font-specification:'Inter, Ultra-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none"
|
||||
d="m 69.778991,19.297853 c 1.215939,0 2.056868,-0.471602 2.534152,-1.363669 h 0.06818 v 1.215938 h 2.613699 v -5.931961 c 0,-1.846635 -1.642085,-2.909161 -3.86373,-2.909161 -2.346647,0 -3.676224,1.181847 -3.897821,2.772794 l 2.562562,0.09091 c 0.119321,-0.556832 0.579559,-0.897749 1.312532,-0.897749 0.681834,0 1.113663,0.329553 1.113663,0.914794 v 0.02841 c 0,0.534104 -0.57956,0.647743 -2.068232,0.778428 -1.767088,0.147731 -3.244396,0.801156 -3.244396,2.73302 0,1.727315 1.198892,2.568244 2.869387,2.568244 z m 0.857975,-1.818226 c -0.642061,0 -1.096617,-0.306825 -1.096617,-0.886384 0,-0.562514 0.443193,-0.903431 1.232984,-1.022752 0.517058,-0.07387 1.153437,-0.187505 1.465945,-0.352282 v 0.829566 c 0,0.852293 -0.715927,1.431852 -1.602312,1.431852 z"
|
||||
inkscape:connector-curvature="0" />
|
||||
<path
|
||||
id="path3220"
|
||||
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:16.00038528px;font-family:Inter;-inkscape-font-specification:'Inter, Ultra-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none"
|
||||
d="m 80.767893,19.314899 c 2.454605,0 3.977369,-1.426171 4.051234,-3.585314 h -2.596653 c -0.102275,0.926159 -0.659107,1.431853 -1.420489,1.431853 -0.977296,0 -1.613675,-0.823883 -1.613675,-2.375057 0,-1.53981 0.642061,-2.363693 1.613675,-2.363693 0.795474,0 1.312532,0.539785 1.420489,1.431852 h 2.596653 c -0.0625,-2.147779 -1.630721,-3.54554 -4.056916,-3.54554 -2.744384,0 -4.403515,1.82959 -4.403515,4.505791 0,2.664836 1.647767,4.500108 4.409197,4.500108 z"
|
||||
inkscape:connector-curvature="0" />
|
||||
<path
|
||||
id="path3222"
|
||||
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:16.00038528px;font-family:Inter;-inkscape-font-specification:'Inter, Ultra-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none"
|
||||
d="m 90.336304,19.314899 c 2.289828,0 3.795546,-1.107981 4.113736,-2.823932 l -2.551198,-0.07387 c -0.215914,0.579559 -0.78411,0.892067 -1.5114,0.892067 -1.068208,0 -1.727315,-0.710245 -1.727315,-1.778452 v -0.07386 h 5.818322 v -0.693199 c 0,-2.875069 -1.750042,-4.454653 -4.227374,-4.454653 -2.636427,0 -4.32965,1.806862 -4.32965,4.511473 0,2.795521 1.670495,4.494426 4.414879,4.494426 z m -1.676177,-5.471723 c 0.03977,-0.869339 0.727291,-1.528446 1.647767,-1.528446 0.914795,0 1.573902,0.636379 1.585266,1.528446 z"
|
||||
inkscape:connector-curvature="0" />
|
||||
<path
|
||||
id="path3224"
|
||||
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:16.00038528px;font-family:Inter;-inkscape-font-specification:'Inter, Ultra-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none"
|
||||
d="m 99.10072,19.275125 c 1.31821,0 2.10232,-0.732972 2.4546,-1.53981 h 0.0852 v 1.414807 h 2.75007 V 7.5134784 h -2.77848 v 4.4035156 h -0.0568 C 101.22577,11.115838 100.46439,10.309 99.089356,10.309 c -1.823907,0 -3.477356,1.403443 -3.477356,4.483063 0,2.971662 1.562537,4.483062 3.48872,4.483062 z m 0.96593,-2.164825 c -1.028432,0 -1.602309,-0.914794 -1.602309,-2.323919 0,-1.403443 0.568196,-2.306874 1.602309,-2.306874 1.01707,0 1.608,0.880703 1.608,2.306874 0,1.414807 -0.59661,2.323919 -1.608,2.323919 z"
|
||||
inkscape:connector-curvature="0" />
|
||||
<path
|
||||
id="path3226"
|
||||
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:16.00038528px;font-family:Inter;-inkscape-font-specification:'Inter, Ultra-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none"
|
||||
d="m 110.24303,19.314899 c 2.28983,0 3.79555,-1.107981 4.11374,-2.823932 l -2.5512,-0.07387 c -0.21591,0.579559 -0.78411,0.892067 -1.5114,0.892067 -1.06821,0 -1.72731,-0.710245 -1.72731,-1.778452 v -0.07386 h 5.81832 v -0.693199 c 0,-2.875069 -1.75004,-4.454653 -4.22737,-4.454653 -2.63643,0 -4.32965,1.806862 -4.32965,4.511473 0,2.795521 1.67049,4.494426 4.41487,4.494426 z m -1.67617,-5.471723 c 0.0398,-0.869339 0.72729,-1.528446 1.64777,-1.528446 0.91479,0 1.5739,0.636379 1.58526,1.528446 z"
|
||||
inkscape:connector-curvature="0" />
|
||||
<path
|
||||
id="path3228"
|
||||
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:16.00038528px;font-family:Inter;-inkscape-font-specification:'Inter, Ultra-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none"
|
||||
d="m 119.89384,19.314899 c 2.4546,0 3.97736,-1.426171 4.05123,-3.585314 h -2.59665 c -0.10228,0.926159 -0.65911,1.431853 -1.42049,1.431853 -0.9773,0 -1.61368,-0.823883 -1.61368,-2.375057 0,-1.53981 0.64206,-2.363693 1.61368,-2.363693 0.79547,0 1.31253,0.539785 1.42049,1.431852 h 2.59665 c -0.0625,-2.147779 -1.63072,-3.54554 -4.05692,-3.54554 -2.74438,0 -4.40351,1.82959 -4.40351,4.505791 0,2.664836 1.64777,4.500108 4.4092,4.500108 z"
|
||||
inkscape:connector-curvature="0" />
|
||||
<path
|
||||
id="path3230"
|
||||
style="font-style:normal;font-variant:normal;font-weight:800;font-stretch:normal;font-size:16.00038528px;font-family:Inter;-inkscape-font-specification:'Inter, Ultra-Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:start;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none"
|
||||
d="m 125.3826,19.150122 h 2.77848 v -2.619381 l 0.56251,-0.681835 2.0796,3.301216 h 3.2103 l -3.22167,-4.926255 3.09667,-3.801228 h -3.1478 l -2.45461,3.125076 h -0.125 V 7.5134784 h -2.77848 z"
|
||||
inkscape:connector-curvature="0" />
|
||||
</g>
|
||||
<path
|
||||
d="m 2146.72,133.51812 a 23.030019,11.514995 45 0 1 -24.427,-8.1423 23.030019,11.514995 45 0 1 -8.1423,-24.427 23.030019,11.514995 45 0 1 24.427,8.1423 23.030019,11.514995 45 0 1 8.1423,24.427 z m -16.2137,16.2138 a 23.030019,11.514995 45 0 1 -24.427,-8.1424 23.030019,11.514995 45 0 1 -8.1424,-24.4269 23.030019,11.514995 45 0 1 24.4271,8.1422 23.030019,11.514995 45 0 1 8.1423,24.4271 z"
|
||||
style="opacity:1;vector-effect:none;fill:none;fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:37.79527664;stroke-opacity:1"
|
||||
id="path1681-6-5-3-7-4-9-2-0-2-7-6"
|
||||
inkscape:connector-curvature="0" />
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 16 KiB |
@ -274,8 +274,8 @@ function delete_user(u, password, on_success, on_error) {
|
||||
load_resource("delete", "/users/"+u._id +"?password="+password,null,on_success,on_error);
|
||||
}
|
||||
|
||||
function create_user(name, email, password, password_confirmation, on_success, on_error) {
|
||||
load_resource("post", "/users", {email:email, nickname:name, password:password, password_confirmation: password_confirmation}, on_success, on_error);
|
||||
function create_user(name, email, password, password_confirmation, invite_code, on_success, on_error) {
|
||||
load_resource("post", "/users", {email:email, nickname:name, password:password, password_confirmation: password_confirmation, invite_code: invite_code}, on_success, on_error);
|
||||
}
|
||||
|
||||
function create_session(email, password, on_success, on_error) {
|
||||
|
||||
@ -110,18 +110,30 @@ var SpacedeckSections = {
|
||||
color_picker_opacity: 255,
|
||||
|
||||
swatches: [
|
||||
{id:0, hex:"#4a2f7e"},
|
||||
{id:1, hex:"#9b59b6"},
|
||||
{id:2, hex:"#3498db"},
|
||||
{id:3, hex:"#2ecc71"},
|
||||
{id:4, hex:"#f1c40f"},
|
||||
{id:5, hex:"#e67e22"},
|
||||
{id:6, hex:"#d55c4b"},
|
||||
{id:7, hex:"#6f4021"},
|
||||
{id:8, hex:"#ffffff"},
|
||||
{id:9, hex:"#95a5a6"},
|
||||
{id:10, hex:"#252525"},
|
||||
{id:11, hex:"rgba(0,0,0,0)"},
|
||||
{id:1, hex:"#ff00ff"},
|
||||
{id:2, hex:"#ffff00"},
|
||||
{id:3, hex:"#00ffff"},
|
||||
{id:5, hex:"#ff0000"},
|
||||
{id:6, hex:"#00ff00"},
|
||||
{id:7, hex:"#0000ff"},
|
||||
{id:8, hex:"#000000"},
|
||||
{id:9, hex:"#222222"},
|
||||
{id:10, hex:"#444444"},
|
||||
{id:11, hex:"#888888"},
|
||||
{id:12, hex:"#bbbbbb"},
|
||||
{id:13, hex:"#dddddd"},
|
||||
{id:14, hex:"#ffffff"},
|
||||
|
||||
{id:20, hex:"#4a2f7e"},
|
||||
{id:21, hex:"#9b59b6"},
|
||||
{id:22, hex:"#3498db"},
|
||||
{id:23, hex:"#2ecc71"},
|
||||
{id:24, hex:"#f1c40f"},
|
||||
{id:25, hex:"#e67e22"},
|
||||
{id:26, hex:"#d55c4b"},
|
||||
{id:27, hex:"#6f4021"},
|
||||
{id:29, hex:"#95a5a6"},
|
||||
{id:30, hex:"rgba(0,0,0,0)"},
|
||||
],
|
||||
|
||||
swatches_text: [
|
||||
@ -1717,7 +1729,7 @@ var SpacedeckSections = {
|
||||
var a = {
|
||||
space_id: this.active_space._id,
|
||||
mime: "x-spacedeck/shape",
|
||||
description: "Text",
|
||||
description: "",
|
||||
x: point.x,
|
||||
y: point.y,
|
||||
z: point.z,
|
||||
@ -1729,7 +1741,7 @@ var SpacedeckSections = {
|
||||
fill_color: "#000000",
|
||||
shape: shape_type,
|
||||
valign: "middle",
|
||||
align: "center"
|
||||
align: "center",
|
||||
};
|
||||
|
||||
if (this.guest_nickname) {
|
||||
@ -2274,6 +2286,9 @@ var SpacedeckSections = {
|
||||
},
|
||||
|
||||
handle_section_paste: function(evt) {
|
||||
// TODO: very confusing
|
||||
return;
|
||||
|
||||
if (this.editing_artifact_id) return;
|
||||
var pastedText = null;
|
||||
|
||||
|
||||
@ -11,6 +11,7 @@ SpacedeckUsers = {
|
||||
login_email: "",
|
||||
login_password: "",
|
||||
signup_password: "",
|
||||
signup_invite_code: "",
|
||||
signup_password_confirmation: "",
|
||||
account_remove_error: null,
|
||||
loading_user: false,
|
||||
@ -122,7 +123,7 @@ SpacedeckUsers = {
|
||||
signup_guest: function(on_success) {
|
||||
},
|
||||
|
||||
signup_submit: function($event, name, email, password, password_confirmation, on_success) {
|
||||
signup_submit: function($event, name, email, password, password_confirmation, invite_code, on_success) {
|
||||
this.creating_user = true;
|
||||
this.signup_error = null;
|
||||
|
||||
@ -136,7 +137,7 @@ SpacedeckUsers = {
|
||||
$event.stopPropagation();
|
||||
}
|
||||
|
||||
create_user(name, email, password, password_confirmation, function(session) {
|
||||
create_user(name, email, password, password_confirmation, invite_code, function(session) {
|
||||
this.creating_user = false;
|
||||
this.login_submit(email, password, null, on_success);
|
||||
}.bind(this), function(req) {
|
||||
@ -152,8 +153,8 @@ SpacedeckUsers = {
|
||||
}.bind(this));
|
||||
},
|
||||
|
||||
signup_submit_modal: function($event, name, email, password, password_confirmation) {
|
||||
this.signup_submit($event, name, email, password, password_confirmation, function() {
|
||||
signup_submit_modal: function($event, name, email, password, password_confirmation, invite_code) {
|
||||
this.signup_submit($event, name, email, password, password_confirmation, invite_code, function() {
|
||||
alert("Success.");
|
||||
location.reload();
|
||||
});
|
||||
|
||||
@ -1,4 +1,5 @@
|
||||
@charset "UTF-8";
|
||||
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;900&display=swap");
|
||||
@font-face {
|
||||
font-family: 'icon';
|
||||
src: url("../fonts/icon-regular-webfont.eot");
|
||||
@ -2701,7 +2702,7 @@ hr {
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
color: inherit;
|
||||
font-family: inherit;
|
||||
font-weight: 500;
|
||||
font-weight: 900;
|
||||
line-height: 1.3;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 1em;
|
||||
@ -2734,8 +2735,7 @@ small {
|
||||
font-size: 75%; }
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #888; }
|
||||
color: black; }
|
||||
|
||||
dl {
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
@ -2803,7 +2803,6 @@ input:invalid {
|
||||
top: 0;
|
||||
right: 0;
|
||||
line-height: 1;
|
||||
font-size: 10px;
|
||||
margin: 12px;
|
||||
color: red;
|
||||
margin-right: 25px;
|
||||
@ -2838,7 +2837,7 @@ select {
|
||||
vertical-align: middle;
|
||||
font-weight: 300;
|
||||
font-family: Inter;
|
||||
font-size: 12pt;
|
||||
font-size: 20px;
|
||||
line-height: normal;
|
||||
color: #222;
|
||||
background-color: rgba(0, 0, 0, 0.01);
|
||||
@ -5901,6 +5900,14 @@ select {
|
||||
.rot45:hover > .icon {
|
||||
transform: rotateZ(45deg) translateX(-8px); }
|
||||
|
||||
.icon-svg {
|
||||
background-size: 26px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat; }
|
||||
|
||||
.icon-sd6 {
|
||||
background-image: url(/images/sd6-icon-white.svg); }
|
||||
|
||||
.icon-bullet:before {
|
||||
content: "\2022"; }
|
||||
|
||||
@ -8096,7 +8103,7 @@ select {
|
||||
background-color: rgba(255, 255, 255, 0.05); }
|
||||
.btn.btn-dark {
|
||||
background-color: #222;
|
||||
color: #888; }
|
||||
color: #ffffff; }
|
||||
.btn.btn-medium {
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
color: #888; }
|
||||
@ -8285,7 +8292,6 @@ select {
|
||||
margin-right: -5px; }
|
||||
.btn.btn-icon {
|
||||
padding: 0px !important;
|
||||
font-weight: bold;
|
||||
max-width: 60px; }
|
||||
.btn.btn-icon.btn-xl {
|
||||
max-width: 80px; }
|
||||
@ -8306,31 +8312,9 @@ select {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
font-size: 12pt;
|
||||
font-size: 20px;
|
||||
color: #888;
|
||||
margin-top: 10px; }
|
||||
.btn.btn-social {
|
||||
position: relative; }
|
||||
.btn.btn-social:hover .icon,
|
||||
.btn.btn-social .number {
|
||||
-webkit-transform: scale(0, 0);
|
||||
-ms-transform: scale(0, 0);
|
||||
transform: scale(0, 0);
|
||||
opacity: 0; }
|
||||
.btn.btn-social:hover .number {
|
||||
-webkit-transition: all 0.1s 0.1s ease-in-out;
|
||||
transition: all 0.1s 0.1s ease-in-out;
|
||||
-webkit-transform: scale(1, 1);
|
||||
-ms-transform: scale(1, 1);
|
||||
transform: scale(1, 1);
|
||||
opacity: 1; }
|
||||
.btn.btn-social .number,
|
||||
.btn.btn-social .icon {
|
||||
-webkit-transition: all 0.1s 0s ease-in-out;
|
||||
transition: all 0.1s 0s ease-in-out;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
.btn.btn-md.btn-icon-labeled .icon:before {
|
||||
line-height: 29px; }
|
||||
.btn.btn-md.btn-icon-labeled .icon-label {
|
||||
@ -8357,7 +8341,6 @@ select {
|
||||
line-height: 42px; }
|
||||
.btn.btn-icon-labeled .icon-label {
|
||||
font-size: 11px;
|
||||
text-transform: capitalize;
|
||||
text-align: center;
|
||||
margin: 8px 0;
|
||||
display: block;
|
||||
@ -8370,7 +8353,7 @@ select {
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
padding: 0 0px;
|
||||
font-weight: bold; }
|
||||
font-weight: 300; }
|
||||
.btn.btn-icon-labeled.hover .letter, .btn.btn-icon-labeled.hover .number, .btn.btn-icon-labeled.hover .icon:before {
|
||||
line-height: 60px; }
|
||||
.btn.btn-icon-labeled.hover .letter, .btn.btn-icon-labeled.hover .number, .btn.btn-icon-labeled.hover .icon:before {
|
||||
@ -8858,7 +8841,6 @@ select {
|
||||
font-size: 0px;
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
border: 1px solid #222;
|
||||
border-radius: 5px; }
|
||||
.btn-group.dark {
|
||||
border-radius: 3px;
|
||||
@ -9000,7 +8982,7 @@ select {
|
||||
transform: translateY(1%); }
|
||||
.contained-dropdown .overflow-y-scroll ul li span {
|
||||
text-align: center;
|
||||
font-size: 12pt;
|
||||
font-size: 20px;
|
||||
line-height: 1.5em; }
|
||||
.contained-dropdown.hover:hover, .contained-dropdown.open {
|
||||
background-color: #f5f5f5; }
|
||||
@ -9062,6 +9044,8 @@ select {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
vertical-align: middle; }
|
||||
.dropdown a {
|
||||
text-decoration: none; }
|
||||
.dropdown.dropdown-block {
|
||||
display: block; }
|
||||
.dropdown.dropdown-block .dropdown-toggle {
|
||||
@ -9300,30 +9284,24 @@ select {
|
||||
border-top-right-radius: 9px;
|
||||
border-bottom-right-radius: 9px; }
|
||||
|
||||
.dialog-account {
|
||||
width: 600px;
|
||||
margin: auto;
|
||||
margin-top: 100px; }
|
||||
|
||||
.dialog {
|
||||
font-size: 13px;
|
||||
min-width: 200px;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
white-space: normal;
|
||||
z-index: 1000;
|
||||
position: absolute;
|
||||
font-size: 15px;
|
||||
border: 1px solid black;
|
||||
box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.15);
|
||||
border-radius: 5px;
|
||||
white-space: normal;
|
||||
opacity: 0;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-transition: all 0.125s ease-in-out;
|
||||
transition: all 0.125s ease-in-out;
|
||||
pointer-events: none;
|
||||
background-color: #f5f5f5;
|
||||
color: #222;
|
||||
border-radius: 9px;
|
||||
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 7px rgba(0, 0, 0, 0.1); }
|
||||
.dialog ol, .dialog ul, .dialog p {
|
||||
font-size: inherit; }
|
||||
color: #222; }
|
||||
.dialog > .btn-block:last-child {
|
||||
border-top-left-radius: 0px;
|
||||
border-top-right-radius: 0px;
|
||||
@ -9347,10 +9325,9 @@ select {
|
||||
.dialog .dialog-tabs .dialog-tab:hover span {
|
||||
color: #222; }
|
||||
.dialog .dialog-tabs .dialog-tab.open span {
|
||||
background-color: #f5f5f5;
|
||||
background-color: white;
|
||||
color: #222;
|
||||
opacity: 1;
|
||||
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 7px rgba(0, 0, 0, 0.1) !important;
|
||||
border-bottom-right-radius: 0px !important;
|
||||
border-bottom-left-radius: 0px !important;
|
||||
border-top-left-radius: 9px;
|
||||
@ -9398,6 +9375,12 @@ select {
|
||||
height: 200px; }
|
||||
.dialog h4 .icon {
|
||||
height: 38px; }
|
||||
.dialog.dialog-freestanding {
|
||||
margin: auto;
|
||||
position: relative;
|
||||
top: 150px;
|
||||
border: none;
|
||||
width: 800px; }
|
||||
|
||||
.overflow-hidden {
|
||||
overflow: hidden; }
|
||||
@ -9777,12 +9760,8 @@ button.close {
|
||||
text-indent: 4px;
|
||||
text-align: center; }
|
||||
|
||||
.modal-footer:before, .modal-footer:after {
|
||||
content: " ";
|
||||
display: table; }
|
||||
|
||||
.modal-footer:after {
|
||||
clear: both; }
|
||||
.modal-footer {
|
||||
margin-top: 20px; }
|
||||
|
||||
#search-dialog:after {
|
||||
margin-left: -160px; }
|
||||
@ -9868,37 +9847,20 @@ button.close {
|
||||
max-height: 120px;
|
||||
border-radius: 3px; }
|
||||
|
||||
.white .select-list li.checked:before {
|
||||
background-color: #888 !important; }
|
||||
|
||||
.white .select-list li.checked > a,
|
||||
.white .select-list li.checked > span {
|
||||
color: #888; }
|
||||
|
||||
.white .select-list li:hover:before {
|
||||
background-color: #888; }
|
||||
|
||||
.white .select-list li:hover > a,
|
||||
.white .select-list li:hover > span {
|
||||
background-color: rgba(0, 0, 0, 0.025) !important; }
|
||||
|
||||
.white .select-list li:before {
|
||||
background-color: #888; }
|
||||
|
||||
.white .select-list li > a,
|
||||
.white .select-list li > span {
|
||||
color: #888; }
|
||||
|
||||
.select-list {
|
||||
-webkit-mask-image: -webkit-gradient(linear, left top, left 15px, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
|
||||
background-clip: padding-box;
|
||||
font-size: 15px;
|
||||
line-height: 14px;
|
||||
list-style: none;
|
||||
margin: 0px;
|
||||
padding: 15px 0;
|
||||
text-align: left;
|
||||
color: #888;
|
||||
border-radius: 3px; }
|
||||
.select-list:empty:before {
|
||||
position: absolute;
|
||||
@ -9935,13 +9897,11 @@ button.close {
|
||||
.select-list li.checked > a,
|
||||
.select-list li.checked > span {
|
||||
color: #222; }
|
||||
.select-list li:hover:before {
|
||||
background-color: #888;
|
||||
display: block; }
|
||||
.select-list li:hover > a,
|
||||
.select-list li:hover > span {
|
||||
color: #888;
|
||||
color: #222; }
|
||||
.select-list li:hover {
|
||||
background-color: black; }
|
||||
.select-list li:hover > a,
|
||||
.select-list li:hover > span {
|
||||
color: white; }
|
||||
.select-list li.select-list-title:before {
|
||||
display: none !important; }
|
||||
.select-list li:before {
|
||||
@ -9962,9 +9922,8 @@ button.close {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
color: #888;
|
||||
margin: 0 25px;
|
||||
padding: 16px 3px;
|
||||
padding: 10px 0px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 100%;
|
||||
@ -10069,11 +10028,14 @@ button.close {
|
||||
|
||||
.header-left {
|
||||
left: 0;
|
||||
padding-left: 10px; }
|
||||
padding-left: 10px;
|
||||
padding-left: 20px;
|
||||
padding-top: 20px; }
|
||||
|
||||
.header-right {
|
||||
right: 0;
|
||||
padding-right: 20px; }
|
||||
padding-right: 20px;
|
||||
padding-top: 20px; }
|
||||
|
||||
.header-center {
|
||||
width: 100%;
|
||||
@ -10092,7 +10054,7 @@ button.close {
|
||||
margin-right: 10px; }
|
||||
|
||||
.header-right > * {
|
||||
margin-left: 5px; }
|
||||
margin-left: 10px; }
|
||||
|
||||
.header-right {
|
||||
font-size: 0; }
|
||||
@ -10107,7 +10069,7 @@ button.close {
|
||||
margin: 0;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
font-size: 9pt;
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
color: #888;
|
||||
display: inline-block;
|
||||
@ -10122,19 +10084,6 @@ button.close {
|
||||
.author .author-date {
|
||||
opacity: 0.5; }
|
||||
|
||||
.present-mode #space-header {
|
||||
background-color: transparent !important; }
|
||||
|
||||
#space-siblings {
|
||||
background-color: rgba(245, 245, 245, 0.95);
|
||||
padding: 35px;
|
||||
max-height: 450px;
|
||||
overflow-y: scroll;
|
||||
margin-top: 54px;
|
||||
border-bottom: 1px solid #eee; }
|
||||
#space-siblings .btn {
|
||||
margin-bottom: 50px; }
|
||||
|
||||
#account-forms {
|
||||
z-index: 2000;
|
||||
width: 100%;
|
||||
@ -12447,7 +12396,7 @@ button.close {
|
||||
min-height: 0; }
|
||||
#folder-empty > div p {
|
||||
border-radius: 100px;
|
||||
font-size: 12pt;
|
||||
font-size: 20px;
|
||||
line-height: 1.5em;
|
||||
display: block;
|
||||
color: #888; }
|
||||
@ -12554,7 +12503,6 @@ button.close {
|
||||
#folder-grid:after {
|
||||
clear: both; }
|
||||
#folder-grid .item {
|
||||
box-shadow: 0 0 1pxrgba 0, 0, 0, 0.1;
|
||||
display: inline-block;
|
||||
text-align: left;
|
||||
padding-right: 40px;
|
||||
@ -12680,7 +12628,8 @@ button.close {
|
||||
/* aspect ratio without spacer image */
|
||||
background-color: white;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.025), 0 2px 7px rgba(0, 0, 0, 0.025);
|
||||
box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.15);
|
||||
border: 1px solid black;
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
color: #888;
|
||||
@ -12751,8 +12700,7 @@ button.close {
|
||||
right: 40px;
|
||||
left: 0px;
|
||||
z-index: 100;
|
||||
width: auto;
|
||||
background-color: white; }
|
||||
width: auto; }
|
||||
#folder-grid .item .item-meta:before, #folder-grid .item .item-meta:after {
|
||||
content: " ";
|
||||
display: table; }
|
||||
@ -12777,38 +12725,6 @@ button.close {
|
||||
text-overflow: ellipsis;
|
||||
color: #222;
|
||||
text-align: left; }
|
||||
#folder-grid .item .item-meta .item-social {
|
||||
padding: 8px;
|
||||
border-right: 2px solid rgba(0, 0, 0, 0.025);
|
||||
color: #888; }
|
||||
#folder-grid .item .item-meta .item-social:before, #folder-grid .item .item-meta .item-social:after {
|
||||
content: " ";
|
||||
display: table; }
|
||||
#folder-grid .item .item-meta .item-social:after {
|
||||
clear: both; }
|
||||
#folder-grid .item .item-meta .item-social .item-likes,
|
||||
#folder-grid .item .item-meta .item-social .item-comments,
|
||||
#folder-grid .item .item-meta .item-social .item-shares {
|
||||
position: relative; }
|
||||
#folder-grid .item .item-meta .item-social .item-likes:hover .icon,
|
||||
#folder-grid .item .item-meta .item-social .item-comments:hover .icon,
|
||||
#folder-grid .item .item-meta .item-social .item-shares:hover .icon {
|
||||
opacity: 0; }
|
||||
#folder-grid .item .item-meta .item-social .item-likes:hover .number,
|
||||
#folder-grid .item .item-meta .item-social .item-comments:hover .number,
|
||||
#folder-grid .item .item-meta .item-social .item-shares:hover .number {
|
||||
opacity: 1; }
|
||||
#folder-grid .item .item-meta .item-social .item-likes .number,
|
||||
#folder-grid .item .item-meta .item-social .item-comments .number,
|
||||
#folder-grid .item .item-meta .item-social .item-shares .number {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
top: 0;
|
||||
left: 0; }
|
||||
#folder-grid .item .item-meta .item-social .item-likes .icon,
|
||||
#folder-grid .item .item-meta .item-social .item-comments .icon,
|
||||
#folder-grid .item .item-meta .item-social .item-shares .icon {
|
||||
opacity: 0.5; }
|
||||
#folder-grid .item .item-appendix {
|
||||
pointer-events: none;
|
||||
width: auto;
|
||||
@ -13292,11 +13208,14 @@ button.close {
|
||||
.toolbar {
|
||||
margin: auto;
|
||||
position: fixed;
|
||||
top: 10px;
|
||||
top: 20px;
|
||||
z-index: 3000;
|
||||
padding: 0;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.15);
|
||||
border: 1px solid black;
|
||||
border-radius: 5px;
|
||||
pointer-events: none !important; }
|
||||
.toolbar.toolbar-meta {
|
||||
-webkit-transform: translate3d(0, -100%, 0);
|
||||
@ -13455,10 +13374,17 @@ button.close {
|
||||
background-color: #ffffff; }
|
||||
|
||||
.toolbar-elements {
|
||||
left: 10px; }
|
||||
left: 20px; }
|
||||
|
||||
.toolbar-properties {
|
||||
right: 20px; }
|
||||
right: 30px; }
|
||||
|
||||
.zoom-bar {
|
||||
position: absolute;
|
||||
bottom: 30px;
|
||||
right: 30px;
|
||||
box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.15);
|
||||
border: 1px solid black; }
|
||||
|
||||
#color-toggles {
|
||||
background-size: 40px;
|
||||
@ -14279,7 +14205,6 @@ button.close {
|
||||
right: 0;
|
||||
z-index: 800;
|
||||
pointer-events: none;
|
||||
opacity: 0.25;
|
||||
display: block; }
|
||||
|
||||
.column-row {
|
||||
@ -14681,16 +14606,16 @@ button.close {
|
||||
max-width: 100%;
|
||||
position: relative;
|
||||
width: auto;
|
||||
margin-left: -12pt;
|
||||
margin-right: -12pt;
|
||||
margin-top: -12pt;
|
||||
margin-bottom: -12pt; }
|
||||
margin-left: -20px;
|
||||
margin-right: -20px;
|
||||
margin-top: -20px;
|
||||
margin-bottom: -20px; }
|
||||
|
||||
.table table {
|
||||
width: 100%;
|
||||
table-layout: auto;
|
||||
border-collapse: separate;
|
||||
border-spacing: 12pt 12pt; }
|
||||
border-spacing: 20px 20px; }
|
||||
|
||||
.table tr {
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.125); }
|
||||
@ -15103,9 +15028,9 @@ button.close {
|
||||
display: block;
|
||||
word-wrap: break-word;
|
||||
line-height: 1.5em;
|
||||
font-size: 12pt; }
|
||||
font-size: 20px; }
|
||||
.artifact .text-table .text-cell .text-column.text-editing {
|
||||
min-height: 12pt;
|
||||
min-height: 20px;
|
||||
-webkit-user-select: auto;
|
||||
-moz-user-select: auto;
|
||||
user-select: auto;
|
||||
@ -15373,8 +15298,7 @@ button.close {
|
||||
white-space: normal;
|
||||
font-size: 36px; }
|
||||
.board .artifact.artifact-zone {
|
||||
border: 1px solid #2ecc71;
|
||||
background-color: rgba(46, 204, 113, 0.025);
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
border-radius: 10px; }
|
||||
.board .artifact.artifact-zone:after {
|
||||
display: none; }
|
||||
@ -16054,193 +15978,37 @@ body:not(.present-mode) #space .artifact.selected {
|
||||
color: #202020; }
|
||||
|
||||
#landing-header {
|
||||
background-color: rgba(255, 255, 255, 0.3);
|
||||
background-color: white;
|
||||
height: 64px;
|
||||
position: absolute;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0; }
|
||||
|
||||
.landing-keyvisual-wrapper {
|
||||
background-image: url("../images/sd5-keyvisual-compressed.jpg");
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px; }
|
||||
|
||||
.landing-plans-wrapper {
|
||||
background-image: url("../images/sd5-hero2-compressed.jpg");
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
padding-top: 80px;
|
||||
padding-bottom: 100px; }
|
||||
|
||||
.landing-box {
|
||||
width: 800px;
|
||||
margin: auto;
|
||||
max-width: 90%;
|
||||
background-color: white;
|
||||
padding: 40px;
|
||||
margin-bottom: 80px;
|
||||
margin-top: 80px;
|
||||
position: relative;
|
||||
box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.2); }
|
||||
.landing-box h1 {
|
||||
margin-bottom: 20px; }
|
||||
.landing-box.black {
|
||||
background-color: #222;
|
||||
color: white;
|
||||
padding: 20px;
|
||||
text-align: center; }
|
||||
.landing-box.overlap {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
margin-top: -65px;
|
||||
left: 50%;
|
||||
top: 0px;
|
||||
margin-left: -250px;
|
||||
width: 500px; }
|
||||
.landing-box.screenshot {
|
||||
width: 90%;
|
||||
max-width: 90%;
|
||||
padding: 20px;
|
||||
box-shadow: none;
|
||||
background-color: transparent; }
|
||||
.landing-box.screenshot img {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
opacity: 0.3; }
|
||||
.landing-box.landing-box-left {
|
||||
margin-left: 30px; }
|
||||
|
||||
.lead {
|
||||
margin-bottom: 20px; }
|
||||
|
||||
.plans-box {
|
||||
background: linear-gradient(to bottom, #FEFFFF 25%, #D0D8E2 100%);
|
||||
padding: 40px;
|
||||
border-radius: 9px; }
|
||||
|
||||
.landing-box.plans-box {
|
||||
margin-top: 200px;
|
||||
width: 900px; }
|
||||
|
||||
.plans-table tr {
|
||||
vertical-align: top; }
|
||||
|
||||
.plans-table th {
|
||||
font-size: 42px;
|
||||
padding-top: 40px;
|
||||
text-align: center; }
|
||||
|
||||
.plans-table th.best-plan {
|
||||
padding-top: 20px;
|
||||
font-size: 48px;
|
||||
padding-bottom: 0px; }
|
||||
|
||||
.plans-table td {
|
||||
padding: 20px;
|
||||
width: 30%; }
|
||||
.plans-table td p, .plans-table td li {
|
||||
font-size: 18px; }
|
||||
.plans-table td li {
|
||||
margin-bottom: 10px; }
|
||||
|
||||
.plans-table td.best-plan {
|
||||
width: 40%; }
|
||||
.plans-table td.best-plan p {
|
||||
font-size: 22px; }
|
||||
|
||||
.plans-table td li {
|
||||
list-style-type: none;
|
||||
text-align: center; }
|
||||
|
||||
.plans-table ul {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important; }
|
||||
|
||||
.plans-table .upgrade-buttons {
|
||||
text-align: center;
|
||||
margin-top: 20px; }
|
||||
|
||||
.logo-row {
|
||||
position: relative;
|
||||
padding: 80px;
|
||||
background-color: white;
|
||||
text-align: center;
|
||||
width: 100%; }
|
||||
.logo-row.blue {
|
||||
background-color: #3d9ee9;
|
||||
color: white; }
|
||||
|
||||
.logo-row div {
|
||||
display: inline-block;
|
||||
width: 200px; }
|
||||
|
||||
.landing-row {
|
||||
background-color: white;
|
||||
padding-bottom: 80px;
|
||||
padding-top: 40px; }
|
||||
|
||||
#keyvisual {
|
||||
border-radius: 20px;
|
||||
box-shadow: 0px 0px 20px #eee;
|
||||
width: 640px;
|
||||
height: 420px;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-image: url("/images/landing/spacedeck-screenshot1.jpg");
|
||||
background-color: white;
|
||||
margin: auto;
|
||||
margin-top: 40px;
|
||||
margin-bottom: 40px;
|
||||
border: 1px solid #eee; }
|
||||
|
||||
#legal .landing-box {
|
||||
width: 800px; }
|
||||
#landing {
|
||||
margin-top: 100px; }
|
||||
#landing section {
|
||||
margin-left: 300px; }
|
||||
#landing section > * {
|
||||
max-width: 600px; }
|
||||
|
||||
.footer {
|
||||
padding: 40px;
|
||||
padding-bottom: 80px;
|
||||
text-align: center;
|
||||
color: #888; }
|
||||
.footer a {
|
||||
margin-right: 20px; }
|
||||
|
||||
@media screen and (min-width: 801px) {
|
||||
.plans-table-mobile {
|
||||
display: none; } }
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
ul.lead.lead-xl, p.lead.lead-xl, ol.lead.lead-xl {
|
||||
font-size: 20px !important; }
|
||||
.header-right > span:first-child {
|
||||
display: none; }
|
||||
.plans-table {
|
||||
display: none; }
|
||||
.plans-table-mobile {
|
||||
display: block; }
|
||||
.plans-table-mobile tbody {
|
||||
display: block;
|
||||
width: 100%; }
|
||||
.plans-table-mobile tr {
|
||||
display: block;
|
||||
width: 100%; }
|
||||
.plans-table-mobile td, .plans-table-mobile th {
|
||||
display: block;
|
||||
width: 100%; }
|
||||
.plans-table-mobile ul, .plans-table-mobile li {
|
||||
width: 100%; } }
|
||||
margin-left: 300px;
|
||||
margin-top: 100px;
|
||||
margin-bottom: 100px; }
|
||||
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
background-color: #f5f5f5;
|
||||
background-color: white;
|
||||
color: #111; }
|
||||
|
||||
body {
|
||||
max-width: 100%;
|
||||
padding: 0px;
|
||||
text-rendering: optimizeLegibility;
|
||||
cursor: default; }
|
||||
|
||||
*[contenteditable="true"] {
|
||||
outline: none; }
|
||||
|
||||
@ -16251,30 +16019,13 @@ body {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box; }
|
||||
|
||||
body {
|
||||
max-width: 100%;
|
||||
padding: 0px;
|
||||
text-rendering: optimizeLegibility;
|
||||
cursor: default; }
|
||||
|
||||
#home {
|
||||
background-color: white; }
|
||||
|
||||
.img img {
|
||||
max-width: 100%;
|
||||
height: auto; }
|
||||
|
||||
#startup {
|
||||
background-position: center;
|
||||
background-image: url(/images/diamond.svg);
|
||||
background-repeat: no-repeat; }
|
||||
|
||||
.layer {
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
/*.layer {
|
||||
@include transition( all 0.2s ease-in-out);
|
||||
@include backface-visibility(hidden);
|
||||
position: absolute;
|
||||
width: auto;
|
||||
height: auto;
|
||||
@ -16284,18 +16035,23 @@ body {
|
||||
bottom: 0;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
// @include scale(0.95,0.95);
|
||||
display: none;
|
||||
z-index: 1000; }
|
||||
.layer.top-layer {
|
||||
z-index: 3500; }
|
||||
.layer.in {
|
||||
z-index: 1000;
|
||||
&.top-layer {
|
||||
z-index: 3500;
|
||||
}
|
||||
&.in {
|
||||
display: block;
|
||||
&.top-layer {
|
||||
z-index: 3500;
|
||||
}
|
||||
z-index: 2000;
|
||||
// @include scale(1,1);
|
||||
pointer-events: auto;
|
||||
opacity: 1; }
|
||||
.layer.in.top-layer {
|
||||
z-index: 3500; }
|
||||
|
||||
opacity: 1;
|
||||
}
|
||||
}*/
|
||||
[draggable] {
|
||||
-moz-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
|
||||
@ -51,12 +51,18 @@ router.post('/', function(req, res) {
|
||||
var nickname = req.body["nickname"];
|
||||
var password = req.body["password"];
|
||||
var password_confirmation = req.body["password_confirmation"];
|
||||
var invite_code = req.body["invite_code"];
|
||||
|
||||
if (password_confirmation != password) {
|
||||
res.status(400).json({"error":"password_confirmation"});
|
||||
return;
|
||||
}
|
||||
|
||||
if (config.invite_code && invite_code != config.invite_code) {
|
||||
res.status(400).json({"error":"Invalid Invite Code."});
|
||||
return;
|
||||
}
|
||||
|
||||
if (!validator.isEmail(email)) {
|
||||
res.status(400).json({"error":"email_invalid"});
|
||||
return;
|
||||
|
||||
@ -472,8 +472,7 @@
|
||||
font-size: 36px;
|
||||
|
||||
&.artifact-zone {
|
||||
border: 1px solid rgba(46,204,113,1);
|
||||
background-color: rgba(46,204,113,0.025);
|
||||
background-color: rgba(0,0,0,0.05);
|
||||
border-radius: 10px;
|
||||
&:after {display: none; }
|
||||
.shape {display: none; }
|
||||
|
||||
@ -301,7 +301,7 @@
|
||||
|
||||
&.btn-dark {
|
||||
background-color: $dark ;
|
||||
color: $medium;
|
||||
color: $white;
|
||||
}
|
||||
|
||||
&.btn-medium {
|
||||
@ -469,7 +469,6 @@
|
||||
|
||||
&.btn-icon {
|
||||
padding: 0px !important;
|
||||
font-weight: bold;
|
||||
max-width: 60px;
|
||||
|
||||
&.btn-xl { max-width: 80px; }
|
||||
@ -496,30 +495,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
&.btn-social {
|
||||
position: relative;
|
||||
|
||||
&:hover .icon,
|
||||
.number {
|
||||
@include scale(0,0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
&:hover .number {
|
||||
@include transition( all 0.1s 0.1s ease-in-out);
|
||||
@include scale(1,1);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.number,
|
||||
.icon {
|
||||
@include transition( all 0.1s 0s ease-in-out);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.btn-md.btn-icon-labeled {
|
||||
.icon:before {
|
||||
line-height: 29px;
|
||||
@ -555,7 +530,6 @@
|
||||
.icon:before {line-height: 42px; }
|
||||
.icon-label {
|
||||
font-size: 11px;
|
||||
text-transform: capitalize;
|
||||
text-align: center;
|
||||
margin: 8px 0;
|
||||
display: block;
|
||||
@ -568,7 +542,7 @@
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
padding: 0 0px;
|
||||
font-weight: bold;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
&.hover {
|
||||
@ -977,7 +951,7 @@
|
||||
vertical-align: middle;
|
||||
white-space: nowrap;
|
||||
|
||||
border: 1px solid $dark;
|
||||
//border: 1px solid $dark;
|
||||
border-radius: 5px;
|
||||
|
||||
&.dark {
|
||||
|
||||
@ -96,33 +96,30 @@
|
||||
border-bottom-right-radius: $radius*3;
|
||||
}
|
||||
|
||||
.dialog-account {
|
||||
width: 600px;
|
||||
margin: auto;
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
.dialog {
|
||||
|
||||
font-size: 13px;
|
||||
|
||||
ol, ul, p {
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
> .btn-block:last-child {
|
||||
border-top-left-radius: 0px;
|
||||
border-top-right-radius: 0px;
|
||||
border-bottom-left-radius: $radius*3;
|
||||
border-bottom-right-radius: $radius*3;
|
||||
}
|
||||
|
||||
min-width: 200px;
|
||||
|
||||
@include backface-visibility(hidden);
|
||||
white-space: normal;
|
||||
z-index: 1000;
|
||||
position: absolute;
|
||||
// white-space: normal;
|
||||
font-size: 15px;
|
||||
border: 1px solid black;
|
||||
box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.15);
|
||||
border-radius: 5px;
|
||||
white-space: normal;
|
||||
|
||||
opacity: 0;
|
||||
@include user-select(none);
|
||||
@include transition( all 0.125s ease-in-out);
|
||||
@include transition(all 0.125s ease-in-out);
|
||||
pointer-events: none;
|
||||
background-color: $light;
|
||||
color: $dark;
|
||||
@ -130,9 +127,6 @@
|
||||
background-color: $dark;
|
||||
}
|
||||
|
||||
border-radius: $radius*3;
|
||||
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 7px rgba(0, 0, 0, 0.1);
|
||||
|
||||
.dialog-tabs-wrapper {
|
||||
overflow: hidden;
|
||||
border-top-left-radius: $radius*3;
|
||||
@ -152,15 +146,13 @@
|
||||
&:hover span {color: $dark; }
|
||||
|
||||
&.open span {
|
||||
background-color: $light;
|
||||
background-color: white;
|
||||
color: $dark;
|
||||
opacity: 1;
|
||||
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 7px rgba(0, 0, 0, 0.1) !important;
|
||||
border-bottom-right-radius: 0px !important;
|
||||
border-bottom-left-radius: 0px !important;
|
||||
border-top-left-radius: $radius*3;
|
||||
border-top-right-radius: $radius*3;
|
||||
|
||||
}
|
||||
|
||||
&:first-child span {
|
||||
@ -202,7 +194,6 @@
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.dialog-section {
|
||||
&:first-child {border: none !important; }
|
||||
border-top: 2px solid rgba(0,0,0,0.1);
|
||||
@ -230,4 +221,13 @@
|
||||
h4 .icon {
|
||||
height: 38px;
|
||||
}
|
||||
|
||||
// account dialog
|
||||
&.dialog-freestanding {
|
||||
margin: auto;
|
||||
position: relative;
|
||||
top: 150px;
|
||||
border: none;
|
||||
width: 800px;
|
||||
}
|
||||
}
|
||||
|
||||
@ -118,6 +118,10 @@ $predelay: 0;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&.dropdown-block {
|
||||
display: block;
|
||||
|
||||
@ -254,7 +254,6 @@
|
||||
// word-wrap: break-word;
|
||||
|
||||
.item {
|
||||
box-shadow: 0 0 1pxrgba(0,0,0,0.1);
|
||||
display: inline-block;
|
||||
text-align: left;
|
||||
padding-right: $folder-gutter*2;
|
||||
@ -397,7 +396,10 @@
|
||||
|
||||
&:active { opacity: 0.95 !important; }
|
||||
|
||||
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.025), 0 2px 7px rgba(0, 0, 0, 0.025);
|
||||
box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.15);
|
||||
border: 1px solid black;
|
||||
|
||||
// ???
|
||||
@include opacity(1);
|
||||
color: $medium;
|
||||
// color: white;
|
||||
@ -476,7 +478,6 @@
|
||||
left: 0px;
|
||||
z-index: 100;
|
||||
width: auto;
|
||||
background-color: rgba(255,255,255,1);
|
||||
|
||||
.dropdown {
|
||||
position: absolute;
|
||||
@ -501,30 +502,6 @@
|
||||
color: $dark;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.item-social {
|
||||
padding: 8px;
|
||||
border-right: 2px solid rgba(0,0,0,0.025);
|
||||
@include clearfix;
|
||||
color: $medium;
|
||||
|
||||
.item-likes,
|
||||
.item-comments,
|
||||
.item-shares {
|
||||
position: relative;
|
||||
&:hover {
|
||||
.icon {opacity: 0; }
|
||||
.number {opacity: 1; }
|
||||
}
|
||||
.number {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.icon {opacity: 0.5; }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.item-appendix {
|
||||
|
||||
@ -23,7 +23,6 @@ input:invalid {
|
||||
top: 0;
|
||||
right: 0;
|
||||
line-height: 1;
|
||||
font-size: 10px;
|
||||
margin: 12px;
|
||||
color: red;
|
||||
margin-right: 25px;
|
||||
|
||||
@ -5,7 +5,6 @@
|
||||
.header-left,
|
||||
.header-right {
|
||||
position: absolute;
|
||||
//@include transition( all 0.25s ease-in-out);
|
||||
@include backface-visibility(hidden);
|
||||
z-index: 3000;
|
||||
top: 10px;
|
||||
@ -27,17 +26,20 @@
|
||||
.home {
|
||||
margin-top: -20px;
|
||||
margin-left: -20px;
|
||||
// .icon {color: $dark; }
|
||||
}
|
||||
|
||||
.header-left {
|
||||
left: 0;
|
||||
padding-left: 10px;
|
||||
left: 0;
|
||||
padding-left: 10px;
|
||||
padding-left: 20px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
.header-right {
|
||||
right: 0;
|
||||
padding-right: 20px;
|
||||
right: 0;
|
||||
padding-right: 20px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.header-center {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
@ -53,7 +55,7 @@
|
||||
}
|
||||
}
|
||||
.header-left > * { margin-right: 10px; }
|
||||
.header-right > * { margin-left: 5px; }
|
||||
.header-right > * { margin-left: 10px; }
|
||||
.header-right { font-size: 0;}
|
||||
|
||||
.title {
|
||||
@ -87,21 +89,3 @@
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
.present-mode #space-header {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
#space-siblings {
|
||||
background-color: rgba(245, 245, 245, 0.95);
|
||||
padding: 35px;
|
||||
max-height: 450px;
|
||||
overflow-y: scroll;
|
||||
margin-top: 54px;
|
||||
border-bottom: 1px solid #eee;
|
||||
|
||||
.btn {
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -85,3 +85,12 @@
|
||||
transform: rotateZ(45deg) translateX(-8px);
|
||||
}
|
||||
|
||||
.icon-svg {
|
||||
background-size: 26px;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.icon-sd6 {
|
||||
background-image: url(/images/sd6-icon-white.svg);
|
||||
}
|
||||
|
||||
@ -1,257 +1,29 @@
|
||||
@import "vars";
|
||||
|
||||
#landing-header {
|
||||
background-color: rgba(255,255,255,0.3);
|
||||
height: 64px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background-color: white;
|
||||
height: 64px;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.landing-keyvisual-wrapper {
|
||||
background-image: url("../images/sd5-keyvisual-compressed.jpg");
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
|
||||
.landing-plans-wrapper {
|
||||
background-image: url("../images/sd5-hero2-compressed.jpg");
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
padding-top: 80px;
|
||||
padding-bottom: 100px;
|
||||
}
|
||||
|
||||
.landing-box {
|
||||
width: 800px;
|
||||
margin: auto;
|
||||
max-width: 90%;
|
||||
background-color: white;
|
||||
padding: 40px;
|
||||
margin-bottom: 80px;
|
||||
margin-top: 80px;
|
||||
position: relative;
|
||||
|
||||
box-shadow: 0px 0px 50px rgba(0,0,0,0.2);
|
||||
|
||||
h1 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
&.black {
|
||||
background-color: #222;
|
||||
color: white;
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&.overlap {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
margin-top: -65px;
|
||||
left: 50%;
|
||||
top: 0px;
|
||||
margin-left: -250px;
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
&.screenshot {
|
||||
width: 90%;
|
||||
max-width: 90%;
|
||||
padding: 20px;
|
||||
box-shadow: none;
|
||||
background-color: transparent;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
opacity: 0.3;
|
||||
#landing {
|
||||
margin-top: 100px;
|
||||
|
||||
section {
|
||||
margin-left: 300px;
|
||||
|
||||
> * {
|
||||
max-width: 600px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.landing-box-left {
|
||||
margin-left: 30px;
|
||||
}
|
||||
}
|
||||
|
||||
.lead-xxl {
|
||||
}
|
||||
|
||||
.lead {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.lead-xl {
|
||||
}
|
||||
|
||||
.plans-box {
|
||||
background: linear-gradient(to bottom, #FEFFFF 25%,#D0D8E2 100%);
|
||||
padding: 40px;
|
||||
border-radius: 9px;
|
||||
}
|
||||
|
||||
.landing-box.plans-box {
|
||||
margin-top: 200px;
|
||||
width: 900px;
|
||||
}
|
||||
|
||||
.plans-table {
|
||||
tr {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
th {
|
||||
font-size: 42px;
|
||||
padding-top: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
th.best-plan {
|
||||
padding-top: 20px;
|
||||
font-size: 48px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 20px;
|
||||
width: 30%;
|
||||
p, li {
|
||||
font-size: 18px;
|
||||
}
|
||||
li {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
td.best-plan {
|
||||
width: 40%;
|
||||
p {
|
||||
font-size: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
td li {
|
||||
list-style-type: none;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0 !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.upgrade-buttons {
|
||||
text-align:center;
|
||||
margin-top:20px;
|
||||
}
|
||||
}
|
||||
|
||||
.logo-row {
|
||||
position: relative;
|
||||
padding: 80px;
|
||||
background-color: white;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
|
||||
&.blue {
|
||||
background-color: $blue;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
.logo-row div {
|
||||
display: inline-block;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.landing-row {
|
||||
background-color: white;
|
||||
padding-bottom: 80px;
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
#keyvisual {
|
||||
border-radius: 20px;
|
||||
box-shadow: 0px 0px 20px #eee;
|
||||
|
||||
width: 640px;
|
||||
height: 420px;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-image: url('/images/landing/spacedeck-screenshot1.jpg');
|
||||
background-color: white;
|
||||
margin: auto;
|
||||
margin-top: 40px;
|
||||
margin-bottom: 40px;
|
||||
border: 1px solid #eee;
|
||||
}
|
||||
|
||||
#legal {
|
||||
.landing-box {
|
||||
width: 800px;
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
padding: 40px;
|
||||
padding-bottom: 80px;
|
||||
text-align: center;
|
||||
color: $medium;
|
||||
|
||||
a {
|
||||
margin-right: 20px;
|
||||
}
|
||||
margin-left: 300px;
|
||||
margin-top: 100px;
|
||||
margin-bottom: 100px;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: 801px) {
|
||||
.plans-table-mobile {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
|
||||
ul.lead.lead-xl, p.lead.lead-xl, ol.lead.lead-xl {
|
||||
font-size: 20px !important;
|
||||
}
|
||||
|
||||
.header-right {
|
||||
> span:first-child {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.plans-table {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.plans-table-mobile {
|
||||
display: block;
|
||||
|
||||
tbody {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
tr {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
td, th {
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
ul, li {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -278,25 +278,5 @@
|
||||
|
||||
// Footer (for actions)
|
||||
.modal-footer {
|
||||
// border-bottom-left-radius: $radius;
|
||||
// border-bottom-right-radius: $radius;
|
||||
// background-color: $dark !important;
|
||||
// padding: 40px;
|
||||
// padding-top: 0px;
|
||||
// text-align: right; // right align buttons
|
||||
@include clearfix(); // clear it in case folks use .pull-* classes on buttons
|
||||
|
||||
// Properly space out buttons
|
||||
// .btn + .btn {
|
||||
// margin-left: 5px;
|
||||
// margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
|
||||
// }
|
||||
// // but override that for button groups
|
||||
// .btn-group .btn + .btn {
|
||||
// margin-left: -1px;
|
||||
// }
|
||||
// // and override it for block buttons as well
|
||||
// .btn-block + .btn-block {
|
||||
// margin-left: 0;
|
||||
// }
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
@ -27,6 +27,5 @@
|
||||
right: 0;
|
||||
z-index: 800;
|
||||
pointer-events: none;
|
||||
opacity: 0.25;
|
||||
display: block;
|
||||
}
|
||||
|
||||
@ -6,22 +6,18 @@
|
||||
li {
|
||||
&.checked {
|
||||
|
||||
&:before {background-color: $medium !important; }
|
||||
> a,
|
||||
> span {
|
||||
color: $medium;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
&:before {background-color: $medium; }
|
||||
> a,
|
||||
> span {
|
||||
background-color: rgba(0,0,0,0.025) !important;
|
||||
}
|
||||
}
|
||||
|
||||
&:before {background-color: $medium; }
|
||||
> a,
|
||||
> span {
|
||||
color: $medium;
|
||||
@ -30,7 +26,7 @@
|
||||
}
|
||||
|
||||
.select-list {
|
||||
&:empty:before{
|
||||
&:empty:before {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
@ -45,17 +41,14 @@
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
-webkit-mask-image: -webkit-gradient(linear, left top, left 15px, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5)));
|
||||
|
||||
background-clip: padding-box;
|
||||
font-size: 15px;
|
||||
line-height: 14px;
|
||||
//font-size: 15px;
|
||||
//line-height: 14px;
|
||||
list-style: none;
|
||||
margin: 0px;
|
||||
padding: 15px 0;
|
||||
text-align: left;
|
||||
// background-color: $dark;
|
||||
color: $medium;
|
||||
border-radius: $radius;
|
||||
|
||||
.divider + li span {border: none !important; }
|
||||
@ -90,15 +83,11 @@
|
||||
}
|
||||
|
||||
&:hover {
|
||||
// background-color: rgba(0,0,0,0.025);
|
||||
&:before {
|
||||
background-color: $medium;
|
||||
display: block;
|
||||
}
|
||||
background-color: black;
|
||||
|
||||
> a,
|
||||
> span {
|
||||
color: $medium;
|
||||
color: $dark;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
|
||||
@ -126,9 +115,8 @@
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
white-space: nowrap;
|
||||
color: $medium;
|
||||
margin: 0 25px;
|
||||
padding: 16px 3px;
|
||||
padding: 10px 0px;
|
||||
// line-height: 50px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
@ -154,4 +142,4 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -65,10 +65,17 @@
|
||||
html,
|
||||
body {
|
||||
height:100%;
|
||||
background-color: $light;
|
||||
background-color: white;
|
||||
color: $black;
|
||||
}
|
||||
|
||||
body {
|
||||
max-width: 100%;
|
||||
padding: 0px;
|
||||
text-rendering: optimizeLegibility;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
*[contenteditable="true"] {
|
||||
outline: none;
|
||||
}
|
||||
@ -79,31 +86,12 @@ body {
|
||||
@include box-sizing(border-box);
|
||||
}
|
||||
|
||||
body {
|
||||
max-width: 100%;
|
||||
padding: 0px;
|
||||
text-rendering: optimizeLegibility;
|
||||
//@include user-select(none);
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
#home {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.img img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#startup {
|
||||
background-position: center;
|
||||
background-image:url(/images/diamond.svg);
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
|
||||
.layer {
|
||||
/*.layer {
|
||||
@include transition( all 0.2s ease-in-out);
|
||||
@include backface-visibility(hidden);
|
||||
position: absolute;
|
||||
@ -131,7 +119,7 @@ body {
|
||||
pointer-events: auto;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}*/
|
||||
|
||||
[draggable] {
|
||||
-moz-user-select: none;
|
||||
|
||||
@ -20,12 +20,16 @@
|
||||
|
||||
margin: auto;
|
||||
position: fixed;
|
||||
top: 10px;
|
||||
top: 20px;
|
||||
z-index: 3000;
|
||||
padding: 0;
|
||||
font-size: 0;
|
||||
line-height: 0;
|
||||
|
||||
box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.15);
|
||||
border: 1px solid black;
|
||||
border-radius: 5px;
|
||||
|
||||
// FIXME questionable?
|
||||
|
||||
pointer-events: none !important;
|
||||
@ -201,10 +205,17 @@
|
||||
}
|
||||
|
||||
.toolbar-elements {
|
||||
left: 10px;
|
||||
left: 20px;
|
||||
}
|
||||
|
||||
.toolbar-properties {
|
||||
right: 20px;
|
||||
right: 30px;
|
||||
}
|
||||
|
||||
.zoom-bar {
|
||||
position: absolute;
|
||||
bottom: 30px;
|
||||
right: 30px;
|
||||
box-shadow: 0 0 30px 1px rgba(0, 0, 0, 0.15);
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
@ -1,6 +1,8 @@
|
||||
@import "vars";
|
||||
@import "mixins";
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;900&display=swap');
|
||||
|
||||
body {
|
||||
background-color: $light;
|
||||
color: $medium;
|
||||
@ -25,7 +27,7 @@ hr {
|
||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||
color: inherit;
|
||||
font-family: inherit;
|
||||
font-weight: 500;
|
||||
font-weight: 900;
|
||||
line-height: 1.3;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 1em;
|
||||
@ -46,8 +48,7 @@ strong {font-weight: 500; }
|
||||
small {font-size: 75%; }
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: $medium;
|
||||
color: black;
|
||||
}
|
||||
|
||||
dl {
|
||||
|
||||
@ -35,7 +35,7 @@ $sidebar-width: 280px;
|
||||
$main-font: Inter;
|
||||
$sec-font: Inter;
|
||||
|
||||
$font-size: 12pt;
|
||||
$font-size: 20px;
|
||||
$line-height: 1.5em;
|
||||
|
||||
$gutter-a: 10px;
|
||||
|
||||
@ -1,62 +1,34 @@
|
||||
{% extends 'layouts/outer.html' %}
|
||||
|
||||
{% block title %}[[ __("welcome") ]]{% endblock %}
|
||||
{% block title %}Spacedeck{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
|
||||
<div id="landing">
|
||||
<div class="landing-keyvisual-wrapper">
|
||||
<div class="landing-box">
|
||||
<h2>[[__("landing_title")]]</h2>
|
||||
|
||||
<p class="lead">
|
||||
<a href="/signup" class="btn btn-primary btn-block btn-xl">[[__("signup")]]</a>
|
||||
</p>
|
||||
|
||||
<p class="lead">
|
||||
<a href="/login" class="btn btn-primary btn-block btn-xl">[[__("login")]]</a>
|
||||
</p>
|
||||
|
||||
<p class="lead">
|
||||
[[__("landing_claim")]]
|
||||
</p>
|
||||
|
||||
<p class="lead">
|
||||
[[__("landing_example")]]
|
||||
</p>
|
||||
|
||||
<ul>
|
||||
<li class="lead">
|
||||
[[__("landing_features_1") | safe ]]
|
||||
</li>
|
||||
|
||||
<li class="lead">
|
||||
[[__("landing_features_2") | safe ]]
|
||||
</li>
|
||||
|
||||
<li class="lead">
|
||||
[[__("landing_features_3") | safe ]]
|
||||
</li>
|
||||
|
||||
<li class="lead">
|
||||
[[__("landing_features_4") | safe ]]
|
||||
</li>
|
||||
|
||||
<li class="lead">
|
||||
[[__("landing_features_5") | safe ]]
|
||||
</li>
|
||||
|
||||
<li class="lead">
|
||||
[[__("landing_features_6") | safe ]]
|
||||
</li>
|
||||
|
||||
<li class="lead">
|
||||
[[__("landing_features_7") | safe ]]
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section>
|
||||
<h1>Work Together, Visually.</h1>
|
||||
<p>
|
||||
Whenever you need to lay out pictures, text notes, video and audio clips on a blank canvas,
|
||||
Spacedeck can help you.
|
||||
</p>
|
||||
<p>
|
||||
Spacedeck is the right tool for you if you want to quickly put together a collage of your
|
||||
idea or concept, either for yourself or to share it with teammembers, clients or students.
|
||||
</p>
|
||||
<p>
|
||||
Spacedeck is not meant for creating polished designs, but it is a good fit for:
|
||||
</p>
|
||||
<ul>
|
||||
<li>Moodboards</li>
|
||||
<li>Collages</li>
|
||||
<li>Teaching (Virtual Blackboards)</li>
|
||||
<li>Shared Whiteboards</li>
|
||||
<li>Design Thinking</li>
|
||||
</ul>
|
||||
<p>
|
||||
The hosted version of Spacedeck 6.0 is currently in beta and invite only. You can also self-host and <a href="https://github.com/spacedeck/spacedeck-open">participate in the open source development</a>.
|
||||
</p>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
@ -9,36 +9,25 @@
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
||||
<link href="[[ '/images/favicon.png' | cdn ]]" rel="icon" type="image/x-icon" />
|
||||
|
||||
<link href="https://fonts.googleapis.com/css?family=Inter" rel="stylesheet" type="text/css">
|
||||
<link rel="stylesheet" href="[[ '/stylesheets/style.css' | cdn ]]">
|
||||
<script> var csrf_token = '[[ csrf_token ]]'; </script>
|
||||
|
||||
<script src="[[ '/javascripts/jquery-2.1.4.min.js' | cdn ]]"></script>
|
||||
<!--script src="[[ '/javascripts/jquery-2.1.4.min.js' | cdn ]]"></script-->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!--[if lt IE 10]>
|
||||
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
||||
<![endif]-->
|
||||
<header id="landing-header" class="header">
|
||||
<div class="header-left">
|
||||
<a class="btn btn-transparent btn-nude" href="[[config.endpoint]]/"><img src="[[ '/images/sd5-logo.svg' | cdn ]]" width="190"></a>
|
||||
<a class="btn btn-transparent btn-nude" href="[[config.endpoint]]/"><img src="[[ '/images/sd6-logo-black.svg' | cdn ]]" width="190"></a>
|
||||
</div>
|
||||
|
||||
<div class="header-right pull-right">
|
||||
{% if !user %}
|
||||
<span class="btn-group dark round">
|
||||
{% if (locale != "de") %}<a href="/t/de" rel="alternate" hreflang="de" class="btn btn-transparent btn-md">Deutsch</a>{% endif %}
|
||||
{% if (locale != "en") %}<a href="/t/en" rel="alternate" hreflang="en" class="btn btn-transparent btn-md">English</a>{% endif %}
|
||||
{% if (locale != "fr") %}<a href="/t/fr" rel="alternate" hreflang="fr" class="btn btn-transparent btn-md">Français</a>{% endif %}
|
||||
</span>
|
||||
|
||||
<a class="btn btn-md btn-dark btn-round" href="/login">[[__("login")]]</a>
|
||||
<a class="btn btn-md btn-blue btn-round" href="/signup">[[__("signup")]]</a>
|
||||
<a class="btn btn-md btn-dark btn-round" href="/signup">[[__("signup")]]</a>
|
||||
{% else %}
|
||||
<a class="btn btn-md btn-blue btn-round" href="/spaces">[[__("spaces")]]</a>
|
||||
<a class="btn btn-md btn-dark btn-round" href="/spaces">[[__("spaces")]]</a>
|
||||
<a class="btn btn-md btn-dark btn-round" href="/logout">[[__("logout")]]</a>
|
||||
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
@ -49,8 +38,11 @@
|
||||
<div class="footer">
|
||||
<p>
|
||||
<div class="col-xs-6">
|
||||
<a href="/contact">[[ __("contact") ]]</a>
|
||||
<span style="color:#888">© 2011–2020 The Spacedeck Open Developers <a href="https://github.com/spacedeck/spacedeck-open">https://github.com/spacedeck/spacedeck-open</a></span>
|
||||
© 2020 <a href="https://mntre.com">MNT Research GmbH</a>, Fehlerstr. 8, 12161 Berlin, Germany<br>
|
||||
© 2011–2019 Spacedeck GmbH (in liquidation)<br>
|
||||
Source Code: <a href="https://github.com/mntmn/spacedeck-open">https://github.com/mntmn/spacedeck-open</a>
|
||||
<br>
|
||||
Font: <a href="https://rsms.me/inter/">Inter by rsms</a>
|
||||
</div>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@ -1,16 +1,30 @@
|
||||
<div id="team" class="dialog in" style="padding:100px;z-index:20000;position:absolute;width:100%;min-height:100%;background-color:#eee" v-if="active_view == 'account' && user" v-cloak>
|
||||
<header id="dialog-header" class="header" v-if="(active_view == 'account' && user)" v-cloak>
|
||||
<div v-cloak class="header-left pull-left">
|
||||
<a class="btn btn-dark btn-md btn-round btn-icon" href="/spaces">
|
||||
<span class="icon icon-svg icon-sd6"></span>
|
||||
</a>
|
||||
<h5>Edit Account</h5>
|
||||
</div>
|
||||
|
||||
<a href="/spaces" class="btn btn-round btn-icon btn-dark btn-md pull-right" style="position:absolute;top:30px;right:30px"><span class="icon icon-cross-0"></span></a>
|
||||
<div class="header-right pull-right">
|
||||
<a class="btn btn-dark btn-md btn-round btn-icon" href="/spaces">
|
||||
<span class="icon icon-cross-0"></span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</header>
|
||||
|
||||
<div class="dialog-freestanding dialog in" v-if="active_view == 'account' && user" v-cloak>
|
||||
|
||||
<div class="dialog-tabs" style="margin:auto">
|
||||
<div class="dialog-tab" v-bind:class="{open:account=='profile'}" v-on:click="account='profile'"><span>[[__("profile_caption")]]</span></div>
|
||||
<div class="dialog-tab" v-bind:class="{open:account=='language'}" v-on:click="account='language'"><span>[[__("language_caption")]]</span></div>
|
||||
<div class="dialog-tab" v-bind:class="{open:account=='notifications'}" v-on:click="account='notifications'"><span>[[__("notifications_caption")]]</span></div>
|
||||
<div class="dialog-tab" v-if="user.account_type=='email'" v-bind:class="{open:account=='password'}" v-on:click="account='password'"><span>[[__("password_caption")]]</span></div>
|
||||
<div class="dialog-tab" v-bind:class="{open:account=='password'}" v-on:click="account='password'"><span>[[__("password_caption")]]</span></div>
|
||||
<div class="dialog-tab" v-bind:class="{open:account=='terminate'}" v-on:click="account='terminate'"><span>[[__("terminate_caption")]]</span></div>
|
||||
</div>
|
||||
|
||||
<div class="dialog-section text-left" style="background-color:#f5f5f5;padding-top:40px;padding-bottom:40px">
|
||||
<div class="dialog-section text-left">
|
||||
<div class="collapse" v-bind:class="{in:account=='profile'}">
|
||||
<div class="labels-inline relative" style="margin-bottom:40px">
|
||||
<div class="form-group">
|
||||
@ -64,30 +78,16 @@
|
||||
v-on:change="user.email_changed=true"
|
||||
placeholder="mail@example.com">
|
||||
|
||||
<button class="btn btn-md btn-darken" v-if="user.account_type=='email'" v-on:click=" save_user()" style="margin-top:20px">[[__("ok")]]</button>
|
||||
<button class="btn btn-md btn-dark" v-on:click=" save_user()" style="margin-top:20px">Save</button>
|
||||
</div>
|
||||
|
||||
<div class="form-group" v-if="!user.confirmed_at">
|
||||
<p v-if="!user.confirmed_at && !account_confirmed_sent">[[__("confirmation_sent_long")]]</p>
|
||||
|
||||
<span
|
||||
class="btn btn-xs btn-stroke-darken btn-round"
|
||||
v-on:click=" confirm_again()"
|
||||
v-if="!user.confirmed_at && !account_confirmed_sent"
|
||||
>[[__("send_again")]]</span>
|
||||
|
||||
<p v-if="account_confirmed_sent">
|
||||
<span class="icon icon-check"></span> <span>[[__("confirmation_sent_another")]]</span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<!--div class="form-group">
|
||||
<label class="label">Spacedeck.com Data Import</label>
|
||||
<p v-if="!importables">No .ZIP files found in Spacedeck application folder.</p>
|
||||
<ul>
|
||||
<li v-for="f in importables">{{f}} <button v-on:click="start_zip_import(f)">Start Import</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -121,7 +121,7 @@
|
||||
</div>
|
||||
|
||||
<div class="collapse" v-bind:class="{in:account=='password'}">
|
||||
<h4 class="modal-title">Change Password</h4>
|
||||
<h4>Change Password</h4>
|
||||
<div class="modal-section labels-inline">
|
||||
<div class="form-group">
|
||||
<label class="label">[[__("current_password")]]</label>
|
||||
@ -140,13 +140,11 @@
|
||||
</div>
|
||||
|
||||
<div class="modal-footer">
|
||||
<div class="btn-cluster">
|
||||
<button
|
||||
class="btn btn-transparent btn-block"
|
||||
v-on:click="save_user_password(password_change_current, password_change_new, password_change_new_confirmation);" >
|
||||
class="btn btn-dark btn-md"
|
||||
v-on:click="save_user_password(password_change_current, password_change_new, password_change_new_confirmation);" >
|
||||
[[__("change_password")]]
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -156,7 +154,7 @@
|
||||
<p>[[__("terminate_warning2")]]</p>
|
||||
</div>
|
||||
|
||||
<div class="labels-inline" v-if="user.account_type == 'email'">
|
||||
<div class="labels-inline">
|
||||
<div class="form-group">
|
||||
<label class="label">[[__("current_password")]]</label>
|
||||
<input v-model="account_remove_password" class="input input-white no-b" type="password">
|
||||
@ -170,7 +168,7 @@
|
||||
<div class="center alert alert-danger" v-if="account_remove_error">{{account_remove_error}}</div>
|
||||
</div>
|
||||
|
||||
<button class="btn btn-transparent btn-block" v-on:click="remove_account(account_remove_password, account_remove_feedback)">[[__("terminate_terminate")]]</button>
|
||||
<button class="btn btn-stroke-darken btn-md" v-on:click="remove_account(account_remove_password, account_remove_feedback)">Terminate Account</button>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
<header id="folder-header" class="header" v-if="(active_view == 'folders' && active_folder)" v-cloak>
|
||||
<div v-cloak class="header-left pull-left">
|
||||
<a class="btn btn-stroke-darken btn-md btn-round btn-icon" href="/spaces">
|
||||
<span class="icon icon-home"></span>
|
||||
<a class="btn btn-dark btn-md btn-round btn-icon" href="/spaces">
|
||||
<span class="icon icon-svg icon-sd6"></span>
|
||||
</a>
|
||||
<button v-if="logged_in && (active_space_role == 'editor' || active_space_role == 'admin')" class="btn btn-primary btn-md btn-round" v-on:click="create_space('space')">[[ __('create_space') ]]</button>
|
||||
<button v-if="logged_in && (active_space_role == 'editor' || active_space_role == 'admin')" class="btn btn-dark btn-md btn-round" v-on:click="create_space('space')">[[ __('create_space') ]]</button>
|
||||
<button v-if="logged_in && (active_space_role == 'editor' || active_space_role == 'admin')" class="btn btn-stroke-darken btn-md btn-round" v-on:click="create_space('folder')">
|
||||
<span>[[ __('create_folder') ]]</span>
|
||||
</button>
|
||||
@ -49,7 +49,7 @@
|
||||
<div class="header-right pull-right">
|
||||
<div class="dropdown top right light" v-bind:class="{open: active_dropdown=='account'}">
|
||||
<button
|
||||
class="profile-avatar btn btn-md btn-icon btn-darken btn-round"
|
||||
class="profile-avatar btn btn-md btn-icon btn-dark btn-round"
|
||||
v-bind:style="background_image_style([user.avatar_thumb_uri])"
|
||||
v-bind:class="{'has-avatar-image':!!user.avatar_thumb_uri}" v-on:click="show_account();">
|
||||
<span class="icon icon-user" v-if="logged_in && !user.avatar_thumb_uri"></span></button>
|
||||
@ -81,12 +81,12 @@
|
||||
|
||||
</div>
|
||||
|
||||
<div class="btn-group dark round" id="meta-toggle" style="margin-right:10px">
|
||||
<!--div class="btn-group dark round" id="meta-toggle" style="margin-right:10px">
|
||||
<button class="btn btn-md btn-transparent btn-icon btn-icon" v-on:click="toggle_meta()">
|
||||
<span class="jewel" style="color: white; background-color: red" v-if="meta_unseen>0">{{meta_unseen}}</span>
|
||||
<span class="icon icon-menu"></span>
|
||||
</button>
|
||||
</div>
|
||||
</div-->
|
||||
|
||||
</div>
|
||||
</header>
|
||||
@ -98,10 +98,8 @@
|
||||
|
||||
<div id="folder-breadcrumb">
|
||||
|
||||
<a v-for="item in active_space_path" type="button" class="btn btn-sm btn-transparent" href="/{{item.space_type}}s/{{item._id}}" v-sd-droppable="handle_folder_drop;item">
|
||||
<span>{{item.name}}</span>
|
||||
<span class="seperator">/</span>
|
||||
</a>
|
||||
<span v-for="item in active_space_path" class="btn btn-sm btn-transparent" v-sd-droppable="handle_folder_drop;item">
|
||||
<a href="/{{item.space_type}}s/{{item._id}}">{{item.name}}</a> ▶</span>
|
||||
|
||||
<a v-if="(active_space_role != 'admin')" type="button" class="btn btn-sm btn-transparent">
|
||||
<span>{{active_folder.name}}</span>
|
||||
|
||||
@ -1,17 +1,11 @@
|
||||
<header id="landing-header" class="header" v-cloak v-if="(active_view == 'login' || active_view == 'signup' || active_view == 'password-reset' || active_view == 'password-confirm')">
|
||||
<div class="header-left">
|
||||
<a class="btn btn-transparent btn-nude" href="/"><img src="/images/sd5-logo.svg" width="190"></a>
|
||||
<a class="btn btn-transparent btn-nude" href="/"><img src="/images/sd6-logo-black.svg" width="190"></a>
|
||||
</div>
|
||||
|
||||
<div class="header-right pull-right">
|
||||
<span class="btn-group dark round">
|
||||
{% if (locale != "de") %}<a href="/t/de?r={{active_view}}" class="btn btn-transparent btn-md">Deutsch</a>{% endif %}
|
||||
{% if (locale != "en") %}<a href="/t/en?r={{active_view}}" class="btn btn-transparent btn-md">English</a>{% endif %}
|
||||
{% if (locale != "fr") %}<a href="/t/fr?r={{active_view}}" class="btn btn-transparent btn-md">Français</a>{% endif %}
|
||||
</span>
|
||||
|
||||
<a class="btn btn-md btn-dark btn-round" href="/login">[[__("login")]]</a>
|
||||
<a class="btn btn-md btn-blue btn-round" href="/signup">[[__("signup")]]</a>
|
||||
<a v-if="active_view != 'login'" class="btn btn-md btn-dark btn-round" href="/login">[[__("login")]]</a>
|
||||
<a v-if="active_view != 'signup'" class="btn btn-md btn-dark btn-round" href="/signup">[[__("signup")]]</a>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
@ -23,7 +17,7 @@
|
||||
<div id="login" v-bind:class="{active : active_view == 'login'}">
|
||||
<div class="content">
|
||||
<form v-on:submit="login_submit(user_forms_email, login_password, $event)">
|
||||
<h4>[[__("login")]]</h4>
|
||||
<h3>Login</h3>
|
||||
|
||||
<div class="tight">
|
||||
<div class="form-group">
|
||||
@ -34,16 +28,15 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary btn-block">
|
||||
<button type="submit" class="btn btn-dark btn-block">
|
||||
<span v-show="!loading_user">[[__("login")]]</span>
|
||||
<span v-show="loading_user">[[__("logging_in")]]</span>
|
||||
</button>
|
||||
|
||||
<div class="center alert alert-danger" v-if="login_error">{{login_error}}</div>
|
||||
|
||||
<div class="pull-right">
|
||||
<a class="btn btn-xs btn-darken" href="/signup">[[__("signup")]]</a>
|
||||
<a class="btn btn-xs btn-darken" href="/password-reset">[[__("reset_password")]]</a>
|
||||
<div style="margin-top:2em">
|
||||
<a href="/password-reset">Forgot Password</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@ -51,7 +44,7 @@
|
||||
|
||||
<div id="signup" v-bind:class="{active : active_view == 'signup'}">
|
||||
<div class="content">
|
||||
<form v-on:submit="signup_submit($event, user_forms_name, user_forms_email, signup_password, signup_password_confirmation)">
|
||||
<form v-on:submit="signup_submit($event, user_forms_name, user_forms_email, signup_password, signup_password_confirmation, signup_invite_code)">
|
||||
<h4>[[__("signup")]]</h4>
|
||||
|
||||
<div class="tight">
|
||||
@ -75,19 +68,22 @@
|
||||
<div class="form-group">
|
||||
<input class="input" id="user-password-confirmation" required type="password" v-model="signup_password_confirmation" placeholder="[[__("password_confirmation")]]">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<input class="input" id="invite-code" required type="text" v-model="signup_invite_code" placeholder="Invite Code">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="margin-top: -7px; margin-bottom: 7px;"><small>By signing up you agree to our <a href="/terms" target="_blank">TOS</a> and <a href="/privacy" target="_blank">Privacy Policy.</a></small><br/>
|
||||
</div>
|
||||
<!--div style="margin-top: -7px; margin-bottom: 7px;"><small>By signing up you agree to our <a href="/terms" target="_blank">TOS</a> and <a href="/privacy" target="_blank">Privacy Policy.</a></small><br/>
|
||||
</div-->
|
||||
|
||||
<button class="btn btn-primary btn-block">
|
||||
<button class="btn btn-dark btn-block">
|
||||
<span v-if="!creating_user">[[__("signup")]]</span>
|
||||
<span v-if="creating_user">[[__("signing_up")]]</span>
|
||||
</button>
|
||||
|
||||
<div class="center alert alert-danger" style="width:100%;" v-if="signup_error">{{signup_error}}</div>
|
||||
|
||||
<a class="btn btn-link btn-block" href="/login" style="margin-top: 20px">[[__("login")]]</a>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
@ -102,7 +98,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-center alert alert-danger" v-if="password_reset_error">{{password_reset_error}}</div>
|
||||
<button class="btn btn-primary btn-block" v-on:click="password_reset_submit($event, reset_email)">[[__("reset_password")]]</button>
|
||||
<button class="btn btn-dark btn-block" v-on:click="password_reset_submit($event, reset_email)">[[__("reset_password")]]</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="content" v-if="password_reset_send==true">
|
||||
@ -127,7 +123,7 @@
|
||||
</div>
|
||||
|
||||
<div class="text-center alert alert-danger" v-if="password_reset_confirm_error">{{password_reset_confirm_error}}</div>
|
||||
<button class="btn btn-primary btn-block" v-on:click="password_reset_confirm($event, signup_password, signup_password_confirmation)">[[__("save")]]</button>
|
||||
<button class="btn btn-dark btn-block" v-on:click="password_reset_confirm($event, signup_password, signup_password_confirmation)">[[__("save")]]</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -43,9 +43,8 @@
|
||||
<div class="space-empty" v-cloak v-if="active_view == 'space' && !present_mode && active_space_artifacts.length == 0">
|
||||
<div class="table-fake">
|
||||
<div class="cell">
|
||||
<p>Click anywhere to add content.<br>
|
||||
You can also drop images, sounds and video<br>
|
||||
or use copy and paste.</p>
|
||||
<p>Use the toolbar to add content.<br>
|
||||
You can also drop images or sound and video files.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -127,7 +126,6 @@
|
||||
<a class="link btn btn-round btn-primary btn-sm" v-if="a.view.link" v-bind:href="a.view.link" target="_blank">{{a.view.link_caption}}</a>
|
||||
</span>
|
||||
|
||||
<div class="btn btn-xs btn-icon btn-round btn-primary edit" v-show="editing_artifact_id!=a._id && is_selected(a)" v-on:touchstart="delayed_edit_artifact($event)"><span class="icon icon-pencil" v-on:click="toggle_selected_artifact_editing(true)" v-on:"touchstart:delayed_edit_artifact($event)"></span></div>
|
||||
<input v-show="is_selected(a)" type="text" id="ios-focuser-{{a._id}}" class="ios-focuser">
|
||||
</div>
|
||||
|
||||
@ -338,7 +336,7 @@
|
||||
<div class="window" v-bind:style="{left: ''+(scroll_left/minimap_scale) + 'px', top: ''+(scroll_top/minimap_scale)+ 'px', width: ''+(window_width/minimap_scale)+ 'px', height: ''+(window_height/minimap_scale) + 'px'}"></div>
|
||||
</div-->
|
||||
|
||||
<div class="btn-group light zoom-bar" style="position:absolute;bottom:20px;right:20px;">
|
||||
<div class="btn-group light zoom-bar">
|
||||
<button class="btn btn-icon btn-md btn-white" v-on:click="zoom_in()">
|
||||
<span class="icon icon-plus"></span>
|
||||
</button>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<div id="layout" class="relative">
|
||||
<div class="dialog-section no-p-b">
|
||||
<div class="">
|
||||
<div class="dialog-section">
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-transparent btn-icon" v-on:click="layout_stack_top()">
|
||||
<span class="icon icon-stack-3d-top"></span>
|
||||
</button>
|
||||
@ -20,7 +20,7 @@
|
||||
<span class="icon icon-align-bottom"></span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="">
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-transparent btn-icon" v-on:click="layout_align_center()">
|
||||
<span class="icon icon-align-center-horizontal"></span>
|
||||
</button>
|
||||
|
||||
@ -1,69 +1,48 @@
|
||||
<h4 class="dialog-title">[[__("tool_shape")]]</h4>
|
||||
|
||||
<div id="shapes">
|
||||
<div class="dialog-section no-p-h" style="white-space: normal;">
|
||||
<button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('ellipse',$event)">
|
||||
<span class="icon icon-shape-circle"></span>
|
||||
<span class="icon-label">[[__("tool_circle")]]</span>
|
||||
</button>
|
||||
<div class="dialog-section">
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('ellipse',$event)">
|
||||
<span class="icon icon-shape-circle"></span>
|
||||
<span class="icon-label">[[__("tool_circle")]]</span>
|
||||
</button>
|
||||
|
||||
<button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('hexagon',$event)">
|
||||
<span class="icon icon-shape-hexagon"></span>
|
||||
<span class="icon-label">[[__("tool_hexagon")]]</span>
|
||||
</button>
|
||||
|
||||
<button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('square',$event)">
|
||||
<span class="icon icon-shape-square"></span>
|
||||
<span class="icon-label">[[__("tool_square")]]</span>
|
||||
</button>
|
||||
|
||||
<button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('speechbubble',$event)">
|
||||
<span class="icon icon-shape-bubble"></span>
|
||||
<span class="icon-label">[[__("tool_bubble")]]</span>
|
||||
</button>
|
||||
|
||||
<button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('cloud',$event)">
|
||||
<span class="icon icon-shape-cloud"></span>
|
||||
<span class="icon-label">[[__("tool_cloud")]]</span>
|
||||
</button>
|
||||
|
||||
<button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('burst',$event)">
|
||||
<span class="icon icon-shape-burst"></span>
|
||||
<span class="icon-label">[[__("tool_burst")]]</span>
|
||||
</button>
|
||||
|
||||
<button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('star',$event)">
|
||||
<span class="icon icon-shape-star"></span>
|
||||
<span class="icon-label">[[__("tool_star")]]</span>
|
||||
</button>
|
||||
|
||||
<button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('heart',$event)">
|
||||
<span class="icon icon-shape-heart"></span>
|
||||
<span class="icon-label">[[__("tool_heart")]]</span>
|
||||
</button>
|
||||
|
||||
<button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('hexagon',$event)">
|
||||
<span class="icon icon-shape-hexagon"></span>
|
||||
<span class="icon-label">[[__("tool_hexagon")]]</span>
|
||||
</button>
|
||||
|
||||
<button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('square',$event)">
|
||||
<span class="icon icon-shape-square"></span>
|
||||
<span class="icon-label">[[__("tool_square")]]</span>
|
||||
</button>
|
||||
|
||||
<!--button class="btn btn-icon-labeled btn-transparent rot45" v-on:click="add_shape('diamond',$event)">
|
||||
<span class="icon icon-shape-square"></span>
|
||||
<span class="icon-label">[[__("tool_diamond")]]</span>
|
||||
</button-->
|
||||
|
||||
<button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('speechbubble',$event)">
|
||||
<span class="icon icon-shape-bubble"></span>
|
||||
<span class="icon-label">[[__("tool_bubble")]]</span>
|
||||
</button>
|
||||
|
||||
<button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('cloud',$event)">
|
||||
<span class="icon icon-shape-cloud"></span>
|
||||
<span class="icon-label">[[__("tool_cloud")]]</span>
|
||||
</button>
|
||||
|
||||
<button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('burst',$event)">
|
||||
<span class="icon icon-shape-burst"></span>
|
||||
<span class="icon-label">[[__("tool_burst")]]</span>
|
||||
</button>
|
||||
|
||||
<button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('star',$event)">
|
||||
<span class="icon icon-shape-star"></span>
|
||||
<span class="icon-label">[[__("tool_star")]]</span>
|
||||
</button>
|
||||
|
||||
<button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('heart',$event)">
|
||||
<span class="icon icon-shape-heart"></span>
|
||||
<span class="icon-label">[[__("tool_heart")]]</span>
|
||||
</button>
|
||||
|
||||
<button class="btn btn-icon-labeled btn-transparent" v-on:click="start_drawing_arrow()">
|
||||
<span class="icon icon-tool-arrow"></span>
|
||||
<span class="icon-label">[[__("tool_arrow")]]</span>
|
||||
</button>
|
||||
|
||||
<button class="btn btn-icon-labeled btn-transparent" v-on:click="start_drawing_line()">
|
||||
<span class="icon icon-tool-line"></span>
|
||||
<span class="icon-label">[[__("tool_line")]]</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--
|
||||
<div class="dialog-section no-p">
|
||||
<div class="btn-cluster">
|
||||
<button class="btn btn-transparent text-center"> Upload </button>
|
||||
<button class="btn btn-transparent text-center" v-on:click="start_drawing_scribble()"> Draw </button>
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
|
||||
@ -8,12 +8,12 @@
|
||||
<span class="icon icon-folder"></span>
|
||||
</a>
|
||||
|
||||
<a class="btn btn-icon btn-transparent"
|
||||
<a class="btn btn-icon btn-dark"
|
||||
title="Parent Folder"
|
||||
href="/folders/{{active_space.parent_space_id}}"
|
||||
v-if="(active_space.parent_space_id && !guest_nickname)">
|
||||
|
||||
<span class="icon icon-folder"></span>
|
||||
<span class="icon icon-sd6 icon-svg"></span>
|
||||
</a>
|
||||
|
||||
<button class="btn btn-divider"></button>
|
||||
@ -45,7 +45,7 @@
|
||||
<div class="btn-collapse in">
|
||||
<button class="btn btn-transparent btn-icon-labeled" v-on:click="handle_insert_image_url()" v-on:touchstart="handle_insert_image_url()">
|
||||
<span class="icon icon-upload"></span>
|
||||
<span class="icon-label" >[[__("tool_upload")]]</span>
|
||||
<span class="icon-label" >Media</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -45,7 +45,7 @@
|
||||
<div class="btn-collapse in">
|
||||
<button class="btn btn-transparent btn-icon-labeled" v-on:click="open_dialog('text-styles')" v-bind:class="{open : opened_dialog=='text-styles'}">
|
||||
<span class="icon icon-text-styles"></span>
|
||||
<span class="icon-label">styles</span>
|
||||
<span class="icon-label">Styles</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
|
||||
@ -2,11 +2,11 @@
|
||||
|
||||
<div id="zones" style="max-height:500px;overflow-y:scroll">
|
||||
<div class="dialog-section">
|
||||
<p v-if="zones.length<2">
|
||||
<!--p v-if="zones.length<2">
|
||||
Turn your Space into a zooming presentation by placing some Zones and switch through them when presenting.
|
||||
</p>
|
||||
</p-->
|
||||
|
||||
<button v-on:click="add_zone()" class="btn btn-sm btn-primary">[[__("add_zone")]]</button>
|
||||
<button v-on:click="add_zone()" class="btn btn-sm btn-dark">[[__("add_zone")]]</button>
|
||||
</div>
|
||||
|
||||
<div class="dialog-section no-p" v-for="z in zones | orderBy 'order'" style="white-space: nowrap;text-align:left;cursor:pointer" v-on:click="zoom_to_zone(z)">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user