@silexlabs/silex-dashboard 1.0.4 → 1.0.6

package/.silex.js

@@ -14,6 +14,8 @@ const {FsStorage} = require('@silexlabs/silex/dist/server/server/connectors/FsSt
 const {FsHosting} = require('@silexlabs/silex/dist/server/server/connectors/FsHosting')
 
 module.exports = async function(config, options) {
+  console.log('> Silex dashboard plugin starting', {config, options})
+
   // Defaults
   const opts = {
     defaultLanguage: 'en',
@@ -67,9 +69,8 @@ module.exports = async function(config, options) {
 
     // Serve the editor when the ?id param is present in the URL
     const editorRouter = express.Router()
-    console.log('dashboard route /', {opts})
+    console.log('> Silex dashboard on route /', {opts})
     editorRouter.use('/', (req, res, next) => {
-      console.log('dashboard route / called', req.path, req.query.id, req.locale)
       if (req.path === '/' && !req.query.id) res.redirect(`/${req.locale}/`)
       else next()
     })

package/_data/api-translations.json

@@ -1,5 +1,6 @@
 {
     "en": {
+        "Failed to start dashboard": "Failed to start dashboard",
         "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",
@@ -10,6 +11,7 @@
         "Failed to delete website": "Failed to delete website",
         "New name for this website": "New name for this website",
         "Website renamed successfully": "Website renamed successfully",
+        "Failed to rename website": "Failed to rename website",
         "Login failed": "Error, login failed.",
         "Logout": "Logout",
         "Logging out": "Logging out",
@@ -18,6 +20,7 @@
         "Please login to continue": "Please login to continue"
     },
     "fr": {
+        "Failed to start dashboard": "Erreur, impossible de démarrer le tableau de bord",
         "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",
@@ -28,6 +31,7 @@
         "Failed to delete website": "Erreur, le site n\\'a pas été effacé",
         "New name for this website": "Nouveau nom",
         "Website renamed successfully": "Changement de nom effectué",
+        "Failed to rename website": "Erreur, le nom n\\'a pas été changé",
         "Login failed": "Erreur, impossible de se connecter.",
         "Logout": "Déconnexion",
         "Logging out": "Déconnexion en cours",

package/_includes/api-websites.js.html

@@ -30,6 +30,7 @@ window.addEventListener('load', function() {
         storage: null,
         user: null,
         showMenu: false,
+        empty: false,
       }
     },
     mounted() {
@@ -46,6 +47,7 @@ window.addEventListener('load', function() {
             this.user = user
             this.loggedIn = true
             this.websites = await websiteList({connectorId: this.user.storage.connectorId})
+            this.empty = this.websites.length === 0
             this.loading = false
           } else {
             this.openLogin()
@@ -57,7 +59,8 @@ window.addEventListener('load', function() {
             this.loggedIn = false
             this.openLogin()
           } else {
-            this.error = error
+            this.error = `{{ api-translations[lang]["Failed to start dashboard"] }} - ${error.message}`
+            this.message = ''
           }
         }
       },
@@ -83,9 +86,9 @@ window.addEventListener('load', function() {
       },
 
       async createWebsite() {
-        if (!this.newWebsiteName) throw new Error('{{ api-translations[lang]["You need to provide a website name"] }}')
-        this.loading = true
         try {
+          if (!this.newWebsiteName) throw new Error('{{ api-translations[lang]["You need to provide a website name"] }}')
+          this.loading = true
           const websiteId = this.newWebsiteName.replace(/[/\\?%*:|"<>]/g, '_')
           const result = await websiteCreate({
             websiteId,
@@ -96,15 +99,18 @@ window.addEventListener('load', function() {
             connectorId: this.user.storage.connectorId
           })
           this.message = '{{ api-translations[lang]["Website created successfully"] }}'
+          this.error = ''
           this.newWebsiteName = ''
           this.showCreationForm = false;
           this.websites = await websiteList({connectorId: this.user.storage.connectorId})
+          this.empty = this.websites.length === 0
           this.loading = false
           return result
         } catch (error) {
           this.loading = false
           console.error(error)
-          this.error = '{{ api-translations[lang]["Failed to create website"] }}'
+          this.error = `{{ api-translations[lang]["Failed to create website"] }} - ${error.message}`
+          this.message = ''
         }
       },
 
@@ -115,12 +121,15 @@ window.addEventListener('load', function() {
         try {
           const result = await websiteDelete({websiteId, connectorId: this.user.storage.connectorId})
           this.message = '{{ api-translations[lang]["Website deleted successfully"] }}'
+          this.error = ''
           this.websites = await websiteList({connectorId: this.user.storage.connectorId})
+          this.empty = this.websites.length === 0
           this.loading = false
           return result
         } catch (error) {
           this.loading = false
-          this.error = '{{ api-translations[lang]["Failed to delete website"] }}'
+          this.error = `{{ api-translations[lang]["Failed to delete website"] }} - ${error.message}`
+          this.message = ''
         }
       },
 
@@ -132,12 +141,15 @@ window.addEventListener('load', function() {
         try {
           const result = await websiteMetaWrite({websiteId, connectorId: this.user.storage.connectorId, data: { name }})
           this.message = '{{ api-translations[lang]["Website renamed successfully"] }}'
+          this.error = ''
           this.websites = await websiteList({connectorId: this.user.storage.connectorId})
+          this.empty = this.websites.length === 0
           this.loading = false
           return result
         } catch (error) {
           this.loading = false
-          this.error = '{{ api-translations[lang]["Failed to delete website"] }}'
+          this.error = `{{ api-translations[lang]["Failed to rename website"] }} - ${error.message}`
+          this.message = ''
         }
       },
     },

package/_includes/connectors.html

@@ -46,10 +46,46 @@ a:hover { text-decoration: underline; }
       </head>
       <body
             id="i2hcfw"
-            class=" app"
+            class="body app"
+            
+            
+            ><HEADER
+            
+            class="header padding-normal "
             
             
             ><A
+            href="/"
+            
+            
+            
+            ><img
+            src="/assets/silex-icon-2018@200px.png" href=""
+            class="nav__logo "
+            
+            
+            ></img></A><NAV
+            id="in5jeq"
+            class="nav "
+            
+            
+            >{% for item in nav %}<A
+            href="{{ item.url }}" id="i0g3ac"
+            class="nav__item {% if forloop.index == 1 %}active{% endif %}"
+            target="{{ item.target }}"
+            
+            >{{ item.label }}</A>{% endfor %}</NAV><div
+            
+            class="lang h-space "
+            
+            
+            >{% assign links = languages %}
+{%- for link in links %}<A
+            href="/{{ link.code }}"
+            class="lang__item nav__item {% if link.code == lang %}active{% endif %}"
+            hreflang="{{link.code}}"
+            
+            >{{ link.code }}</A>{% endfor %}</div></HEADER><A
             id="ixzhcr" href="/"
             class="button button-bar__item--secondary "
             
@@ -60,12 +96,12 @@ a:hover { text-decoration: underline; }
             
             
             ><H1
-            
-            
+            id="ighycb"
+            class="title "
             
             
             >{{ api-translations[lang]["Welcome to Silex"] }}</H1><div
-            
+            id="it2175"
             class="subtitle "
             
             

package/_includes/websites.html

@@ -116,16 +116,31 @@ a:hover { text-decoration: underline; }
             
             
             ><H1
-            id="itp1f"
-            class="title "
             
+            class="title "
+            v-if="!empty"
             
             >{{ title2 }}</H1><div
             id="iyex8"
-            class="subtitle color--light "
+            class="subtitle "
+            v-if="!empty"
+            
+            >{{ subtitle }}</div><SECTION
+            id="iqmx38"
+            
+            v-if="empty"
+            
+            ><H1
+            
+            class="title "
+            
             
+            >{{ title2-empty }}</H1><DIV
             
-            >{{ subtitle }}</div><div
+            class="subtitle "
+            
+            
+            >{{ subtitle-empty }}</DIV></SECTION><div
             id="ickx4"
             class="button-bar margin-20 "
             
@@ -198,7 +213,7 @@ a:hover { text-decoration: underline; }
             >{{ add-cancel }}</button></div></form></div><div
             id="if80m"
             
-            
+            v-if="!empty"
             
             ><SECTION
             id="idgvg"
@@ -315,31 +330,6 @@ a:hover { text-decoration: underline; }
             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 "

package/_silex/default/website.json

@@ -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}],"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":["padding-normal"],"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":["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":[{"name":"button","active":false}],"style":{"font-weight":"700","font-size":"0.8rem","padding":"8px 15px 8px 15px","display":"inline-block","border":"1px solid transparent","transition":"all 0.18s ease-out","font-family":"\"Roboto\", sans-serif"}},{"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","background-color":"rgba(221,221,221,0.5)"}},{"selectors":[{"name":"bg-white","active":false}],"style":{"background-color":"#ffffff"}},{"selectors":[{"name":"rounded","active":false}],"style":{"border-radius":"2px 2px 2px 2px"}},{"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":["button--small"],"style":{"padding":"3px 12px 4px 12px"}},{"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--tertiary","active":false}],"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":["top-space-40"],"style":{"margin":"40px 0 0 0"}},{"selectors":["nav__logo"],"style":{"height":"50px"}},{"selectors":["user-icon__image"],"style":{"width":"100%","height":"100%"}},{"selectors":["user__wrapper"],"style":{"border":"1px solid white"}},{"selectors":[{"name":"right-space","active":false}],"style":{"margin":"0px 5px 0px 0px"}},{"selectors":["#ic9eoa"],"style":{"min-height":"100px"}},{"selectors":["#iksw4d"],"style":{"padding":"10px"}},{"selectors":[{"name":"button","active":false}],"style":{"color":"#ff6600","background-color":"transparent","border":"1px solid #dddddd"},"state":"hover"},{"selectors":[{"name":"button","active":false},"button--secondary"],"style":{"background-color":"white"},"state":"hover"},{"selectors":["#ip1xpi"],"style":{"color":"black"}},{"selectors":["#i6no5k"],"style":{"display":"flex"}},{"selectors":["#i1k8my"],"style":{"padding":"10px"}},{"selectors":["#i208mw"],"style":{"min-height":"100px"}},{"selectors":["#iel80b"],"style":{"color":"black"}},{"selectors":["#ioziwk"],"style":{"width":"100%"}},{"selectors":["#imgx81"],"style":{"min-height":"100vh","display":"flex","justify-content":"center","align-items":"center","flex-direction":"column"}},{"selectors":["#in62y2"],"style":{"width":"100%","display":"flex","justify-content":"center"}},{"selectors":["user-icon__wrapper"],"style":{"border":"1px solid #f0f0f0","background-color":"#f0f0f0","border-radius":"50% 50% 50% 50%","width":"40px","height":"40px","padding":"5px 5px 5px 5px"}},{"selectors":["user-icon__wrapper2"],"style":{"width":"40px","height":"40px"}},{"selectors":["big-button"],"style":{"border-radius":"5px 5px 5px 5px","font-size":"15px","margin":"10px 10px 10px 10px","padding":"15px 30px 15px 30px","font-weight":"400"}},{"selectors":["#i9msnk"],"style":{"padding":"10px","display":"inline"}},{"selectors":["#i6akll"],"style":{"padding":"10px","display":"inline"}},{"selectors":["#ixzhcr"],"style":{"padding":"10px","position":"absolute","display":"none"}},{"selectors":["title"],"style":{"margin":"0 0 10px 0","font-size":"2rem","font-weight":"400"}},{"selectors":["#ighycb"],"style":{"padding":"10px"}},{"selectors":["#it2175"],"style":{"padding":"10px"}}],"pages":[{"frames":[{"component":{"type":"wrapper","classes":["body",{"name":"loading","active":false}],"attributes":{"id":"ik0i"},"components":[{"tagName":"HEADER","type":"container","icon":"<span class=\"fa fa-top\"></span>","classes":[{"name":"header","active":false},"padding-normal"],"attributes":{"id":"igrg"},"components":[{"tagName":"A","type":"container","attributes":{"id":"igvu43","href":"/"},"components":[{"type":"image","classes":["nav__logo"],"attributes":{"src":"/assets/silex-icon-2018@200px.png","href":"","id":"iel80b-2"},"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","classes":["user__wrapper"],"attributes":{"id":"i24ew"},"custom-name":"User","components":[{"type":"container","classes":["user-icon__wrapper"],"attributes":{"id":"i5xsbd"},"components":[{"type":"container","classes":["user-icon__image"],"attributes":{"id":"i5wlbq"},"template":{"before":"","replace":"","after":"","attributes":"v-if=\"user\" v-show=\"!showMenu || user.storage.disableLogout\" :style='`background: url(\"${user.picture}\"); background-repeat: no-repeat; background-size: contain;`'","classname":"","style":""},"custom-name":"Image"}],"custom-name":"Wrapper","template":{"before":"","replace":"","after":"","attributes":"v-if=\"user\" v-show=\"!showMenu || user.storage.disableLogout\" ","classname":"","style":""}},{"type":"container","attributes":{"id":"ic9eoa"},"components":[{"type":"text","classes":[{"name":"button","active":false},"button--secondary"],"attributes":{"id":"iksw4d"},"components":[{"type":"textnode","content":"Logout"}],"template":{"before":"","replace":"","after":"","attributes":"@click=\"logout()\"","classname":"","style":""}}],"custom-name":"Menu","template":{"before":"","replace":"","after":"","attributes":"v-show=\"showMenu && !user.storage.disableLogout\"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"user && !user.storage.disableLogout\"  @NOmouseover=\"showMenu = true\"  @NOmouseout=\"showMenu = false\"  @click=\"showMenu = !showMenu\"","classname":"","style":""}}],"custom-name":"Header"},{"tagName":"MAIN","type":"container","classes":["padding-normal","section"],"attributes":{"id":"iz63r"},"components":[{"tagName":"H1","type":"text","classes":["title"],"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},{"name":"right-space","active":false}],"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","icon":"<span class=\"fa fa-list\"></span>","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.updatedAt).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.createdAt).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},"button--small",{"name":"right-space","active":false}],"attributes":{"id":"ifyf6p","href":""},"components":[{"type":"textnode","content":"Edit"}],"originalTagName":"div","template":{"before":"","replace":"{{ list-edit }}","after":"","attributes":"@click=\"openEditor(website.websiteId, '{{lang}}')\"","classname":"","style":""}},{"tagName":"BUTTON","type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},"button--small",{"name":"right-space","active":false},{"name":"button--tertiary","active":false}],"attributes":{"href":"","id":"ihf6ew"},"components":[{"type":"textnode","content":"Rename"}],"originalTagName":"div","template":{"before":"","replace":"{{ list-rename }}","after":"","attributes":"@click=\"renameWebsite(website.websiteId, '{{lang}}')\"","classname":"","style":""}},{"tagName":"BUTTON","type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},"button--small",{"name":"button--tertiary","active":false}],"attributes":{"id":"iol4h"},"components":[{"type":"textnode","content":"X"}],"template":{"before":"","replace":"","after":"","attributes":"@click=\"deleteWebsite(website.websiteId)\" 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},"button--small",{"name":"button--tertiary","active":false}],"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},"button--small",{"name":"button--tertiary","active":false}],"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"},{"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"}],"template":{"before":"","replace":"","after":"","attributes":"","classname":"app","style":""}}}],"type":"main","id":"mk3OKgfr4A9V7Dww","settings":{"lang":"","title":"","description":"","favicon":"","og:title":"","og:description":"","og:image":"","head":"{% render \"api-websites.js.html\" frontmatter: frontmatter page: page site: site api-translations: api-translations lang: lang %}\n"},"name":"Websites","slug":"websites"},{"frames":[{"component":{"type":"wrapper","attributes":{"id":"i2hcfw"},"components":[{"tagName":"A","type":"text","classes":[{"name":"button","active":false},{"name":"button-bar__item--secondary","active":false}],"attributes":{"id":"ixzhcr","href":"/"},"components":[{"type":"textnode","content":"{{ api-translations[lang][\"Back to home\"] }}"}],"originalTagName":"div"},{"type":"container","attributes":{"id":"imgx81"},"components":[{"tagName":"H1","type":"text","attributes":{"id":"ighycb"},"components":[{"type":"textnode","content":"Welcome to Silex"},{"tagName":"br","void":true}],"template":{"before":"","replace":"{{ api-translations[lang][\"Welcome to Silex\"] }}","after":"","attributes":"","classname":"","style":""}},{"type":"text","classes":["subtitle"],"attributes":{"id":"it2175"},"components":[{"type":"textnode","content":"Please login to continue"},{"tagName":"br","void":true}],"template":{"before":"","replace":"{{ api-translations[lang][\"Please login to continue\"] }}","after":"","attributes":"","classname":"","style":""}},{"type":"container","classes":[{"name":"button-bar","active":false}],"attributes":{"id":"in62y2"},"components":[{"tagName":"A","type":"container","classes":[{"name":"h-space","active":false},{"name":"button-bar__item--main","active":false},{"name":"button-bar_item","active":false},{"name":"button","active":false},"big-button"],"attributes":{"id":"isqe61","href":"https://"},"components":[{"type":"text","attributes":{"id":"i87asw"},"components":[{"type":"textnode","content":"Insert your text here"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"connector.displayName\"","classname":"","style":""}}],"custom-name":"Button","template":{"before":"","replace":"","after":"","attributes":"v-if=\"!loading\" v-for=\"(connector, index) in connectors\" :key=\"index\" :style=\"{ backgroundColor: connector.background, color: connector.color }\" @click=\"openLogin(connector)\"","classname":"","style":""},"originalTagName":"div"}],"custom-name":"Popin"},{"type":"text","attributes":{"id":"i9msnk"},"components":[{"type":"textnode","content":"Insert your text here"}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"error\" v-html=\"message\"","classname":"","style":""}},{"type":"text","classes":[{"name":"button","active":false},{"name":"button--tertiary","active":false}],"attributes":{"id":"i6akll"},"components":[{"type":"textnode","content":"{{ api-translations[lang][\"Logout\"] }}"}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"error\" @click=\"logout()\"","classname":"","style":""}}],"custom-name":"Wrapper"}],"template":{"before":"","replace":"","after":"","attributes":"","classname":"app","style":""}}}],"name":"Connectors","id":"BOCWuSXKn6FRo8x5L","settings":{"lang":"","title":"","description":"","favicon":"","og:title":"","og:description":"","og:image":"","head":"{% render \"api-connectors.js.html\" frontmatter: frontmatter page: page site: site api-translations: api-translations lang: lang %}\n"},"slug":"connectors"}],"settings":{"lang":"","title":"{{ title }}","description":"","favicon":"","og:title":"","og:description":"","og:image":"","head":"{% render \"alternate.liquid\" languages: languages lang: lang page: page %}\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>"},"name":"Dashboard","fonts":[{"name":"Roboto","value":"\"Roboto\", sans-serif","variants":[]}],"symbols":[],"publication":{"connector":{"connectorId":"fs-hosting","type":"HOSTING","displayName":"File system hosting","icon":"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202L6%2022%2018%2022%2018%207%2012%202%206%202Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M18%202L12%202%2012%208%2018%208%2018%202Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E","disableLogout":true,"isLoggedIn":true,"oauthUrl":null,"color":"#000000","background":"#006400"}}}
+{"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}],"styles":[{"selectors":["nav__item"],"style":{"margin":"0px 10px 0px 10px","font-size":"1rem","padding":"24px 0px 24px 0px","color":"#4a4a4a","font-family":"\"Montserrat\", sans-serif"}},{"selectors":["body"],"style":{"font-family":"\"Ubuntu\", 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":["subtitle"],"style":{"font-size":"1rem","margin":"0px 0px 20px 0px","color":"#4a4a4a"}},{"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":["button"],"style":{"font-size":"0.8rem","padding":"8px 15px 8px 15px","display":"inline-block","border":"1px solid transparent","transition":"all 0.18s ease-out","font-family":"\"Montserrat\", sans-serif"}},{"selectors":["button",{"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":["button","button--secondary"],"style":{"font-weight":"400","background-color":"rgba(221,221,221,0.5)"}},{"selectors":[{"name":"bg-white","active":false}],"style":{"background-color":"#ffffff"}},{"selectors":[{"name":"rounded","active":false}],"style":{"border-radius":"2px 2px 2px 2px"}},{"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":["nav__item","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":[{"name":"flex-no-shrink","active":false}],"style":{"flex-shrink":"0"}},{"selectors":["button--small"],"style":{"padding":"3px 12px 4px 12px"}},{"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","font-weight":"700","font-size":"1rem"}},{"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--tertiary","active":false}],"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":"top-space-40","active":false}],"style":{"margin":"40px 0 0 0"}},{"selectors":["nav__logo"],"style":{"height":"50px"}},{"selectors":["user-icon__image"],"style":{"width":"100%","height":"100%"}},{"selectors":["user__wrapper"],"style":{"border":"1px solid white","display":"flex","flex-direction":"column","justify-content":"center","align-items":"center"}},{"selectors":[{"name":"right-space","active":false}],"style":{"margin":"0px 5px 0px 0px"}},{"selectors":["#iksw4d"],"style":{"padding":"10px"}},{"selectors":["button"],"style":{"color":"#ff6600","background-color":"transparent","border":"1px solid #dddddd"},"state":"hover"},{"selectors":["button","button--secondary"],"style":{"background-color":"white"},"state":"hover"},{"selectors":["#ip1xpi"],"style":{"color":"black"}},{"selectors":["#i6no5k"],"style":{"display":"flex"}},{"selectors":["#i1k8my"],"style":{"padding":"10px"}},{"selectors":["#i208mw"],"style":{"min-height":"100px"}},{"selectors":["#iel80b"],"style":{"color":"black"}},{"selectors":["#ioziwk"],"style":{"width":"100%"}},{"selectors":["#imgx81"],"style":{"min-height":"100vh","display":"flex","justify-content":"center","align-items":"center","flex-direction":"column"}},{"selectors":["#in62y2"],"style":{"width":"100%","display":"flex","justify-content":"center"}},{"selectors":["user-icon__wrapper"],"style":{"border":"1px solid #f0f0f0","background-color":"#f0f0f0","border-radius":"50% 50% 50% 50%","width":"40px","height":"40px","padding":"5px 5px 5px 5px"}},{"selectors":["user-icon__wrapper2"],"style":{"width":"40px","height":"40px"}},{"selectors":["big-button"],"style":{"border-radius":"5px 5px 5px 5px","font-size":"15px","margin":"10px 10px 10px 10px","padding":"15px 30px 15px 30px","font-weight":"400"}},{"selectors":["#i9msnk"],"style":{"padding":"10px","display":"inline"}},{"selectors":["#i6akll"],"style":{"padding":"10px","display":"inline"}},{"selectors":["#ixzhcr"],"style":{"padding":"10px","position":"absolute","display":"none"}},{"selectors":["title"],"style":{"margin":"0 0 10px 0","font-size":"1.5rem"}},{"selectors":["#ighycb"],"style":{"padding":"10px"}},{"selectors":["#it2175"],"style":{"padding":"10px"}},{"selectors":["#i7329q"],"style":{"display":"flex"}},{"selectors":["#iehijh"],"style":{"padding":"10px"}},{"selectors":["#in5jeq"],"style":{"display":"flex"}},{"selectors":["#ij139z"],"style":{"position":"absolute"}}],"pages":[{"frames":[{"component":{"type":"wrapper","classes":["body",{"name":"loading","active":false}],"attributes":{"id":"ik0i"},"components":[{"tagName":"HEADER","type":"container","icon":"<span class=\"fa fa-list\"></span>","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":{"src":"/assets/silex-icon-2018@200px.png","href":"","id":"iel80b-2"},"custom-name":"logo","originalTagName":"img"}],"originalTagName":"div"},{"tagName":"NAV","type":"container","classes":["nav"],"attributes":{"id":"i9jq"},"components":[{"tagName":"A","type":"text","classes":["nav__item"],"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","nav__item"],"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","classes":["user__wrapper"],"attributes":{"id":"i24ew"},"custom-name":"User","components":[{"type":"container","classes":["user-icon__wrapper"],"attributes":{"id":"i5xsbd"},"components":[{"type":"container","classes":["user-icon__image"],"attributes":{"id":"i5wlbq"},"template":{"before":"","replace":"","after":"","attributes":"v-if=\"user\" v-show=\"!showMenu || user.storage.disableLogout\" :style='`background: url(\"${user.picture}\"); background-repeat: no-repeat; background-size: contain;`'","classname":"","style":""},"custom-name":"Image"}],"custom-name":"Wrapper","template":{"before":"","replace":"","after":"","attributes":"v-if=\"user\" v-show=\"!showMenu || user.storage.disableLogout\" ","classname":"","style":""}},{"type":"container","attributes":{"id":"ic9eoa"},"components":[{"type":"text","classes":["button","button--secondary"],"attributes":{"id":"iksw4d"},"components":[{"type":"textnode","content":"Logout"}],"template":{"before":"","replace":"","after":"","attributes":"@click=\"logout()\"","classname":"","style":""}}],"custom-name":"Menu","template":{"before":"","replace":"","after":"","attributes":"v-show=\"showMenu && !user.storage.disableLogout\"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"user && !user.storage.disableLogout\"  @NOmouseover=\"showMenu = true\"  @NOmouseout=\"showMenu = false\"  @click=\"showMenu = !showMenu\"","classname":"","style":""}}],"custom-name":"Header"},{"tagName":"MAIN","type":"container","classes":[{"name":"padding-normal","active":false},"section"],"attributes":{"id":"iz63r"},"components":[{"tagName":"H1","type":"text","classes":["title"],"components":[{"type":"textnode","content":"Welcome back!"},{"tagName":"br","void":true}],"template":{"before":"","replace":"{{ title2 }}","after":"","attributes":"v-if=\"!empty\"","classname":"","style":""},"custom-name":"Title"},{"type":"text","classes":["subtitle"],"attributes":{"id":"iyex8"},"components":[{"type":"textnode","content":"Dive into your projects or kickstart a new one"}],"template":{"before":"","replace":"{{ subtitle }}","after":"","attributes":"v-if=\"!empty\"","classname":"","style":""},"custom-name":"Subtitle"},{"tagName":"SECTION","type":"container","attributes":{"id":"iqmx38"},"components":[{"tagName":"H1","type":"text","classes":["title"],"attributes":{"id":"i4ybc"},"components":[{"type":"textnode","content":"Welcome, let's get started"},{"tagName":"br","void":true}],"template":{"before":"","replace":"{{ title2-empty }}","after":"","attributes":"","classname":"","style":""}},{"tagName":"DIV","type":"text","classes":["subtitle"],"attributes":{"id":"iino6r"},"components":[{"type":"textnode","content":"Create your first project, click on the button \"Create a website\""},{"tagName":"br","void":true}],"template":{"before":"","replace":"{{ subtitle-empty }}","after":"","attributes":"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"empty\"","classname":"","style":""},"custom-name":"Empty"},{"type":"container","classes":[{"name":"button-bar","active":false},"margin-20"],"attributes":{"id":"ickx4"},"components":[{"tagName":"BUTTON","type":"text","classes":["button",{"name":"button--primary","active":false},{"name":"rounded","active":false},{"name":"top-space-40","active":false}],"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":["button","button--secondary",{"name":"rounded","active":false}],"attributes":{"id":"i0ro3"},"components":[{"type":"textnode","content":"Import"}]}]},{"type":"container","classes":[{"name":"box","active":false},{"name":"top-space-40","active":false}],"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":["button",{"name":"rounded","active":false},{"name":"button--primary","active":false},{"name":"right-space","active":false}],"attributes":{"type":"submit","id":"i021na"},"text":"Create","components":[{"type":"textnode","content":"Create"}],"template":{"before":"","replace":"{{ add-ok }}","after":"","attributes":"","classname":"","style":""}},{"type":"button","classes":["button",{"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","icon":"<span class=\"fa fa-list\"></span>","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},{"name":"flex-no-shrink","active":false}],"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.updatedAt).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},{"name":"flex-no-shrink","active":false}],"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.createdAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })\"","classname":"","style":""}},{"type":"container","classes":[{"name":"button-bar_item","active":false},{"name":"flex-no-shrink","active":false}],"attributes":{"id":"i3b4tr"},"components":[{"tagName":"BUTTON","type":"text","classes":["button",{"name":"rounded","active":false},{"name":"button--primary","active":false},"button--small",{"name":"right-space","active":false}],"attributes":{"id":"ifyf6p","href":""},"components":[{"type":"textnode","content":"Edit"}],"originalTagName":"div","template":{"before":"","replace":"{{ list-edit }}","after":"","attributes":"@click=\"openEditor(website.websiteId, '{{lang}}')\"","classname":"","style":""}},{"tagName":"BUTTON","type":"text","classes":["button",{"name":"rounded","active":false},"button--small",{"name":"right-space","active":false},{"name":"button--tertiary","active":false}],"attributes":{"href":"","id":"ihf6ew"},"components":[{"type":"textnode","content":"Rename"}],"originalTagName":"div","template":{"before":"","replace":"{{ list-rename }}","after":"","attributes":"@click=\"renameWebsite(website.websiteId, '{{lang}}')\"","classname":"","style":""}},{"tagName":"BUTTON","type":"text","classes":["button",{"name":"rounded","active":false},"button--small",{"name":"button--tertiary","active":false}],"attributes":{"id":"iol4h"},"components":[{"type":"textnode","content":"X"}],"template":{"before":"","replace":"","after":"","attributes":"@click=\"deleteWebsite(website.websiteId)\" 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":""}}],"custom-name":"List","template":{"before":"","replace":"","after":"","attributes":"v-if=\"!empty\"","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":["button",{"name":"rounded","active":false},"button--small",{"name":"button--tertiary","active":false}],"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":["button",{"name":"rounded","active":false},"button--small",{"name":"button--tertiary","active":false}],"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"},{"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"}],"template":{"before":"","replace":"","after":"","attributes":"","classname":"app","style":""}}}],"type":"main","id":"mk3OKgfr4A9V7Dww","settings":{"lang":"","title":"","description":"","favicon":"","og:title":"","og:description":"","og:image":"","head":"{% render \"api-websites.js.html\" frontmatter: frontmatter page: page site: site api-translations: api-translations lang: lang %}\n"},"name":"Websites","slug":"websites"},{"frames":[{"component":{"type":"wrapper","classes":["body"],"attributes":{"id":"i2hcfw"},"components":[{"tagName":"HEADER","type":"container","icon":"<span class=\"fa fa-list\"></span>","classes":[{"name":"header","active":false},{"name":"padding-normal","active":false},{"name":"full-width","active":false}],"attributes":{"id":"ij139z"},"components":[{"tagName":"A","type":"container","attributes":{"href":"/"},"components":[{"type":"image","classes":["nav__logo"],"attributes":{"src":"/assets/silex-icon-2018@200px.png","href":""},"custom-name":"logo","originalTagName":"img"}],"originalTagName":"div"},{"tagName":"NAV","type":"container","classes":["nav"],"attributes":{"id":"in5jeq"},"components":[{"tagName":"A","type":"text","classes":["nav__item"],"attributes":{"href":"{{ item.url }}","id":"i0g3ac"},"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}],"components":[{"tagName":"A","type":"text","classes":["lang__item","nav__item"],"attributes":{"href":"/{{ link.code }}"},"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"}],"custom-name":"Header"},{"tagName":"A","type":"text","classes":["button",{"name":"button-bar__item--secondary","active":false}],"attributes":{"id":"ixzhcr","href":"/"},"components":[{"type":"textnode","content":"{{ api-translations[lang][\"Back to home\"] }}"}],"originalTagName":"div"},{"type":"container","attributes":{"id":"imgx81"},"components":[{"tagName":"H1","type":"text","classes":["title"],"attributes":{"id":"ighycb"},"components":[{"type":"textnode","content":"Welcome to Silex"},{"tagName":"br","void":true}],"template":{"before":"","replace":"{{ api-translations[lang][\"Welcome to Silex\"] }}","after":"","attributes":"","classname":"","style":""}},{"type":"text","classes":["subtitle"],"attributes":{"id":"it2175"},"components":[{"type":"textnode","content":"Please login to continue"},{"tagName":"br","void":true}],"template":{"before":"","replace":"{{ api-translations[lang][\"Please login to continue\"] }}","after":"","attributes":"","classname":"","style":""}},{"type":"container","classes":[{"name":"button-bar","active":false}],"attributes":{"id":"in62y2"},"components":[{"tagName":"A","type":"container","classes":[{"name":"h-space","active":false},{"name":"button-bar__item--main","active":false},{"name":"button-bar_item","active":false},"button","big-button"],"attributes":{"id":"isqe61","href":"https://"},"components":[{"type":"text","attributes":{"id":"i87asw"},"components":[{"type":"textnode","content":"Insert your text here"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"connector.displayName\"","classname":"","style":""}}],"custom-name":"Button","template":{"before":"","replace":"","after":"","attributes":"v-if=\"!loading\" v-for=\"(connector, index) in connectors\" :key=\"index\" :style=\"{ backgroundColor: connector.background, color: connector.color }\" @click=\"openLogin(connector)\"","classname":"","style":""},"originalTagName":"div"}],"custom-name":"Popin"},{"type":"text","attributes":{"id":"i9msnk"},"components":[{"type":"textnode","content":"Insert your text here"}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"error\" v-html=\"message\"","classname":"","style":""}},{"type":"text","classes":["button",{"name":"button--tertiary","active":false}],"attributes":{"id":"i6akll"},"components":[{"type":"textnode","content":"{{ api-translations[lang][\"Logout\"] }}"}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"error\" @click=\"logout()\"","classname":"","style":""}}],"custom-name":"Wrapper"}],"template":{"before":"","replace":"","after":"","attributes":"","classname":"app","style":""}}}],"name":"Connectors","id":"BOCWuSXKn6FRo8x5L","settings":{"lang":"","title":"","description":"","favicon":"","og:title":"","og:description":"","og:image":"","head":"{% render \"api-connectors.js.html\" frontmatter: frontmatter page: page site: site api-translations: api-translations lang: lang %}\n"},"slug":"connectors"}],"settings":{"lang":"","title":"{{ title }}","description":"","favicon":"","og:title":"","og:description":"","og:image":"","head":"{% render \"alternate.liquid\" languages: languages lang: lang page: page %}\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>"},"name":"Dashboard","fonts":[{"name":"Ubuntu","value":"\"Ubuntu\", sans-serif","variants":[]},{"name":"Montserrat","value":"\"Montserrat\", sans-serif","variants":[]}],"symbols":[],"publication":{"connector":{"connectorId":"fs-hosting","type":"HOSTING","displayName":"File system hosting","icon":"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202L6%2022%2018%2022%2018%207%2012%202%206%202Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M18%202L12%202%2012%208%2018%208%2018%202Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E","disableLogout":true,"isLoggedIn":true,"oauthUrl":null,"color":"#000000","background":"#006400"}}}

package/_site/css/connectors.css

@@ -1 +1 @@
-* { box-sizing: border-box; } body {margin: 0;}.subtitle{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle.color--light{color:#636363;font-weight:700;}.button{font-weight:700;font-size:0.8rem;padding:8px 15px 8px 15px;display:inline-block;border:1px solid transparent;transition:all 0.18s ease-out;font-family:"Roboto", sans-serif;}.button.button--primary{background-color:#5e85a8;color:white;}.button-bar{margin:10px 0px 10px 0px;display:flex;}.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;background-color:rgba(221,221,221,0.5);}.h-space{margin:0px 10px 0px 10px;}.button--tertiary{background-color:transparent;font-weight:400;}.button:hover{color:#ff6600;background-color:transparent;border:1px solid #dddddd;}.button.button--secondary:hover{background-color:white;}#imgx81{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;}#in62y2{width:100%;display:flex;justify-content:center;}.big-button{border-radius:5px 5px 5px 5px;font-size:15px;margin:10px 10px 10px 10px;padding:15px 30px 15px 30px;font-weight:400;}#i9msnk{padding:10px;display:inline;}#i6akll{padding:10px;display:inline;}#ixzhcr{padding:10px;position:absolute;display:none;}#ighycb{padding:10px;}#it2175{padding:10px;}
+* { box-sizing: border-box; } body {margin: 0;}.nav__item{margin:0px 10px 0px 10px;font-size:1rem;padding:24px 0px 24px 0px;color:#4a4a4a;}.body{font-family:Verdana, Geneva, sans-serif;background-color:#f0f0f0;}.header{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;}.padding-normal{padding:0px 24px 0px 24px;}.nav{width:100%;margin:0px 20px 0px 20px;}.subtitle{font-size:1rem;margin:0px 0px 20px 0px;color:#4a4a4a;}.subtitle.color--light{color:#636363;font-weight:700;}.button{font-weight:700;font-size:0.8rem;padding:8px 15px 8px 15px;display:inline-block;border:1px solid transparent;transition:all 0.18s ease-out;font-family:"Roboto", sans-serif;}.button.button--primary{background-color:#5e85a8;color:white;}.button-bar{margin:10px 0px 10px 0px;display:flex;}.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;background-color:rgba(221,221,221,0.5);}.nav__item.active{color:black;}.h-space{margin:0px 10px 0px 10px;}.button--tertiary{background-color:transparent;font-weight:400;}.lang__item{margin:0px 5px 0px 5px;}.nav__logo{height:50px;}.button:hover{color:#ff6600;background-color:transparent;border:1px solid #dddddd;}.button.button--secondary:hover{background-color:white;}#imgx81{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;}#in62y2{width:100%;display:flex;justify-content:center;}.big-button{border-radius:5px 5px 5px 5px;font-size:15px;margin:10px 10px 10px 10px;padding:15px 30px 15px 30px;font-weight:400;}#i9msnk{padding:10px;display:inline;}#i6akll{padding:10px;display:inline;}#ixzhcr{padding:10px;position:absolute;display:none;}.title{margin:0 0 10px 0;font-size:2rem;font-weight:400;font-family:Times New Roman, Times, serif;}#ighycb{padding:10px;}#it2175{padding:10px;}#in5jeq{display:flex;}

package/_site/css/websites.css

@@ -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;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{width:100%;margin:0px 20px 0px 20px;}#iz63r{min-height:90vh;}.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;}.button{font-weight:700;font-size:0.8rem;padding:8px 15px 8px 15px;display:inline-block;border:1px solid transparent;transition:all 0.18s ease-out;font-family:"Roboto", sans-serif;}.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;background-color:rgba(221,221,221,0.5);}.bg-white{background-color:#ffffff;}.rounded{border-radius:2px 2px 2px 2px;}#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:3px 12px 4px 12px;}.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--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;}.top-space-40{margin:40px 0 0 0;}.nav__logo{height:50px;}.user-icon__image{width:100%;height:100%;}.user__wrapper{border:1px solid white;}.right-space{margin:0px 5px 0px 0px;}#ic9eoa{min-height:100px;}#iksw4d{padding:10px;}.button:hover{color:#ff6600;background-color:transparent;border:1px solid #dddddd;}.button.button--secondary:hover{background-color:white;}.user-icon__wrapper{border:1px solid #f0f0f0;background-color:#f0f0f0;border-radius:50% 50% 50% 50%;width:40px;height:40px;padding:5px 5px 5px 5px;}.title{margin:0 0 10px 0;font-size:2rem;font-weight:400;}
+* { box-sizing: border-box; } body {margin: 0;}.nav__item{margin:0px 10px 0px 10px;font-size:1rem;padding:24px 0px 24px 0px;color:#4a4a4a;}.body{font-family:Verdana, Geneva, sans-serif;background-color:#f0f0f0;}.header{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{width:100%;margin:0px 20px 0px 20px;}#iz63r{min-height:90vh;}.subtitle{font-size:1rem;margin:0px 0px 20px 0px;color:#4a4a4a;}.section{max-width:1200px;margin:80px auto 80px auto;}.subtitle.color--light{color:#636363;font-weight:700;}.button{font-weight:700;font-size:0.8rem;padding:8px 15px 8px 15px;display:inline-block;border:1px solid transparent;transition:all 0.18s ease-out;font-family:"Roboto", sans-serif;}.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;background-color:rgba(221,221,221,0.5);}.bg-white{background-color:#ffffff;}.rounded{border-radius:2px 2px 2px 2px;}#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:3px 12px 4px 12px;}.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--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;}.top-space-40{margin:40px 0 0 0;}.nav__logo{height:50px;}.user-icon__image{width:100%;height:100%;}.user__wrapper{border:1px solid white;display:flex;flex-direction:column;justify-content:center;align-items:center;}.right-space{margin:0px 5px 0px 0px;}#iksw4d{padding:10px;}.button:hover{color:#ff6600;background-color:transparent;border:1px solid #dddddd;}.button.button--secondary:hover{background-color:white;}.user-icon__wrapper{border:1px solid #f0f0f0;background-color:#f0f0f0;border-radius:50% 50% 50% 50%;width:40px;height:40px;padding:5px 5px 5px 5px;}.title{margin:0 0 10px 0;font-size:2rem;font-weight:400;font-family:Times New Roman, Times, serif;}

package/_site/en/connectors/index.html

@@ -135,10 +135,65 @@ window.addEventListener('load', function() {
       </head>
       <body
             id="i2hcfw"
-            class=" app"
+            class="body app"
+            
+            
+            ><HEADER
+            
+            class="header padding-normal "
+            
+            
+            ><A
+            href="/"
+            
+            
+            
+            ><img
+            src="/assets/silex-icon-2018@200px.png" href=""
+            class="nav__logo "
+            
+            
+            ></img></A><NAV
+            id="in5jeq"
+            class="nav "
+            
+            
+            ><A
+            href="/" id="i0g3ac"
+            class="nav__item active"
+            target=""
+            
+            >Sites</A><A
+            href="http://docs.silex.me/" id="i0g3ac"
+            class="nav__item "
+            target="_blank"
+            
+            >Docs</A><A
+            href="https://www.silex.me/" id="i0g3ac"
+            class="nav__item "
+            target="_blank"
+            
+            >About</A><A
+            href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=en-US&source=silex-dashboard" id="i0g3ac"
+            class="nav__item "
+            target="_blank"
+            
+            >News</A></NAV><div
+            
+            class="lang h-space "
             
             
             ><A
+            href="/en"
+            class="lang__item nav__item active"
+            hreflang="en"
+            
+            >en</A><A
+            href="/fr"
+            class="lang__item nav__item "
+            hreflang="fr"
+            
+            >fr</A></div></HEADER><A
             id="ixzhcr" href="/"
             class="button button-bar__item--secondary "
             
@@ -149,12 +204,12 @@ window.addEventListener('load', function() {
             
             
             ><H1
-            
-            
+            id="ighycb"
+            class="title "
             
             
             >Welcome to Silex</H1><div
-            
+            id="it2175"
             class="subtitle "
             
             

package/_site/en/index.html

@@ -71,6 +71,7 @@ window.addEventListener('load', function() {
         storage: null,
         user: null,
         showMenu: false,
+        empty: false,
       }
     },
     mounted() {
@@ -87,6 +88,7 @@ window.addEventListener('load', function() {
             this.user = user
             this.loggedIn = true
             this.websites = await websiteList({connectorId: this.user.storage.connectorId})
+            this.empty = this.websites.length === 0
             this.loading = false
           } else {
             this.openLogin()
@@ -98,7 +100,8 @@ window.addEventListener('load', function() {
             this.loggedIn = false
             this.openLogin()
           } else {
-            this.error = error
+            this.error = `Failed to start dashboard - ${error.message}`
+            this.message = ''
           }
         }
       },
@@ -124,9 +127,9 @@ window.addEventListener('load', function() {
       },
 
       async createWebsite() {
-        if (!this.newWebsiteName) throw new Error('You need to provide a website name')
-        this.loading = true
         try {
+          if (!this.newWebsiteName) throw new Error('You need to provide a website name')
+          this.loading = true
           const websiteId = this.newWebsiteName.replace(/[/\\?%*:|"<>]/g, '_')
           const result = await websiteCreate({
             websiteId,
@@ -137,15 +140,18 @@ window.addEventListener('load', function() {
             connectorId: this.user.storage.connectorId
           })
           this.message = 'Website created successfully'
+          this.error = ''
           this.newWebsiteName = ''
           this.showCreationForm = false;
           this.websites = await websiteList({connectorId: this.user.storage.connectorId})
+          this.empty = this.websites.length === 0
           this.loading = false
           return result
         } catch (error) {
           this.loading = false
           console.error(error)
-          this.error = 'Failed to create website'
+          this.error = `Failed to create website - ${error.message}`
+          this.message = ''
         }
       },
 
@@ -156,12 +162,15 @@ window.addEventListener('load', function() {
         try {
           const result = await websiteDelete({websiteId, connectorId: this.user.storage.connectorId})
           this.message = 'Website deleted successfully'
+          this.error = ''
           this.websites = await websiteList({connectorId: this.user.storage.connectorId})
+          this.empty = this.websites.length === 0
           this.loading = false
           return result
         } catch (error) {
           this.loading = false
-          this.error = 'Failed to delete website'
+          this.error = `Failed to delete website - ${error.message}`
+          this.message = ''
         }
       },
 
@@ -173,12 +182,15 @@ window.addEventListener('load', function() {
         try {
           const result = await websiteMetaWrite({websiteId, connectorId: this.user.storage.connectorId, data: { name }})
           this.message = 'Website renamed successfully'
+          this.error = ''
           this.websites = await websiteList({connectorId: this.user.storage.connectorId})
+          this.empty = this.websites.length === 0
           this.loading = false
           return result
         } catch (error) {
           this.loading = false
-          this.error = 'Failed to delete website'
+          this.error = `Failed to rename website - ${error.message}`
+          this.message = ''
         }
       },
     },
@@ -288,16 +300,31 @@ window.addEventListener('load', function() {
             
             
             ><H1
-            id="itp1f"
-            class="title "
             
+            class="title "
+            v-if="!empty"
             
             >Welcome back!</H1><div
             id="iyex8"
-            class="subtitle color--light "
+            class="subtitle "
+            v-if="!empty"
+            
+            >Dive into your projects or kickstart a new one</div><SECTION
+            id="iqmx38"
+            
+            v-if="empty"
+            
+            ><H1
+            
+            class="title "
             
             
-            >Dive into your projects or kickstart a new one</div><div
+            >Welcome, let's get started</H1><DIV
+            
+            class="subtitle "
+            
+            
+            >Create your first project, click on "Create a website"</DIV></SECTION><div
             id="ickx4"
             class="button-bar margin-20 "
             
@@ -370,7 +397,7 @@ window.addEventListener('load', function() {
             >Cancel</button></div></form></div><div
             id="if80m"
             
-            
+            v-if="!empty"
             
             ><SECTION
             id="idgvg"
@@ -487,31 +514,6 @@ window.addEventListener('load', function() {
             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 "

package/_site/fr/connectors/index.html

@@ -135,10 +135,65 @@ window.addEventListener('load', function() {
       </head>
       <body
             id="i2hcfw"
-            class=" app"
+            class="body app"
+            
+            
+            ><HEADER
+            
+            class="header padding-normal "
+            
+            
+            ><A
+            href="/"
+            
+            
+            
+            ><img
+            src="/assets/silex-icon-2018@200px.png" href=""
+            class="nav__logo "
+            
+            
+            ></img></A><NAV
+            id="in5jeq"
+            class="nav "
+            
+            
+            ><A
+            href="/" id="i0g3ac"
+            class="nav__item active"
+            target=""
+            
+            >Sites</A><A
+            href="http://docs.silex.me/" id="i0g3ac"
+            class="nav__item "
+            target="_blank"
+            
+            >Docs</A><A
+            href="https://www.silex.me/" id="i0g3ac"
+            class="nav__item "
+            target="_blank"
+            
+            >A propos</A><A
+            href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=fr-FR&source=silex-dashboard" id="i0g3ac"
+            class="nav__item "
+            target="_blank"
+            
+            >Info</A></NAV><div
+            
+            class="lang h-space "
             
             
             ><A
+            href="/en"
+            class="lang__item nav__item "
+            hreflang="en"
+            
+            >en</A><A
+            href="/fr"
+            class="lang__item nav__item active"
+            hreflang="fr"
+            
+            >fr</A></div></HEADER><A
             id="ixzhcr" href="/"
             class="button button-bar__item--secondary "
             
@@ -149,12 +204,12 @@ window.addEventListener('load', function() {
             
             
             ><H1
-            
-            
+            id="ighycb"
+            class="title "
             
             
             >Bienvenue sur Silex</H1><div
-            
+            id="it2175"
             class="subtitle "
             
             

package/_site/fr/index.html

@@ -71,6 +71,7 @@ window.addEventListener('load', function() {
         storage: null,
         user: null,
         showMenu: false,
+        empty: false,
       }
     },
     mounted() {
@@ -87,6 +88,7 @@ window.addEventListener('load', function() {
             this.user = user
             this.loggedIn = true
             this.websites = await websiteList({connectorId: this.user.storage.connectorId})
+            this.empty = this.websites.length === 0
             this.loading = false
           } else {
             this.openLogin()
@@ -98,7 +100,8 @@ window.addEventListener('load', function() {
             this.loggedIn = false
             this.openLogin()
           } else {
-            this.error = error
+            this.error = `Erreur, impossible de démarrer le tableau de bord - ${error.message}`
+            this.message = ''
           }
         }
       },
@@ -124,9 +127,9 @@ window.addEventListener('load', function() {
       },
 
       async createWebsite() {
-        if (!this.newWebsiteName) throw new Error('Vous n\'avez pas donné de nom à votre site')
-        this.loading = true
         try {
+          if (!this.newWebsiteName) throw new Error('Vous n\'avez pas donné de nom à votre site')
+          this.loading = true
           const websiteId = this.newWebsiteName.replace(/[/\\?%*:|"<>]/g, '_')
           const result = await websiteCreate({
             websiteId,
@@ -137,15 +140,18 @@ window.addEventListener('load', function() {
             connectorId: this.user.storage.connectorId
           })
           this.message = 'Le site a bien été créé'
+          this.error = ''
           this.newWebsiteName = ''
           this.showCreationForm = false;
           this.websites = await websiteList({connectorId: this.user.storage.connectorId})
+          this.empty = this.websites.length === 0
           this.loading = false
           return result
         } catch (error) {
           this.loading = false
           console.error(error)
-          this.error = 'Erreur, le site n\'a pas été créé'
+          this.error = `Erreur, le site n\'a pas été créé - ${error.message}`
+          this.message = ''
         }
       },
 
@@ -156,12 +162,15 @@ window.addEventListener('load', function() {
         try {
           const result = await websiteDelete({websiteId, connectorId: this.user.storage.connectorId})
           this.message = 'Le site a bien été effacé'
+          this.error = ''
           this.websites = await websiteList({connectorId: this.user.storage.connectorId})
+          this.empty = this.websites.length === 0
           this.loading = false
           return result
         } catch (error) {
           this.loading = false
-          this.error = 'Erreur, le site n\'a pas été effacé'
+          this.error = `Erreur, le site n\'a pas été effacé - ${error.message}`
+          this.message = ''
         }
       },
 
@@ -173,12 +182,15 @@ window.addEventListener('load', function() {
         try {
           const result = await websiteMetaWrite({websiteId, connectorId: this.user.storage.connectorId, data: { name }})
           this.message = 'Changement de nom effectué'
+          this.error = ''
           this.websites = await websiteList({connectorId: this.user.storage.connectorId})
+          this.empty = this.websites.length === 0
           this.loading = false
           return result
         } catch (error) {
           this.loading = false
-          this.error = 'Erreur, le site n\'a pas été effacé'
+          this.error = `Erreur, le nom n\'a pas été changé - ${error.message}`
+          this.message = ''
         }
       },
     },
@@ -288,16 +300,31 @@ window.addEventListener('load', function() {
             
             
             ><H1
-            id="itp1f"
-            class="title "
             
+            class="title "
+            v-if="!empty"
             
             >Bienvenue !</H1><div
             id="iyex8"
-            class="subtitle color--light "
+            class="subtitle "
+            v-if="!empty"
+            
+            >Plongez-vous dans un projet ou créez-en un nouveau</div><SECTION
+            id="iqmx38"
+            
+            v-if="empty"
+            
+            ><H1
+            
+            class="title "
             
             
-            >Plongez-vous dans un projet ou créez-en un nouveau</div><div
+            >Bienvenue !</H1><DIV
+            
+            class="subtitle "
+            
+            
+            >Créez votre premier projet, clickez sur le boutont "Créer un site"</DIV></SECTION><div
             id="ickx4"
             class="button-bar margin-20 "
             
@@ -370,7 +397,7 @@ window.addEventListener('load', function() {
             >Annuler</button></div></form></div><div
             id="if80m"
             
-            
+            v-if="!empty"
             
             ><SECTION
             id="idgvg"
@@ -487,31 +514,6 @@ window.addEventListener('load', function() {
             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 "

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@silexlabs/silex-dashboard",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "Dashboard for Silex v3",
   "main": ".silex.js",
   "scripts": {
@@ -24,7 +24,7 @@
   "homepage": "https://github.com/silexlabs/silex-dashboard#readme",
   "devDependencies": {
     "@11ty/eleventy": "^2.0.1",
-    "@silexlabs/silex": "^3.0.0-alpha.45"
+    "@silexlabs/silex": "^3.0.0-alpha.49"
   },
   "dependencies": {
     "locale": "^0.1.0",

package/pages/connectors.css.liquid

@@ -1,4 +1,4 @@
 ---
 permalink: /css/connectors.css
 ---
-* { box-sizing: border-box; } body {margin: 0;}.subtitle{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle.color--light{color:#636363;font-weight:700;}.button{font-weight:700;font-size:0.8rem;padding:8px 15px 8px 15px;display:inline-block;border:1px solid transparent;transition:all 0.18s ease-out;font-family:"Roboto", sans-serif;}.button.button--primary{background-color:#5e85a8;color:white;}.button-bar{margin:10px 0px 10px 0px;display:flex;}.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;background-color:rgba(221,221,221,0.5);}.h-space{margin:0px 10px 0px 10px;}.button--tertiary{background-color:transparent;font-weight:400;}.button:hover{color:#ff6600;background-color:transparent;border:1px solid #dddddd;}.button.button--secondary:hover{background-color:white;}#imgx81{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;}#in62y2{width:100%;display:flex;justify-content:center;}.big-button{border-radius:5px 5px 5px 5px;font-size:15px;margin:10px 10px 10px 10px;padding:15px 30px 15px 30px;font-weight:400;}#i9msnk{padding:10px;display:inline;}#i6akll{padding:10px;display:inline;}#ixzhcr{padding:10px;position:absolute;display:none;}#ighycb{padding:10px;}#it2175{padding:10px;}
+* { box-sizing: border-box; } body {margin: 0;}.nav__item{margin:0px 10px 0px 10px;font-size:1rem;padding:24px 0px 24px 0px;color:#4a4a4a;}.body{font-family:Verdana, Geneva, sans-serif;background-color:#f0f0f0;}.header{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;}.padding-normal{padding:0px 24px 0px 24px;}.nav{width:100%;margin:0px 20px 0px 20px;}.subtitle{font-size:1rem;margin:0px 0px 20px 0px;color:#4a4a4a;}.subtitle.color--light{color:#636363;font-weight:700;}.button{font-weight:700;font-size:0.8rem;padding:8px 15px 8px 15px;display:inline-block;border:1px solid transparent;transition:all 0.18s ease-out;font-family:"Roboto", sans-serif;}.button.button--primary{background-color:#5e85a8;color:white;}.button-bar{margin:10px 0px 10px 0px;display:flex;}.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;background-color:rgba(221,221,221,0.5);}.nav__item.active{color:black;}.h-space{margin:0px 10px 0px 10px;}.button--tertiary{background-color:transparent;font-weight:400;}.lang__item{margin:0px 5px 0px 5px;}.nav__logo{height:50px;}.button:hover{color:#ff6600;background-color:transparent;border:1px solid #dddddd;}.button.button--secondary:hover{background-color:white;}#imgx81{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;}#in62y2{width:100%;display:flex;justify-content:center;}.big-button{border-radius:5px 5px 5px 5px;font-size:15px;margin:10px 10px 10px 10px;padding:15px 30px 15px 30px;font-weight:400;}#i9msnk{padding:10px;display:inline;}#i6akll{padding:10px;display:inline;}#ixzhcr{padding:10px;position:absolute;display:none;}.title{margin:0 0 10px 0;font-size:2rem;font-weight:400;font-family:Times New Roman, Times, serif;}#ighycb{padding:10px;}#it2175{padding:10px;}#in5jeq{display:flex;}

package/pages/en/en.json

@@ -0,0 +1,23 @@
+{
+  "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/en/index.md

@@ -3,6 +3,8 @@ layout: websites
 lang: en
 title: Silex Dashboard
 title2: Welcome back!
+title2-empty: Welcome, let's get started
+subtitle-empty: Create your first project, click on "Create a website"
 subtitle: Dive into your projects or kickstart a new one
 add-button: Create website
 add-title: Create a new website
@@ -16,18 +18,5 @@ list-edit: Edit
 list-rename: Rename
 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/fr.json

@@ -0,0 +1,23 @@
+{
+  "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"
+    }
+  ]
+}

package/pages/fr/index.md

@@ -4,6 +4,8 @@ lang: fr
 title: Dashboard Silex
 title2: Bienvenue !
 subtitle: Plongez-vous dans un projet ou créez-en un nouveau
+title2-empty: Bienvenue !
+subtitle-empty: Créez votre premier projet, clickez sur le boutont "Créer un site"
 add-button: Créer un site
 add-title: Créer un nouveau site internet
 add-name-label: Nom du site
@@ -16,18 +18,6 @@ list-edit: Editer
 list-rename: Renommer
 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/websites.css.liquid

@@ -1,4 +1,4 @@
 ---
 permalink: /css/websites.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;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{width:100%;margin:0px 20px 0px 20px;}#iz63r{min-height:90vh;}.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;}.button{font-weight:700;font-size:0.8rem;padding:8px 15px 8px 15px;display:inline-block;border:1px solid transparent;transition:all 0.18s ease-out;font-family:"Roboto", sans-serif;}.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;background-color:rgba(221,221,221,0.5);}.bg-white{background-color:#ffffff;}.rounded{border-radius:2px 2px 2px 2px;}#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:3px 12px 4px 12px;}.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--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;}.top-space-40{margin:40px 0 0 0;}.nav__logo{height:50px;}.user-icon__image{width:100%;height:100%;}.user__wrapper{border:1px solid white;}.right-space{margin:0px 5px 0px 0px;}#ic9eoa{min-height:100px;}#iksw4d{padding:10px;}.button:hover{color:#ff6600;background-color:transparent;border:1px solid #dddddd;}.button.button--secondary:hover{background-color:white;}.user-icon__wrapper{border:1px solid #f0f0f0;background-color:#f0f0f0;border-radius:50% 50% 50% 50%;width:40px;height:40px;padding:5px 5px 5px 5px;}.title{margin:0 0 10px 0;font-size:2rem;font-weight:400;}
+* { box-sizing: border-box; } body {margin: 0;}.nav__item{margin:0px 10px 0px 10px;font-size:1rem;padding:24px 0px 24px 0px;color:#4a4a4a;}.body{font-family:Verdana, Geneva, sans-serif;background-color:#f0f0f0;}.header{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{width:100%;margin:0px 20px 0px 20px;}#iz63r{min-height:90vh;}.subtitle{font-size:1rem;margin:0px 0px 20px 0px;color:#4a4a4a;}.section{max-width:1200px;margin:80px auto 80px auto;}.subtitle.color--light{color:#636363;font-weight:700;}.button{font-weight:700;font-size:0.8rem;padding:8px 15px 8px 15px;display:inline-block;border:1px solid transparent;transition:all 0.18s ease-out;font-family:"Roboto", sans-serif;}.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;background-color:rgba(221,221,221,0.5);}.bg-white{background-color:#ffffff;}.rounded{border-radius:2px 2px 2px 2px;}#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:3px 12px 4px 12px;}.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--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;}.top-space-40{margin:40px 0 0 0;}.nav__logo{height:50px;}.user-icon__image{width:100%;height:100%;}.user__wrapper{border:1px solid white;display:flex;flex-direction:column;justify-content:center;align-items:center;}.right-space{margin:0px 5px 0px 0px;}#iksw4d{padding:10px;}.button:hover{color:#ff6600;background-color:transparent;border:1px solid #dddddd;}.button.button--secondary:hover{background-color:white;}.user-icon__wrapper{border:1px solid #f0f0f0;background-color:#f0f0f0;border-radius:50% 50% 50% 50%;width:40px;height:40px;padding:5px 5px 5px 5px;}.title{margin:0 0 10px 0;font-size:2rem;font-weight:400;font-family:Times New Roman, Times, serif;}