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",
|
"contact_email": "support@example.org",
|
||||||
|
|
||||||
"endpoint": "http://localhost:9666",
|
"endpoint": "http://localhost:9666",
|
||||||
|
"invite_code": "top-sekrit",
|
||||||
|
|
||||||
"storage_region": "eu-central-1",
|
"storage_region": "eu-central-1",
|
||||||
//"storage_bucket": "sdeck-development",
|
//"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);
|
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) {
|
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}, 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) {
|
function create_session(email, password, on_success, on_error) {
|
||||||
|
|||||||
@ -110,18 +110,30 @@ var SpacedeckSections = {
|
|||||||
color_picker_opacity: 255,
|
color_picker_opacity: 255,
|
||||||
|
|
||||||
swatches: [
|
swatches: [
|
||||||
{id:0, hex:"#4a2f7e"},
|
{id:1, hex:"#ff00ff"},
|
||||||
{id:1, hex:"#9b59b6"},
|
{id:2, hex:"#ffff00"},
|
||||||
{id:2, hex:"#3498db"},
|
{id:3, hex:"#00ffff"},
|
||||||
{id:3, hex:"#2ecc71"},
|
{id:5, hex:"#ff0000"},
|
||||||
{id:4, hex:"#f1c40f"},
|
{id:6, hex:"#00ff00"},
|
||||||
{id:5, hex:"#e67e22"},
|
{id:7, hex:"#0000ff"},
|
||||||
{id:6, hex:"#d55c4b"},
|
{id:8, hex:"#000000"},
|
||||||
{id:7, hex:"#6f4021"},
|
{id:9, hex:"#222222"},
|
||||||
{id:8, hex:"#ffffff"},
|
{id:10, hex:"#444444"},
|
||||||
{id:9, hex:"#95a5a6"},
|
{id:11, hex:"#888888"},
|
||||||
{id:10, hex:"#252525"},
|
{id:12, hex:"#bbbbbb"},
|
||||||
{id:11, hex:"rgba(0,0,0,0)"},
|
{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: [
|
swatches_text: [
|
||||||
@ -1717,7 +1729,7 @@ var SpacedeckSections = {
|
|||||||
var a = {
|
var a = {
|
||||||
space_id: this.active_space._id,
|
space_id: this.active_space._id,
|
||||||
mime: "x-spacedeck/shape",
|
mime: "x-spacedeck/shape",
|
||||||
description: "Text",
|
description: "",
|
||||||
x: point.x,
|
x: point.x,
|
||||||
y: point.y,
|
y: point.y,
|
||||||
z: point.z,
|
z: point.z,
|
||||||
@ -1729,7 +1741,7 @@ var SpacedeckSections = {
|
|||||||
fill_color: "#000000",
|
fill_color: "#000000",
|
||||||
shape: shape_type,
|
shape: shape_type,
|
||||||
valign: "middle",
|
valign: "middle",
|
||||||
align: "center"
|
align: "center",
|
||||||
};
|
};
|
||||||
|
|
||||||
if (this.guest_nickname) {
|
if (this.guest_nickname) {
|
||||||
@ -2274,6 +2286,9 @@ var SpacedeckSections = {
|
|||||||
},
|
},
|
||||||
|
|
||||||
handle_section_paste: function(evt) {
|
handle_section_paste: function(evt) {
|
||||||
|
// TODO: very confusing
|
||||||
|
return;
|
||||||
|
|
||||||
if (this.editing_artifact_id) return;
|
if (this.editing_artifact_id) return;
|
||||||
var pastedText = null;
|
var pastedText = null;
|
||||||
|
|
||||||
|
|||||||
@ -11,6 +11,7 @@ SpacedeckUsers = {
|
|||||||
login_email: "",
|
login_email: "",
|
||||||
login_password: "",
|
login_password: "",
|
||||||
signup_password: "",
|
signup_password: "",
|
||||||
|
signup_invite_code: "",
|
||||||
signup_password_confirmation: "",
|
signup_password_confirmation: "",
|
||||||
account_remove_error: null,
|
account_remove_error: null,
|
||||||
loading_user: false,
|
loading_user: false,
|
||||||
@ -122,7 +123,7 @@ SpacedeckUsers = {
|
|||||||
signup_guest: function(on_success) {
|
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.creating_user = true;
|
||||||
this.signup_error = null;
|
this.signup_error = null;
|
||||||
|
|
||||||
@ -136,7 +137,7 @@ SpacedeckUsers = {
|
|||||||
$event.stopPropagation();
|
$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.creating_user = false;
|
||||||
this.login_submit(email, password, null, on_success);
|
this.login_submit(email, password, null, on_success);
|
||||||
}.bind(this), function(req) {
|
}.bind(this), function(req) {
|
||||||
@ -152,8 +153,8 @@ SpacedeckUsers = {
|
|||||||
}.bind(this));
|
}.bind(this));
|
||||||
},
|
},
|
||||||
|
|
||||||
signup_submit_modal: function($event, name, email, password, password_confirmation) {
|
signup_submit_modal: function($event, name, email, password, password_confirmation, invite_code) {
|
||||||
this.signup_submit($event, name, email, password, password_confirmation, function() {
|
this.signup_submit($event, name, email, password, password_confirmation, invite_code, function() {
|
||||||
alert("Success.");
|
alert("Success.");
|
||||||
location.reload();
|
location.reload();
|
||||||
});
|
});
|
||||||
|
|||||||
@ -1,4 +1,5 @@
|
|||||||
@charset "UTF-8";
|
@charset "UTF-8";
|
||||||
|
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;900&display=swap");
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'icon';
|
font-family: 'icon';
|
||||||
src: url("../fonts/icon-regular-webfont.eot");
|
src: url("../fonts/icon-regular-webfont.eot");
|
||||||
@ -2701,7 +2702,7 @@ hr {
|
|||||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
font-weight: 500;
|
font-weight: 900;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
margin-top: 0px;
|
margin-top: 0px;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
@ -2734,8 +2735,7 @@ small {
|
|||||||
font-size: 75%; }
|
font-size: 75%; }
|
||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
color: black; }
|
||||||
color: #888; }
|
|
||||||
|
|
||||||
dl {
|
dl {
|
||||||
background-color: rgba(0, 0, 0, 0.05);
|
background-color: rgba(0, 0, 0, 0.05);
|
||||||
@ -2803,7 +2803,6 @@ input:invalid {
|
|||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
font-size: 10px;
|
|
||||||
margin: 12px;
|
margin: 12px;
|
||||||
color: red;
|
color: red;
|
||||||
margin-right: 25px;
|
margin-right: 25px;
|
||||||
@ -2838,7 +2837,7 @@ select {
|
|||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
font-family: Inter;
|
font-family: Inter;
|
||||||
font-size: 12pt;
|
font-size: 20px;
|
||||||
line-height: normal;
|
line-height: normal;
|
||||||
color: #222;
|
color: #222;
|
||||||
background-color: rgba(0, 0, 0, 0.01);
|
background-color: rgba(0, 0, 0, 0.01);
|
||||||
@ -5901,6 +5900,14 @@ select {
|
|||||||
.rot45:hover > .icon {
|
.rot45:hover > .icon {
|
||||||
transform: rotateZ(45deg) translateX(-8px); }
|
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 {
|
.icon-bullet:before {
|
||||||
content: "\2022"; }
|
content: "\2022"; }
|
||||||
|
|
||||||
@ -8096,7 +8103,7 @@ select {
|
|||||||
background-color: rgba(255, 255, 255, 0.05); }
|
background-color: rgba(255, 255, 255, 0.05); }
|
||||||
.btn.btn-dark {
|
.btn.btn-dark {
|
||||||
background-color: #222;
|
background-color: #222;
|
||||||
color: #888; }
|
color: #ffffff; }
|
||||||
.btn.btn-medium {
|
.btn.btn-medium {
|
||||||
background-color: rgba(0, 0, 0, 0.05);
|
background-color: rgba(0, 0, 0, 0.05);
|
||||||
color: #888; }
|
color: #888; }
|
||||||
@ -8285,7 +8292,6 @@ select {
|
|||||||
margin-right: -5px; }
|
margin-right: -5px; }
|
||||||
.btn.btn-icon {
|
.btn.btn-icon {
|
||||||
padding: 0px !important;
|
padding: 0px !important;
|
||||||
font-weight: bold;
|
|
||||||
max-width: 60px; }
|
max-width: 60px; }
|
||||||
.btn.btn-icon.btn-xl {
|
.btn.btn-icon.btn-xl {
|
||||||
max-width: 80px; }
|
max-width: 80px; }
|
||||||
@ -8306,31 +8312,9 @@ select {
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
top: 100%;
|
top: 100%;
|
||||||
left: 0;
|
left: 0;
|
||||||
font-size: 12pt;
|
font-size: 20px;
|
||||||
color: #888;
|
color: #888;
|
||||||
margin-top: 10px; }
|
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 {
|
.btn.btn-md.btn-icon-labeled .icon:before {
|
||||||
line-height: 29px; }
|
line-height: 29px; }
|
||||||
.btn.btn-md.btn-icon-labeled .icon-label {
|
.btn.btn-md.btn-icon-labeled .icon-label {
|
||||||
@ -8357,7 +8341,6 @@ select {
|
|||||||
line-height: 42px; }
|
line-height: 42px; }
|
||||||
.btn.btn-icon-labeled .icon-label {
|
.btn.btn-icon-labeled .icon-label {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
text-transform: capitalize;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 8px 0;
|
margin: 8px 0;
|
||||||
display: block;
|
display: block;
|
||||||
@ -8370,7 +8353,7 @@ select {
|
|||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
padding: 0 0px;
|
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 {
|
.btn.btn-icon-labeled.hover .letter, .btn.btn-icon-labeled.hover .number, .btn.btn-icon-labeled.hover .icon:before {
|
||||||
line-height: 60px; }
|
line-height: 60px; }
|
||||||
.btn.btn-icon-labeled.hover .letter, .btn.btn-icon-labeled.hover .number, .btn.btn-icon-labeled.hover .icon:before {
|
.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;
|
font-size: 0px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
border: 1px solid #222;
|
|
||||||
border-radius: 5px; }
|
border-radius: 5px; }
|
||||||
.btn-group.dark {
|
.btn-group.dark {
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
@ -9000,7 +8982,7 @@ select {
|
|||||||
transform: translateY(1%); }
|
transform: translateY(1%); }
|
||||||
.contained-dropdown .overflow-y-scroll ul li span {
|
.contained-dropdown .overflow-y-scroll ul li span {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 12pt;
|
font-size: 20px;
|
||||||
line-height: 1.5em; }
|
line-height: 1.5em; }
|
||||||
.contained-dropdown.hover:hover, .contained-dropdown.open {
|
.contained-dropdown.hover:hover, .contained-dropdown.open {
|
||||||
background-color: #f5f5f5; }
|
background-color: #f5f5f5; }
|
||||||
@ -9062,6 +9044,8 @@ select {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
vertical-align: middle; }
|
vertical-align: middle; }
|
||||||
|
.dropdown a {
|
||||||
|
text-decoration: none; }
|
||||||
.dropdown.dropdown-block {
|
.dropdown.dropdown-block {
|
||||||
display: block; }
|
display: block; }
|
||||||
.dropdown.dropdown-block .dropdown-toggle {
|
.dropdown.dropdown-block .dropdown-toggle {
|
||||||
@ -9300,30 +9284,24 @@ select {
|
|||||||
border-top-right-radius: 9px;
|
border-top-right-radius: 9px;
|
||||||
border-bottom-right-radius: 9px; }
|
border-bottom-right-radius: 9px; }
|
||||||
|
|
||||||
|
.dialog-account {
|
||||||
|
width: 600px;
|
||||||
|
margin: auto;
|
||||||
|
margin-top: 100px; }
|
||||||
|
|
||||||
.dialog {
|
.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;
|
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;
|
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;
|
-webkit-transition: all 0.125s ease-in-out;
|
||||||
transition: all 0.125s ease-in-out;
|
transition: all 0.125s ease-in-out;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
color: #222;
|
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; }
|
|
||||||
.dialog > .btn-block:last-child {
|
.dialog > .btn-block:last-child {
|
||||||
border-top-left-radius: 0px;
|
border-top-left-radius: 0px;
|
||||||
border-top-right-radius: 0px;
|
border-top-right-radius: 0px;
|
||||||
@ -9347,10 +9325,9 @@ select {
|
|||||||
.dialog .dialog-tabs .dialog-tab:hover span {
|
.dialog .dialog-tabs .dialog-tab:hover span {
|
||||||
color: #222; }
|
color: #222; }
|
||||||
.dialog .dialog-tabs .dialog-tab.open span {
|
.dialog .dialog-tabs .dialog-tab.open span {
|
||||||
background-color: #f5f5f5;
|
background-color: white;
|
||||||
color: #222;
|
color: #222;
|
||||||
opacity: 1;
|
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-right-radius: 0px !important;
|
||||||
border-bottom-left-radius: 0px !important;
|
border-bottom-left-radius: 0px !important;
|
||||||
border-top-left-radius: 9px;
|
border-top-left-radius: 9px;
|
||||||
@ -9398,6 +9375,12 @@ select {
|
|||||||
height: 200px; }
|
height: 200px; }
|
||||||
.dialog h4 .icon {
|
.dialog h4 .icon {
|
||||||
height: 38px; }
|
height: 38px; }
|
||||||
|
.dialog.dialog-freestanding {
|
||||||
|
margin: auto;
|
||||||
|
position: relative;
|
||||||
|
top: 150px;
|
||||||
|
border: none;
|
||||||
|
width: 800px; }
|
||||||
|
|
||||||
.overflow-hidden {
|
.overflow-hidden {
|
||||||
overflow: hidden; }
|
overflow: hidden; }
|
||||||
@ -9777,12 +9760,8 @@ button.close {
|
|||||||
text-indent: 4px;
|
text-indent: 4px;
|
||||||
text-align: center; }
|
text-align: center; }
|
||||||
|
|
||||||
.modal-footer:before, .modal-footer:after {
|
.modal-footer {
|
||||||
content: " ";
|
margin-top: 20px; }
|
||||||
display: table; }
|
|
||||||
|
|
||||||
.modal-footer:after {
|
|
||||||
clear: both; }
|
|
||||||
|
|
||||||
#search-dialog:after {
|
#search-dialog:after {
|
||||||
margin-left: -160px; }
|
margin-left: -160px; }
|
||||||
@ -9868,37 +9847,20 @@ button.close {
|
|||||||
max-height: 120px;
|
max-height: 120px;
|
||||||
border-radius: 3px; }
|
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 > a,
|
||||||
.white .select-list li:hover > span {
|
.white .select-list li:hover > span {
|
||||||
background-color: rgba(0, 0, 0, 0.025) !important; }
|
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 > a,
|
||||||
.white .select-list li > span {
|
.white .select-list li > span {
|
||||||
color: #888; }
|
color: #888; }
|
||||||
|
|
||||||
.select-list {
|
.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;
|
background-clip: padding-box;
|
||||||
font-size: 15px;
|
|
||||||
line-height: 14px;
|
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
padding: 15px 0;
|
padding: 15px 0;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: #888;
|
|
||||||
border-radius: 3px; }
|
border-radius: 3px; }
|
||||||
.select-list:empty:before {
|
.select-list:empty:before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -9935,13 +9897,11 @@ button.close {
|
|||||||
.select-list li.checked > a,
|
.select-list li.checked > a,
|
||||||
.select-list li.checked > span {
|
.select-list li.checked > span {
|
||||||
color: #222; }
|
color: #222; }
|
||||||
.select-list li:hover:before {
|
.select-list li:hover {
|
||||||
background-color: #888;
|
background-color: black; }
|
||||||
display: block; }
|
.select-list li:hover > a,
|
||||||
.select-list li:hover > a,
|
.select-list li:hover > span {
|
||||||
.select-list li:hover > span {
|
color: white; }
|
||||||
color: #888;
|
|
||||||
color: #222; }
|
|
||||||
.select-list li.select-list-title:before {
|
.select-list li.select-list-title:before {
|
||||||
display: none !important; }
|
display: none !important; }
|
||||||
.select-list li:before {
|
.select-list li:before {
|
||||||
@ -9962,9 +9922,8 @@ button.close {
|
|||||||
display: block;
|
display: block;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
color: #888;
|
|
||||||
margin: 0 25px;
|
margin: 0 25px;
|
||||||
padding: 16px 3px;
|
padding: 10px 0px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
@ -10069,11 +10028,14 @@ button.close {
|
|||||||
|
|
||||||
.header-left {
|
.header-left {
|
||||||
left: 0;
|
left: 0;
|
||||||
padding-left: 10px; }
|
padding-left: 10px;
|
||||||
|
padding-left: 20px;
|
||||||
|
padding-top: 20px; }
|
||||||
|
|
||||||
.header-right {
|
.header-right {
|
||||||
right: 0;
|
right: 0;
|
||||||
padding-right: 20px; }
|
padding-right: 20px;
|
||||||
|
padding-top: 20px; }
|
||||||
|
|
||||||
.header-center {
|
.header-center {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -10092,7 +10054,7 @@ button.close {
|
|||||||
margin-right: 10px; }
|
margin-right: 10px; }
|
||||||
|
|
||||||
.header-right > * {
|
.header-right > * {
|
||||||
margin-left: 5px; }
|
margin-left: 10px; }
|
||||||
|
|
||||||
.header-right {
|
.header-right {
|
||||||
font-size: 0; }
|
font-size: 0; }
|
||||||
@ -10107,7 +10069,7 @@ button.close {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
height: 60px;
|
height: 60px;
|
||||||
line-height: 60px;
|
line-height: 60px;
|
||||||
font-size: 9pt;
|
font-size: 15px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #888;
|
color: #888;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -10122,19 +10084,6 @@ button.close {
|
|||||||
.author .author-date {
|
.author .author-date {
|
||||||
opacity: 0.5; }
|
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 {
|
#account-forms {
|
||||||
z-index: 2000;
|
z-index: 2000;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -12447,7 +12396,7 @@ button.close {
|
|||||||
min-height: 0; }
|
min-height: 0; }
|
||||||
#folder-empty > div p {
|
#folder-empty > div p {
|
||||||
border-radius: 100px;
|
border-radius: 100px;
|
||||||
font-size: 12pt;
|
font-size: 20px;
|
||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
display: block;
|
display: block;
|
||||||
color: #888; }
|
color: #888; }
|
||||||
@ -12554,7 +12503,6 @@ button.close {
|
|||||||
#folder-grid:after {
|
#folder-grid:after {
|
||||||
clear: both; }
|
clear: both; }
|
||||||
#folder-grid .item {
|
#folder-grid .item {
|
||||||
box-shadow: 0 0 1pxrgba 0, 0, 0, 0.1;
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding-right: 40px;
|
padding-right: 40px;
|
||||||
@ -12680,7 +12628,8 @@ button.close {
|
|||||||
/* aspect ratio without spacer image */
|
/* aspect ratio without spacer image */
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-radius: 6px;
|
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;
|
opacity: 1;
|
||||||
filter: alpha(opacity=100);
|
filter: alpha(opacity=100);
|
||||||
color: #888;
|
color: #888;
|
||||||
@ -12751,8 +12700,7 @@ button.close {
|
|||||||
right: 40px;
|
right: 40px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
width: auto;
|
width: auto; }
|
||||||
background-color: white; }
|
|
||||||
#folder-grid .item .item-meta:before, #folder-grid .item .item-meta:after {
|
#folder-grid .item .item-meta:before, #folder-grid .item .item-meta:after {
|
||||||
content: " ";
|
content: " ";
|
||||||
display: table; }
|
display: table; }
|
||||||
@ -12777,38 +12725,6 @@ button.close {
|
|||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
color: #222;
|
color: #222;
|
||||||
text-align: left; }
|
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 {
|
#folder-grid .item .item-appendix {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
width: auto;
|
width: auto;
|
||||||
@ -13292,11 +13208,14 @@ button.close {
|
|||||||
.toolbar {
|
.toolbar {
|
||||||
margin: auto;
|
margin: auto;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 10px;
|
top: 20px;
|
||||||
z-index: 3000;
|
z-index: 3000;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
font-size: 0;
|
font-size: 0;
|
||||||
line-height: 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; }
|
pointer-events: none !important; }
|
||||||
.toolbar.toolbar-meta {
|
.toolbar.toolbar-meta {
|
||||||
-webkit-transform: translate3d(0, -100%, 0);
|
-webkit-transform: translate3d(0, -100%, 0);
|
||||||
@ -13455,10 +13374,17 @@ button.close {
|
|||||||
background-color: #ffffff; }
|
background-color: #ffffff; }
|
||||||
|
|
||||||
.toolbar-elements {
|
.toolbar-elements {
|
||||||
left: 10px; }
|
left: 20px; }
|
||||||
|
|
||||||
.toolbar-properties {
|
.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 {
|
#color-toggles {
|
||||||
background-size: 40px;
|
background-size: 40px;
|
||||||
@ -14279,7 +14205,6 @@ button.close {
|
|||||||
right: 0;
|
right: 0;
|
||||||
z-index: 800;
|
z-index: 800;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
opacity: 0.25;
|
|
||||||
display: block; }
|
display: block; }
|
||||||
|
|
||||||
.column-row {
|
.column-row {
|
||||||
@ -14681,16 +14606,16 @@ button.close {
|
|||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
width: auto;
|
width: auto;
|
||||||
margin-left: -12pt;
|
margin-left: -20px;
|
||||||
margin-right: -12pt;
|
margin-right: -20px;
|
||||||
margin-top: -12pt;
|
margin-top: -20px;
|
||||||
margin-bottom: -12pt; }
|
margin-bottom: -20px; }
|
||||||
|
|
||||||
.table table {
|
.table table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
table-layout: auto;
|
table-layout: auto;
|
||||||
border-collapse: separate;
|
border-collapse: separate;
|
||||||
border-spacing: 12pt 12pt; }
|
border-spacing: 20px 20px; }
|
||||||
|
|
||||||
.table tr {
|
.table tr {
|
||||||
border-top: 1px solid rgba(255, 255, 255, 0.125); }
|
border-top: 1px solid rgba(255, 255, 255, 0.125); }
|
||||||
@ -15103,9 +15028,9 @@ button.close {
|
|||||||
display: block;
|
display: block;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
font-size: 12pt; }
|
font-size: 20px; }
|
||||||
.artifact .text-table .text-cell .text-column.text-editing {
|
.artifact .text-table .text-cell .text-column.text-editing {
|
||||||
min-height: 12pt;
|
min-height: 20px;
|
||||||
-webkit-user-select: auto;
|
-webkit-user-select: auto;
|
||||||
-moz-user-select: auto;
|
-moz-user-select: auto;
|
||||||
user-select: auto;
|
user-select: auto;
|
||||||
@ -15373,8 +15298,7 @@ button.close {
|
|||||||
white-space: normal;
|
white-space: normal;
|
||||||
font-size: 36px; }
|
font-size: 36px; }
|
||||||
.board .artifact.artifact-zone {
|
.board .artifact.artifact-zone {
|
||||||
border: 1px solid #2ecc71;
|
background-color: rgba(0, 0, 0, 0.05);
|
||||||
background-color: rgba(46, 204, 113, 0.025);
|
|
||||||
border-radius: 10px; }
|
border-radius: 10px; }
|
||||||
.board .artifact.artifact-zone:after {
|
.board .artifact.artifact-zone:after {
|
||||||
display: none; }
|
display: none; }
|
||||||
@ -16054,193 +15978,37 @@ body:not(.present-mode) #space .artifact.selected {
|
|||||||
color: #202020; }
|
color: #202020; }
|
||||||
|
|
||||||
#landing-header {
|
#landing-header {
|
||||||
background-color: rgba(255, 255, 255, 0.3);
|
background-color: white;
|
||||||
height: 64px;
|
height: 64px;
|
||||||
position: absolute;
|
position: relative;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0; }
|
right: 0; }
|
||||||
|
|
||||||
.landing-keyvisual-wrapper {
|
#landing {
|
||||||
background-image: url("../images/sd5-keyvisual-compressed.jpg");
|
margin-top: 100px; }
|
||||||
background-size: cover;
|
#landing section {
|
||||||
background-position: center;
|
margin-left: 300px; }
|
||||||
padding-top: 40px;
|
#landing section > * {
|
||||||
padding-bottom: 40px; }
|
max-width: 600px; }
|
||||||
|
|
||||||
.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; }
|
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
padding: 40px;
|
margin-left: 300px;
|
||||||
padding-bottom: 80px;
|
margin-top: 100px;
|
||||||
text-align: center;
|
margin-bottom: 100px; }
|
||||||
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%; } }
|
|
||||||
|
|
||||||
html,
|
html,
|
||||||
body {
|
body {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background-color: #f5f5f5;
|
background-color: white;
|
||||||
color: #111; }
|
color: #111; }
|
||||||
|
|
||||||
|
body {
|
||||||
|
max-width: 100%;
|
||||||
|
padding: 0px;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
cursor: default; }
|
||||||
|
|
||||||
*[contenteditable="true"] {
|
*[contenteditable="true"] {
|
||||||
outline: none; }
|
outline: none; }
|
||||||
|
|
||||||
@ -16251,30 +16019,13 @@ body {
|
|||||||
-moz-box-sizing: border-box;
|
-moz-box-sizing: border-box;
|
||||||
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 {
|
.img img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto; }
|
height: auto; }
|
||||||
|
|
||||||
#startup {
|
/*.layer {
|
||||||
background-position: center;
|
@include transition( all 0.2s ease-in-out);
|
||||||
background-image: url(/images/diamond.svg);
|
@include backface-visibility(hidden);
|
||||||
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;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: auto;
|
width: auto;
|
||||||
height: auto;
|
height: auto;
|
||||||
@ -16284,18 +16035,23 @@ body {
|
|||||||
bottom: 0;
|
bottom: 0;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
// @include scale(0.95,0.95);
|
||||||
display: none;
|
display: none;
|
||||||
z-index: 1000; }
|
z-index: 1000;
|
||||||
.layer.top-layer {
|
&.top-layer {
|
||||||
z-index: 3500; }
|
z-index: 3500;
|
||||||
.layer.in {
|
}
|
||||||
|
&.in {
|
||||||
display: block;
|
display: block;
|
||||||
|
&.top-layer {
|
||||||
|
z-index: 3500;
|
||||||
|
}
|
||||||
z-index: 2000;
|
z-index: 2000;
|
||||||
|
// @include scale(1,1);
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
opacity: 1; }
|
opacity: 1;
|
||||||
.layer.in.top-layer {
|
}
|
||||||
z-index: 3500; }
|
}*/
|
||||||
|
|
||||||
[draggable] {
|
[draggable] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
-khtml-user-select: none;
|
-khtml-user-select: none;
|
||||||
|
|||||||
@ -51,12 +51,18 @@ router.post('/', function(req, res) {
|
|||||||
var nickname = req.body["nickname"];
|
var nickname = req.body["nickname"];
|
||||||
var password = req.body["password"];
|
var password = req.body["password"];
|
||||||
var password_confirmation = req.body["password_confirmation"];
|
var password_confirmation = req.body["password_confirmation"];
|
||||||
|
var invite_code = req.body["invite_code"];
|
||||||
|
|
||||||
if (password_confirmation != password) {
|
if (password_confirmation != password) {
|
||||||
res.status(400).json({"error":"password_confirmation"});
|
res.status(400).json({"error":"password_confirmation"});
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (config.invite_code && invite_code != config.invite_code) {
|
||||||
|
res.status(400).json({"error":"Invalid Invite Code."});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
if (!validator.isEmail(email)) {
|
if (!validator.isEmail(email)) {
|
||||||
res.status(400).json({"error":"email_invalid"});
|
res.status(400).json({"error":"email_invalid"});
|
||||||
return;
|
return;
|
||||||
|
|||||||
@ -472,8 +472,7 @@
|
|||||||
font-size: 36px;
|
font-size: 36px;
|
||||||
|
|
||||||
&.artifact-zone {
|
&.artifact-zone {
|
||||||
border: 1px solid rgba(46,204,113,1);
|
background-color: rgba(0,0,0,0.05);
|
||||||
background-color: rgba(46,204,113,0.025);
|
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
&:after {display: none; }
|
&:after {display: none; }
|
||||||
.shape {display: none; }
|
.shape {display: none; }
|
||||||
|
|||||||
@ -301,7 +301,7 @@
|
|||||||
|
|
||||||
&.btn-dark {
|
&.btn-dark {
|
||||||
background-color: $dark ;
|
background-color: $dark ;
|
||||||
color: $medium;
|
color: $white;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.btn-medium {
|
&.btn-medium {
|
||||||
@ -469,7 +469,6 @@
|
|||||||
|
|
||||||
&.btn-icon {
|
&.btn-icon {
|
||||||
padding: 0px !important;
|
padding: 0px !important;
|
||||||
font-weight: bold;
|
|
||||||
max-width: 60px;
|
max-width: 60px;
|
||||||
|
|
||||||
&.btn-xl { max-width: 80px; }
|
&.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 {
|
&.btn-md.btn-icon-labeled {
|
||||||
.icon:before {
|
.icon:before {
|
||||||
line-height: 29px;
|
line-height: 29px;
|
||||||
@ -555,7 +530,6 @@
|
|||||||
.icon:before {line-height: 42px; }
|
.icon:before {line-height: 42px; }
|
||||||
.icon-label {
|
.icon-label {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
text-transform: capitalize;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 8px 0;
|
margin: 8px 0;
|
||||||
display: block;
|
display: block;
|
||||||
@ -568,7 +542,7 @@
|
|||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
padding: 0 0px;
|
padding: 0 0px;
|
||||||
font-weight: bold;
|
font-weight: 300;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.hover {
|
&.hover {
|
||||||
@ -977,7 +951,7 @@
|
|||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
|
||||||
border: 1px solid $dark;
|
//border: 1px solid $dark;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
|
|
||||||
&.dark {
|
&.dark {
|
||||||
|
|||||||
@ -96,33 +96,30 @@
|
|||||||
border-bottom-right-radius: $radius*3;
|
border-bottom-right-radius: $radius*3;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.dialog-account {
|
||||||
|
width: 600px;
|
||||||
|
margin: auto;
|
||||||
|
margin-top: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
.dialog {
|
.dialog {
|
||||||
|
|
||||||
font-size: 13px;
|
|
||||||
|
|
||||||
ol, ul, p {
|
|
||||||
font-size: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
> .btn-block:last-child {
|
> .btn-block:last-child {
|
||||||
border-top-left-radius: 0px;
|
border-top-left-radius: 0px;
|
||||||
border-top-right-radius: 0px;
|
border-top-right-radius: 0px;
|
||||||
border-bottom-left-radius: $radius*3;
|
border-bottom-left-radius: $radius*3;
|
||||||
border-bottom-right-radius: $radius*3;
|
border-bottom-right-radius: $radius*3;
|
||||||
}
|
}
|
||||||
|
|
||||||
min-width: 200px;
|
|
||||||
|
|
||||||
@include backface-visibility(hidden);
|
|
||||||
white-space: normal;
|
|
||||||
z-index: 1000;
|
|
||||||
position: absolute;
|
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;
|
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;
|
pointer-events: none;
|
||||||
background-color: $light;
|
background-color: $light;
|
||||||
color: $dark;
|
color: $dark;
|
||||||
@ -130,9 +127,6 @@
|
|||||||
background-color: $dark;
|
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 {
|
.dialog-tabs-wrapper {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border-top-left-radius: $radius*3;
|
border-top-left-radius: $radius*3;
|
||||||
@ -152,15 +146,13 @@
|
|||||||
&:hover span {color: $dark; }
|
&:hover span {color: $dark; }
|
||||||
|
|
||||||
&.open span {
|
&.open span {
|
||||||
background-color: $light;
|
background-color: white;
|
||||||
color: $dark;
|
color: $dark;
|
||||||
opacity: 1;
|
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-right-radius: 0px !important;
|
||||||
border-bottom-left-radius: 0px !important;
|
border-bottom-left-radius: 0px !important;
|
||||||
border-top-left-radius: $radius*3;
|
border-top-left-radius: $radius*3;
|
||||||
border-top-right-radius: $radius*3;
|
border-top-right-radius: $radius*3;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&:first-child span {
|
&:first-child span {
|
||||||
@ -202,7 +194,6 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.dialog-section {
|
.dialog-section {
|
||||||
&:first-child {border: none !important; }
|
&:first-child {border: none !important; }
|
||||||
border-top: 2px solid rgba(0,0,0,0.1);
|
border-top: 2px solid rgba(0,0,0,0.1);
|
||||||
@ -230,4 +221,13 @@
|
|||||||
h4 .icon {
|
h4 .icon {
|
||||||
height: 38px;
|
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;
|
display: inline-block;
|
||||||
position: relative;
|
position: relative;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
&.dropdown-block {
|
&.dropdown-block {
|
||||||
display: block;
|
display: block;
|
||||||
|
|||||||
@ -254,7 +254,6 @@
|
|||||||
// word-wrap: break-word;
|
// word-wrap: break-word;
|
||||||
|
|
||||||
.item {
|
.item {
|
||||||
box-shadow: 0 0 1pxrgba(0,0,0,0.1);
|
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
padding-right: $folder-gutter*2;
|
padding-right: $folder-gutter*2;
|
||||||
@ -397,7 +396,10 @@
|
|||||||
|
|
||||||
&:active { opacity: 0.95 !important; }
|
&: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);
|
@include opacity(1);
|
||||||
color: $medium;
|
color: $medium;
|
||||||
// color: white;
|
// color: white;
|
||||||
@ -476,7 +478,6 @@
|
|||||||
left: 0px;
|
left: 0px;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
width: auto;
|
width: auto;
|
||||||
background-color: rgba(255,255,255,1);
|
|
||||||
|
|
||||||
.dropdown {
|
.dropdown {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -501,30 +502,6 @@
|
|||||||
color: $dark;
|
color: $dark;
|
||||||
text-align: left;
|
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 {
|
.item-appendix {
|
||||||
|
|||||||
@ -23,7 +23,6 @@ input:invalid {
|
|||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
font-size: 10px;
|
|
||||||
margin: 12px;
|
margin: 12px;
|
||||||
color: red;
|
color: red;
|
||||||
margin-right: 25px;
|
margin-right: 25px;
|
||||||
|
|||||||
@ -5,7 +5,6 @@
|
|||||||
.header-left,
|
.header-left,
|
||||||
.header-right {
|
.header-right {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
//@include transition( all 0.25s ease-in-out);
|
|
||||||
@include backface-visibility(hidden);
|
@include backface-visibility(hidden);
|
||||||
z-index: 3000;
|
z-index: 3000;
|
||||||
top: 10px;
|
top: 10px;
|
||||||
@ -27,17 +26,20 @@
|
|||||||
.home {
|
.home {
|
||||||
margin-top: -20px;
|
margin-top: -20px;
|
||||||
margin-left: -20px;
|
margin-left: -20px;
|
||||||
// .icon {color: $dark; }
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-left {
|
.header-left {
|
||||||
left: 0;
|
left: 0;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
|
padding-left: 20px;
|
||||||
|
padding-top: 20px;
|
||||||
}
|
}
|
||||||
.header-right {
|
.header-right {
|
||||||
right: 0;
|
right: 0;
|
||||||
padding-right: 20px;
|
padding-right: 20px;
|
||||||
|
padding-top: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-center {
|
.header-center {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
left: 0;
|
left: 0;
|
||||||
@ -53,7 +55,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
.header-left > * { margin-right: 10px; }
|
.header-left > * { margin-right: 10px; }
|
||||||
.header-right > * { margin-left: 5px; }
|
.header-right > * { margin-left: 10px; }
|
||||||
.header-right { font-size: 0;}
|
.header-right { font-size: 0;}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
@ -87,21 +89,3 @@
|
|||||||
opacity: 0.5;
|
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);
|
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";
|
@import "vars";
|
||||||
|
|
||||||
#landing-header {
|
#landing-header {
|
||||||
background-color: rgba(255,255,255,0.3);
|
background-color: white;
|
||||||
height: 64px;
|
height: 64px;
|
||||||
position: absolute;
|
position: relative;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.landing-keyvisual-wrapper {
|
#landing {
|
||||||
background-image: url("../images/sd5-keyvisual-compressed.jpg");
|
margin-top: 100px;
|
||||||
background-size: cover;
|
|
||||||
background-position: center;
|
section {
|
||||||
padding-top: 40px;
|
margin-left: 300px;
|
||||||
padding-bottom: 40px;
|
|
||||||
}
|
> * {
|
||||||
|
max-width: 600px;
|
||||||
.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-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 {
|
.footer {
|
||||||
padding: 40px;
|
margin-left: 300px;
|
||||||
padding-bottom: 80px;
|
margin-top: 100px;
|
||||||
text-align: center;
|
margin-bottom: 100px;
|
||||||
color: $medium;
|
|
||||||
|
|
||||||
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;
|
|
||||||
|
|
||||||
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)
|
// Footer (for actions)
|
||||||
.modal-footer {
|
.modal-footer {
|
||||||
// border-bottom-left-radius: $radius;
|
margin-top: 20px;
|
||||||
// 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;
|
|
||||||
// }
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -27,6 +27,5 @@
|
|||||||
right: 0;
|
right: 0;
|
||||||
z-index: 800;
|
z-index: 800;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
opacity: 0.25;
|
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -6,22 +6,18 @@
|
|||||||
li {
|
li {
|
||||||
&.checked {
|
&.checked {
|
||||||
|
|
||||||
&:before {background-color: $medium !important; }
|
|
||||||
> a,
|
> a,
|
||||||
> span {
|
> span {
|
||||||
color: $medium;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
&:before {background-color: $medium; }
|
|
||||||
> a,
|
> a,
|
||||||
> span {
|
> span {
|
||||||
background-color: rgba(0,0,0,0.025) !important;
|
background-color: rgba(0,0,0,0.025) !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:before {background-color: $medium; }
|
|
||||||
> a,
|
> a,
|
||||||
> span {
|
> span {
|
||||||
color: $medium;
|
color: $medium;
|
||||||
@ -30,7 +26,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.select-list {
|
.select-list {
|
||||||
&:empty:before{
|
&:empty:before {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
@ -45,17 +41,14 @@
|
|||||||
opacity: 0.5;
|
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;
|
background-clip: padding-box;
|
||||||
font-size: 15px;
|
//font-size: 15px;
|
||||||
line-height: 14px;
|
//line-height: 14px;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
padding: 15px 0;
|
padding: 15px 0;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
// background-color: $dark;
|
// background-color: $dark;
|
||||||
color: $medium;
|
|
||||||
border-radius: $radius;
|
border-radius: $radius;
|
||||||
|
|
||||||
.divider + li span {border: none !important; }
|
.divider + li span {border: none !important; }
|
||||||
@ -90,15 +83,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
// background-color: rgba(0,0,0,0.025);
|
background-color: black;
|
||||||
&:before {
|
|
||||||
background-color: $medium;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
> a,
|
> a,
|
||||||
> span {
|
> span {
|
||||||
color: $medium;
|
color: white;
|
||||||
color: $dark;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -126,9 +115,8 @@
|
|||||||
display: block;
|
display: block;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
color: $medium;
|
|
||||||
margin: 0 25px;
|
margin: 0 25px;
|
||||||
padding: 16px 3px;
|
padding: 10px 0px;
|
||||||
// line-height: 50px;
|
// line-height: 50px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
@ -154,4 +142,4 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -65,10 +65,17 @@
|
|||||||
html,
|
html,
|
||||||
body {
|
body {
|
||||||
height:100%;
|
height:100%;
|
||||||
background-color: $light;
|
background-color: white;
|
||||||
color: $black;
|
color: $black;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
max-width: 100%;
|
||||||
|
padding: 0px;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
*[contenteditable="true"] {
|
*[contenteditable="true"] {
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
@ -79,31 +86,12 @@ body {
|
|||||||
@include box-sizing(border-box);
|
@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 {
|
.img img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
#startup {
|
/*.layer {
|
||||||
background-position: center;
|
|
||||||
background-image:url(/images/diamond.svg);
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.layer {
|
|
||||||
@include transition( all 0.2s ease-in-out);
|
@include transition( all 0.2s ease-in-out);
|
||||||
@include backface-visibility(hidden);
|
@include backface-visibility(hidden);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -131,7 +119,7 @@ body {
|
|||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
}
|
}*/
|
||||||
|
|
||||||
[draggable] {
|
[draggable] {
|
||||||
-moz-user-select: none;
|
-moz-user-select: none;
|
||||||
|
|||||||
@ -20,12 +20,16 @@
|
|||||||
|
|
||||||
margin: auto;
|
margin: auto;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 10px;
|
top: 20px;
|
||||||
z-index: 3000;
|
z-index: 3000;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
font-size: 0;
|
font-size: 0;
|
||||||
line-height: 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?
|
// FIXME questionable?
|
||||||
|
|
||||||
pointer-events: none !important;
|
pointer-events: none !important;
|
||||||
@ -201,10 +205,17 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.toolbar-elements {
|
.toolbar-elements {
|
||||||
left: 10px;
|
left: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.toolbar-properties {
|
.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 "vars";
|
||||||
@import "mixins";
|
@import "mixins";
|
||||||
|
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;900&display=swap');
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: $light;
|
background-color: $light;
|
||||||
color: $medium;
|
color: $medium;
|
||||||
@ -25,7 +27,7 @@ hr {
|
|||||||
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
font-weight: 500;
|
font-weight: 900;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
margin-top: 0px;
|
margin-top: 0px;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
@ -46,8 +48,7 @@ strong {font-weight: 500; }
|
|||||||
small {font-size: 75%; }
|
small {font-size: 75%; }
|
||||||
|
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
color: black;
|
||||||
color: $medium;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
dl {
|
dl {
|
||||||
|
|||||||
@ -35,7 +35,7 @@ $sidebar-width: 280px;
|
|||||||
$main-font: Inter;
|
$main-font: Inter;
|
||||||
$sec-font: Inter;
|
$sec-font: Inter;
|
||||||
|
|
||||||
$font-size: 12pt;
|
$font-size: 20px;
|
||||||
$line-height: 1.5em;
|
$line-height: 1.5em;
|
||||||
|
|
||||||
$gutter-a: 10px;
|
$gutter-a: 10px;
|
||||||
|
|||||||
@ -1,62 +1,34 @@
|
|||||||
{% extends 'layouts/outer.html' %}
|
{% extends 'layouts/outer.html' %}
|
||||||
|
|
||||||
{% block title %}[[ __("welcome") ]]{% endblock %}
|
{% block title %}Spacedeck{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
|
||||||
<div id="landing">
|
<div id="landing">
|
||||||
<div class="landing-keyvisual-wrapper">
|
<section>
|
||||||
<div class="landing-box">
|
<h1>Work Together, Visually.</h1>
|
||||||
<h2>[[__("landing_title")]]</h2>
|
<p>
|
||||||
|
Whenever you need to lay out pictures, text notes, video and audio clips on a blank canvas,
|
||||||
<p class="lead">
|
Spacedeck can help you.
|
||||||
<a href="/signup" class="btn btn-primary btn-block btn-xl">[[__("signup")]]</a>
|
</p>
|
||||||
</p>
|
<p>
|
||||||
|
Spacedeck is the right tool for you if you want to quickly put together a collage of your
|
||||||
<p class="lead">
|
idea or concept, either for yourself or to share it with teammembers, clients or students.
|
||||||
<a href="/login" class="btn btn-primary btn-block btn-xl">[[__("login")]]</a>
|
</p>
|
||||||
</p>
|
<p>
|
||||||
|
Spacedeck is not meant for creating polished designs, but it is a good fit for:
|
||||||
<p class="lead">
|
</p>
|
||||||
[[__("landing_claim")]]
|
<ul>
|
||||||
</p>
|
<li>Moodboards</li>
|
||||||
|
<li>Collages</li>
|
||||||
<p class="lead">
|
<li>Teaching (Virtual Blackboards)</li>
|
||||||
[[__("landing_example")]]
|
<li>Shared Whiteboards</li>
|
||||||
</p>
|
<li>Design Thinking</li>
|
||||||
|
</ul>
|
||||||
<ul>
|
<p>
|
||||||
<li class="lead">
|
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>.
|
||||||
[[__("landing_features_1") | safe ]]
|
</p>
|
||||||
</li>
|
</section>
|
||||||
|
|
||||||
<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>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
@ -9,36 +9,25 @@
|
|||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
<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="[[ '/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 ]]">
|
<link rel="stylesheet" href="[[ '/stylesheets/style.css' | cdn ]]">
|
||||||
<script> var csrf_token = '[[ csrf_token ]]'; </script>
|
<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>
|
</head>
|
||||||
|
|
||||||
<body>
|
<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">
|
<header id="landing-header" class="header">
|
||||||
<div class="header-left">
|
<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>
|
||||||
|
|
||||||
<div class="header-right pull-right">
|
<div class="header-right pull-right">
|
||||||
{% if !user %}
|
{% 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-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 %}
|
{% 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>
|
<a class="btn btn-md btn-dark btn-round" href="/logout">[[__("logout")]]</a>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
@ -49,8 +38,11 @@
|
|||||||
<div class="footer">
|
<div class="footer">
|
||||||
<p>
|
<p>
|
||||||
<div class="col-xs-6">
|
<div class="col-xs-6">
|
||||||
<a href="/contact">[[ __("contact") ]]</a>
|
© 2020 <a href="https://mntre.com">MNT Research GmbH</a>, Fehlerstr. 8, 12161 Berlin, Germany<br>
|
||||||
<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>
|
© 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>
|
</div>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</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-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=='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=='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-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 class="dialog-tab" v-bind:class="{open:account=='terminate'}" v-on:click="account='terminate'"><span>[[__("terminate_caption")]]</span></div>
|
||||||
</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="collapse" v-bind:class="{in:account=='profile'}">
|
||||||
<div class="labels-inline relative" style="margin-bottom:40px">
|
<div class="labels-inline relative" style="margin-bottom:40px">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
@ -64,30 +78,16 @@
|
|||||||
v-on:change="user.email_changed=true"
|
v-on:change="user.email_changed=true"
|
||||||
placeholder="mail@example.com">
|
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>
|
||||||
|
|
||||||
<div class="form-group" v-if="!user.confirmed_at">
|
<!--div class="form-group">
|
||||||
<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">
|
|
||||||
<label class="label">Spacedeck.com Data Import</label>
|
<label class="label">Spacedeck.com Data Import</label>
|
||||||
<p v-if="!importables">No .ZIP files found in Spacedeck application folder.</p>
|
<p v-if="!importables">No .ZIP files found in Spacedeck application folder.</p>
|
||||||
<ul>
|
<ul>
|
||||||
<li v-for="f in importables">{{f}} <button v-on:click="start_zip_import(f)">Start Import</button></li>
|
<li v-for="f in importables">{{f}} <button v-on:click="start_zip_import(f)">Start Import</button></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div-->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -121,7 +121,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="collapse" v-bind:class="{in:account=='password'}">
|
<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="modal-section labels-inline">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="label">[[__("current_password")]]</label>
|
<label class="label">[[__("current_password")]]</label>
|
||||||
@ -140,13 +140,11 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="modal-footer">
|
<div class="modal-footer">
|
||||||
<div class="btn-cluster">
|
|
||||||
<button
|
<button
|
||||||
class="btn btn-transparent btn-block"
|
class="btn btn-dark btn-md"
|
||||||
v-on:click="save_user_password(password_change_current, password_change_new, password_change_new_confirmation);" >
|
v-on:click="save_user_password(password_change_current, password_change_new, password_change_new_confirmation);" >
|
||||||
[[__("change_password")]]
|
[[__("change_password")]]
|
||||||
</button>
|
</button>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -156,7 +154,7 @@
|
|||||||
<p>[[__("terminate_warning2")]]</p>
|
<p>[[__("terminate_warning2")]]</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="labels-inline" v-if="user.account_type == 'email'">
|
<div class="labels-inline">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="label">[[__("current_password")]]</label>
|
<label class="label">[[__("current_password")]]</label>
|
||||||
<input v-model="account_remove_password" class="input input-white no-b" type="password">
|
<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 class="center alert alert-danger" v-if="account_remove_error">{{account_remove_error}}</div>
|
||||||
</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>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,9 +1,9 @@
|
|||||||
<header id="folder-header" class="header" v-if="(active_view == 'folders' && active_folder)" v-cloak>
|
<header id="folder-header" class="header" v-if="(active_view == 'folders' && active_folder)" v-cloak>
|
||||||
<div v-cloak class="header-left pull-left">
|
<div v-cloak class="header-left pull-left">
|
||||||
<a class="btn btn-stroke-darken btn-md btn-round btn-icon" href="/spaces">
|
<a class="btn btn-dark btn-md btn-round btn-icon" href="/spaces">
|
||||||
<span class="icon icon-home"></span>
|
<span class="icon icon-svg icon-sd6"></span>
|
||||||
</a>
|
</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')">
|
<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>
|
<span>[[ __('create_folder') ]]</span>
|
||||||
</button>
|
</button>
|
||||||
@ -49,7 +49,7 @@
|
|||||||
<div class="header-right pull-right">
|
<div class="header-right pull-right">
|
||||||
<div class="dropdown top right light" v-bind:class="{open: active_dropdown=='account'}">
|
<div class="dropdown top right light" v-bind:class="{open: active_dropdown=='account'}">
|
||||||
<button
|
<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:style="background_image_style([user.avatar_thumb_uri])"
|
||||||
v-bind:class="{'has-avatar-image':!!user.avatar_thumb_uri}" v-on:click="show_account();">
|
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>
|
<span class="icon icon-user" v-if="logged_in && !user.avatar_thumb_uri"></span></button>
|
||||||
@ -81,12 +81,12 @@
|
|||||||
|
|
||||||
</div>
|
</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()">
|
<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="jewel" style="color: white; background-color: red" v-if="meta_unseen>0">{{meta_unseen}}</span>
|
||||||
<span class="icon icon-menu"></span>
|
<span class="icon icon-menu"></span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div-->
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
@ -98,10 +98,8 @@
|
|||||||
|
|
||||||
<div id="folder-breadcrumb">
|
<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 v-for="item in active_space_path" class="btn btn-sm btn-transparent" v-sd-droppable="handle_folder_drop;item">
|
||||||
<span>{{item.name}}</span>
|
<a href="/{{item.space_type}}s/{{item._id}}">{{item.name}}</a> ▶</span>
|
||||||
<span class="seperator">/</span>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a v-if="(active_space_role != 'admin')" type="button" class="btn btn-sm btn-transparent">
|
<a v-if="(active_space_role != 'admin')" type="button" class="btn btn-sm btn-transparent">
|
||||||
<span>{{active_folder.name}}</span>
|
<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')">
|
<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">
|
<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>
|
||||||
|
|
||||||
<div class="header-right pull-right">
|
<div class="header-right pull-right">
|
||||||
<span class="btn-group dark round">
|
<a v-if="active_view != 'login'" class="btn btn-md btn-dark btn-round" href="/login">[[__("login")]]</a>
|
||||||
{% if (locale != "de") %}<a href="/t/de?r={{active_view}}" class="btn btn-transparent btn-md">Deutsch</a>{% endif %}
|
<a v-if="active_view != 'signup'" class="btn btn-md btn-dark btn-round" href="/signup">[[__("signup")]]</a>
|
||||||
{% 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>
|
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
@ -23,7 +17,7 @@
|
|||||||
<div id="login" v-bind:class="{active : active_view == 'login'}">
|
<div id="login" v-bind:class="{active : active_view == 'login'}">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<form v-on:submit="login_submit(user_forms_email, login_password, $event)">
|
<form v-on:submit="login_submit(user_forms_email, login_password, $event)">
|
||||||
<h4>[[__("login")]]</h4>
|
<h3>Login</h3>
|
||||||
|
|
||||||
<div class="tight">
|
<div class="tight">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
@ -34,16 +28,15 @@
|
|||||||
</div>
|
</div>
|
||||||
</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">[[__("login")]]</span>
|
||||||
<span v-show="loading_user">[[__("logging_in")]]</span>
|
<span v-show="loading_user">[[__("logging_in")]]</span>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<div class="center alert alert-danger" v-if="login_error">{{login_error}}</div>
|
<div class="center alert alert-danger" v-if="login_error">{{login_error}}</div>
|
||||||
|
|
||||||
<div class="pull-right">
|
<div style="margin-top:2em">
|
||||||
<a class="btn btn-xs btn-darken" href="/signup">[[__("signup")]]</a>
|
<a href="/password-reset">Forgot Password</a>
|
||||||
<a class="btn btn-xs btn-darken" href="/password-reset">[[__("reset_password")]]</a>
|
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
@ -51,7 +44,7 @@
|
|||||||
|
|
||||||
<div id="signup" v-bind:class="{active : active_view == 'signup'}">
|
<div id="signup" v-bind:class="{active : active_view == 'signup'}">
|
||||||
<div class="content">
|
<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>
|
<h4>[[__("signup")]]</h4>
|
||||||
|
|
||||||
<div class="tight">
|
<div class="tight">
|
||||||
@ -75,19 +68,22 @@
|
|||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<input class="input" id="user-password-confirmation" required type="password" v-model="signup_password_confirmation" placeholder="[[__("password_confirmation")]]">
|
<input class="input" id="user-password-confirmation" required type="password" v-model="signup_password_confirmation" placeholder="[[__("password_confirmation")]]">
|
||||||
</div>
|
</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>
|
||||||
|
|
||||||
<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 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-->
|
||||||
|
|
||||||
<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">[[__("signup")]]</span>
|
||||||
<span v-if="creating_user">[[__("signing_up")]]</span>
|
<span v-if="creating_user">[[__("signing_up")]]</span>
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
<div class="center alert alert-danger" style="width:100%;" v-if="signup_error">{{signup_error}}</div>
|
<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>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -102,7 +98,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="text-center alert alert-danger" v-if="password_reset_error">{{password_reset_error}}</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>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div class="content" v-if="password_reset_send==true">
|
<div class="content" v-if="password_reset_send==true">
|
||||||
@ -127,7 +123,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="text-center alert alert-danger" v-if="password_reset_confirm_error">{{password_reset_confirm_error}}</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>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</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="space-empty" v-cloak v-if="active_view == 'space' && !present_mode && active_space_artifacts.length == 0">
|
||||||
<div class="table-fake">
|
<div class="table-fake">
|
||||||
<div class="cell">
|
<div class="cell">
|
||||||
<p>Click anywhere to add content.<br>
|
<p>Use the toolbar to add content.<br>
|
||||||
You can also drop images, sounds and video<br>
|
You can also drop images or sound and video files.</p>
|
||||||
or use copy and paste.</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</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>
|
<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>
|
</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">
|
<input v-show="is_selected(a)" type="text" id="ios-focuser-{{a._id}}" class="ios-focuser">
|
||||||
</div>
|
</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 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-->
|
||||||
|
|
||||||
<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()">
|
<button class="btn btn-icon btn-md btn-white" v-on:click="zoom_in()">
|
||||||
<span class="icon icon-plus"></span>
|
<span class="icon icon-plus"></span>
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@ -1,6 +1,6 @@
|
|||||||
<div id="layout" class="relative">
|
<div id="layout" class="relative">
|
||||||
<div class="dialog-section no-p-b">
|
<div class="dialog-section">
|
||||||
<div class="">
|
<div class="btn-group">
|
||||||
<button class="btn btn-transparent btn-icon" v-on:click="layout_stack_top()">
|
<button class="btn btn-transparent btn-icon" v-on:click="layout_stack_top()">
|
||||||
<span class="icon icon-stack-3d-top"></span>
|
<span class="icon icon-stack-3d-top"></span>
|
||||||
</button>
|
</button>
|
||||||
@ -20,7 +20,7 @@
|
|||||||
<span class="icon icon-align-bottom"></span>
|
<span class="icon icon-align-bottom"></span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="">
|
<div class="btn-group">
|
||||||
<button class="btn btn-transparent btn-icon" v-on:click="layout_align_center()">
|
<button class="btn btn-transparent btn-icon" v-on:click="layout_align_center()">
|
||||||
<span class="icon icon-align-center-horizontal"></span>
|
<span class="icon icon-align-center-horizontal"></span>
|
||||||
</button>
|
</button>
|
||||||
|
|||||||
@ -1,69 +1,48 @@
|
|||||||
<h4 class="dialog-title">[[__("tool_shape")]]</h4>
|
<h4 class="dialog-title">[[__("tool_shape")]]</h4>
|
||||||
|
|
||||||
<div id="shapes">
|
<div id="shapes">
|
||||||
<div class="dialog-section no-p-h" style="white-space: normal;">
|
<div class="dialog-section">
|
||||||
<button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('ellipse',$event)">
|
<div class="btn-group">
|
||||||
<span class="icon icon-shape-circle"></span>
|
<button class="btn btn-icon-labeled btn-transparent" v-on:click="add_shape('ellipse',$event)">
|
||||||
<span class="icon-label">[[__("tool_circle")]]</span>
|
<span class="icon icon-shape-circle"></span>
|
||||||
</button>
|
<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)">
|
</div>
|
||||||
<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>
|
||||||
|
|
||||||
<!--
|
|
||||||
<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>
|
<span class="icon icon-folder"></span>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a class="btn btn-icon btn-transparent"
|
<a class="btn btn-icon btn-dark"
|
||||||
title="Parent Folder"
|
title="Parent Folder"
|
||||||
href="/folders/{{active_space.parent_space_id}}"
|
href="/folders/{{active_space.parent_space_id}}"
|
||||||
v-if="(active_space.parent_space_id && !guest_nickname)">
|
v-if="(active_space.parent_space_id && !guest_nickname)">
|
||||||
|
|
||||||
<span class="icon icon-folder"></span>
|
<span class="icon icon-sd6 icon-svg"></span>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<button class="btn btn-divider"></button>
|
<button class="btn btn-divider"></button>
|
||||||
@ -45,7 +45,7 @@
|
|||||||
<div class="btn-collapse in">
|
<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()">
|
<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 icon-upload"></span>
|
||||||
<span class="icon-label" >[[__("tool_upload")]]</span>
|
<span class="icon-label" >Media</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -45,7 +45,7 @@
|
|||||||
<div class="btn-collapse in">
|
<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'}">
|
<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 icon-text-styles"></span>
|
||||||
<span class="icon-label">styles</span>
|
<span class="icon-label">Styles</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@ -2,11 +2,11 @@
|
|||||||
|
|
||||||
<div id="zones" style="max-height:500px;overflow-y:scroll">
|
<div id="zones" style="max-height:500px;overflow-y:scroll">
|
||||||
<div class="dialog-section">
|
<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.
|
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>
|
||||||
|
|
||||||
<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)">
|
<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