silex-website-builder-goodevent
Version:
Free and easy website builder for everyone.
49 lines • 40.3 kB
HTML
<head><style>.loading-pending .silex-workspace {
opacity: 0;
}
body {
background-color: #444;
}
</style><!-- all the css in the head with _styles.less imports--><link rel="stylesheet" type="text/css" href="css/admin.css"><title>Silex</title><meta name="description" content="This is a public instance of Silex website builder. Build websites in the browser"><!-- beautifyers--><script type="text/javascript" src="libs/js-beautify/beautify-html.js"></script><script type="text/javascript" src="libs/js-beautify/beautify-css.js"></script><!-- prodotype--><script type="text/javascript" src="libs/prodotype/ejs.min.js"></script><script type="text/javascript" src="libs/prodotype/prodotype.js"></script><!-- tags-input component--><link rel="stylesheet" type="text/css" href="libs/tags-input/tags-input.css"><!-- code editor--><script type="text/javascript" src="js/monaco-editor.js"></script><!-- favicon--><link rel="shortcut icon" href="assets/favicon.png"><!-- wysihtml library--><script type="text/javascript" src="libs/wysihtml/wysihtml.min.js"></script><script type="text/javascript" src="libs/wysihtml/wysihtml.all-commands.min.js"></script><script type="text/javascript" src="libs/wysihtml/wysihtml.toolbar.min.js"></script><script type="text/javascript" src="libs/wysihtml/simple.js"></script></head><body class="loading-pending advanced-mode-off"><div class="loader">Loading...
</div><div class="silex-workspace"><!-- file explorer--><iframe class="notranslate" id="silex-file-explorer" src="/ce/cloud-explorer/cloud-explorer.html" frameborder="no" scrolling="no" allowfullscreen="yes"></iframe><!-- menu--><div class="silex-menu"><img class="show-about-menu silex-logo" title="About Silex" data-menu-action="show.about.menu" src="assets/logo-silex.png"><div class="menu-container"><div class="show-file-menu fa-fw icon fa-inverse fa-cloud" title="File menu" data-menu-action="show.file.menu"></div><div class="show-add-menu fa-fw icon fa-inverse fa-plus-square" title="Add elements" data-menu-action="show.add.menu"></div><div class="show-code-menu fa-fw icon fa-inverse fa-code" title="Code" data-menu-action="show.code.menu"></div><div class="show-pages fa-fw fa-fw icon fa-inverse fa-file" title="Pages" data-menu-action="show.pages"></div><div class="icon sep"></div><div class="icon undo fa-fw fa-inverse fa-undo off" title="Undo (Ctrl Z)" data-menu-action="edit.undo"></div><div class="icon redo fa-fw fa-inverse fa-repeat off" title="Redo (Ctrl ⇧ Z)" data-menu-action="edit.redo"></div><div class="icon sep"></div><div class="view-file fa-fw icon fa-inverse fa-eye" title="Preview (Alt V)" data-menu-action="view.file"></div><div class="view-file-responsize icon previewResponsize" title="Preview in Responsize (⇧ Alt V)" data-menu-action="view.file.responsize"></div><div class="right mobile fa-fw icon fa-inverse fa-mobile" title="Mobile editor (Alt M)" data-menu-action="tools.mobile.mode.on"></div><div class="right desktop fa-fw icon fa-inverse fa-desktop" title="Desktop editor (Alt M)" data-menu-action="tools.mobile.mode.off"></div><div class="icon sep"></div><div class="show-settings fa-fw icon fa-inverse fa-cogs" title="Settings (Alt O)" data-menu-action="file.publish.settings"></div><div class="show-fonts fa-fw icon fa-inverse fa-font" title="Fonts" data-menu-action="file.fonts"></div><div class="show-about-menu fa-fw icon fa-inverse fa-question-circle" title="About Silex" data-menu-action="show.about.menu"></div></div><div class="about-menu-container"><div class="label">About Silex</div><div class="sub-menu-item" title="get help here!" data-menu-action="help.wiki"><span class="icon fa-inverse fa-fw fa-ambulance"></span><span>Silex wiki</span></div><div class="sub-menu-item" title="Silex forums" data-menu-action="help.issues"><span class="icon fa-inverse fa-fw fa-bug"></span><span>Silex forums</span></div><div class="sub-menu-item" title="Download widgets" data-menu-action="help.downloads.widget"><span class="icon fa-inverse fa-fw fa-download"></span><span>Download widgets</span></div><div class="sub-menu-item" title="Download templates" data-menu-action="help.downloads.template"><span class="icon fa-inverse fa-fw fa-download"></span><span>Download templates</span></div><div class="icon sep"></div><div class="sub-menu-item" title="Silex Labs non profit organization" data-menu-action="help.aboutSilexLabs"><span class="icon fa-inverse fa-fw fa-external-link"></span><span>Silex Labs</span></div><div class="sub-menu-item" title="Subscribe now!" data-menu-action="help.newsLetter"><span class="icon fa-inverse fa-fw fa-external-link"></span><span>News letter</span></div><div class="sub-menu-item" title="Diaspora*" data-menu-action="help.diaspora"><span class="icon fa-inverse fa-fw fa-heart-o"></span><span>Diaspora*</span></div><div class="sub-menu-item" title="Twitter" data-menu-action="help.twitter"><span class="icon fa-inverse fa-fw fa-twitter"></span><span>Twitter</span></div><div class="sub-menu-item" title="Facebook" data-menu-action="help.facebook"><span class="icon fa-inverse fa-fw fa-facebook"></span><span>Facebook</span></div><div class="icon sep"></div><div class="sub-menu-item" title="Source code" data-menu-action="help.forkMe"><span class="icon fa-inverse fa-fw fa-code"></span><span>Source code</span></div><div class="sub-menu-item" title="Contribute" data-menu-action="help.contribute"><span class="icon fa-inverse fa-fw fa-share"></span><span>Contribute</span></div><div class="sub-menu-item" title="Crowdfunding" data-menu-action="help.crowdfunding"><span class="icon fa-inverse fa-fw fa-credit-card"></span><span>Crowdfund a feature</span></div></div><div class="file-menu-container"><div class="label">File Menu</div><div class="sub-menu-item" data-menu-action="file.new"><span class="icon fa-inverse fa-fw fa-home"></span><span>Dashboard</span><div class="shortcut">Alt N</div></div><div class="sub-menu-item" data-menu-action="view.open.fileExplorer"><span class="icon fa-inverse fa-fw fa-cloud-upload"></span><span>File explorer</span></div><div class="icon sep"></div><div class="sub-menu-item" data-menu-action="file.open"><span class="icon fa-inverse fa-fw fa-folder-open"></span><span>Open website</span><div class="shortcut">Ctrl O</div></div><div class="sub-menu-item" data-menu-action="file.save"><span class="icon fa-inverse fa-fw fa-floppy-o"></span><span>Save website</span><div class="shortcut">Ctrl S</div></div><div class="file-save-as sub-menu-item" data-menu-action="file.saveas"><div class="icon svg">
<svg version="1.1" id="Layer_3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="169 -169 392 392" style="enable-background:new 169 -169 392 392;" xml:space="preserve">
<g>
<path style="fill: #DDD;" fill="#DDD" d="M471.7,88.6v66.2h-25.6v-36.4l-0.8,0.4l-24.9,10.1v26H267V78.1h92.7l0.5-21.3c0.2-1.4,0.5-2.8,0.9-4.2H260.6
c-5.4,0-9.9,1.8-13.6,5.6c-3.7,3.8-5.6,8.3-5.6,13.6v83.1h-25.6v-255.8h25.6v83.1c0,5.4,1.8,9.9,5.6,13.6c3.8,3.7,8.3,5.6,13.6,5.6
h115.1c5.4,0,9.9-1.8,13.6-5.6c3.7-3.8,5.6-8.3,5.6-13.6v-83.1c2,0,4.6,0.7,7.8,2s5.5,2.7,6.8,4l30.4,30.4l14.8-21.4l-27-27
c-3.8-3.7-8.8-6.9-15.2-9.6c-6.4-2.7-12.2-4-17.6-4H209.5c-5.4,0-9.9,1.8-13.6,5.6c-3.7,3.8-5.6,8.3-5.6,13.6v268.5
c0,5.4,1.8,9.9,5.6,13.6s8.3,5.6,13.6,5.6H478c5.4,0,9.9-1.8,13.6-5.6c3.7-3.8,5.6-8.3,5.6-13.6V51.4L471.7,88.6z M318.2-94.6
c0-1.7,0.6-3.2,1.9-4.5c1.3-1.3,2.8-1.9,4.5-1.9H363c1.7,0,3.2,0.6,4.5,1.9c1.3,1.3,1.9,2.8,1.9,4.5v63.9c0,1.8-0.6,3.2-1.9,4.5
c-1.3,1.3-2.8,1.9-4.5,1.9h-38.4c-1.7,0-3.2-0.6-4.5-1.9c-1.3-1.3-1.9-2.8-1.9-4.5V-94.6z"/>
<g id="XMLID_14_">
<path style="fill: #DDD;" fill="#DDD" id="XMLID_15_" d="M537.3-42.9l-11.8,17.2l-59.2-40.7l11.8-17.2c3.7-5.4,10.5-7.3,15.1-4.1l42.5,29.3
C540.3-55.3,541-48.3,537.3-42.9z M460.7-58.4l59.2,40.7L441.2,96.7c-0.4,0.5-1.4,2-3,2.7c-0.2,0.1-0.4,0.3-0.6,0.4l-53,21.5
c-1.3,0.7-2.8,0.7-3.9-0.1c-1.1-0.8-1.6-2.1-1.5-3.6l1.1-57.2c0-0.2,0.1-0.4,0.1-0.6c0.1-1.8,1.1-3.3,1.5-3.8 M428.2,95.9
l-40.8-28l-1.3,23.3l20.2,13.9L428.2,95.9z M462.1-42c-1.7-1.2-4-0.7-5.2,1l-61.3,89.1c-1.2,1.7-0.7,4,1,5.2s4,0.7,5.2-1
l61.3-89.1C464.2-38.6,463.8-40.9,462.1-42z"/>
</g>
</g>
</svg>
</div><span>Save website as</span><div class="shortcut">Ctrl ⇪ S</div></div><div class="icon sep"></div><div class="sub-menu-item" data-menu-action="file.publish"><span class="icon fa-inverse fa-fw fa-rocket"></span><span>Publish</span><div class="shortcut">Ctrl P</div></div></div><div class="add-menu-container add-menu-icons"><div class="label">Elements</div><div class="sub-menu-item" title="Text" data-menu-action="insert.text"><span class="icon text"></span><span>Text</span><div class="shortcut">Alt T</div></div><div class="sub-menu-item" title="Image" data-menu-action="insert.image"><span class="icon image"></span><span>Image</span><div class="shortcut">Alt I</div></div><div class="sub-menu-item" title="Container" data-menu-action="insert.container"><span class="icon container"></span><span>Container</span><div class="shortcut">Alt C</div></div><div class="sub-menu-item" title="Html" data-menu-action="insert.html"><span class="icon html fa-inverse fa-code"></span><span>Html</span><div class="shortcut">Alt H</div></div><div class="sub-menu-item" title="Section" data-menu-action="insert.section"><span class="icon fa-inverse fa-fw fa-list-alt"></span><span>Section</span><div class="shortcut">Alt S</div></div></div><div class="code-menu-container"><div class="label">Code Menu</div><div class="sub-menu-item" data-menu-action="view.open.htmlHeadEditor"><span class="icon fa-inverse fa-fw fa-html5"></span><span>HTML HEAD editor</span><div class="shortcut">Alt E</div></div><div class="sub-menu-item" data-menu-action="view.open.jsEditor"><span class="icon fa-inverse fa-fw fa-terminal"></span><span>Javascript editor</span><div class="shortcut">Alt J</div></div><div class="sub-menu-item" data-menu-action="view.open.cssEditor"><span class="icon fa-inverse fa-fw fa-css3"></span><span>CSS editor</span><div class="shortcut">Alt D</div></div></div></div><!-- page tool--><div class="silex-page-tool notranslate"><script class="page-tool-template" type="text/x-handlebars-template"><a class="page-container {{className}}" href="{{linkName}}" data-page-name="{{name}}" data-page-idx="{{idx}}">
<div class="page-preview xsmall-font">
<div class="label">{{displayName}}</div>
</div>
</a></script><div class="label">Pages</div><div class="page-tool-container"></div><div class="ui-container"><div class="icon add-page fa-fw fa-inverse fa-plus-square" title="Add a page"></div><div class="icon remove-page fa-fw fa-inverse fa-minus-square" title="Delete page"></div><div class="icon move-page-up fa-fw fa-inverse fa-caret-square-o-up" title="Move page up"></div><div class="icon move-page-down fa-fw fa-inverse fa-caret-square-o-down" title="Move page down"></div></div></div><div class="silex-context-menu"><div class="current-page"></div><div class="icon edit fa-inverse fa-pencil off" title="Edit (↵)"></div><div class="icon delete fa-inverse fa-trash off" title="Delete (SUPPR)"></div><div class="icon sep"></div><div class="icon copy off" title="Copy (Ctrl C)"></div><div class="icon paste off" title="Paste (Ctrl V)"></div><div class="icon duplicate fa-inverse fa-clone off" title="Duplicate (Ctrl D)"></div><div class="icon sep"></div><div class="icon top fa-inverse fa-angle-double-up off" title="To top (⇧ Alt UP)"></div><div class="icon up fa-inverse fa-angle-up off" title="Up (Alt UP)"></div><div class="icon down fa-inverse fa-angle-down off" title="Down (Alt DOWN)"></div><div class="icon bottom fa-inverse fa-angle-double-down off" title="To bottom (⇧ Alt DOWN)"></div><div class="icon sep"></div><div class="icon sticky-elements fa-inverse fa-magnet off" title="Auto magnet, stick to elements"></div></div><!-- vertical splitter--><div class="vertical-splitter"><div class="knob"></div></div><!-- properties tool--><div class="silex-property-tool design-tab notranslate"><div class="tabs"><div class="tab design fa fa-lg fa-pencil on"></div><div class="tab style fa fa-lg fa-paint-brush"></div><div class="tab params fa fa-lg fa-cog"></div></div><div class="main-container"><span class="position-editor editor-container"><div class="expandable"><legend><span class="fa fa-fw fa-inverse fa-caret-right"></span><span>Position and size</span></legend><div class="body"><div class="two-col"><label>X</label><label>W</label></div><div class="two-col"><div class="input-with-unit"><input class="position-input left-input" placeholder="-" type="number" tabindex="1"><label class="unit">PX</label></div><div class="input-with-unit"><input class="position-input width-input" placeholder="-" type="number" tabindex="3" min="0"><label class="unit">PX</label></div></div><div class="two-col"><label>Y</label><label>H</label></div><div class="two-col"><div class="input-with-unit"><input class="position-input top-input" placeholder="-" type="number" tabindex="2"><label class="unit">PX</label></div><div class="input-with-unit"><input class="position-input height-input" placeholder="-" type="number" tabindex="4" min="0"><label class="unit">PX</label></div></div></div></div></span><span class="seo-editor old-advanced-only editor-container"><div class="expandable"><legend><span class="fa fa-fw fa-inverse fa-caret-right"></span><span>SEO (search engines)</span></legend><div class="body"><label class="alt-label">Alt (images only)</label><input class="alt-input" placeholder="-" type="text"><label class="title-label">Title and tooltip</label><input class="title-input" placeholder="-" type="text"></div></div></span><span class="page-editor editor-container"><script class="pages-selector-template" type="text/x-handlebars-template"><div class='page-container'>
<input class='page-check checkbox' type='checkbox' id='{{name}}' />
<label class='page-label xsmall-font' for='{{name}}' >{{displayName}}</label>
</div></script><script class="link-template" type="text/x-handlebars-template"><option value='{{linkName}}'>{{displayName}}</option></script><div class="expandable"><legend><span class="fa fa-fw fa-inverse fa-caret-right"></span><span>Visible on</span></legend><div class="body"><div class="view-on-mobile"><input class="checkbox" id="mobile" type="radio" name="visibility" value="mobile"><label class="xsmall-font" for="mobile">mobile</label><input class="checkbox" id="desktop" type="radio" name="visibility" value="desktop"><label class="xsmall-font" for="desktop">desktop</label><input class="checkbox" id="both" type="radio" name="visibility" value="both"><label class="xsmall-font" for="both">both</label><hr></div><div class="view-on-allpages"><input class="view-on-allpages-check checkbox" id="allpages" type="checkbox"><label class="view-on-allpages-label xsmall-font" for="allpages">all pages</label></div><div class="pages-container"></div></div></div><div class="expandable"><legend><span class="fa fa-fw fa-inverse fa-caret-right"></span><span>Link</span></legend><div class="body"><select class="link-combo-box combobox"></select><input class="link-input-text" placeholder="-" type="text"></div></div></span><span class="style-container"><span class="tab-page"><div class="general-editor editor-container"><div class="expandable opacity-property old-advanced-only"><legend><span class="fa fa-fw fa-inverse fa-caret-right"></span><span>Opacity</span><small> in %</small></legend><div class="body"><input class="opacity-input" placeholder="-" type="number" min="0" max="100"></div></div></div><div class="background-editor editor-container"><div class="expandable background-property"><legend><span class="fa fa-fw fa-inverse fa-caret-right"></span><span>Background Color</span></legend><div class="body"><div class="color-edit-container"><label class="color-edit-label alpha">Alpha</label><input class="color-edit-text-input color-opacity-input" placeholder="-" type="number" min="0" max="100"><input class="color-edit-color-input color-button color-button" type="color" defaultValue="rgba(0, 0, 0, 1)" placeholder="-"><input class="color-edit-transparent-check" id="bgtransp" type="checkbox" indeterminate="true"><label class="color-edit-label" for="bgtransp">Transparent</label></div></div></div><div class="expandable background-image"><legend><span class="fa fa-fw fa-inverse fa-caret-right"></span><span>Background Image</span></legend><div class="body"><div><input class="button bg-image-button" type="button" value="Select image"><input class="button clear-bg-image-button" type="button" value="Clear image"></div><div><select class="bg-position-h-combo-box combobox"><option value="left">left</option><option value="center">center</option><option value="right">right</option></select><select class="bg-position-v-combo-box combobox"><option value="top">top</option><option value="center">center</option><option value="bottom">bottom</option></select></div><div class="background-image"><select class="bg-attachment-combo-box combobox"><option value="scroll" title="The background scrolls along with the element">scroll</option><option value="fixed" title="The background is fixed with regard to the viewport">fixed</option></select><select class="bg-repeat-combo-box combobox"><option value="repeat" title="The background image is repeated both vertically and horizontally">repeat</option><option value="repeat-x" title="The background image is only repeated horizontally">repeat-x</option><option value="repeat-y" title="The background image is only repeated vertically">repeat-y</option><option value="no-repeat" title="The background-image is not repeated">no-repeat</option></select><select class="bg-size-combo-box combobox"><option value="auto" title="The background image is not resized">auto</option><option value="contain" title="The background image is scaled so that the whole image is visible">contain</option><option value="cover" title="The background image is scaled so that it completely covers the element">cover</option></select></div></div></div></div><div class="border-editor editor-container"><div class="expandable border-property"><legend><span class="fa fa-fw fa-inverse fa-caret-right"></span><span>Border</span></legend><div class="body"><div class="border-width-container"><label class="border-width-label">Width</label><label class="border-type-label">Style</label><input class="border-width-input" placeholder="-" type="number" min="0"><select class="border-type-combo-box combobox"><option value="solid">solid</option><option value="dotted">dotted</option><option value="dashed">dashed</option><option value="double">double</option><option value="groove">groove</option><option value="ridge">ridge</option><option value="inset">inset</option><option value="outset">outset</option></select></div><div class="color-edit-container"><label class="color-edit-label">Alpha</label><input class="color-edit-text-input color-opacity-input color-border-opacity-input" placeholder="-" type="number" min="0" max="100"><input class="color-edit-color-input color-border-button color-button" type="color" defaultValue="rgba(0, 0, 0, 1)" placeholder="-"><input class="color-edit-transparent-check" id="bordertransp" type="checkbox" indeterminate="true"><label class="color-edit-label alpha" for="bordertransp">Transparent</label></div><div class="border-placement-container old-advanced-only"><div class="half-col"><input class="top border-placement-check checkbox" id="topplacement" type="checkbox"><label class="border-placement-label" for="topplacement">Top</label></div><div class="half-col"><input class="left border-placement-check checkbox" id="leftplacement" type="checkbox"><label class="border-placement-label" for="leftplacement">Left</label></div><div class="half-col"><input class="bottom border-placement-check checkbox" id="bottomplacement" type="checkbox"><label class="border-placement-label" for="bottomplacement">Bottom</label></div><div class="half-col"><input class="right border-placement-check checkbox" id="rightplacement" type="checkbox"><label class="border-placement-label" for="rightplacement">Right</label></div></div><div class="border-radius-container"><div class="border-radius-width-container"><label class="border-radius-label">Radius</label><input class="corner-radius-input" placeholder="-" type="number" min="0"></div><div class="corner-placement-container old-advanced-only"><div class="half-col"><input class="top-left corner-placement-check checkbox" id="topleftplacementradius" type="checkbox"><label class="corner-placement-label" for="topleftplacementradius">Top Left</label></div><div class="half-col"><input class="top-right corner-placement-check checkbox" id="toprightplacementradius" type="checkbox"><label class="corner-placement-label" for="toprightplacementradius">Top Right</label></div><div class="half-col"><input class="bottom-left corner-placement-check checkbox" id="bottomleftplacementradius" type="checkbox"><label class="corner-placement-label" for="bottomleftplacementradius">Btm Left</label></div><div class="half-col"><input class="bottom-right corner-placement-check checkbox" id="bottomrightplacementradius" type="checkbox"><label class="corner-placement-label" for="bottomrightplacementradius">Btm Right</label></div></div></div></div></div></div><div class="style-editor editor-container"><div class="expandable style-property old-advanced-only"><legend><span class="fa fa-fw fa-inverse fa-caret-right"></span><span>CSS</span></legend><div class="body"><label>CSS classes<a class="help-icon" href="https://github.com/silexlabs/Silex/wiki/Silex-CSS-editor#custom-css-classes" title="about Silex and CSS" target="_blank">Help</a></label><input class="style-css-classes-input" type="tags"><div class="element-style-editor editor-container"></div></div></div></div></span></span><span class="prodotype-component-editor editor-container"></span><span class="prodotype-style-editor editor-container"><div class="expendable prodotype-style-editor-menu"><label class="class-name-style-label" for="class-name-style-combo-box"><span>Style name:</span><select class="pseudoclass-style-combo-box combobox" id="pseudoclass-style-combo-box"></select></label><div class="class-name-block"><input class="visibility-style-checkbox hidden" id="visibility-style-checkbox" type="checkbox"><label class="visibility-style-label fa-fw icon fa-inverse fa-mobile expandable" for="visibility-style-checkbox" title="Mobile only"></label><select class="class-name-style-combo-box combobox" id="class-name-style-combo-box"></select></div><p class="selection-info-container"><span class="dot fa fa-circle"></span><span class="on-page">2 on this page (<span>select</span>),</span><span class="total">5 total (<span>select</span>)</span></p><div class="add-style icon-btn icon-btn-left icon-btn-first" title="Add a style."><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><defs><style>.cls-1 {fill: #e5e5e5;}</style></defs><path id='Union_18' data-name='Union 18' class='cls-1' d='M4,10V6H0V4H4V0H6V4h4V6H6v4Z'/></svg></div><div class="edit-style icon-btn icon-btn-left" title="Rename the current style."><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10.007'><defs><style>.cls-1 {fill: #e5e5e5;fill-rule: evenodd;}</style></defs><path id='editA' class='cls-1' d='M7.43,0a.67.67,0,0,0-.475.2L9.8,3.05a.671.671,0,0,0,0-.95L7.9.2A.67.67,0,0,0,7.43,0ZM9.8,3.05,6.955.2,1.5,5.655,4.351,8.508,9.8,3.05ZM.707,7.315c-.118.334-.252.736-.4,1.226,0,.017-.01.034-.016.051-.013.043-.027.088-.04.133s-.025.08-.037.121-.021.068-.031.1l-.073.245c-.054.183-.187.6-.037.748s.563.017.746-.037l.243-.073L1.166,9.8l.114-.035.139-.043.041-.013c.5-.154.9-.29,1.236-.41L.707,7.315Z' transform='translate(0 -0.002)'/></svg></div><div class="duplicate-style icon-btn icon-btn-left" title="Duplicate the current style."><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11'><defs><style>.cls-1 {fill: #e5e5e5;}</style></defs><path id='Union_19' data-name='Union 19' class='cls-1' d='M5,11V5h6v6ZM3,6H0V0H6V3H3V6H3Z'/></svg></div><div class="remove-style icon-btn icon-btn-right icon-btn-last" title="Delete the current style."><svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 11'><defs><style>.cls-1 {fill: #e5e5e5;}</style></defs><path id='Union_17' data-name='Union 17' class='cls-1' d='M2,11a1,1,0,0,1-1-1V3H9v7a1,1,0,0,1-1,1ZM0,2V1H10V2ZM3,1A1,1,0,0,1,4,0H6A1,1,0,0,1,7,1Z'/></svg></div><div class="unapply-style icon-btn icon-btn-right" title="Remove the current style from selected text boxes."><svg id='Group_9' data-name='Group 9' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11'><defs><style>.cls-1 {fill: #e4e4e4;}</style></defs><path id='Path_72' data-name='Path 72' class='cls-1' d='M8.964-6A3.516,3.516,0,0,0,5.5-9,3.5,3.5,0,0,0,2-5.5,3.5,3.5,0,0,0,5.5-2,3.53,3.53,0,0,0,6-2.036V-.023C5.831-.007,5.663,0,5.5,0A5.506,5.506,0,0,1,0-5.5,5.506,5.506,0,0,1,5.5-11,5.482,5.482,0,0,1,9.218-9.55,5.485,5.485,0,0,1,10.977-6H13L10-2,7-6Z' transform='translate(0 11)'/></svg></div><hr><div class="style-editor-tag-form add-menu-icons"><input class="hidden" id="style-editor-tag-all" type="radio" name="style-editor-tag-name" value="all" checked><input class="hidden" id="style-editor-tag-paragraph" type="radio" name="style-editor-tag-name" value="paragraph"><input class="hidden" id="style-editor-tag-link" type="radio" name="style-editor-tag-name" value="link"><input class="hidden" id="style-editor-tag-active" type="radio" name="style-editor-tag-name" value="active"><input class="hidden" id="style-editor-tag-ul" type="radio" name="style-editor-tag-name" value="ul"><input class="hidden" id="style-editor-tag-ol" type="radio" name="style-editor-tag-name" value="ol"><input class="hidden" id="style-editor-tag-heading1" type="radio" name="style-editor-tag-name" value="heading1"><input class="hidden" id="style-editor-tag-heading2" type="radio" name="style-editor-tag-name" value="heading2"><input class="hidden" id="style-editor-tag-heading3" type="radio" name="style-editor-tag-name" value="heading3"><input class="hidden" id="style-editor-tag-bold" type="radio" name="style-editor-tag-name" value="bold"><input class="hidden" id="style-editor-tag-underline" type="radio" name="style-editor-tag-name" value="underline"><input class="hidden" id="style-editor-tag-italic" type="radio" name="style-editor-tag-name" value="italic"><input class="hidden" id="style-editor-tag-notext" type="radio" name="style-editor-tag-name" value="notext"><div class="labels style-editor-text"><label class="all first-button" for="style-editor-tag-all" title="Edit style of all texts" data-initial-value="All" data-prodotype-name="All">All</label><label class="p" for="style-editor-tag-paragraph" title="Edit style of paragraphs" data-initial-value="P" data-prodotype-name="Paragraph">P</label><label class="a fa fa-link" for="style-editor-tag-link" title="Edit style of links" data-initial-value="" data-prodotype-name="Link"></label><label class="active fa fa-file" for="style-editor-tag-active" title="Edit style of links leading to the current page" data-initial-value="" data-prodotype-name="Active"></label><label class="ul" for="style-editor-tag-ul" title="Edit style of unordered lists" data-initial-value="UL" data-prodotype-name="UnorderedList">UL</label><label class="ol last-button" for="style-editor-tag-ol" title="Edit style of ordered lists" data-initial-value="OL" data-prodotype-name="OrderedList">OL</label><label class="h1 first-button" for="style-editor-tag-heading1" title="Edit style of Heading1 text" data-initial-value="H1" data-prodotype-name="Heading1">H1</label><label class="h2" for="style-editor-tag-heading2" title="Edit style of Heading2 text" data-initial-value="H2" data-prodotype-name="Heading2">H2</label><label class="h3" for="style-editor-tag-heading3" title="Edit style of Heading3 text" data-initial-value="H3" data-prodotype-name="Heading3">H3</label><label class="b" for="style-editor-tag-bold" title="Edit style of bold text" data-initial-value="B" data-prodotype-name="Bold">B</label><label class="u" for="style-editor-tag-underline" title="Edit style of underlined text" data-initial-value="U" data-prodotype-name="Underline">U</label><label class="i last-button" for="style-editor-tag-italic" title="Edit style of italic text" data-initial-value="I" data-prodotype-name="Italic">I</label></div><a class="help-section" href="https://github.com/silexlabs/Silex/wiki/Editor-UI#style-manager" target="_blank">Style manager help</a><div class="prodotype-container"></div></div></div></span></div></div><!-- stage--><div class="silex-stage"><!-- notranslate is to prevent chrome automatic translation--><iframe class="silex-stage-iframe notranslate" id="silex-stage-iframe"></iframe></div><!-- bread crumbs--><div class="silex-bread-crumbs"></div><!-- dialogs background--><div class="dialogs-background"></div><div class="silex-modal-dialogs-background"></div><!-- settings--><div class="silex-settings-dialog hidden-dialog"><div class="dialog"><div class="header"><img class="silex-logo-small" src="assets/logo-silex-small.png"><h1 class="title">Website settings<button class="close-btn" type="button"></button></h1></div><div class="body"><div class="left-pane"><ul class="tree"><li class="general-pane" data-pane="general-pane">General</li><li class="social-pane" data-pane="social-pane">Social Networks</li><li class="publish-pane" data-pane="publish-pane">Publish settings</li><li class="fonts-pane" data-pane="fonts-pane">Fonts</li></ul></div><div class="right-pane"><div class="pane general-pane"><ul><li><fieldset><legend><h3 class="title">Mobile version</h3></legend><p>Show a different version of your website when the size of the screen is too small for the desktop version.
Edit this other version of your website by switching to mobile editor in the menu "view" / "Mobile Editor".</p><input class="mobile-check" id="mobilecheck" type="checkbox"><label for="mobilecheck">Enable mobile version</label></fieldset></li><li><fieldset><legend><h3 class="title">Website width</h3></legend><p>This is the width of your website on desktop screens. If you set this number, it will force the width of the sections so leave this empty to set the width by hand in the editor for each section. By default, the sections width and website width is 960.</p><input class="input-text input-site-width" type="number" value="" placeholder="Website width (px)"></fieldset></li><li><fieldset><legend><h3 class="title">Website language</h3></legend><p>This is the default language code for this website. Examples: en, fr, es...</p><input class="input-text input-lang" type="text" spellcheck="false" value="" placeholder="en"></fieldset></li><li><fieldset><legend><h3 class="title">Website Title</h3></legend><p>Title of the browser window, and title in the search engines results.
It is used by search engines to find out what your site is talking about.
The title should be a maximum of 70 characters long, including spaces.</p><input class="input-text input-title" type="text" value="" placeholder="Untitled website"></fieldset></li><li><fieldset><legend><h3 class="title">Website Description</h3></legend><p>Description displayed by the search engines in search results.
It is used by search engines to find out what your site is talking about.
It is best to keep meta descriptions between 150 and 160 characters.</p><input class="input-text input-description" type="text" value="" placeholder="Description"></fieldset></li><li><fieldset><legend><h3 class="title">Favicon</h3></legend><p>Small image displayed in the browser's address bar and in tabs.
The recommended size is 16×16 or 32×32 pixels.</p><input class="input-url input-favicon-path" type="text" value=""><button class="browse-favicon-path" type="button">Browse</button></fieldset></li></ul></div><div class="pane social-pane"><p>Meta tags for search engines, Facebook, Google+, Twitter, Linkedin, ... The following settings enable Open Graph and Twitter Cards.</p><ul><li><fieldset><legend><h3 class="title">Title</h3></legend><p>The title of your website displayed when a user shares your website on a social network.
Do not include any branding in this title, just eye-catching phrase, e.g. "Learn everything about fishing".
Title should be between 60 and 90 characters long.</p><input class="input-text input-title" type="text" value="" placeholder="Title"></fieldset></li><li><fieldset><legend><h3 class="title">Description</h3></legend><p>Description displayed when a user shares your website on a social network.
Make it catchy, and invite readers to visit your website too, e.g. "Sam's website about fishing, check it out!"
Title should be between 60 and 90 characters long.</p><input class="input-text input-description" type="text" value="" placeholder="Description"></fieldset></li><li><fieldset><legend><h3 class="title">Image</h3></legend><p>Thumbnail image which is displayed when your website is shared on a social network.
The optimal size is 1200×627 pixels. At this size, your thumbnail will be big and stand out from the crowd.
But do not exceed the 5MB size limit.
If you use an image that is smaller than 400 pixels x 209 pixels, it will render as a much smaller thumbnail.</p><p>Please enter the full URL here, e.g. "http://mysite.com/path/to/image.jpg"</p><input class="input-text input-image-path" type="text" spellcheck="false" value="" placeholder="Image URL"></fieldset></li><li><fieldset><legend><h3 class="title">Twitter account</h3></legend><p>Indicates your Twitter account.</p><input class="input-text input-twitter" type="text" spellcheck="false" value="" placeholder="@twitteraccount" pattern="^@*" title="Twitter account name"></fieldset></li></ul></div><div class="pane publish-pane"><ul><li><fieldset><legend><h3 class="title">Website URL</h3></legend><p>The address where your website will be available after publish.</p><input class="input-path input-website-url" type="url" spellcheck="false" value=""></fieldset><fieldset><legend><h3 class="title">Publication Path - <a class="help-icon" href="https://github.com/silexlabs/Silex/wiki/Publishing-and-Releasing-Your-Website" title="about Silex publication process" target="blank">Help</a></h3></legend><p>The folder in which I will publish the website.
<b>This folder content will be deleted.</b></p><label class="service">Service<select class="input-service input-publication-service" value=""></select></label><label class="path">Path<input class="input-path input-publication-path" type="text" spellcheck="false" value=""></label><button class="browse-publication-path" type="button">Configure</button></fieldset></li></ul></div><div class="pane fonts-pane"><ul><li><fieldset><legend><h3 class="title">Embeded Fonts - <a class="help-icon" href="https://github.com/silexlabs/Silex/wiki/Editor-UI#style-manager" title="about the fonts in silex" target="blank">Help</a></h3></legend><p>These are the fonts which will be embedded in your website.</p><p class="ui"><button class="add-font-btn">Add a font</button></p><div class="fonts-list"></div></fieldset></li></ul></div></div></div></div></div><!-- dashboard--><div class="silex-dashboard"><div class="header"><img class="silex-logo-small" src="assets/logo-silex-small.png"><h1 class="title">Silex Dashboard</h1><button class="close-btn" type="button"></button><a class="help-btn" href="https://github.com/silexlabs/Silex/wiki/Editor-UI#dashboard" target="_blank" title="About Silex Dashboard"><span class="icon fa fa-inverse fa-info-circle"></span><span class="label">Help</span></a></div><div class="body"><div class="top"><div class="pane open-pane"><h2>Open an existing website</h2><ul class="list"></ul><div class="btn more-btn">Import...</div><div class="btn clear-btn">Clear this list</div></div><div class="pane info-pane tip-of-the-day"><div class="container"></div></div></div><div class="pane general-pane"><h2>Start with a template</h2><ul class="rendered-list"></ul></div></div></div><!-- text format bar--><div class="silex-text-format-bar"><form><div class="labels" id="wysihtml5-toolbar"><label class="p first-button" data-wysihtml-command="formatBlock" data-wysihtml-command-value="p">P</label><label class="a create-link fa fa-link" data-wysihtml-command="createLink" title="CTRL+K"></label><div class="hidden"><!-- this is a wysihtml dialog used by silex to get the link value--><div class="link-dialog" data-wysihtml-dialog="createLink"><input class="get-href" data-wysihtml-dialog-field="href" value=""><input class="get-rel" data-wysihtml-dialog-field="rel" value=""><input class="get-target" data-wysihtml-dialog-field="target" value=""><input class="get-title" data-wysihtml-dialog-field="title" value=""><input class="get-download" data-wysihtml-dialog-field="download" value=""><input class="get-type" data-wysihtml-dialog-field="type" value=""></div></div><label class="b" data-wysihtml-command="bold" title="CTRL+B">B</label><label class="u" data-wysihtml-command="underline" title="CTRL+U">U</label><label class="i last-button" data-wysihtml-command="italic" title="CTRL+I">I</label><label class="h1 first-button" data-wysihtml-command="formatBlock" data-wysihtml-command-value="h1" title="Make the current line a title">H1</label><label class="h2" data-wysihtml-command="formatBlock" data-wysihtml-command-value="h2" title="Make the current line a title">H2</label><label class="h3" data-wysihtml-command="formatBlock" data-wysihtml-command-value="h3" title="Make the current line a title">H3</label><label class="ul" data-wysihtml-command="insertUnorderedList" title="Make the current line a list">UL</label><label class="ol last-button" data-wysihtml-command="insertOrderedList" title="Make the current line a list">OL</label><label class="img insert-image first-button fa fa-image" title="Insert an image"></label><a target="_blank" href="https://github.com/silexlabs/Silex/wiki/Editor-UI#text-format-bar" title: help section: text format bar><label class="fa fa-question fa-inverse"></label></a><a class="hidden" data-wysihtml-command="insertImage" href="javascript:;" unselectable="on">Image</a><div class="image-details" data-wysihtml-dialog="insertImage" style="display: none;"><input class="src hidden" data-wysihtml-dialog-field="src" value="http://"><label>alt:</label><input class="alt" data-wysihtml-dialog-field="alt" value="" placeholder="Image description"><select class="float" data-wysihtml-dialog-field="className"><option value="">No float</option><option value="wysiwyg-float-left">left</option><option value="wysiwyg-float-right">right</option></select><a class="hidden" id="auto-submit-image" data-wysihtml-dialog-action="save"></a></div></div></form></div><!-- html editor--><div class="silex-html-editor ace-editor-container notranslate hidden-dialog"><div class="title-bar">HTML editor<a class="help-icon" href="https://github.com/silexlabs/Silex/wiki/Silex-and-HTML" title="about Silex and HTML" target="_blank">Help</a></div><div class="ace-editor"></div><div class="dock-btn buttons"></div><div class="close-btn html-editor-close-btn buttons"></div></div><!-- css editor--><div class="silex-css-editor ace-editor-container notranslate hidden-dialog"><div class="title-bar">CSS editor<a class="help-icon" href="https://github.com/silexlabs/Silex/wiki/Silex-CSS-editor" title="about Silex and CSS" target="_blank">Help</a></div><div class="ace-editor"></div><div class="dock-btn buttons"></div><div class="close-btn css-editor-close-btn buttons"></div></div><!-- js editor--><div class="silex-js-editor ace-editor-container notranslate hidden-dialog"><div class="title-bar">JS editor<a class="help-icon" href="https://github.com/silexlabs/Silex/wiki/Silex-and-Javascript" title="about Silex and Javascript" target="_blank">Help</a></div><div class="ace-editor"></div><div class="dock-btn buttons"></div><div class="close-btn js-editor-close-btn buttons"></div></div><!-- Displayed div on right click--><div class="rightClick"><div class="parentImgRightClick"><img class="imgRightClick" src="../assets/logo-silex.png"></div><a class="textRightClick" href="http://www.silex.me" target="_blank">Powered by Silex</a></div><div class="alerts closed"></div><div class="alerts-notify"></div></div><script type="text/javascript" src="js/index.js"></script></body>