@silexlabs/silex-dashboard 1.0.1

package/.eleventy.js

@@ -0,0 +1,11 @@
+module.exports = function (eleventyConfig) {
+  eleventyConfig.addPassthroughCopy('assets')
+  return {
+    dir: {
+      input: 'pages',
+      includes: '../_includes',
+      layouts: '../_includes',
+      data: '../_data',
+    }
+  }
+}

package/.github/workflows/npm-publish.yml

@@ -0,0 +1,20 @@
+name: Publish on npm
+on:
+  push:
+    tags:
+      - '*'
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      # Setup .npmrc file to publish to npm
+      - uses: actions/setup-node@v1
+        with:
+          node-version: '18.x'
+          registry-url: 'https://registry.npmjs.org'
+      - run: npm install
+      - run: npm run build
+      - run: npm publish --access public
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

package/.silex/default/.silex.data.json

@@ -0,0 +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":[]}

package/README.md

@@ -0,0 +1,23 @@
+# Silex Dashboard
+
+Here is the source code of Silex dashboard. It is a [Silex](https://www.silex.me) plugin which can be installed to manage websites you will then edit in Silex.
+
+Technically, the dashboard is an [11ty](https://11ty.dev) website with a design made in Silex + [a vue.js app](https://vuejs.org/) which interacts with Silex API
+
+![Silex dashboard screenshot](./assets/silex-dashboard.png)
+
+For discussions and bug report please go to [Silex main project](https://github.com/silexlabs/Silex)
+
+## Contribute
+
+Start 11ty on localhost:8080
+
+```sh
+$ npm run serve
+```
+
+Start Silex on localhost:6805
+
+```sh
+$ npm start
+```

package/_data/api-translations.json

@@ -0,0 +1,22 @@
+{
+    "en": {
+        "Failed to fetch websites": "Failed to fetch websites",
+        "HTTP error! status: ${response.status}": "HTTP error! status: ${response.status}",
+        "You need to provide a website name": "You need to provide a website name",
+        "Website created successfully": "Website created successfully",
+        "Failed to create website": "Failed to create website",
+        "Deleting a website? Are your sure? Really?": "Deleting a website? Are your sure? Really?",
+        "Website deleted successfully": "Website deleted successfully",
+        "Failed to delete website": "Failed to delete website"
+    },
+    "fr": {
+        "Failed to fetch websites": "Erreur, impossible de récupérer la liste des sites",
+        "HTTP error! status: ${response.status}": "Erreur HTTP ! status: ${response.status}",
+        "You need to provide a website name": "Vous n\\'avez pas donné de nom à votre site",
+        "Website created successfully": "Le site a bien été créé",
+        "Failed to create website": "Erreur, le site n\\'a pas été créé",
+        "Deleting a website? Are your sure? Really?": "Etes vous sûr.e de vouloir supprimer définitivement ce site ?",
+        "Website deleted successfully": "Le site a bien été effacé",
+        "Failed to delete website": "Erreur, le site n\\'a pas été effacé"
+    }
+}

package/_data/languages.json

@@ -0,0 +1,7 @@
+[{
+    "code": "en",
+    "label": "English"
+}, {
+    "code": "fr",
+    "label": "Français"
+}]

package/_data/site.js

@@ -0,0 +1,3 @@
+module.exports = {
+  silexUrl: process.env.SILEX_URL || 'http://localhost:6805',
+}

package/_includes/alternate.liquid

@@ -0,0 +1,9 @@
+{%- assign permalinkWithoutLang = page.url | split: "/" | slice: 2 | join: "/" %}
+{%- for alt in languages %}
+  {%- if alt.code != lang %}
+    <link
+      rel="alternate"
+      hreflang="{{alt.code}}"
+      href="/{{alt.code}}/{{permalinkWithoutLang}}" />
+  {%- endif %}
+{%- endfor %}

package/_includes/main.html

@@ -0,0 +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>

package/_includes/website-list.js.html

@@ -0,0 +1,172 @@
+<!--
+<div class="app">
+    <div v-if="showLoginForm">
+      <h2>Login</h2>
+      <form @submit.prevent="login">
+        <label>
+          Username:
+          <input type="text" v-model="username" required />
+        </label>
+        <label>
+          Password:
+          <input type="password" v-model="password" required />
+        </label>
+        <button type="submit">Login</button>
+      </form>
+    </div>
+  
+    <div v-if="loggedIn">
+      <button @click="showLoginForm = true; loggedIn = false; websites = []">Logout</button>
+      <h2>Websites</h2>
+      <ul>
+        <li v-for="(website, index) in websites" :key="index">
+          <div v-text="website.name || website.id"></div>
+          <button @click="deleteWebsite(website.id)">Delete</button>
+        </li>
+      </ul>
+  
+      <button @click="showCreationForm = true">Create Website</button>
+  
+      <div v-if="showCreationForm">
+        <h2>Create Website</h2>
+        <form @submit.prevent="createWebsite">
+          <label>
+            Website Name:
+            <input type="text" v-model="newWebsiteName" required />
+          </label>
+          <button type="submit">Create</button>
+        </form>
+      </div>
+    </div>
+  
+    <div v-if="error">
+      <p>Error: {{ error }}</p>
+      <button @click="error = null">Dismiss</button>
+    </div>
+  
+    <div v-if="message">
+      <p>{{ message }}</p>
+      <button @click="message = null">Dismiss</button>
+    </div>
+  </div>
+-->
+  <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
+  <script>
+    const { createApp, ref, onMounted, reactive } = Vue;
+    const apiUrl = '{{ site.silexUrl }}';
+  
+    const App = {
+        data() {
+            return {
+                websites: [],
+                newWebsiteName: '',
+                showCreationForm: false,
+                error: null,
+                message: null,
+                showLoginForm: false,
+                username: '',
+                password: '',
+                loggedIn: true,
+                loading: true,
+            }
+        },
+        mounted() {
+            if (this.loggedIn) this.fetchWebsites()
+            else this.showLoginForm = true
+        },
+        methods: {
+            openEditor(id) {
+                window.open(`${apiUrl}/?id=${id}`)
+            },
+            async fetchWebsites() {
+                this.loading = true
+                try {
+                    const response = await fetch(`${apiUrl}/website/`)
+                    if (!response.ok) {
+                        throw new Error(`HTTP error! status: ${response.status}`)
+                    }
+                    this.websites = await response.json();
+                } catch (error) {
+                    this.error = '{{ api-translations[lang]["Failed to fetch websites"] }}'
+                }
+                this.loading = false
+            },
+
+            async login() {
+                this.loading = true
+                try {
+                    const response = await fetch(`${apiUrl}/me/`, {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify({
+                            username: this.username,
+                            password: this.password,
+                        }),
+                    })
+                    if (!response.ok) {
+                        throw new Error(`{{ api-translations[lang]["HTTP error! status: ${response.status}"] }}`)
+                    }
+                    this.loggedIn = true;
+                    this.showLoginForm = false;
+                    await this.fetchWebsites()
+                } catch (error) {
+                    this.error = 'Failed to log in'
+                }
+                this.loading = false
+            },
+
+            async createWebsite() {
+                if(!this.newWebsiteName) throw new Error('{{ api-translations[lang]["You need to provide a website name"] }}')
+                this.loading = true
+                try {
+                    const id = this.newWebsiteName.replace(/[/\\?%*:|"<>]/g, '_')
+                    const response = await fetch(`${apiUrl}/website/?id=${id}`, {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify({
+                            name: this.newWebsiteName,
+                        }),
+                    })
+                    if (!response.ok) {
+                        throw new Error(`{{ api-translations[lang]["HTTP error! status: ${response.status}"] }}`)
+                    }
+                    this.message = '{{ api-translations[lang]["Website created successfully"] }}'
+                    this.newWebsiteName = ''
+                    this.showCreationForm = false;
+                    await this.fetchWebsites()
+                } catch (error) {
+                    this.error = '{{ api-translations[lang]["Failed to create website"] }}'
+                }
+                this.loading = false
+            },
+
+            async deleteWebsite(id) {
+                const ok = confirm('{{ api-translations[lang]["Deleting a website? Are your sure? Really?"] }}')
+                if(!ok) return
+                this.loading = true
+                try {
+                    const response = await fetch(`${apiUrl}/website/?id=${id}`, {
+                        method: 'DELETE',
+                    })
+                    if (!response.ok) {
+                        throw new Error(`{{ api-translations[lang][""] }}HTTP error! status: ${response.status}`)
+                    }
+                    this.message = '{{ api-translations[lang]["Website deleted successfully"] }}'
+                    await this.fetchWebsites()
+                } catch (error) {
+                    this.error = '{{ api-translations[lang]["Failed to delete website"] }}'
+                }
+                this.loading = false
+            },
+        },
+    };
+  
+    window.addEventListener('load', () => {
+        createApp(App).mount('.app');
+    })
+  </script>
+   

package/_site/README/index.html

@@ -0,0 +1,12 @@
+<h1>Silex Dashboard</h1>
+<p>Here is the source code of Silex dashboard. It is a <a href="https://www.silex.me">Silex</a> plugin which can be installed to manage websites you will then edit in Silex.</p>
+<p>Technically, the dashboard is an <a href="https://11ty.dev">11ty</a> website with a design made in Silex + <a href="https://vuejs.org/">a vue.js app</a> which interacts with Silex API</p>
+<p><img src="./assets/silex-dashboard.png" alt="Silex dashboard screenshot"></p>
+<p>For discussions and bug report please go to <a href="https://github.com/silexlabs/Silex">Silex main project</a></p>
+<h2>Contribute</h2>
+<p>Start 11ty on localhost:8080</p>
+<pre><code class="language-sh">$ npm run serve
+</code></pre>
+<p>Start Silex on localhost:6805</p>
+<pre><code class="language-sh">$ npm start
+</code></pre>

package/_site/css/main.css

@@ -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;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;}

package/_site/en/index.html

@@ -0,0 +1,176 @@
+<!DOCTYPE html><html lang=""><head><link rel="stylesheet" href="/css/main.css">
+    <link
+      rel="alternate"
+      hreflang="fr"
+      href="/fr/" /> <!--
+<div class="app">
+    <div v-if="showLoginForm">
+      <h2>Login</h2>
+      <form @submit.prevent="login">
+        <label>
+          Username:
+          <input type="text" v-model="username" required />
+        </label>
+        <label>
+          Password:
+          <input type="password" v-model="password" required />
+        </label>
+        <button type="submit">Login</button>
+      </form>
+    </div>
+  
+    <div v-if="loggedIn">
+      <button @click="showLoginForm = true; loggedIn = false; websites = []">Logout</button>
+      <h2>Websites</h2>
+      <ul>
+        <li v-for="(website, index) in websites" :key="index">
+          <div v-text="website.name || website.id"></div>
+          <button @click="deleteWebsite(website.id)">Delete</button>
+        </li>
+      </ul>
+  
+      <button @click="showCreationForm = true">Create Website</button>
+  
+      <div v-if="showCreationForm">
+        <h2>Create Website</h2>
+        <form @submit.prevent="createWebsite">
+          <label>
+            Website Name:
+            <input type="text" v-model="newWebsiteName" required />
+          </label>
+          <button type="submit">Create</button>
+        </form>
+      </div>
+    </div>
+  
+    <div v-if="error">
+      <p>Error: </p>
+      <button @click="error = null">Dismiss</button>
+    </div>
+  
+    <div v-if="message">
+      <p></p>
+      <button @click="message = null">Dismiss</button>
+    </div>
+  </div>
+-->
+  <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
+  <script>
+    const { createApp, ref, onMounted, reactive } = Vue;
+    const apiUrl = 'http://localhost:6805';
+  
+    const App = {
+        data() {
+            return {
+                websites: [],
+                newWebsiteName: '',
+                showCreationForm: false,
+                error: null,
+                message: null,
+                showLoginForm: false,
+                username: '',
+                password: '',
+                loggedIn: true,
+                loading: true,
+            }
+        },
+        mounted() {
+            if (this.loggedIn) this.fetchWebsites()
+            else this.showLoginForm = true
+        },
+        methods: {
+            openEditor(id) {
+                window.open(`${apiUrl}/?id=${id}`)
+            },
+            async fetchWebsites() {
+                this.loading = true
+                try {
+                    const response = await fetch(`${apiUrl}/website/`)
+                    if (!response.ok) {
+                        throw new Error(`HTTP error! status: ${response.status}`)
+                    }
+                    this.websites = await response.json();
+                } catch (error) {
+                    this.error = 'Failed to fetch websites'
+                }
+                this.loading = false
+            },
+
+            async login() {
+                this.loading = true
+                try {
+                    const response = await fetch(`${apiUrl}/me/`, {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify({
+                            username: this.username,
+                            password: this.password,
+                        }),
+                    })
+                    if (!response.ok) {
+                        throw new Error(`HTTP error! status: ${response.status}`)
+                    }
+                    this.loggedIn = true;
+                    this.showLoginForm = false;
+                    await this.fetchWebsites()
+                } catch (error) {
+                    this.error = 'Failed to log in'
+                }
+                this.loading = false
+            },
+
+            async createWebsite() {
+                if(!this.newWebsiteName) throw new Error('You need to provide a website name')
+                this.loading = true
+                try {
+                    const id = this.newWebsiteName.replace(/[/\\?%*:|"<>]/g, '_')
+                    const response = await fetch(`${apiUrl}/website/?id=${id}`, {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify({
+                            name: this.newWebsiteName,
+                        }),
+                    })
+                    if (!response.ok) {
+                        throw new Error(`HTTP error! status: ${response.status}`)
+                    }
+                    this.message = 'Website created successfully'
+                    this.newWebsiteName = ''
+                    this.showCreationForm = false;
+                    await this.fetchWebsites()
+                } catch (error) {
+                    this.error = 'Failed to create website'
+                }
+                this.loading = false
+            },
+
+            async deleteWebsite(id) {
+                const ok = confirm('Deleting a website? Are your sure? Really?')
+                if(!ok) return
+                this.loading = true
+                try {
+                    const response = await fetch(`${apiUrl}/website/?id=${id}`, {
+                        method: 'DELETE',
+                    })
+                    if (!response.ok) {
+                        throw new Error(`HTTP error! status: ${response.status}`)
+                    }
+                    this.message = 'Website deleted successfully'
+                    await this.fetchWebsites()
+                } catch (error) {
+                    this.error = 'Failed to delete website'
+                }
+                this.loading = false
+            },
+        },
+    };
+  
+    window.addEventListener('load', () => {
+        createApp(App).mount('.app');
+    })
+  </script>
+   <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>

package/_site/fr/index.html

@@ -0,0 +1,177 @@
+<!DOCTYPE html><html lang=""><head><link rel="stylesheet" href="/css/main.css">
+    <link
+      rel="alternate"
+      hreflang="en"
+      href="/en/" /> <!--
+<div class="app">
+    <div v-if="showLoginForm">
+      <h2>Login</h2>
+      <form @submit.prevent="login">
+        <label>
+          Username:
+          <input type="text" v-model="username" required />
+        </label>
+        <label>
+          Password:
+          <input type="password" v-model="password" required />
+        </label>
+        <button type="submit">Login</button>
+      </form>
+    </div>
+  
+    <div v-if="loggedIn">
+      <button @click="showLoginForm = true; loggedIn = false; websites = []">Logout</button>
+      <h2>Websites</h2>
+      <ul>
+        <li v-for="(website, index) in websites" :key="index">
+          <div v-text="website.name || website.id"></div>
+          <button @click="deleteWebsite(website.id)">Delete</button>
+        </li>
+      </ul>
+  
+      <button @click="showCreationForm = true">Create Website</button>
+  
+      <div v-if="showCreationForm">
+        <h2>Create Website</h2>
+        <form @submit.prevent="createWebsite">
+          <label>
+            Website Name:
+            <input type="text" v-model="newWebsiteName" required />
+          </label>
+          <button type="submit">Create</button>
+        </form>
+      </div>
+    </div>
+  
+    <div v-if="error">
+      <p>Error: </p>
+      <button @click="error = null">Dismiss</button>
+    </div>
+  
+    <div v-if="message">
+      <p></p>
+      <button @click="message = null">Dismiss</button>
+    </div>
+  </div>
+-->
+  <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
+  <script>
+    const { createApp, ref, onMounted, reactive } = Vue;
+    const apiUrl = 'http://localhost:6805';
+  
+    const App = {
+        data() {
+            return {
+                websites: [],
+                newWebsiteName: '',
+                showCreationForm: false,
+                error: null,
+                message: null,
+                showLoginForm: false,
+                username: '',
+                password: '',
+                loggedIn: true,
+                loading: true,
+            }
+        },
+        mounted() {
+            if (this.loggedIn) this.fetchWebsites()
+            else this.showLoginForm = true
+        },
+        methods: {
+            openEditor(id) {
+                window.open(`${apiUrl}/?id=${id}`)
+            },
+            async fetchWebsites() {
+                this.loading = true
+                try {
+                    const response = await fetch(`${apiUrl}/website/`)
+                    if (!response.ok) {
+                        throw new Error(`HTTP error! status: ${response.status}`)
+                    }
+                    this.websites = await response.json();
+                } catch (error) {
+                    this.error = 'Erreur, impossible de récupérer la liste des sites'
+                }
+                this.loading = false
+            },
+
+            async login() {
+                this.loading = true
+                try {
+                    const response = await fetch(`${apiUrl}/me/`, {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify({
+                            username: this.username,
+                            password: this.password,
+                        }),
+                    })
+                    if (!response.ok) {
+                        throw new Error(`Erreur HTTP ! status: ${response.status}`)
+                    }
+                    this.loggedIn = true;
+                    this.showLoginForm = false;
+                    await this.fetchWebsites()
+                } catch (error) {
+                    this.error = 'Failed to log in'
+                }
+                this.loading = false
+            },
+
+            async createWebsite() {
+                if(!this.newWebsiteName) throw new Error('Vous n\'avez pas donné de nom à votre site')
+                this.loading = true
+                try {
+                    const id = this.newWebsiteName.replace(/[/\\?%*:|"<>]/g, '_')
+                    const response = await fetch(`${apiUrl}/website/?id=${id}`, {
+                        method: 'POST',
+                        headers: {
+                            'Content-Type': 'application/json',
+                        },
+                        body: JSON.stringify({
+                            name: this.newWebsiteName,
+                        }),
+                    })
+                    if (!response.ok) {
+                        throw new Error(`Erreur HTTP ! status: ${response.status}`)
+                    }
+                    this.message = 'Le site a bien été créé'
+                    this.newWebsiteName = ''
+                    this.showCreationForm = false;
+                    await this.fetchWebsites()
+                } catch (error) {
+                    this.error = 'Erreur, le site n\'a pas été créé'
+                }
+                this.loading = false
+            },
+
+            async deleteWebsite(id) {
+                const ok = confirm('Etes vous sûr.e de vouloir supprimer définitivement ce site ?')
+                if(!ok) return
+                this.loading = true
+                try {
+                    const response = await fetch(`${apiUrl}/website/?id=${id}`, {
+                        method: 'DELETE',
+                    })
+                    if (!response.ok) {
+                        throw new Error(`HTTP error! status: ${response.status}`)
+                    }
+                    this.message = 'Le site a bien été effacé'
+                    await this.fetchWebsites()
+                } catch (error) {
+                    this.error = 'Erreur, le site n\'a pas été effacé'
+                }
+                this.loading = false
+            },
+        },
+    };
+  
+    window.addEventListener('load', () => {
+        createApp(App).mount('.app');
+    })
+  </script>
+   <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>
+</div></footer></body></html>

package/css/main.css.liquid

@@ -0,0 +1,4 @@
+---
+permalink: /css/main.css
+---
+* { 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;}#ixz6c{padding:10px;}.nav__item.active{color:black;}.margin-20{margin:20px 0px 20px 0px;}#i0ro3{display:none;}.loading__item.loaded-true{display:none;}#il9yj{padding:10px;}#i4szg{padding:10px;}#iajsm{padding:10px;}#i6hzwc{padding:10px;}#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;}

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@silexlabs/silex-dashboard",
+  "version": "1.0.1",
+  "description": "Dashboard for Silex v3",
+  "main": "index.js",
+  "scripts": {
+    "start": "SILEX_CORS_URL=* FS_ROOT=`pwd`/.silex SILEX_DEBUG=true silex",
+    "build": "eleventy",
+    "serve": "eleventy --serve"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/silexlabs/silex-dashboard.git"
+  },
+  "keywords": [
+    "silex",
+    "plugin"
+  ],
+  "author": "lexoyo",
+  "license": "GPL-3.0-or-later",
+  "bugs": {
+    "url": "https://github.com/silexlabs/silex-dashboard/issues"
+  },
+  "homepage": "https://github.com/silexlabs/silex-dashboard#readme",
+  "devDependencies": {
+    "@11ty/eleventy": "^2.0.1",
+    "@silexlabs/silex": "^3.0.0-alpha.30"
+  }
+}

package/pages/en/index.md

@@ -0,0 +1,32 @@
+---
+layout: main
+lang: en
+title: Silex Dashboard
+title2: Welcome back!
+subtitle: Dive into your projects or kickstart a new one
+add-button: Create website
+add-title: Create a new website
+add-name-label: Website name
+add-name-placeholder: My project website
+add-ok: Create
+add-cancel: Cancel
+list-item-updated: Updated
+list-item-created: Created
+list-edit: Edit
+list-delete: Delete
+message-dismiss: Dismiss
+nav:
+- label: Sites
+  url: /
+- label: Docs
+  url: http://docs.silex.me/
+  target: _blank
+- label: About
+  url: https://www.silex.me/
+  target: _blank
+- label: News
+  url: https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=en-US&source=silex-dashboard
+  target: _blank
+
+
+---

package/pages/fr/index.md

@@ -0,0 +1,32 @@
+---
+layout: main
+lang: fr
+title: Dashboard Silex
+title2: Bienvenue !
+subtitle: Plongez-vous dans un projet ou créez-en un nouveau
+add-button: Créer un site
+add-title: Créer un nouveau site internet
+add-name-label: Nom du site
+add-name-placeholder: Mon super projet
+add-ok: Créer
+add-cancel: Annuler
+list-item-updated: Mis à jour le
+list-item-created: Créé le
+list-edit: Editer
+list-delete: Supprimer
+message-dismiss: Fermer
+nav:
+- label: Sites
+  url: /
+- label: Docs
+  url: http://docs.silex.me/
+  target: _blank
+- label: A propos
+  url: https://www.silex.me/
+  target: _blank
+- label: Info
+  url: https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=fr-FR&source=silex-dashboard
+  target: _blank
+
+---
+[Silex website builder](https://www.silex.me/) est un projet libre et open source, supporté par l'[association Silex Labs](https://www.silexlabs.org/)

package/pages/main.css.liquid

@@ -0,0 +1,4 @@
+---
+permalink: /css/main.css
+---
+* { 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;}

package/pages/pages.11tydata.js

@@ -0,0 +1,5 @@
+module.exports = {
+  eleventyComputed: {
+    frontmatter: ({collections, page, pkg, ...rest}) => rest
+  }
+}