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"?> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> xmlns:dc="http://purl.org/dc/elements/1.1/"
<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" xmlns:cc="http://creativecommons.org/ns#"
width="416.217px" height="320.271px" viewBox="0 0 416.217 320.271" enable-background="new 0 0 416.217 320.271" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xml:space="preserve"> xmlns:svg="http://www.w3.org/2000/svg"
<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 xmlns="http://www.w3.org/2000/svg"
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"/> xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
<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 xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
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 inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
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 sodipodi:docname="whale.svg"
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 xml:space="preserve"
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 enable-background="new 0 0 416.217 320.271"
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 viewBox="0 0 416.217 320.271"
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"/> height="320.271px"
<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 width="416.217px"
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 y="0px"
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 x="0px"
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 id="Layer_1"
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 version="1.1"><metadata
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 id="metadata25"><rdf:RDF><cc:Work
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 rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
c-7.848,5.234-18.899,6.94-26.94,9.938"/> rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
<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 id="defs23" /><sodipodi:namedview
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 inkscape:current-layer="Layer_1"
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 inkscape:window-maximized="1"
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 inkscape:window-y="0"
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"/> inkscape:window-x="0"
<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 inkscape:cy="160.1355"
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 inkscape:cx="208.10851"
c0.902,1.367,1.76,2.034,2.739,2.976"/> inkscape:zoom="2.8663226"
<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 showgrid="false"
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 id="namedview21"
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 inkscape:window-height="1136"
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 inkscape:window-width="1920"
c-13.268,1.222-26.209,11.132-38.399,14.315"/> inkscape:pageshadow="2"
<ellipse fill="#E6DDE1" cx="96.131" cy="179.692" rx="3.597" ry="3.292"/> 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> </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> <label class="label">Page width</label>
<input <input
type="range" type="range"
:min="DEFAULT_PAGE_WIDTH-50" :min="DEFAULT_PAGE_WIDTH-100"
:max="DEFAULT_PAGE_WIDTH" :max="DEFAULT_PAGE_WIDTH"
v-model="bookWidth" v-model="bookWidth"
:disabled="!pages[currentPage].imageLoaded" :disabled="!pages[currentPage].imageLoaded"
@ -148,7 +148,7 @@
<button <button
type="button" type="button"
class="button is-rounded is-outlined is-small" 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" @click="bookWidth-=2"
> >
<i class="fa fa-fw fa-minus"></i> <i class="fa fa-fw fa-minus"></i>