@silexlabs/silex-dashboard 1.0.1 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/.silex/default/.silex.data.json +1 -1
  2. package/_includes/main.html +1 -1
  3. package/_includes/website-list.js.html +2 -2
  4. package/_site/css/main.css +1 -1
  5. package/_site/en/index.html +3 -3
  6. package/_site/fr/index.html +3 -3
  7. package/index.js +39 -0
  8. package/package.json +7 -3
  9. package/pages/main.css.liquid +1 -1
package/.silex/default/.silex.data.json CHANGED
@@ -1 +1 @@
1
- {"assets":[{"type":"image","src":"assets/alex-small.jpg","unitDim":"px","height":0,"width":0},{"type":"image","src":"assets/silex-icon-2018@200px.png","unitDim":"px","height":0,"width":0}],"pages":[{"frames":[{"component":{"type":"wrapper","classes":["body","loading"],"attributes":{"id":"ik0i"},"components":[{"tagName":"HEADER","type":"container","classes":[{"name":"header","active":false},{"name":"padding-normal","active":false}],"attributes":{"id":"igrg"},"components":[{"type":"image","attributes":{"id":"ir7s","src":"assets/silex-icon-2018@200px.png"},"custom-name":"logo"},{"tagName":"NAV","type":"container","classes":["nav"],"attributes":{"id":"i9jq"},"components":[{"tagName":"A","type":"text","classes":[{"name":"nav__item","active":false}],"attributes":{"id":"iels","href":"{{ item.url }}"},"components":[{"type":"textnode","content":"Sites"}],"template":{"before":"{% for item in nav %}","replace":"{{ item.label }}","after":"{% endfor %}","attributes":"target=\"{{ item.target }}\"","classname":"{% if forloop.index == 1 %}active{% endif %}","style":""},"originalTagName":"div"}],"custom-name":"Nav"},{"type":"container","classes":["lang",{"name":"h-space","active":false}],"attributes":{"id":"i2red7"},"components":[{"tagName":"A","type":"text","classes":["lang__item",{"name":"nav__item","active":false}],"attributes":{"href":"/{{ link.code }}","id":"iciz"},"components":[{"type":"textnode","content":"en"}],"template":{"before":"{% assign links = languages %}\n{%- for link in links %}","replace":"{{ link.code }}","after":"{% endfor %}","attributes":"hreflang=\"{{link.code}}\"","classname":"{% if link.code == lang %}active{% endif %}","style":""},"originalTagName":"div"}],"custom-name":"Lang"},{"type":"container","attributes":{"id":"i24ew"},"custom-name":"User","components":[{"type":"image","attributes":{"id":"idkdk","src":"assets/alex-small.jpg"},"template":{"before":"","replace":"","after":"","attributes":"src=\"${json.avatar.url}\"","classname":"","style":""}}]}],"custom-name":"Header"},{"tagName":"MAIN","type":"container","classes":[{"name":"padding-normal","active":false},"section"],"attributes":{"id":"iz63r"},"components":[{"tagName":"H1","type":"text","attributes":{"id":"itp1f"},"components":[{"type":"textnode","content":"Welcome back!"},{"tagName":"br","void":true}],"template":{"before":"","replace":"{{ title2 }}","after":"","attributes":"","classname":"","style":""}},{"type":"text","classes":["subtitle",{"name":"color--light","active":false}],"attributes":{"id":"iyex8"},"components":[{"type":"textnode","content":"Dive into your projects or kickstart a new one"}],"template":{"before":"","replace":"{{ subtitle }}","after":"","attributes":"","classname":"","style":""}},{"type":"container","classes":[{"name":"button-bar","active":false},"margin-20"],"attributes":{"id":"ickx4"},"components":[{"type":"text","classes":[{"name":"button","active":false},{"name":"button--primary","active":false},{"name":"rounded","active":false},"top-space-40"],"attributes":{"id":"i2x0l"},"components":[{"tagName":"span","type":"text","classes":["icon-font"],"attributes":{"id":"ibsgw"},"components":[{"type":"textnode","content":"+"}]},{"type":"textnode","content":" "},{"tagName":"span","type":"text","attributes":{"id":"itl2n8"},"components":[{"type":"textnode","content":"Create website"}],"template":{"before":"","replace":"{{ add-button }}","after":"","attributes":"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"@click=\"showCreationForm = !showCreationForm\" v-if=\"!showCreationForm\"","classname":"","style":""}},{"type":"text","classes":[{"name":"button","active":false},"button--secondary",{"name":"rounded","active":false}],"attributes":{"id":"i0ro3"},"components":[{"type":"textnode","content":"Import"}]}]},{"type":"container","classes":[{"name":"box","active":false},"top-space-40"],"attributes":{"id":"ihwwxz"},"components":[{"tagName":"H3","type":"text","classes":["box__header"],"attributes":{"id":"i3gd1b"},"components":[{"type":"textnode","content":"Create a new website"}],"template":{"before":"","replace":"{{ add-title }}","after":"","attributes":"","classname":"","style":""}},{"type":"form","classes":["form"],"attributes":{"method":"get","id":"i50acf"},"components":[{"classes":[{"name":"v-space","active":false}],"attributes":{"id":"igtg1t"},"components":[{"type":"label","classes":[{"name":"v-space","active":false}],"attributes":{"id":"i1nmbc"},"components":[{"type":"textnode","content":"Website name"}],"template":{"before":"","replace":"{{ add-name-label }}","after":"","attributes":"","classname":"","style":""}},{"type":"input","void":true,"classes":["input",{"name":"full-width","active":false}],"attributes":{"type":"text","id":"ij5iwh","placeholder":"{{ add-name-placeholder }}"},"template":{"before":"","replace":"","after":"","attributes":"v-model=\"newWebsiteName\"","classname":"","style":""}}]},{"attributes":{"id":"ie0xes"},"components":[{"type":"button","classes":[{"name":"button","active":false},{"name":"rounded","active":false},{"name":"button--primary","active":false},"right-space"],"attributes":{"type":"submit","id":"i021na"},"text":"Create","components":[{"type":"textnode","content":"Create"}],"template":{"before":"","replace":"{{ add-ok }}","after":"","attributes":"","classname":"","style":""}},{"type":"button","classes":[{"name":"button","active":false},{"name":"rounded","active":false},"button--secondary"],"attributes":{"type":"reset"},"text":"Cancel","components":[{"type":"textnode","content":"Cancel"}],"template":{"before":"","replace":"{{ add-cancel }}","after":"","attributes":"@click=\"showCreationForm = !showCreationForm\"","classname":"","style":""}}]}],"template":{"before":"","replace":"","after":"","attributes":"@submit.prevent=\"createWebsite\"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"showCreationForm\"","classname":"","style":""}},{"type":"container","attributes":{"id":"if80m"},"components":[{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},"loaded__item"],"attributes":{"id":"idgvg"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false}],"attributes":{"id":"i69a7"},"components":[{"type":"textnode","content":"My first website"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"website.name || website.id\"","classname":"","style":""}},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"flex-no-shrink"],"attributes":{"id":"i65hn"},"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"'{{ list-item-updated }} ' + new Date(website.stats.mtime).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })\"","classname":"","style":""}},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"flex-no-shrink"],"attributes":{"id":"i64qa"},"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"'{{ list-item-created }} ' + new Date(website.stats.birthtime).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })\"","classname":"","style":""}},{"type":"container","classes":[{"name":"button-bar_item","active":false},"flex-no-shrink"],"attributes":{"id":"i3b4tr"},"components":[{"type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},{"name":"button--primary","active":false},{"name":"button--small","active":false},"right-space"],"attributes":{"id":"ifyf6p","href":""},"components":[{"type":"textnode","content":"Edit"}],"originalTagName":"div","template":{"before":"","replace":"{{ list-edit }}","after":"","attributes":"@click=\"openEditor(website.id)\"","classname":"","style":""}},{"type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},"button--secondary",{"name":"button--small","active":false}],"attributes":{"id":"iol4h"},"components":[{"type":"textnode","content":"X"}],"template":{"before":"","replace":"","after":"","attributes":"@click=\"deleteWebsite(website.id)\" title=\"{{ list-delete }}\"","classname":"","style":""}}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"!loading\" v-for=\"(website, index) in websites\" :key=\"index\"","classname":"","style":""}},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},{"name":"loading__item","active":false},{"name":"skeleton-anim","active":false},{"name":"skeleton-wrapper","active":false}],"attributes":{"id":"i1fjn"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}]},{"type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"attributes":{"id":"ixz6c"},"components":[{"type":"textnode","content":"Edit"}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""}},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},{"name":"loading__item","active":false},{"name":"skeleton-anim","active":false},{"name":"skeleton-wrapper","active":false}],"attributes":{"id":"iwxxo5"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}]},{"type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"attributes":{"id":"i9fx3l"},"components":[{"type":"textnode","content":"Edit"}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""}},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},{"name":"loading__item","active":false},{"name":"skeleton-anim","active":false},{"name":"skeleton-wrapper","active":false}],"attributes":{"id":"isld3r"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}]},{"type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"attributes":{"id":"i8oes3"},"components":[{"type":"textnode","content":"Edit"}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""}},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},{"name":"loading__item","active":false},{"name":"skeleton-anim","active":false},{"name":"skeleton-wrapper","active":false}],"attributes":{"id":"iqmx38"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}]},{"type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"attributes":{"id":"ie83jl"},"components":[{"type":"textnode","content":"Edit"}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""}}]},{"type":"container","classes":[{"name":"box","active":false},"horizontal"],"attributes":{"id":"i7ej6j"},"components":[{"type":"text","classes":[{"name":"full-width","active":false},{"name":"v-space","active":false},{"name":"h-space","active":false}],"attributes":{"id":"iv0eyi"},"components":[{"type":"textnode","content":"Insert your text here"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"error\"","classname":"","style":""}},{"type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},{"name":"button--small","active":false},"button--tertiary"],"attributes":{"id":"i4656n"},"components":[{"type":"textnode","content":"Dismiss"}],"template":{"before":"","replace":"{{ message-dismiss }}","after":"","attributes":"@click=\"error = null\"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"error\"","classname":"","style":""}},{"type":"container","classes":[{"name":"box","active":false},"horizontal"],"attributes":{"id":"ilteie"},"components":[{"type":"text","classes":[{"name":"full-width","active":false},{"name":"v-space","active":false},{"name":"h-space","active":false}],"attributes":{"id":"i2d31v"},"components":[{"type":"textnode","content":"Insert your text here"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"message\"","classname":"","style":""}},{"type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},{"name":"button--small","active":false},"button--tertiary"],"attributes":{"id":"i2urco"},"components":[{"type":"textnode","content":"Dismiss"}],"template":{"before":"","replace":"{{ message-dismiss }}","after":"","attributes":"@click=\"message = null\"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"message\"","classname":"","style":""}}],"custom-name":"Main","template":{"before":"","replace":"","after":"","attributes":"","classname":"app","style":""}},{"tagName":"FOOTER","type":"container","classes":[{"name":"header","active":false},"footer"],"attributes":{"id":"ilzpl"},"components":[{"type":"text","classes":["section"],"attributes":{"id":"i238z"},"components":[{"type":"textnode","content":"Links"},{"tagName":"br","void":true},{"tagName":"ul","attributes":{"id":"ibmxx"},"components":[{"tagName":"li","type":"text","attributes":{"id":"iktkw"},"components":[{"type":"textnode","content":"Docs"}]},{"tagName":"li","type":"text","attributes":{"id":"ipexhl"},"components":[{"type":"textnode","content":"Support"}]},{"tagName":"li","type":"text","classes":["gjs-hovered"],"attributes":{"id":"ihfzt","draggable":"true"},"components":[{"type":"textnode","content":"Bug report"}]},{"tagName":"li","type":"text","attributes":{"id":"i4qli"},"components":[{"type":"textnode","content":"Source code"},{"tagName":"br","void":true}]}]}],"template":{"before":"","replace":"{{ content }}","after":"","attributes":"","classname":"","style":""}}],"custom-name":"Footer"}]}}],"type":"main","id":"mk3OKgfr4A9V7Dww","settings":{"lang":"","title":"","description":"","favicon":"","og:title":"","og:description":"","og:image":"","head":""},"name":"Main"}],"styles":[{"selectors":[{"name":"nav__item","active":false}],"style":{"margin":"0px 10px 0px 10px","font-size":"0.8rem","padding":"24px 0px 24px 0px","color":"grey","font-weight":"700"}},{"selectors":["body"],"style":{"font-family":"\"Roboto\", sans-serif","background-color":"#f0f0f0"}},{"selectors":[{"name":"header","active":false}],"style":{"display":"flex","align-items":"center","justify-content":"space-between","background-color":"#ffffff"}},{"selectors":["#ir7s"],"style":{"color":"black","width":"32px","height":"32px"}},{"selectors":[{"name":"padding-normal","active":false}],"style":{"padding":"0px 24px 0px 24px"}},{"selectors":["#i9jq"],"style":{"display":"flex"}},{"selectors":["nav"],"style":{"width":"100%","margin":"0px 20px 0px 20px"}},{"selectors":["#iz63r"],"style":{"min-height":"90vh"}},{"selectors":["#itp1f"],"style":{"font-size":"2rem","margin":"0px 0px 10px 0px"}},{"selectors":["subtitle"],"style":{"font-size":"1rem","margin":"0px 0px 20px 0px"}},{"selectors":["section"],"style":{"max-width":"1200px","margin":"80px auto 80px auto"}},{"selectors":["subtitle",{"name":"color--light","active":false}],"style":{"color":"#636363","font-weight":"700"}},{"selectors":["#idkdk"],"style":{"color":"black","border-radius":"100% 100% 100% 100%"}},{"selectors":[{"name":"button","active":false}],"style":{"font-weight":"700","background-color":"#dddddd","font-size":"0.8rem","padding":"12px 12px 12px 12px","display":"inline-block","border":"0 none black"}},{"selectors":[{"name":"button","active":false},{"name":"button--primary","active":false}],"style":{"background-color":"#5e85a8","color":"white"}},{"selectors":[{"name":"button-bar","active":false}],"style":{"margin":"10px 0px 10px 0px","display":"flex"}},{"selectors":["#ibsgw"],"style":{"position":"relative","top":"3px"}},{"selectors":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false}],"style":{"justify-content":"space-between","align-items":"center"}},{"selectors":[{"name":"button-bar_item","active":false}],"style":{"margin":"20px 20px 20px 20px"}},{"selectors":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false}],"style":{"font-size":"0.8rem","color":"#444444"}},{"selectors":[{"name":"button","active":false},"button--secondary"],"style":{"font-weight":"400"}},{"selectors":[{"name":"bg-white","active":false}],"style":{"background-color":"#ffffff"}},{"selectors":[{"name":"rounded","active":false}],"style":{"border-radius":"5px 5px 5px 5px"}},{"selectors":["#ilzpl"],"style":{"min-height":"100px"}},{"selectors":["#i238z"],"style":{"padding":"10px"}},{"selectors":["footer"],"style":{"display":"block","margin":"20px 0px 0 0px","padding":"1px 0px 1px 0px"}},{"selectors":["skeleton-text",{"name":"skeleton","active":false}],"style":{"background-color":"#dddddd","color":"transparent","opacity":"0.31","border-radius":"5px 5px 5px 5px"}},{"selectors":[{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"style":{"color":"transparent","opacity":"0.16"}},{"selectors":[{"name":"skeleton-anim","active":false}],"style":{"position":"relative"}},{"selectors":[{"name":"nav__item","active":false},"active"],"style":{"color":"black"}},{"selectors":["margin-20"],"style":{"margin":"20px 0px 20px 0px"}},{"selectors":["#i0ro3"],"style":{"display":"none"}},{"selectors":[{"name":"loading__item","active":false},"loaded-true"],"style":{"display":"none"}},{"selectors":["#i69a7"],"style":{"width":"100%"}},{"selectors":["flex-no-shrink"],"style":{"flex-shrink":"0"}},{"selectors":[{"name":"button--small","active":false}],"style":{"padding":"5px 10px 5px 10px"}},{"selectors":["form"],"style":{"padding":"10px 10px 10px 10px","border-radius":"5px 5px 5px 5px"}},{"selectors":["#i1nmbc"],"style":{"flex-shrink":"0"}},{"selectors":["input"],"style":{"padding":"10px 10px 10px 10px","background-color":"transparent","border":"1px solid #5e85a8"}},{"selectors":[{"name":"full-width","active":false}],"style":{"width":"100%"}},{"selectors":[{"name":"v-space","active":false}],"style":{"margin":"10px 0px 10px 0px"}},{"selectors":["#ihwwxz"],"style":{"min-height":"100px"}},{"selectors":[{"name":"box","active":false}],"style":{"border":"2px solid #5e85a8"}},{"selectors":["box__header"],"style":{"margin":"0px 0px 0px 0px","padding":"10px 0px 10px 10px"}},{"selectors":[{"name":"box","active":false},"horizontal"],"style":{"align-items":"center"}},{"selectors":["horizontal"],"style":{"display":"flex","align-items":"center"}},{"selectors":[{"name":"h-space","active":false}],"style":{"margin":"0px 10px 0px 10px"}},{"selectors":[{"name":"button","active":false},"button--tertiary"],"style":{"border":"0px none black"}},{"selectors":["button--tertiary"],"style":{"background-color":"transparent","font-weight":"400"}},{"selectors":["icon-font"],"style":{"font-size":"1.5rem","line-height":"1px","margin":"0px 2px 0px 2px"}},{"selectors":["lang__item"],"style":{"margin":"0px 5px 0px 5px"}},{"selectors":[{"name":"button--primary","active":false},"right-space"],"style":{"margin":"0 10px 0 0"}},{"selectors":["top-space-40"],"style":{"margin":"40px 0 0 0"}}],"settings":{"lang":"","title":"{{ title }}","description":"","favicon":"","og:title":"","og:description":"","og:image":"","head":"{% render \"alternate.liquid\" languages: languages lang: lang page: page %}\n{% render \"website-list.js.html\" frontmatter: frontmatter page: page site: site api-translations: api-translations lang: lang %}\n\n<style>\n.button { cursor: pointer; }\n.skeleton-anim:after {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n content: \"\";\n background: \n linear-gradient(0.25turn, transparent, rgba(255,255,255,.75), transparent),\n linear-gradient(transparent, transparent),\n radial-gradient(38px circle at 19px 19px, transparent 50%, transparent 51%),\n linear-gradient(transparent, transparent); \n background-repeat: no-repeat;\n background-size: 315px 250px, 315px 180px, 100px 100px, 225px 30px; \n background-position: -315px 0, 0 0, 0px 190px, 50px 195px; \n animation: loading 1.5s infinite;\n}\n\n@keyframes loading { \n to {\n background-position: 200% 0, 0 0, 0 190px, 50px 195px;\n }\n}\n\n</style>"},"publication":{"css":{"url":"/css","path":"pages"},"html":{"path":"_includes"},"assets":{"url":"/assets/"},"url":"/","path":"../../","autoHomePage":false},"name":"Dashboard","fonts":[{"name":"Roboto","value":"\"Roboto\", sans-serif","variants":[]}],"symbols":[]}
1
+ {"assets":[{"type":"image","src":"assets/alex-small.jpg","unitDim":"px","height":0,"width":0},{"type":"image","src":"assets/silex-icon-2018@200px.png","unitDim":"px","height":0,"width":0}],"pages":[{"frames":[{"component":{"type":"wrapper","classes":["body","loading"],"attributes":{"id":"ik0i"},"components":[{"tagName":"HEADER","type":"container","classes":[{"name":"header","active":false},{"name":"padding-normal","active":false}],"attributes":{"id":"igrg"},"components":[{"tagName":"A","type":"container","attributes":{"id":"igvu43","href":"/"},"components":[{"type":"image","classes":["nav__logo"],"attributes":{"id":"ir7s","src":"assets/silex-icon-2018@200px.png","href":""},"custom-name":"logo","originalTagName":"img"}],"originalTagName":"div"},{"tagName":"NAV","type":"container","classes":["nav"],"attributes":{"id":"i9jq"},"components":[{"tagName":"A","type":"text","classes":[{"name":"nav__item","active":false}],"attributes":{"id":"iels","href":"{{ item.url }}"},"components":[{"type":"textnode","content":"Sites"}],"template":{"before":"{% for item in nav %}","replace":"{{ item.label }}","after":"{% endfor %}","attributes":"target=\"{{ item.target }}\"","classname":"{% if forloop.index == 1 %}active{% endif %}","style":""},"originalTagName":"div"}],"custom-name":"Nav"},{"type":"container","classes":["lang",{"name":"h-space","active":false}],"attributes":{"id":"i2red7"},"components":[{"tagName":"A","type":"text","classes":["lang__item",{"name":"nav__item","active":false}],"attributes":{"href":"/{{ link.code }}","id":"iciz"},"components":[{"type":"textnode","content":"en"}],"template":{"before":"{% assign links = languages %}\n{%- for link in links %}","replace":"{{ link.code }}","after":"{% endfor %}","attributes":"hreflang=\"{{link.code}}\"","classname":"{% if link.code == lang %}active{% endif %}","style":""},"originalTagName":"div"}],"custom-name":"Lang"},{"type":"container","attributes":{"id":"i24ew"},"custom-name":"User","components":[{"type":"image","attributes":{"id":"idkdk","src":"assets/alex-small.jpg"},"template":{"before":"","replace":"","after":"","attributes":"src=\"${json.avatar.url}\"","classname":"","style":""}}]}],"custom-name":"Header"},{"tagName":"MAIN","type":"container","classes":[{"name":"padding-normal","active":false},"section"],"attributes":{"id":"iz63r"},"components":[{"tagName":"H1","type":"text","attributes":{"id":"itp1f"},"components":[{"type":"textnode","content":"Welcome back!"},{"tagName":"br","void":true}],"template":{"before":"","replace":"{{ title2 }}","after":"","attributes":"","classname":"","style":""}},{"type":"text","classes":["subtitle",{"name":"color--light","active":false}],"attributes":{"id":"iyex8"},"components":[{"type":"textnode","content":"Dive into your projects or kickstart a new one"}],"template":{"before":"","replace":"{{ subtitle }}","after":"","attributes":"","classname":"","style":""}},{"type":"container","classes":[{"name":"button-bar","active":false},"margin-20"],"attributes":{"id":"ickx4"},"components":[{"tagName":"BUTTON","type":"text","classes":[{"name":"button","active":false},{"name":"button--primary","active":false},{"name":"rounded","active":false},"top-space-40"],"attributes":{"id":"i2x0l"},"components":[{"tagName":"span","type":"text","classes":["icon-font"],"attributes":{"id":"ibsgw"},"components":[{"type":"textnode","content":"+"}]},{"type":"textnode","content":" "},{"tagName":"span","type":"text","attributes":{"id":"itl2n8"},"components":[{"type":"textnode","content":"Create website"}],"template":{"before":"","replace":"{{ add-button }}","after":"","attributes":"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"@click=\"showCreationForm = !showCreationForm\" v-if=\"!showCreationForm\"","classname":"","style":""}},{"type":"text","classes":[{"name":"button","active":false},"button--secondary",{"name":"rounded","active":false}],"attributes":{"id":"i0ro3"},"components":[{"type":"textnode","content":"Import"}]}]},{"type":"container","classes":[{"name":"box","active":false},"top-space-40"],"attributes":{"id":"ihwwxz"},"components":[{"tagName":"H3","type":"text","classes":["box__header"],"attributes":{"id":"i3gd1b"},"components":[{"type":"textnode","content":"Create a new website"}],"template":{"before":"","replace":"{{ add-title }}","after":"","attributes":"","classname":"","style":""}},{"type":"form","classes":["form"],"attributes":{"method":"get","id":"i50acf"},"components":[{"classes":[{"name":"v-space","active":false}],"attributes":{"id":"igtg1t"},"components":[{"type":"label","classes":[{"name":"v-space","active":false}],"attributes":{"id":"i1nmbc"},"components":[{"type":"textnode","content":"Website name"}],"template":{"before":"","replace":"{{ add-name-label }}","after":"","attributes":"","classname":"","style":""}},{"type":"input","void":true,"classes":["input",{"name":"full-width","active":false}],"attributes":{"type":"text","id":"ij5iwh","placeholder":"{{ add-name-placeholder }}"},"template":{"before":"","replace":"","after":"","attributes":"v-model=\"newWebsiteName\"","classname":"","style":""}}]},{"attributes":{"id":"ie0xes"},"components":[{"type":"button","classes":[{"name":"button","active":false},{"name":"rounded","active":false},{"name":"button--primary","active":false},"right-space"],"attributes":{"type":"submit","id":"i021na"},"text":"Create","components":[{"type":"textnode","content":"Create"}],"template":{"before":"","replace":"{{ add-ok }}","after":"","attributes":"","classname":"","style":""}},{"type":"button","classes":[{"name":"button","active":false},{"name":"rounded","active":false},"button--secondary"],"attributes":{"type":"reset"},"text":"Cancel","components":[{"type":"textnode","content":"Cancel"}],"template":{"before":"","replace":"{{ add-cancel }}","after":"","attributes":"@click=\"showCreationForm = !showCreationForm\"","classname":"","style":""}}]}],"template":{"before":"","replace":"","after":"","attributes":"@submit.prevent=\"createWebsite\"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"showCreationForm\"","classname":"","style":""}},{"type":"container","attributes":{"id":"if80m"},"components":[{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},"loaded__item"],"attributes":{"id":"idgvg"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false}],"attributes":{"id":"i69a7"},"components":[{"type":"textnode","content":"My first website"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"website.name || website.id\"","classname":"","style":""}},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"flex-no-shrink"],"attributes":{"id":"i65hn"},"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"'{{ list-item-updated }} ' + new Date(website.stats.mtime).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })\"","classname":"","style":""}},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"flex-no-shrink"],"attributes":{"id":"i64qa"},"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"'{{ list-item-created }} ' + new Date(website.stats.birthtime).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })\"","classname":"","style":""}},{"type":"container","classes":[{"name":"button-bar_item","active":false},"flex-no-shrink"],"attributes":{"id":"i3b4tr"},"components":[{"tagName":"BUTTON","type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},{"name":"button--primary","active":false},{"name":"button--small","active":false},"right-space"],"attributes":{"id":"ifyf6p","href":""},"components":[{"type":"textnode","content":"Edit"}],"originalTagName":"div","template":{"before":"","replace":"{{ list-edit }}","after":"","attributes":"@click=\"openEditor(website.id, '{{lang}}')\"","classname":"","style":""}},{"tagName":"BUTTON","type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},"button--secondary",{"name":"button--small","active":false}],"attributes":{"id":"iol4h"},"components":[{"type":"textnode","content":"X"}],"template":{"before":"","replace":"","after":"","attributes":"@click=\"deleteWebsite(website.id)\" title=\"{{ list-delete }}\"","classname":"","style":""}}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"!loading\" v-for=\"(website, index) in websites\" :key=\"index\"","classname":"","style":""}},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},{"name":"loading__item","active":false},{"name":"skeleton-anim","active":false},{"name":"skeleton-wrapper","active":false}],"attributes":{"id":"i1fjn"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}]},{"type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"attributes":{"id":"ixz6c"},"components":[{"type":"textnode","content":"Edit"}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""}},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},{"name":"loading__item","active":false},{"name":"skeleton-anim","active":false},{"name":"skeleton-wrapper","active":false}],"attributes":{"id":"iwxxo5"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}]},{"type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"attributes":{"id":"i9fx3l"},"components":[{"type":"textnode","content":"Edit"}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""}},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},{"name":"loading__item","active":false},{"name":"skeleton-anim","active":false},{"name":"skeleton-wrapper","active":false}],"attributes":{"id":"isld3r"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}]},{"type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"attributes":{"id":"i8oes3"},"components":[{"type":"textnode","content":"Edit"}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""}},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},{"name":"loading__item","active":false},{"name":"skeleton-anim","active":false},{"name":"skeleton-wrapper","active":false}],"attributes":{"id":"iqmx38"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}]},{"type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"attributes":{"id":"ie83jl"},"components":[{"type":"textnode","content":"Edit"}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""}}]},{"type":"container","classes":[{"name":"box","active":false},"horizontal"],"attributes":{"id":"i7ej6j"},"components":[{"type":"text","classes":[{"name":"full-width","active":false},{"name":"v-space","active":false},{"name":"h-space","active":false}],"attributes":{"id":"iv0eyi"},"components":[{"type":"textnode","content":"Insert your text here"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"error\"","classname":"","style":""}},{"type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},{"name":"button--small","active":false},"button--tertiary"],"attributes":{"id":"i4656n"},"components":[{"type":"textnode","content":"Dismiss"}],"template":{"before":"","replace":"{{ message-dismiss }}","after":"","attributes":"@click=\"error = null\"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"error\"","classname":"","style":""}},{"type":"container","classes":[{"name":"box","active":false},"horizontal"],"attributes":{"id":"ilteie"},"components":[{"type":"text","classes":[{"name":"full-width","active":false},{"name":"v-space","active":false},{"name":"h-space","active":false}],"attributes":{"id":"i2d31v"},"components":[{"type":"textnode","content":"Insert your text here"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"message\"","classname":"","style":""}},{"type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},{"name":"button--small","active":false},"button--tertiary"],"attributes":{"id":"i2urco"},"components":[{"type":"textnode","content":"Dismiss"}],"template":{"before":"","replace":"{{ message-dismiss }}","after":"","attributes":"@click=\"message = null\"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"message\"","classname":"","style":""}}],"custom-name":"Main","template":{"before":"","replace":"","after":"","attributes":"","classname":"app","style":""}},{"tagName":"FOOTER","type":"container","classes":[{"name":"header","active":false},"footer"],"attributes":{"id":"ilzpl"},"components":[{"type":"text","classes":["section"],"attributes":{"id":"i238z"},"components":[{"type":"textnode","content":"Links"},{"tagName":"br","void":true},{"tagName":"ul","attributes":{"id":"ibmxx"},"components":[{"tagName":"li","type":"text","attributes":{"id":"iktkw"},"components":[{"type":"textnode","content":"Docs"}]},{"tagName":"li","type":"text","attributes":{"id":"ipexhl"},"components":[{"type":"textnode","content":"Support"}]},{"tagName":"li","type":"text","classes":["gjs-hovered"],"attributes":{"id":"ihfzt","draggable":"true"},"components":[{"type":"textnode","content":"Bug report"}]},{"tagName":"li","type":"text","attributes":{"id":"i4qli"},"components":[{"type":"textnode","content":"Source code"},{"tagName":"br","void":true}]}]}],"template":{"before":"","replace":"{{ content }}","after":"","attributes":"","classname":"","style":""}}],"custom-name":"Footer"}]}}],"type":"main","id":"mk3OKgfr4A9V7Dww","settings":{"lang":"","title":"","description":"","favicon":"","og:title":"","og:description":"","og:image":"","head":""},"name":"Main"}],"styles":[{"selectors":[{"name":"nav__item","active":false}],"style":{"margin":"0px 10px 0px 10px","font-size":"0.8rem","padding":"24px 0px 24px 0px","color":"grey","font-weight":"700"}},{"selectors":["body"],"style":{"font-family":"\"Roboto\", sans-serif","background-color":"#f0f0f0"}},{"selectors":[{"name":"header","active":false}],"style":{"display":"flex","align-items":"center","justify-content":"space-between","background-color":"#ffffff"}},{"selectors":["#ir7s"],"style":{"color":"black"}},{"selectors":[{"name":"padding-normal","active":false}],"style":{"padding":"0px 24px 0px 24px"}},{"selectors":["#i9jq"],"style":{"display":"flex"}},{"selectors":["nav"],"style":{"width":"100%","margin":"0px 20px 0px 20px"}},{"selectors":["#iz63r"],"style":{"min-height":"90vh"}},{"selectors":["#itp1f"],"style":{"font-size":"2rem","margin":"0px 0px 10px 0px"}},{"selectors":["subtitle"],"style":{"font-size":"1rem","margin":"0px 0px 20px 0px"}},{"selectors":["section"],"style":{"max-width":"1200px","margin":"80px auto 80px auto"}},{"selectors":["subtitle",{"name":"color--light","active":false}],"style":{"color":"#636363","font-weight":"700"}},{"selectors":["#idkdk"],"style":{"color":"black","border-radius":"100% 100% 100% 100%"}},{"selectors":[{"name":"button","active":false}],"style":{"font-weight":"700","background-color":"#dddddd","font-size":"0.8rem","padding":"12px 12px 12px 12px","display":"inline-block","border":"0 none black"}},{"selectors":[{"name":"button","active":false},{"name":"button--primary","active":false}],"style":{"background-color":"#5e85a8","color":"white"}},{"selectors":[{"name":"button-bar","active":false}],"style":{"margin":"10px 0px 10px 0px","display":"flex"}},{"selectors":["#ibsgw"],"style":{"position":"relative","top":"3px"}},{"selectors":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false}],"style":{"justify-content":"space-between","align-items":"center"}},{"selectors":[{"name":"button-bar_item","active":false}],"style":{"margin":"20px 20px 20px 20px"}},{"selectors":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false}],"style":{"font-size":"0.8rem","color":"#444444"}},{"selectors":[{"name":"button","active":false},"button--secondary"],"style":{"font-weight":"400"}},{"selectors":[{"name":"bg-white","active":false}],"style":{"background-color":"#ffffff"}},{"selectors":[{"name":"rounded","active":false}],"style":{"border-radius":"5px 5px 5px 5px"}},{"selectors":["#ilzpl"],"style":{"min-height":"100px"}},{"selectors":["#i238z"],"style":{"padding":"10px"}},{"selectors":["footer"],"style":{"display":"block","margin":"20px 0px 0 0px","padding":"1px 0px 1px 0px"}},{"selectors":["skeleton-text",{"name":"skeleton","active":false}],"style":{"background-color":"#dddddd","color":"transparent","opacity":"0.31","border-radius":"5px 5px 5px 5px"}},{"selectors":[{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"style":{"color":"transparent","opacity":"0.16"}},{"selectors":[{"name":"skeleton-anim","active":false}],"style":{"position":"relative"}},{"selectors":[{"name":"nav__item","active":false},"active"],"style":{"color":"black"}},{"selectors":["margin-20"],"style":{"margin":"20px 0px 20px 0px"}},{"selectors":["#i0ro3"],"style":{"display":"none"}},{"selectors":[{"name":"loading__item","active":false},"loaded-true"],"style":{"display":"none"}},{"selectors":["#i69a7"],"style":{"width":"100%"}},{"selectors":["flex-no-shrink"],"style":{"flex-shrink":"0"}},{"selectors":[{"name":"button--small","active":false}],"style":{"padding":"5px 10px 5px 10px"}},{"selectors":["form"],"style":{"padding":"10px 10px 10px 10px","border-radius":"5px 5px 5px 5px"}},{"selectors":["#i1nmbc"],"style":{"flex-shrink":"0"}},{"selectors":["input"],"style":{"padding":"10px 10px 10px 10px","background-color":"transparent","border":"1px solid #5e85a8"}},{"selectors":[{"name":"full-width","active":false}],"style":{"width":"100%"}},{"selectors":[{"name":"v-space","active":false}],"style":{"margin":"10px 0px 10px 0px"}},{"selectors":["#ihwwxz"],"style":{"min-height":"100px"}},{"selectors":[{"name":"box","active":false}],"style":{"border":"2px solid #5e85a8"}},{"selectors":["box__header"],"style":{"margin":"0px 0px 0px 0px","padding":"10px 0px 10px 10px"}},{"selectors":[{"name":"box","active":false},"horizontal"],"style":{"align-items":"center"}},{"selectors":["horizontal"],"style":{"display":"flex","align-items":"center"}},{"selectors":[{"name":"h-space","active":false}],"style":{"margin":"0px 10px 0px 10px"}},{"selectors":[{"name":"button","active":false},"button--tertiary"],"style":{"border":"0px none black"}},{"selectors":["button--tertiary"],"style":{"background-color":"transparent","font-weight":"400"}},{"selectors":["icon-font"],"style":{"font-size":"1.5rem","line-height":"1px","margin":"0px 2px 0px 2px"}},{"selectors":["lang__item"],"style":{"margin":"0px 5px 0px 5px"}},{"selectors":[{"name":"button--primary","active":false},"right-space"],"style":{"margin":"0 10px 0 0"}},{"selectors":["top-space-40"],"style":{"margin":"40px 0 0 0"}},{"selectors":["nav__logo"],"style":{"height":"50px"}}],"settings":{"lang":"","title":"{{ title }}","description":"","favicon":"","og:title":"","og:description":"","og:image":"","head":"{% render \"alternate.liquid\" languages: languages lang: lang page: page %}\n{% render \"website-list.js.html\" frontmatter: frontmatter page: page site: site api-translations: api-translations lang: lang %}\n\n<style>\n.button { cursor: pointer; }\na { text-decoration: none; }\na:hover { text-decoration: underline; }\n\n.skeleton-anim:after {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n content: \"\";\n background: \n linear-gradient(0.25turn, transparent, rgba(255,255,255,.75), transparent),\n linear-gradient(transparent, transparent),\n radial-gradient(38px circle at 19px 19px, transparent 50%, transparent 51%),\n linear-gradient(transparent, transparent); \n background-repeat: no-repeat;\n background-size: 315px 250px, 315px 180px, 100px 100px, 225px 30px; \n background-position: -315px 0, 0 0, 0px 190px, 50px 195px; \n animation: loading 1.5s infinite;\n}\n\n@keyframes loading { \n to {\n background-position: 200% 0, 0 0, 0 190px, 50px 195px;\n }\n}\n\n</style>"},"publication":{"css":{"url":"/css","path":"pages"},"html":{"path":"_includes"},"assets":{"url":"/assets/"},"url":"/","path":"../../","autoHomePage":false},"name":"Dashboard","fonts":[{"name":"Roboto","value":"\"Roboto\", sans-serif","variants":[]}],"symbols":[]}
package/_includes/main.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><html lang=""><head><link rel="stylesheet" href="/css/main.css">{% render "alternate.liquid" languages: languages lang: lang page: page %} {% render "website-list.js.html" frontmatter: frontmatter page: page site: site api-translations: api-translations lang: lang %}<style>.button{cursor:pointer}.skeleton-anim:after{width:100%;height:100%;position:absolute;top:0;left:0;content:"";background:linear-gradient(.25turn,transparent,rgba(255,255,255,.75),transparent),linear-gradient(transparent,transparent),radial-gradient(38px circle at 19px 19px,transparent 50%,transparent 51%),linear-gradient(transparent,transparent);background-repeat:no-repeat;background-size:315px 250px,315px 180px,100px 100px,225px 30px;background-position:-315px 0,0 0,0 190px,50px 195px;animation:loading 1.5s infinite}@keyframes loading{to{background-position:200% 0,0 0,0 190px,50px 195px}}</style><title>{{ title }}</title><link rel="icon" href=""><meta property="description" content=""><meta property="og:title" content=""><meta property="og:description" content=""><meta property="og:image" content=""></head><body id="ik0i" class="body loading"><header id="igrg" class="header padding-normal"><img id="ir7s" src="/assets//silex-icon-2018@200px.png"><nav id="i9jq" class="nav">{% for item in nav %}<a id="iels" href="{{ item.url }}" class="nav__item {% if forloop.index == 1 %}active{% endif %}" target="{{ item.target }}">{{ item.label }}</a>{% endfor %}</nav><div id="i2red7" class="lang h-space">{% assign links = languages %} {%- for link in links %}<a href="/{{ link.code }}" id="iciz" class="lang__item nav__item {% if link.code == lang %}active{% endif %}" hreflang="{{link.code}}">{{ link.code }}</a>{% endfor %}</div><div id="i24ew"><img id="idkdk" src="/assets//alex-small.jpg" src="${json.avatar.url}"></div></header><main id="iz63r" class="padding-normal section app"><h1 id="itp1f">{{ title2 }}</h1><div id="iyex8" class="subtitle color--light">{{ subtitle }}</div><div id="ickx4" class="button-bar margin-20"><div id="i2x0l" class="button button--primary rounded top-space-40" @click="showCreationForm = !showCreationForm" v-if="!showCreationForm"><span id="ibsgw" class="icon-font">+</span><span id="itl2n8">{{ add-button }}</span></div><div id="i0ro3" class="button button--secondary rounded">Import</div></div><div id="ihwwxz" class="box top-space-40" v-if="showCreationForm"><h3 id="i3gd1b" class="box__header">{{ add-title }}</h3><form method="get" id="i50acf" class="form" @submit.prevent="createWebsite"><div id="igtg1t" class="v-space"><label id="i1nmbc" class="v-space">{{ add-name-label }}</label><input type="text" id="ij5iwh" placeholder="{{ add-name-placeholder }}" class="input full-width" v-model="newWebsiteName"></div><div id="ie0xes"><button type="submit" id="i021na" class="button rounded button--primary right-space">{{ add-ok }}</button><button type="reset" class="button rounded button--secondary" @click="showCreationForm = !showCreationForm">{{ add-cancel }}</button></div></form></div><div id="if80m"><section id="idgvg" class="button-bar button-bar--full-width bg-white rounded loaded__item" v-if="!loading" v-for="(website, index) in websites" :key="index"><h3 id="i69a7" class="button-bar_item button-bar__item--main" v-text="website.name || website.id">My first website</h3><p id="i65hn" class="button-bar_item button-bar__item--secondary flex-no-shrink" v-text="'{{ list-item-updated }} ' + new Date(website.stats.mtime).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })">Updated 1h ago by lexoyo</p><p id="i64qa" class="button-bar_item button-bar__item--secondary flex-no-shrink" v-text="'{{ list-item-created }} ' + new Date(website.stats.birthtime).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })">Created 2023-02-16 by lexoyo</p><div id="i3b4tr" class="button-bar_item flex-no-shrink"><div id="ifyf6p" href="" class="button rounded button--primary button--small right-space" @click="openEditor(website.id)">{{ list-edit }}</div><div id="iol4h" class="button rounded button--secondary button--small" @click="deleteWebsite(website.id)" title="{{ list-delete }}">X</div></div></section><section id="i1fjn" class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div id="ixz6c" class="button-bar_item skeleton skeleton-button">Edit</div></section><section class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div class="button-bar_item skeleton skeleton-button">Edit</div></section><section class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div class="button-bar_item skeleton skeleton-button">Edit</div></section><section class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div class="button-bar_item skeleton skeleton-button">Edit</div></section><section class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div class="button-bar_item skeleton skeleton-button">Edit</div></section><section class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div class="button-bar_item skeleton skeleton-button">Edit</div></section></div><div id="i7ej6j" class="box horizontal" v-if="error"><div id="iv0eyi" class="full-width v-space h-space" v-text="error">Insert your text here</div><div id="i4656n" class="button rounded button--small button--tertiary" @click="error = null">{{ message-dismiss }}</div></div><div id="ilteie" class="box horizontal" v-if="message"><div id="i2d31v" class="full-width v-space h-space" v-text="message">Insert your text here</div><div id="i2urco" class="button rounded button--small button--tertiary" @click="message = null">{{ message-dismiss }}</div></div></main><footer id="ilzpl" class="header footer"><div id="i238z" class="section">{{ content }}</div></footer></body></html>
1
+ <!DOCTYPE html><html lang=""><head><link rel="stylesheet" href="/css/main.css">{% render "alternate.liquid" languages: languages lang: lang page: page %} {% render "website-list.js.html" frontmatter: frontmatter page: page site: site api-translations: api-translations lang: lang %}<style>.button{cursor:pointer}a{text-decoration:none}a:hover{text-decoration:underline}.skeleton-anim:after{width:100%;height:100%;position:absolute;top:0;left:0;content:"";background:linear-gradient(.25turn,transparent,rgba(255,255,255,.75),transparent),linear-gradient(transparent,transparent),radial-gradient(38px circle at 19px 19px,transparent 50%,transparent 51%),linear-gradient(transparent,transparent);background-repeat:no-repeat;background-size:315px 250px,315px 180px,100px 100px,225px 30px;background-position:-315px 0,0 0,0 190px,50px 195px;animation:loading 1.5s infinite}@keyframes loading{to{background-position:200% 0,0 0,0 190px,50px 195px}}</style><title>{{ title }}</title><link rel="icon" href=""><meta property="description" content=""><meta property="og:title" content=""><meta property="og:description" content=""><meta property="og:image" content=""></head><body id="ik0i" class="body loading"><header id="igrg" class="header padding-normal"><a id="igvu43" href="/"><img id="ir7s" src="/assets//silex-icon-2018@200px.png" href="" class="nav__logo"></a><nav id="i9jq" class="nav">{% for item in nav %}<a id="iels" href="{{ item.url }}" class="nav__item {% if forloop.index == 1 %}active{% endif %}" target="{{ item.target }}">{{ item.label }}</a>{% endfor %}</nav><div id="i2red7" class="lang h-space">{% assign links = languages %} {%- for link in links %}<a href="/{{ link.code }}" id="iciz" class="lang__item nav__item {% if link.code == lang %}active{% endif %}" hreflang="{{link.code}}">{{ link.code }}</a>{% endfor %}</div><div id="i24ew"><img id="idkdk" src="/assets//alex-small.jpg" src="${json.avatar.url}"></div></header><main id="iz63r" class="padding-normal section app"><h1 id="itp1f">{{ title2 }}</h1><div id="iyex8" class="subtitle color--light">{{ subtitle }}</div><div id="ickx4" class="button-bar margin-20"><button id="i2x0l" class="button button--primary rounded top-space-40" @click="showCreationForm = !showCreationForm" v-if="!showCreationForm"><span id="ibsgw" class="icon-font">+</span><span id="itl2n8">{{ add-button }}</span></button><div id="i0ro3" class="button button--secondary rounded">Import</div></div><div id="ihwwxz" class="box top-space-40" v-if="showCreationForm"><h3 id="i3gd1b" class="box__header">{{ add-title }}</h3><form method="get" id="i50acf" class="form" @submit.prevent="createWebsite"><div id="igtg1t" class="v-space"><label id="i1nmbc" class="v-space">{{ add-name-label }}</label><input type="text" id="ij5iwh" placeholder="{{ add-name-placeholder }}" class="input full-width" v-model="newWebsiteName"></div><div id="ie0xes"><button type="submit" id="i021na" class="button rounded button--primary right-space">{{ add-ok }}</button><button type="reset" class="button rounded button--secondary" @click="showCreationForm = !showCreationForm">{{ add-cancel }}</button></div></form></div><div id="if80m"><section id="idgvg" class="button-bar button-bar--full-width bg-white rounded loaded__item" v-if="!loading" v-for="(website, index) in websites" :key="index"><h3 id="i69a7" class="button-bar_item button-bar__item--main" v-text="website.name || website.id">My first website</h3><p id="i65hn" class="button-bar_item button-bar__item--secondary flex-no-shrink" v-text="'{{ list-item-updated }} ' + new Date(website.stats.mtime).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })">Updated 1h ago by lexoyo</p><p id="i64qa" class="button-bar_item button-bar__item--secondary flex-no-shrink" v-text="'{{ list-item-created }} ' + new Date(website.stats.birthtime).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })">Created 2023-02-16 by lexoyo</p><div id="i3b4tr" class="button-bar_item flex-no-shrink"><button id="ifyf6p" href="" class="button rounded button--primary button--small right-space" @click="openEditor(website.id, '{{lang}}')">{{ list-edit }}</button><button id="iol4h" class="button rounded button--secondary button--small" @click="deleteWebsite(website.id)" title="{{ list-delete }}">X</button></div></section><section id="i1fjn" class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div id="ixz6c" class="button-bar_item skeleton skeleton-button">Edit</div></section><section id="iwxxo5" class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div id="i9fx3l" class="button-bar_item skeleton skeleton-button">Edit</div></section><section id="isld3r" class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div id="i8oes3" class="button-bar_item skeleton skeleton-button">Edit</div></section><section id="iqmx38" class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div id="ie83jl" class="button-bar_item skeleton skeleton-button">Edit</div></section></div><div id="i7ej6j" class="box horizontal" v-if="error"><div id="iv0eyi" class="full-width v-space h-space" v-text="error">Insert your text here</div><div id="i4656n" class="button rounded button--small button--tertiary" @click="error = null">{{ message-dismiss }}</div></div><div id="ilteie" class="box horizontal" v-if="message"><div id="i2d31v" class="full-width v-space h-space" v-text="message">Insert your text here</div><div id="i2urco" class="button rounded button--small button--tertiary" @click="message = null">{{ message-dismiss }}</div></div></main><footer id="ilzpl" class="header footer"><div id="i238z" class="section">{{ content }}</div></footer></body></html>
package/_includes/website-list.js.html CHANGED
@@ -75,8 +75,8 @@
75
75
  else this.showLoginForm = true
76
76
  },
77
77
  methods: {
78
- openEditor(id) {
79
- window.open(`${apiUrl}/?id=${id}`)
78
+ openEditor(id, lang) {
79
+ window.open(`${apiUrl}/?id=${id}&lang=${lang}`)
80
80
  },
81
81
  async fetchWebsites() {
82
82
  this.loading = true
package/_site/css/main.css CHANGED
@@ -1 +1 @@
1
- * { box-sizing: border-box; } body {margin: 0;}.nav__item{margin:0px 10px 0px 10px;font-size:0.8rem;padding:24px 0px 24px 0px;color:grey;font-weight:700;}.body{font-family:"Roboto", sans-serif;background-color:#f0f0f0;}.header{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;}#ir7s{color:black;width:32px;height:32px;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{width:100%;margin:0px 20px 0px 20px;}#iz63r{min-height:90vh;}#itp1f{font-size:2rem;margin:0px 0px 10px 0px;}.subtitle{font-size:1rem;margin:0px 0px 20px 0px;}.section{max-width:1200px;margin:80px auto 80px auto;}.subtitle.color--light{color:#636363;font-weight:700;}#idkdk{color:black;border-radius:100% 100% 100% 100%;}.button{font-weight:700;background-color:#dddddd;font-size:0.8rem;padding:12px 12px 12px 12px;display:inline-block;border:0 none black;}.button.button--primary{background-color:#5e85a8;color:white;}.button-bar{margin:10px 0px 10px 0px;display:flex;}#ibsgw{position:relative;top:3px;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item{margin:20px 20px 20px 20px;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;color:#444444;}.button.button--secondary{font-weight:400;}.bg-white{background-color:#ffffff;}.rounded{border-radius:5px 5px 5px 5px;}#ilzpl{min-height:100px;}#i238z{padding:10px;}.footer{display:block;margin:20px 0px 0 0px;padding:1px 0px 1px 0px;}.skeleton-text.skeleton{background-color:#dddddd;color:transparent;opacity:0.31;border-radius:5px 5px 5px 5px;}.skeleton.skeleton-button{color:transparent;opacity:0.16;}.skeleton-anim{position:relative;}.nav__item.active{color:black;}.margin-20{margin:20px 0px 20px 0px;}#i0ro3{display:none;}.loading__item.loaded-true{display:none;}#i69a7{width:100%;}.flex-no-shrink{flex-shrink:0;}.button--small{padding:5px 10px 5px 10px;}.form{padding:10px 10px 10px 10px;border-radius:5px 5px 5px 5px;}#i1nmbc{flex-shrink:0;}.input{padding:10px 10px 10px 10px;background-color:transparent;border:1px solid #5e85a8;}.full-width{width:100%;}.v-space{margin:10px 0px 10px 0px;}#ihwwxz{min-height:100px;}.box{border:2px solid #5e85a8;}.box__header{margin:0px 0px 0px 0px;padding:10px 0px 10px 10px;}.box.horizontal{align-items:center;}.horizontal{display:flex;align-items:center;}.h-space{margin:0px 10px 0px 10px;}.button.button--tertiary{border:0px none black;}.button--tertiary{background-color:transparent;font-weight:400;}.icon-font{font-size:1.5rem;line-height:1px;margin:0px 2px 0px 2px;}.lang__item{margin:0px 5px 0px 5px;}.button--primary.right-space{margin:0 10px 0 0;}.top-space-40{margin:40px 0 0 0;}
1
+ * { box-sizing: border-box; } body {margin: 0;}.nav__item{margin:0px 10px 0px 10px;font-size:0.8rem;padding:24px 0px 24px 0px;color:grey;font-weight:700;}.body{font-family:"Roboto", sans-serif;background-color:#f0f0f0;}.header{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;}#ir7s{color:black;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{width:100%;margin:0px 20px 0px 20px;}#iz63r{min-height:90vh;}#itp1f{font-size:2rem;margin:0px 0px 10px 0px;}.subtitle{font-size:1rem;margin:0px 0px 20px 0px;}.section{max-width:1200px;margin:80px auto 80px auto;}.subtitle.color--light{color:#636363;font-weight:700;}#idkdk{color:black;border-radius:100% 100% 100% 100%;}.button{font-weight:700;background-color:#dddddd;font-size:0.8rem;padding:12px 12px 12px 12px;display:inline-block;border:0 none black;}.button.button--primary{background-color:#5e85a8;color:white;}.button-bar{margin:10px 0px 10px 0px;display:flex;}#ibsgw{position:relative;top:3px;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item{margin:20px 20px 20px 20px;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;color:#444444;}.button.button--secondary{font-weight:400;}.bg-white{background-color:#ffffff;}.rounded{border-radius:5px 5px 5px 5px;}#ilzpl{min-height:100px;}#i238z{padding:10px;}.footer{display:block;margin:20px 0px 0 0px;padding:1px 0px 1px 0px;}.skeleton-text.skeleton{background-color:#dddddd;color:transparent;opacity:0.31;border-radius:5px 5px 5px 5px;}.skeleton.skeleton-button{color:transparent;opacity:0.16;}.skeleton-anim{position:relative;}.nav__item.active{color:black;}.margin-20{margin:20px 0px 20px 0px;}#i0ro3{display:none;}.loading__item.loaded-true{display:none;}#i69a7{width:100%;}.flex-no-shrink{flex-shrink:0;}.button--small{padding:5px 10px 5px 10px;}.form{padding:10px 10px 10px 10px;border-radius:5px 5px 5px 5px;}#i1nmbc{flex-shrink:0;}.input{padding:10px 10px 10px 10px;background-color:transparent;border:1px solid #5e85a8;}.full-width{width:100%;}.v-space{margin:10px 0px 10px 0px;}#ihwwxz{min-height:100px;}.box{border:2px solid #5e85a8;}.box__header{margin:0px 0px 0px 0px;padding:10px 0px 10px 10px;}.box.horizontal{align-items:center;}.horizontal{display:flex;align-items:center;}.h-space{margin:0px 10px 0px 10px;}.button.button--tertiary{border:0px none black;}.button--tertiary{background-color:transparent;font-weight:400;}.icon-font{font-size:1.5rem;line-height:1px;margin:0px 2px 0px 2px;}.lang__item{margin:0px 5px 0px 5px;}.button--primary.right-space{margin:0 10px 0 0;}.top-space-40{margin:40px 0 0 0;}.nav__logo{height:50px;}
package/_site/en/index.html CHANGED
@@ -79,8 +79,8 @@
79
79
  else this.showLoginForm = true
80
80
  },
81
81
  methods: {
82
- openEditor(id) {
83
- window.open(`${apiUrl}/?id=${id}`)
82
+ openEditor(id, lang) {
83
+ window.open(`${apiUrl}/?id=${id}&lang=${lang}`)
84
84
  },
85
85
  async fetchWebsites() {
86
86
  this.loading = true
@@ -173,4 +173,4 @@
173
173
  createApp(App).mount('.app');
174
174
  })
175
175
  </script>
176
- <style>.button{cursor:pointer}.skeleton-anim:after{width:100%;height:100%;position:absolute;top:0;left:0;content:"";background:linear-gradient(.25turn,transparent,rgba(255,255,255,.75),transparent),linear-gradient(transparent,transparent),radial-gradient(38px circle at 19px 19px,transparent 50%,transparent 51%),linear-gradient(transparent,transparent);background-repeat:no-repeat;background-size:315px 250px,315px 180px,100px 100px,225px 30px;background-position:-315px 0,0 0,0 190px,50px 195px;animation:loading 1.5s infinite}@keyframes loading{to{background-position:200% 0,0 0,0 190px,50px 195px}}</style><title>Silex Dashboard</title><link rel="icon" href=""><meta property="description" content=""><meta property="og:title" content=""><meta property="og:description" content=""><meta property="og:image" content=""></head><body id="ik0i" class="body loading"><header id="igrg" class="header padding-normal"><img id="ir7s" src="/assets//silex-icon-2018@200px.png"><nav id="i9jq" class="nav"><a id="iels" href="/" class="nav__item active" target="">Sites</a><a id="iels" href="http://docs.silex.me/" class="nav__item " target="_blank">Docs</a><a id="iels" href="https://www.silex.me/" class="nav__item " target="_blank">About</a><a id="iels" href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=en-US&source=silex-dashboard" class="nav__item " target="_blank">News</a></nav><div id="i2red7" class="lang h-space"><a href="/en" id="iciz" class="lang__item nav__item active" hreflang="en">en</a><a href="/fr" id="iciz" class="lang__item nav__item " hreflang="fr">fr</a></div><div id="i24ew"><img id="idkdk" src="/assets//alex-small.jpg" src="${json.avatar.url}"></div></header><main id="iz63r" class="padding-normal section app"><h1 id="itp1f">Welcome back!</h1><div id="iyex8" class="subtitle color--light">Dive into your projects or kickstart a new one</div><div id="ickx4" class="button-bar margin-20"><div id="i2x0l" class="button button--primary rounded top-space-40" @click="showCreationForm = !showCreationForm" v-if="!showCreationForm"><span id="ibsgw" class="icon-font">+</span><span id="itl2n8">Create website</span></div><div id="i0ro3" class="button button--secondary rounded">Import</div></div><div id="ihwwxz" class="box top-space-40" v-if="showCreationForm"><h3 id="i3gd1b" class="box__header">Create a new website</h3><form method="get" id="i50acf" class="form" @submit.prevent="createWebsite"><div id="igtg1t" class="v-space"><label id="i1nmbc" class="v-space">Website name</label><input type="text" id="ij5iwh" placeholder="My project website" class="input full-width" v-model="newWebsiteName"></div><div id="ie0xes"><button type="submit" id="i021na" class="button rounded button--primary right-space">Create</button><button type="reset" class="button rounded button--secondary" @click="showCreationForm = !showCreationForm">Cancel</button></div></form></div><div id="if80m"><section id="idgvg" class="button-bar button-bar--full-width bg-white rounded loaded__item" v-if="!loading" v-for="(website, index) in websites" :key="index"><h3 id="i69a7" class="button-bar_item button-bar__item--main" v-text="website.name || website.id">My first website</h3><p id="i65hn" class="button-bar_item button-bar__item--secondary flex-no-shrink" v-text="'Updated ' + new Date(website.stats.mtime).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })">Updated 1h ago by lexoyo</p><p id="i64qa" class="button-bar_item button-bar__item--secondary flex-no-shrink" v-text="'Created ' + new Date(website.stats.birthtime).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })">Created 2023-02-16 by lexoyo</p><div id="i3b4tr" class="button-bar_item flex-no-shrink"><div id="ifyf6p" href="" class="button rounded button--primary button--small right-space" @click="openEditor(website.id)">Edit</div><div id="iol4h" class="button rounded button--secondary button--small" @click="deleteWebsite(website.id)" title="Delete">X</div></div></section><section id="i1fjn" class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div id="ixz6c" class="button-bar_item skeleton skeleton-button">Edit</div></section><section class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div class="button-bar_item skeleton skeleton-button">Edit</div></section><section class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div class="button-bar_item skeleton skeleton-button">Edit</div></section><section class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div class="button-bar_item skeleton skeleton-button">Edit</div></section><section class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div class="button-bar_item skeleton skeleton-button">Edit</div></section><section class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div class="button-bar_item skeleton skeleton-button">Edit</div></section></div><div id="i7ej6j" class="box horizontal" v-if="error"><div id="iv0eyi" class="full-width v-space h-space" v-text="error">Insert your text here</div><div id="i4656n" class="button rounded button--small button--tertiary" @click="error = null">Dismiss</div></div><div id="ilteie" class="box horizontal" v-if="message"><div id="i2d31v" class="full-width v-space h-space" v-text="message">Insert your text here</div><div id="i2urco" class="button rounded button--small button--tertiary" @click="message = null">Dismiss</div></div></main><footer id="ilzpl" class="header footer"><div id="i238z" class="section"></div></footer></body></html>
176
+ <style>.button{cursor:pointer}a{text-decoration:none}a:hover{text-decoration:underline}.skeleton-anim:after{width:100%;height:100%;position:absolute;top:0;left:0;content:"";background:linear-gradient(.25turn,transparent,rgba(255,255,255,.75),transparent),linear-gradient(transparent,transparent),radial-gradient(38px circle at 19px 19px,transparent 50%,transparent 51%),linear-gradient(transparent,transparent);background-repeat:no-repeat;background-size:315px 250px,315px 180px,100px 100px,225px 30px;background-position:-315px 0,0 0,0 190px,50px 195px;animation:loading 1.5s infinite}@keyframes loading{to{background-position:200% 0,0 0,0 190px,50px 195px}}</style><title>Silex Dashboard</title><link rel="icon" href=""><meta property="description" content=""><meta property="og:title" content=""><meta property="og:description" content=""><meta property="og:image" content=""></head><body id="ik0i" class="body loading"><header id="igrg" class="header padding-normal"><a id="igvu43" href="/"><img id="ir7s" src="/assets//silex-icon-2018@200px.png" href="" class="nav__logo"></a><nav id="i9jq" class="nav"><a id="iels" href="/" class="nav__item active" target="">Sites</a><a id="iels" href="http://docs.silex.me/" class="nav__item " target="_blank">Docs</a><a id="iels" href="https://www.silex.me/" class="nav__item " target="_blank">About</a><a id="iels" href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=en-US&source=silex-dashboard" class="nav__item " target="_blank">News</a></nav><div id="i2red7" class="lang h-space"><a href="/en" id="iciz" class="lang__item nav__item active" hreflang="en">en</a><a href="/fr" id="iciz" class="lang__item nav__item " hreflang="fr">fr</a></div><div id="i24ew"><img id="idkdk" src="/assets//alex-small.jpg" src="${json.avatar.url}"></div></header><main id="iz63r" class="padding-normal section app"><h1 id="itp1f">Welcome back!</h1><div id="iyex8" class="subtitle color--light">Dive into your projects or kickstart a new one</div><div id="ickx4" class="button-bar margin-20"><button id="i2x0l" class="button button--primary rounded top-space-40" @click="showCreationForm = !showCreationForm" v-if="!showCreationForm"><span id="ibsgw" class="icon-font">+</span><span id="itl2n8">Create website</span></button><div id="i0ro3" class="button button--secondary rounded">Import</div></div><div id="ihwwxz" class="box top-space-40" v-if="showCreationForm"><h3 id="i3gd1b" class="box__header">Create a new website</h3><form method="get" id="i50acf" class="form" @submit.prevent="createWebsite"><div id="igtg1t" class="v-space"><label id="i1nmbc" class="v-space">Website name</label><input type="text" id="ij5iwh" placeholder="My project website" class="input full-width" v-model="newWebsiteName"></div><div id="ie0xes"><button type="submit" id="i021na" class="button rounded button--primary right-space">Create</button><button type="reset" class="button rounded button--secondary" @click="showCreationForm = !showCreationForm">Cancel</button></div></form></div><div id="if80m"><section id="idgvg" class="button-bar button-bar--full-width bg-white rounded loaded__item" v-if="!loading" v-for="(website, index) in websites" :key="index"><h3 id="i69a7" class="button-bar_item button-bar__item--main" v-text="website.name || website.id">My first website</h3><p id="i65hn" class="button-bar_item button-bar__item--secondary flex-no-shrink" v-text="'Updated ' + new Date(website.stats.mtime).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })">Updated 1h ago by lexoyo</p><p id="i64qa" class="button-bar_item button-bar__item--secondary flex-no-shrink" v-text="'Created ' + new Date(website.stats.birthtime).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })">Created 2023-02-16 by lexoyo</p><div id="i3b4tr" class="button-bar_item flex-no-shrink"><button id="ifyf6p" href="" class="button rounded button--primary button--small right-space" @click="openEditor(website.id, 'en')">Edit</button><button id="iol4h" class="button rounded button--secondary button--small" @click="deleteWebsite(website.id)" title="Delete">X</button></div></section><section id="i1fjn" class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div id="ixz6c" class="button-bar_item skeleton skeleton-button">Edit</div></section><section id="iwxxo5" class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div id="i9fx3l" class="button-bar_item skeleton skeleton-button">Edit</div></section><section id="isld3r" class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div id="i8oes3" class="button-bar_item skeleton skeleton-button">Edit</div></section><section id="iqmx38" class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div id="ie83jl" class="button-bar_item skeleton skeleton-button">Edit</div></section></div><div id="i7ej6j" class="box horizontal" v-if="error"><div id="iv0eyi" class="full-width v-space h-space" v-text="error">Insert your text here</div><div id="i4656n" class="button rounded button--small button--tertiary" @click="error = null">Dismiss</div></div><div id="ilteie" class="box horizontal" v-if="message"><div id="i2d31v" class="full-width v-space h-space" v-text="message">Insert your text here</div><div id="i2urco" class="button rounded button--small button--tertiary" @click="message = null">Dismiss</div></div></main><footer id="ilzpl" class="header footer"><div id="i238z" class="section"></div></footer></body></html>
package/_site/fr/index.html CHANGED
@@ -79,8 +79,8 @@
79
79
  else this.showLoginForm = true
80
80
  },
81
81
  methods: {
82
- openEditor(id) {
83
- window.open(`${apiUrl}/?id=${id}`)
82
+ openEditor(id, lang) {
83
+ window.open(`${apiUrl}/?id=${id}&lang=${lang}`)
84
84
  },
85
85
  async fetchWebsites() {
86
86
  this.loading = true
@@ -173,5 +173,5 @@
173
173
  createApp(App).mount('.app');
174
174
  })
175
175
  </script>
176
- <style>.button{cursor:pointer}.skeleton-anim:after{width:100%;height:100%;position:absolute;top:0;left:0;content:"";background:linear-gradient(.25turn,transparent,rgba(255,255,255,.75),transparent),linear-gradient(transparent,transparent),radial-gradient(38px circle at 19px 19px,transparent 50%,transparent 51%),linear-gradient(transparent,transparent);background-repeat:no-repeat;background-size:315px 250px,315px 180px,100px 100px,225px 30px;background-position:-315px 0,0 0,0 190px,50px 195px;animation:loading 1.5s infinite}@keyframes loading{to{background-position:200% 0,0 0,0 190px,50px 195px}}</style><title>Dashboard Silex</title><link rel="icon" href=""><meta property="description" content=""><meta property="og:title" content=""><meta property="og:description" content=""><meta property="og:image" content=""></head><body id="ik0i" class="body loading"><header id="igrg" class="header padding-normal"><img id="ir7s" src="/assets//silex-icon-2018@200px.png"><nav id="i9jq" class="nav"><a id="iels" href="/" class="nav__item active" target="">Sites</a><a id="iels" href="http://docs.silex.me/" class="nav__item " target="_blank">Docs</a><a id="iels" href="https://www.silex.me/" class="nav__item " target="_blank">A propos</a><a id="iels" href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=fr-FR&source=silex-dashboard" class="nav__item " target="_blank">Info</a></nav><div id="i2red7" class="lang h-space"><a href="/en" id="iciz" class="lang__item nav__item " hreflang="en">en</a><a href="/fr" id="iciz" class="lang__item nav__item active" hreflang="fr">fr</a></div><div id="i24ew"><img id="idkdk" src="/assets//alex-small.jpg" src="${json.avatar.url}"></div></header><main id="iz63r" class="padding-normal section app"><h1 id="itp1f">Bienvenue !</h1><div id="iyex8" class="subtitle color--light">Plongez-vous dans un projet ou créez-en un nouveau</div><div id="ickx4" class="button-bar margin-20"><div id="i2x0l" class="button button--primary rounded top-space-40" @click="showCreationForm = !showCreationForm" v-if="!showCreationForm"><span id="ibsgw" class="icon-font">+</span><span id="itl2n8">Créer un site</span></div><div id="i0ro3" class="button button--secondary rounded">Import</div></div><div id="ihwwxz" class="box top-space-40" v-if="showCreationForm"><h3 id="i3gd1b" class="box__header">Créer un nouveau site internet</h3><form method="get" id="i50acf" class="form" @submit.prevent="createWebsite"><div id="igtg1t" class="v-space"><label id="i1nmbc" class="v-space">Nom du site</label><input type="text" id="ij5iwh" placeholder="Mon super projet" class="input full-width" v-model="newWebsiteName"></div><div id="ie0xes"><button type="submit" id="i021na" class="button rounded button--primary right-space">Créer</button><button type="reset" class="button rounded button--secondary" @click="showCreationForm = !showCreationForm">Annuler</button></div></form></div><div id="if80m"><section id="idgvg" class="button-bar button-bar--full-width bg-white rounded loaded__item" v-if="!loading" v-for="(website, index) in websites" :key="index"><h3 id="i69a7" class="button-bar_item button-bar__item--main" v-text="website.name || website.id">My first website</h3><p id="i65hn" class="button-bar_item button-bar__item--secondary flex-no-shrink" v-text="'Mis à jour le ' + new Date(website.stats.mtime).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })">Updated 1h ago by lexoyo</p><p id="i64qa" class="button-bar_item button-bar__item--secondary flex-no-shrink" v-text="'Créé le ' + new Date(website.stats.birthtime).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })">Created 2023-02-16 by lexoyo</p><div id="i3b4tr" class="button-bar_item flex-no-shrink"><div id="ifyf6p" href="" class="button rounded button--primary button--small right-space" @click="openEditor(website.id)">Editer</div><div id="iol4h" class="button rounded button--secondary button--small" @click="deleteWebsite(website.id)" title="Supprimer">X</div></div></section><section id="i1fjn" class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div id="ixz6c" class="button-bar_item skeleton skeleton-button">Edit</div></section><section class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div class="button-bar_item skeleton skeleton-button">Edit</div></section><section class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div class="button-bar_item skeleton skeleton-button">Edit</div></section><section class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div class="button-bar_item skeleton skeleton-button">Edit</div></section><section class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div class="button-bar_item skeleton skeleton-button">Edit</div></section><section class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div class="button-bar_item skeleton skeleton-button">Edit</div></section></div><div id="i7ej6j" class="box horizontal" v-if="error"><div id="iv0eyi" class="full-width v-space h-space" v-text="error">Insert your text here</div><div id="i4656n" class="button rounded button--small button--tertiary" @click="error = null">Fermer</div></div><div id="ilteie" class="box horizontal" v-if="message"><div id="i2d31v" class="full-width v-space h-space" v-text="message">Insert your text here</div><div id="i2urco" class="button rounded button--small button--tertiary" @click="message = null">Fermer</div></div></main><footer id="ilzpl" class="header footer"><div id="i238z" class="section"><p><a href="https://www.silex.me/">Silex website builder</a> est un projet libre et open source, supporté par l'<a href="https://www.silexlabs.org/">association Silex Labs</a></p>
176
+ <style>.button{cursor:pointer}a{text-decoration:none}a:hover{text-decoration:underline}.skeleton-anim:after{width:100%;height:100%;position:absolute;top:0;left:0;content:"";background:linear-gradient(.25turn,transparent,rgba(255,255,255,.75),transparent),linear-gradient(transparent,transparent),radial-gradient(38px circle at 19px 19px,transparent 50%,transparent 51%),linear-gradient(transparent,transparent);background-repeat:no-repeat;background-size:315px 250px,315px 180px,100px 100px,225px 30px;background-position:-315px 0,0 0,0 190px,50px 195px;animation:loading 1.5s infinite}@keyframes loading{to{background-position:200% 0,0 0,0 190px,50px 195px}}</style><title>Dashboard Silex</title><link rel="icon" href=""><meta property="description" content=""><meta property="og:title" content=""><meta property="og:description" content=""><meta property="og:image" content=""></head><body id="ik0i" class="body loading"><header id="igrg" class="header padding-normal"><a id="igvu43" href="/"><img id="ir7s" src="/assets//silex-icon-2018@200px.png" href="" class="nav__logo"></a><nav id="i9jq" class="nav"><a id="iels" href="/" class="nav__item active" target="">Sites</a><a id="iels" href="http://docs.silex.me/" class="nav__item " target="_blank">Docs</a><a id="iels" href="https://www.silex.me/" class="nav__item " target="_blank">A propos</a><a id="iels" href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=fr-FR&source=silex-dashboard" class="nav__item " target="_blank">Info</a></nav><div id="i2red7" class="lang h-space"><a href="/en" id="iciz" class="lang__item nav__item " hreflang="en">en</a><a href="/fr" id="iciz" class="lang__item nav__item active" hreflang="fr">fr</a></div><div id="i24ew"><img id="idkdk" src="/assets//alex-small.jpg" src="${json.avatar.url}"></div></header><main id="iz63r" class="padding-normal section app"><h1 id="itp1f">Bienvenue !</h1><div id="iyex8" class="subtitle color--light">Plongez-vous dans un projet ou créez-en un nouveau</div><div id="ickx4" class="button-bar margin-20"><button id="i2x0l" class="button button--primary rounded top-space-40" @click="showCreationForm = !showCreationForm" v-if="!showCreationForm"><span id="ibsgw" class="icon-font">+</span><span id="itl2n8">Créer un site</span></button><div id="i0ro3" class="button button--secondary rounded">Import</div></div><div id="ihwwxz" class="box top-space-40" v-if="showCreationForm"><h3 id="i3gd1b" class="box__header">Créer un nouveau site internet</h3><form method="get" id="i50acf" class="form" @submit.prevent="createWebsite"><div id="igtg1t" class="v-space"><label id="i1nmbc" class="v-space">Nom du site</label><input type="text" id="ij5iwh" placeholder="Mon super projet" class="input full-width" v-model="newWebsiteName"></div><div id="ie0xes"><button type="submit" id="i021na" class="button rounded button--primary right-space">Créer</button><button type="reset" class="button rounded button--secondary" @click="showCreationForm = !showCreationForm">Annuler</button></div></form></div><div id="if80m"><section id="idgvg" class="button-bar button-bar--full-width bg-white rounded loaded__item" v-if="!loading" v-for="(website, index) in websites" :key="index"><h3 id="i69a7" class="button-bar_item button-bar__item--main" v-text="website.name || website.id">My first website</h3><p id="i65hn" class="button-bar_item button-bar__item--secondary flex-no-shrink" v-text="'Mis à jour le ' + new Date(website.stats.mtime).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })">Updated 1h ago by lexoyo</p><p id="i64qa" class="button-bar_item button-bar__item--secondary flex-no-shrink" v-text="'Créé le ' + new Date(website.stats.birthtime).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })">Created 2023-02-16 by lexoyo</p><div id="i3b4tr" class="button-bar_item flex-no-shrink"><button id="ifyf6p" href="" class="button rounded button--primary button--small right-space" @click="openEditor(website.id, 'fr')">Editer</button><button id="iol4h" class="button rounded button--secondary button--small" @click="deleteWebsite(website.id)" title="Supprimer">X</button></div></section><section id="i1fjn" class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div id="ixz6c" class="button-bar_item skeleton skeleton-button">Edit</div></section><section id="iwxxo5" class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div id="i9fx3l" class="button-bar_item skeleton skeleton-button">Edit</div></section><section id="isld3r" class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div id="i8oes3" class="button-bar_item skeleton skeleton-button">Edit</div></section><section id="iqmx38" class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper" v-if="loading"><h3 class="button-bar_item button-bar__item--main skeleton-text skeleton">My first websiteMy first websiteMy first websiteMy first</h3><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Updated 1h ago by lexoyo</p><p class="button-bar_item button-bar__item--secondary skeleton-text skeleton">Created 2023-02-16 by lexoyo</p><div id="ie83jl" class="button-bar_item skeleton skeleton-button">Edit</div></section></div><div id="i7ej6j" class="box horizontal" v-if="error"><div id="iv0eyi" class="full-width v-space h-space" v-text="error">Insert your text here</div><div id="i4656n" class="button rounded button--small button--tertiary" @click="error = null">Fermer</div></div><div id="ilteie" class="box horizontal" v-if="message"><div id="i2d31v" class="full-width v-space h-space" v-text="message">Insert your text here</div><div id="i2urco" class="button rounded button--small button--tertiary" @click="message = null">Fermer</div></div></main><footer id="ilzpl" class="header footer"><div id="i238z" class="section"><p><a href="https://www.silex.me/">Silex website builder</a> est un projet libre et open source, supporté par l'<a href="https://www.silexlabs.org/">association Silex Labs</a></p>
177
177
  </div></footer></body></html>
package/index.js ADDED
@@ -0,0 +1,39 @@
1
+ const fs = require('node:fs/promises')
2
+ const { join } = require('node:path')
3
+ const express = require('express')
4
+ const serveStatic = require('serve-static')
5
+ const locale = require('locale')
6
+
7
+ function withCache(req, res, next) {
8
+ res.header('Cache-Control', 'public,max-age=86400,immutable') // 24h
9
+ next()
10
+ }
11
+
12
+ module.exports = async function(config, options) {
13
+ // Defaults
14
+ const opts = {
15
+ defaultLanguage: 'en',
16
+ rootPath: join(__dirname, '_site'),
17
+ ...options,
18
+ }
19
+
20
+ // Detect language from browser
21
+ const languages = JSON.parse(await fs.readFile(join(__dirname, '_data/languages.json')))
22
+
23
+ // Serve the dashboard and the editor
24
+ config.on('silex:startup:start', ({app}) => {
25
+ // Serve the dashboard
26
+ const dashRouter = express.Router()
27
+ dashRouter.use(locale(languages.map(l => l.code), opts.defaultLanguage))
28
+ dashRouter.use('/', serveStatic(opts.rootPath))
29
+ app.use(withCache, dashRouter)
30
+
31
+ // Serve the editor when the ?id param is present in the URL
32
+ const editorRouter = express.Router()
33
+ editorRouter.use('/', (req, res, next) => {
34
+ if (req.path === '/' && !req.query.id) res.redirect(`/${req.locale}/`)
35
+ else next()
36
+ })
37
+ app.use(editorRouter)
38
+ })
39
+ }
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@silexlabs/silex-dashboard",
3
- "version": "1.0.1",
3
+ "version": "1.0.2",
4
4
  "description": "Dashboard for Silex v3",
5
5
  "main": "index.js",
6
6
  "scripts": {
7
- "start": "SILEX_CORS_URL=* FS_ROOT=`pwd`/.silex SILEX_DEBUG=true silex",
7
+ "start": "silex --config `pwd`/index.js --cors-url * --fs-root `pwd`/.silex #--client-config `pwd`/client-config.js --debug",
8
8
  "build": "eleventy",
9
9
  "serve": "eleventy --serve"
10
10
  },
@@ -24,6 +24,10 @@
24
24
  "homepage": "https://github.com/silexlabs/silex-dashboard#readme",
25
25
  "devDependencies": {
26
26
  "@11ty/eleventy": "^2.0.1",
27
- "@silexlabs/silex": "^3.0.0-alpha.30"
27
+ "@silexlabs/silex": "^3.0.0-alpha.31"
28
+ },
29
+ "dependencies": {
30
+ "locale": "^0.1.0",
31
+ "serve-static": "^1.15.0"
28
32
  }
29
33
  }
package/pages/main.css.liquid CHANGED
@@ -1,4 +1,4 @@
1
1
  ---
2
2
  permalink: /css/main.css
3
3
  ---
4
- * { box-sizing: border-box; } body {margin: 0;}.nav__item{margin:0px 10px 0px 10px;font-size:0.8rem;padding:24px 0px 24px 0px;color:grey;font-weight:700;}.body{font-family:"Roboto", sans-serif;background-color:#f0f0f0;}.header{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;}#ir7s{color:black;width:32px;height:32px;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{width:100%;margin:0px 20px 0px 20px;}#iz63r{min-height:90vh;}#itp1f{font-size:2rem;margin:0px 0px 10px 0px;}.subtitle{font-size:1rem;margin:0px 0px 20px 0px;}.section{max-width:1200px;margin:80px auto 80px auto;}.subtitle.color--light{color:#636363;font-weight:700;}#idkdk{color:black;border-radius:100% 100% 100% 100%;}.button{font-weight:700;background-color:#dddddd;font-size:0.8rem;padding:12px 12px 12px 12px;display:inline-block;border:0 none black;}.button.button--primary{background-color:#5e85a8;color:white;}.button-bar{margin:10px 0px 10px 0px;display:flex;}#ibsgw{position:relative;top:3px;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item{margin:20px 20px 20px 20px;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;color:#444444;}.button.button--secondary{font-weight:400;}.bg-white{background-color:#ffffff;}.rounded{border-radius:5px 5px 5px 5px;}#ilzpl{min-height:100px;}#i238z{padding:10px;}.footer{display:block;margin:20px 0px 0 0px;padding:1px 0px 1px 0px;}.skeleton-text.skeleton{background-color:#dddddd;color:transparent;opacity:0.31;border-radius:5px 5px 5px 5px;}.skeleton.skeleton-button{color:transparent;opacity:0.16;}.skeleton-anim{position:relative;}.nav__item.active{color:black;}.margin-20{margin:20px 0px 20px 0px;}#i0ro3{display:none;}.loading__item.loaded-true{display:none;}#i69a7{width:100%;}.flex-no-shrink{flex-shrink:0;}.button--small{padding:5px 10px 5px 10px;}.form{padding:10px 10px 10px 10px;border-radius:5px 5px 5px 5px;}#i1nmbc{flex-shrink:0;}.input{padding:10px 10px 10px 10px;background-color:transparent;border:1px solid #5e85a8;}.full-width{width:100%;}.v-space{margin:10px 0px 10px 0px;}#ihwwxz{min-height:100px;}.box{border:2px solid #5e85a8;}.box__header{margin:0px 0px 0px 0px;padding:10px 0px 10px 10px;}.box.horizontal{align-items:center;}.horizontal{display:flex;align-items:center;}.h-space{margin:0px 10px 0px 10px;}.button.button--tertiary{border:0px none black;}.button--tertiary{background-color:transparent;font-weight:400;}.icon-font{font-size:1.5rem;line-height:1px;margin:0px 2px 0px 2px;}.lang__item{margin:0px 5px 0px 5px;}.button--primary.right-space{margin:0 10px 0 0;}.top-space-40{margin:40px 0 0 0;}
4
+ * { box-sizing: border-box; } body {margin: 0;}.nav__item{margin:0px 10px 0px 10px;font-size:0.8rem;padding:24px 0px 24px 0px;color:grey;font-weight:700;}.body{font-family:"Roboto", sans-serif;background-color:#f0f0f0;}.header{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;}#ir7s{color:black;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{width:100%;margin:0px 20px 0px 20px;}#iz63r{min-height:90vh;}#itp1f{font-size:2rem;margin:0px 0px 10px 0px;}.subtitle{font-size:1rem;margin:0px 0px 20px 0px;}.section{max-width:1200px;margin:80px auto 80px auto;}.subtitle.color--light{color:#636363;font-weight:700;}#idkdk{color:black;border-radius:100% 100% 100% 100%;}.button{font-weight:700;background-color:#dddddd;font-size:0.8rem;padding:12px 12px 12px 12px;display:inline-block;border:0 none black;}.button.button--primary{background-color:#5e85a8;color:white;}.button-bar{margin:10px 0px 10px 0px;display:flex;}#ibsgw{position:relative;top:3px;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item{margin:20px 20px 20px 20px;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;color:#444444;}.button.button--secondary{font-weight:400;}.bg-white{background-color:#ffffff;}.rounded{border-radius:5px 5px 5px 5px;}#ilzpl{min-height:100px;}#i238z{padding:10px;}.footer{display:block;margin:20px 0px 0 0px;padding:1px 0px 1px 0px;}.skeleton-text.skeleton{background-color:#dddddd;color:transparent;opacity:0.31;border-radius:5px 5px 5px 5px;}.skeleton.skeleton-button{color:transparent;opacity:0.16;}.skeleton-anim{position:relative;}.nav__item.active{color:black;}.margin-20{margin:20px 0px 20px 0px;}#i0ro3{display:none;}.loading__item.loaded-true{display:none;}#i69a7{width:100%;}.flex-no-shrink{flex-shrink:0;}.button--small{padding:5px 10px 5px 10px;}.form{padding:10px 10px 10px 10px;border-radius:5px 5px 5px 5px;}#i1nmbc{flex-shrink:0;}.input{padding:10px 10px 10px 10px;background-color:transparent;border:1px solid #5e85a8;}.full-width{width:100%;}.v-space{margin:10px 0px 10px 0px;}#ihwwxz{min-height:100px;}.box{border:2px solid #5e85a8;}.box__header{margin:0px 0px 0px 0px;padding:10px 0px 10px 10px;}.box.horizontal{align-items:center;}.horizontal{display:flex;align-items:center;}.h-space{margin:0px 10px 0px 10px;}.button.button--tertiary{border:0px none black;}.button--tertiary{background-color:transparent;font-weight:400;}.icon-font{font-size:1.5rem;line-height:1px;margin:0px 2px 0px 2px;}.lang__item{margin:0px 5px 0px 5px;}.button--primary.right-space{margin:0 10px 0 0;}.top-space-40{margin:40px 0 0 0;}.nav__logo{height:50px;}