New image for landing page + page width in edit book -100 change

This commit is contained in:
Sagi Dayan 2020-05-29 08:32:39 -04:00
parent 74382d9d17
commit c9239a3aa5
6 changed files with 88 additions and 45 deletions

View file

@ -1,38 +1,81 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="416.217px" height="320.271px" viewBox="0 0 416.217 320.271" enable-background="new 0 0 416.217 320.271"
xml:space="preserve">
<path fill="none" d="M394.117,52.481c-7.972-2.006-13.092,8.789-6.313,12.514c2.938,1.615,16.261-1.004,19.756-0.984
c13.258,0.076,29.066-2.875,42.151-0.119c1.609-4.211,1.439-8.369-1.647-11.504c-14.189,6.227-40.318,0.645-54.844,0.094"/>
<path fill="#1D1B88" d="M37.057,127.323c19.387-9.344,40.18-9.455,61.592-1.916c13.055,4.596,23.707,13.828,36.516,18.154
c14.568,4.918,28.163,9.368,43.853,10.801c33.112,3.021,64.396,11.681,98.155,8.614c31.721-2.879,52.089-24.647,53.298-58.286
c0.594-16.504-8.058-31.07-6.314-48.687c1.783-18.01,7.156-25.946,19.578-37.653c5.897,8.243,10.637,17.251,14.088,26.606
c3.865,10.486-0.469,17.875,0.789,29.094c6.428-28.464,21.398-30.406,45.775-36.254c2.444,13.24-0.197,34.666-6.396,46.003
c-7.09,12.964-17.443,21.88-29.76,28.632c-16.209,8.888-25.014,13.044-33.404,30.286c-11.938,24.54-25.392,49.821-45.306,68.679
c-18.49,17.508-52.829,32.369-77.049,34.816c-32.284,3.262-64.088,7.459-93.959-5.669c-25.17-11.062-44.333-27.558-61.878-49.198
c-4.621-5.701-6.869-12.688-11.482-18.369c-6.27-7.721-11.066-5.008-18.303-9.153c-12.646-7.247,1.549-28.844,10.208-35.418"/>
<path fill="#EAB0D4" d="M202.008,159.699c-0.453,3.444-9.512,17.323-13.782,19.231c-9.204,4.111-19.131-5.356-28.859-2.859
c-0.416,6.123,11.912,9.218,16.833,12.529c8.162,5.492,9.108,6.719,18.266,3.275c8.433-3.171,14.195-7.451,23.204-7.35
c8.942,0.103,15.044,0.115,22.972-1.111c15.088-2.335,38.19-8.296,52.227-2.977c13.217,5.012,21.434,16.401,36.277,19.481
c15.463,3.207,31.297,10.226,47.059,10.402c0.525-1.664,0.492-3.628,0.285-5.08c-6.301-1.664-11.668-3.777-17.117-7.433
c-1.94-1.302-1.83-5.287-4.885-6.824c-1.937-0.975-7.66,0.775-10.437,0.045c-10.049-2.648-28.935-15.67-30.334-25.93
c-1.363-10.001,8.255-30.093,11.693-39.742c5.719-16.053,6.162-24.084-0.387-40.031c-6.857,0.03-6.359,21.592-8.203,27.875
c-2.6,8.861-5.125,19.344-12.271,25.528c-19.594-12.017-35.82,7.034-52.429,5.838c-12.344-0.89-13.365,1.892-23.172,8.433
c-7.848,5.234-18.899,6.94-26.94,9.938"/>
<path fill="#EDECDC" d="M21.397,158.338c0,36.892-5.496,68.336,21.169,97.22c9.782,10.596,20.312,23.77,31.315,33.293
c12.66,10.959,28.458,12.062,43.483,17.739c28.911,10.922,71.75,5.123,100.045-5.882c16.802-6.533,27.143-10.104,39.146-24.611
c9.9-11.968,22.979-18.481,31.287-32.391c5.867-9.82,22.979-37.454,18.613-48.248c-11.146,8.85-18.016,20.773-31.138,28.797
c-15.161,9.27-29.567,18.252-47.212,21.878c-33.11,6.804-67.33,6.304-99.181-3.477c-11.869-3.646-24.959-4.321-35.498-12.154
c-9.404-6.987-18.122-15.58-25.811-24.883c-8.288-10.027-11.969-23.651-19.105-32.127c-5.23-6.212-26.525-9.255-25.028-15.154"/>
<path fill="#FFEEF2" d="M146.676,164.821c10.386,9.195,24.997,14.287,38.366,17.131c7.076-6.071,27.167-21.166,4.409-22.615
c-2.687-0.17-6.324,3.033-9.37,3.319c-4.036,0.379-7.785-1.337-11.224-1.343c-5.205-0.008-16.47-0.447-20.743,3.772
c0.902,1.367,1.76,2.034,2.739,2.976"/>
<path fill="#F4F0A2" d="M157.116,126.721c-1.388-3.18-13.381-0.909-17.772,4.326c-2.879,3.43-6.806,19.18-6.312,22.638
c1.107,7.775,9.504,13.328,16.778,13.019c3.578-0.152,7.02-4.014,9.604-4.107c5.088-0.185,5.103,3.532,9.42,3.859
c7.792,0.59,11.137-6.646,18.586-4.342c8.555,2.645,7.493,8.214,17.95,4.826c4.648-1.506,16.479-5.07,19.89-8.589
c8.562-8.832-1.181-11.038-3.178-18.907c-2.157-8.493,4.019-12.391-4.18-19.447c-5.864-5.047-15.099-7.182-22.385-6.511
c-13.268,1.222-26.209,11.132-38.399,14.315"/>
<ellipse fill="#E6DDE1" cx="96.131" cy="179.692" rx="3.597" ry="3.292"/>
</svg>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<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"
inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
sodipodi:docname="whale.svg"
xml:space="preserve"
enable-background="new 0 0 416.217 320.271"
viewBox="0 0 416.217 320.271"
height="320.271px"
width="416.217px"
y="0px"
x="0px"
id="Layer_1"
version="1.1"><metadata
id="metadata25"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
id="defs23" /><sodipodi:namedview
inkscape:current-layer="Layer_1"
inkscape:window-maximized="1"
inkscape:window-y="0"
inkscape:window-x="0"
inkscape:cy="160.1355"
inkscape:cx="208.10851"
inkscape:zoom="2.8663226"
showgrid="false"
id="namedview21"
inkscape:window-height="1136"
inkscape:window-width="1920"
inkscape:pageshadow="2"
inkscape:pageopacity="0"
guidetolerance="10"
gridtolerance="10"
objecttolerance="10"
borderopacity="1"
bordercolor="#666666"
pagecolor="#ffffff" />
<path
id="path2"
d="M12.986,129.484c-2.773,36.785-10.619,67.726,13.799,98.534c8.958,11.302,18.468,25.23,28.724,35.555 c11.8,11.88,27.47,14.167,42.025,20.957c28.008,13.065,71.161,10.505,100.205,1.657c17.246-5.25,27.826-8.032,40.886-21.597 c10.771-11.19,24.304-16.7,33.633-29.946c6.59-9.352,25.73-35.62,22.189-46.713c-11.781,7.987-19.527,19.36-33.217,26.374 c-15.814,8.104-30.854,15.978-48.723,18.267c-33.527,4.295-67.614,1.224-98.639-10.925c-11.561-4.527-24.563-6.187-34.483-14.789 c-8.853-7.675-16.899-16.899-23.867-26.754c-7.51-10.62-10.157-24.481-16.635-33.471c-4.749-6.588-25.754-11.223-23.818-16.992"
fill="#F7F4E2" />
<path
id="path4"
d="M394.737,67.927c-7.628-3.066-14.161,6.937-7.948,11.544c2.692,1.998,16.247,1.206,19.707,1.699 c13.126,1.868,29.188,1.084,41.78,5.585c2.163-3.955,2.558-8.097-0.076-11.621c-14.9,4.25-40.034-4.817-54.352-7.328"
fill="none" />
<ellipse
id="ellipse6"
ry="3.597"
rx="3.292"
cy="153.644"
cx="82.278"
fill="#FCFCFC"
transform="matrix(0.1353 -0.9908 0.9908 0.1353 -81.0843 214.3818)" />
<path
id="path10"
d="M29.667,101.408c20.163-7.524,40.878-5.726,61.508,3.748c12.578,5.775,22.337,15.946,34.695,21.43 c14.054,6.235,27.184,11.915,42.675,14.781c32.696,6.048,63.052,17.544,96.95,17.591c31.852,0.045,54.133-19.761,58.424-53.146 c2.107-16.38-5.17-31.679-1.816-49.062c3.429-17.77,9.508-25.179,22.952-35.696c5.116,8.75,9.009,18.155,11.587,27.787 c2.885,10.797-2.108,17.756-1.887,29.043c9.016-27.753,24.1-28.312,48.911-31.897c1.217,13.409-3.38,34.501-10.594,45.221 c-8.25,12.259-19.378,20.187-32.263,25.779c-16.957,7.362-26.106,10.692-36.044,27.09c-14.141,23.341-29.859,47.279-51.421,64.229 c-20.019,15.737-55.577,27.382-79.919,27.594c-32.447,0.285-64.502,1.544-93.042-14.271c-24.048-13.325-41.616-31.512-57.1-54.671 c-4.078-6.102-5.675-13.266-9.747-19.346c-5.534-8.265-10.559-6.002-17.385-10.795c-11.927-8.378,4.19-28.58,13.417-34.331"
fill="#F7DFF3" />
<path
id="path12"
d="M185.766,139.689c-1.369,3.194-13.844,14.104-18.472,14.786c-9.973,1.467-16.968-10.333-27.009-10.561 c-2.057,5.782,8.974,12.097,12.816,16.617c6.371,7.496,6.95,8.932,16.698,8.094c8.976-0.772,15.682-3.333,24.327-0.799 c8.581,2.519,14.453,4.182,22.418,5.146c15.157,1.835,39.012,2.346,51.086,11.265c11.368,8.399,16.196,21.587,29.653,28.568 c14.019,7.271,27.363,18.312,42.49,22.745c0.955-1.461,1.454-3.359,1.649-4.813c-5.617-3.307-10.212-6.793-14.469-11.786 c-1.516-1.779-0.332-5.585-2.857-7.892c-1.601-1.463-7.582-1.327-10.059-2.781c-8.958-5.268-23.617-22.911-22.188-33.168 c1.393-9.997,16.089-26.739,22.009-35.097c9.849-13.907,12.447-21.519,10.457-38.644c-6.609-1.825-11.963,19.067-15.438,24.617 c-4.899,7.828-10.167,17.236-18.72,21.256c-15.611-16.87-36.387-2.918-52.052-8.563c-11.644-4.197-13.379-1.795-24.591,1.849 c-8.974,2.916-20.074,1.569-28.625,2.279"
fill="#DFEAEA" />
<path
id="path14"
d="M129.111,128.649c7.511,11.663,20.2,20.518,32.301,26.873c8.455-3.931,31.88-13.027,10.363-20.58 c-2.542-0.891-6.909,1.209-9.918,0.661c-3.988-0.727-7.133-3.393-10.443-4.33c-5.008-1.416-15.734-4.886-20.99-1.98 c0.499,1.56,1.145,2.434,1.832,3.606"
fill="#F2E9D7" />
<path
id="path16"
d="M152.468,94.796c-0.477-3.437-12.637-4.495-18.28-0.644c-3.699,2.524-11.741,16.624-12.201,20.086 c-1.038,7.784,5.543,15.402,12.629,17.072c3.486,0.822,7.845-1.964,10.357-1.355c4.948,1.198,3.957,4.78,8.025,6.263 c7.341,2.677,12.519-3.384,19.067,0.849c7.521,4.86,4.991,9.935,15.975,9.502c4.881-0.192,17.235-0.423,21.472-2.888 c10.632-6.187,1.85-10.946,2.056-19.062c0.222-8.76,7.221-10.841,1.237-19.853c-4.28-6.445-12.593-10.999-19.789-12.324 c-13.104-2.414-28.244,3.626-40.84,3.393"
fill="#E0E099" />
<path
id="path18"
d="M82.609,147.635c-6.449,0-6.449,10,0,10S89.057,147.635,82.609,147.635z"
fill="#F9F9F9" />
</svg>

Before

Width:  |  Height:  |  Size: 3.9 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -139,7 +139,7 @@
<label class="label">Page width</label>
<input
type="range"
:min="DEFAULT_PAGE_WIDTH-50"
:min="DEFAULT_PAGE_WIDTH-100"
:max="DEFAULT_PAGE_WIDTH"
v-model="bookWidth"
:disabled="!pages[currentPage].imageLoaded"
@ -148,7 +148,7 @@
<button
type="button"
class="button is-rounded is-outlined is-small"
:disabled="!pages[currentPage].imageLoaded || bookWidth<= DEFAULT_PAGE_WIDTH - 50"
:disabled="!pages[currentPage].imageLoaded || bookWidth<= DEFAULT_PAGE_WIDTH - 100"
@click="bookWidth-=2"
>
<i class="fa fa-fw fa-minus"></i>