@silexlabs/silex-dashboard 1.0.22 → 1.0.23

package/_includes/api-websites.js.html

@@ -74,7 +74,7 @@ window.addEventListener('load', function() {
       },
 
       openEditor(id, lang) {
-        window.open(`/?id=${id}&lang=${lang}&connectorId=${this.user.storage.connectorId}`, '_blank')
+        window.open(`/?id=${id}&lang=${lang}&connectorId=${this.user.storage.connectorId}`, '_self')
       },
 
       async logout() {

package/_includes/connectors.html

@@ -11,8 +11,10 @@
 
 <style>
 body {	color:#2B1B63;}
+/*BTNS*/
 .button, .pointer { cursor: pointer!important}
 .button{min-width:110px;}
+/*BTNS*/
 a { 
 	text-decoration: none;
 	color:#8873FE;}
@@ -53,8 +55,39 @@ input:focus {
     background-position: 200% 0, 0 0, 0 190px, 50px 195px;
   }
 }
-
 /*FX ANIMATIONS*/
+/*scale-round-inside*/
+.fx-scale-round {
+	position:relative;
+	  z-index: 10;
+  overflow: hidden;
+}
+.fx-scale-round::after {
+  content: "";
+  background: #ffffff;
+  position: absolute;
+  z-index: -1;
+  border-radius: 50%;
+  left: -50%;
+  right: -50%;
+  top: -100%;
+  bottom: -100%;
+  transform: scale(0, 0);
+	transform-origin: center bottom;
+  transition: all 0.3s ease-out;
+
+}
+.fx-scale-round:hover {
+	transform-origin: center bottom;
+	transform: scale(1.1);
+	transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
+} 
+.fx-scale-round:hover::after {
+  transform: scale(1, 1);
+	transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
+}
+/*scale-round-inside*/
+/*scale*/
 .fx-scale:hover  {
 	transform-origin: center bottom;
 	transform: scale(1.1);
@@ -104,6 +137,7 @@ input:focus {
         100% {opacity:1;}
       }
 /*flash-in animation*/
+
 /*FX ANIMATIONS*/
 </style>
       {% render "api-connectors.js.html" frontmatter: frontmatter page: page site: site api-translations: api-translations lang: lang %}
@@ -193,7 +227,7 @@ input:focus {
             
             ><A
             id="isqe61" href="https://" src="undefined"
-            class="h-space button-bar__item--main button-bar_item button big-button "
+            class="button big-button "
             v-if="!loading" v-for="(connector, index) in connectors" :key="index" :style="{ backgroundColor: connector.background, color: connector.color }" @click="openLogin(connector)"
             
             ><div

package/_includes/websites.html

@@ -11,8 +11,10 @@
 
 <style>
 body {	color:#2B1B63;}
+/*BTNS*/
 .button, .pointer { cursor: pointer!important}
 .button{min-width:110px;}
+/*BTNS*/
 a { 
 	text-decoration: none;
 	color:#8873FE;}
@@ -53,8 +55,39 @@ input:focus {
     background-position: 200% 0, 0 0, 0 190px, 50px 195px;
   }
 }
-
 /*FX ANIMATIONS*/
+/*scale-round-inside*/
+.fx-scale-round {
+	position:relative;
+	  z-index: 10;
+  overflow: hidden;
+}
+.fx-scale-round::after {
+  content: "";
+  background: #ffffff;
+  position: absolute;
+  z-index: -1;
+  border-radius: 50%;
+  left: -50%;
+  right: -50%;
+  top: -100%;
+  bottom: -100%;
+  transform: scale(0, 0);
+	transform-origin: center bottom;
+  transition: all 0.3s ease-out;
+
+}
+.fx-scale-round:hover {
+	transform-origin: center bottom;
+	transform: scale(1.1);
+	transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
+} 
+.fx-scale-round:hover::after {
+  transform: scale(1, 1);
+	transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
+}
+/*scale-round-inside*/
+/*scale*/
 .fx-scale:hover  {
 	transform-origin: center bottom;
 	transform: scale(1.1);
@@ -104,6 +137,7 @@ input:focus {
         100% {opacity:1;}
       }
 /*flash-in animation*/
+
 /*FX ANIMATIONS*/
 </style>
       {% render "api-websites.js.html" frontmatter: frontmatter page: page site: site api-translations: api-translations lang: lang %}
@@ -228,7 +262,7 @@ input:focus {
             
             ><BUTTON
             id="i2x0l" src="undefined"
-            class="button button--primary rounded top-space-40 fx-scale fx-scale-round "
+            class="button button--primary rounded top-space-40 fx-scale-round "
             @click="showCreationForm = !showCreationForm" v-if="!showCreationForm"
             
             ><span
@@ -283,12 +317,12 @@ input:focus {
             
             ><button
             type="submit" id="i021na" src="undefined"
-            class="button rounded button--primary right-space-20 fx-scale "
+            class="button rounded button--primary right-space-20 fx-scale-round "
             
             
             >{{ add-ok }}</button><button
             type="reset" src="undefined"
-            class="button rounded button--secondary fx-scale "
+            class="button rounded button--secondary fx-scale-round "
             @click="showCreationForm = !showCreationForm"
             
             >{{ add-cancel }}</button></div></form></div><div
@@ -303,8 +337,8 @@ input:focus {
             
             ><H3
             id="i69a7" src="undefined"
-            class="right-space-40 color-2B1B63-80 uppercase "
-            v-text="website.name || website.id"
+            class="right-space-40 color-2B1B63-80 uppercase pointer "
+            v-text="website.name || website.id" @click="openEditor(website.websiteId, '{{lang}}')"
             
             >My first website</H3><P
             id="i65hn" src="undefined"
@@ -472,10 +506,25 @@ input:focus {
             
             
             ><div
-            id="i238z" src="undefined"
-            class="website-max-width "
+            
+            class="footer__column "
+            
+            
+            >{% for item in footer1 %}<A
+            id="ipa5zg" href="{{ item.url }}"
+            class="footer__item "
+            
+            
+            >{{ item.label }}</A>{% endfor %}</div><div
+            
+            class="footer__column "
+            
+            
+            >{% for item in footer2 %}<A
+            href="{{ item.url }}"
+            class="footer__item "
             
             
-            >{{ content }}</div></FOOTER></body>
+            >{{ item.label }}</A>{% endfor %}</div></FOOTER></body>
       </html>
       

package/_silex/default/website.json

@@ -1 +1 @@
-{"assets":[{"type":"image","src":"/assets/gitlab.svg","unitDim":"px","height":0,"width":0},{"type":"image","src":"/assets/picto-silex@3x.png","unitDim":"px","height":0,"width":0},{"type":"image","src":"/assets/logo-silex.svg","unitDim":"px","height":0,"width":0},{"type":"image","src":"/assets/empty-projects-sos.gif","unitDim":"px","height":0,"width":0},{"type":"image","src":"/assets/bg-purpel-silex.webp","unitDim":"px","height":0,"width":0},{"type":"image","src":"/assets/bg-silex-purpel.webp","unitDim":"px","height":0,"width":0},{"type":"image","src":"/assets/picto-silex@3x.png","unitDim":"px","height":0,"width":0}],"styles":[{"selectors":["nav__item"],"style":{"margin":"0px 10px 0px 10px","font-size":"0.8rem","padding":"24px 0px 24px 0px","color":"#4a4a4a"}},{"selectors":["body"],"style":{"font-family":"\"Ubuntu\", sans-serif","background-color":"#f0f0f0"}},{"selectors":["menu-bar"],"style":{"display":"flex","align-items":"center","justify-content":"space-between","background-color":"#ffffff","height":"94px","padding":"0px 100px 0px 100px","width":"100%"}},{"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":[{"name":"subtitle-16","active":false}],"style":{"font-size":"1rem","margin":"0px 0px 20px 0px"}},{"selectors":["section"],"style":{"margin":"80px auto 80px auto"}},{"selectors":[{"name":"subtitle-16","active":false},{"name":"color--light","active":false}],"style":{"color":"#636363","font-weight":"700"}},{"selectors":["button"],"style":{"font-size":"0.8rem","padding":"10px 20px 10px 20px","display":"inline-block","border":"2px solid #8873fe","transition":"all 0.18s ease-out","font-weight":"700","line-height":"1.2rem"}},{"selectors":["button",{"name":"button--primary","active":false}],"style":{"background-color":"#8873fe","color":"white"}},{"selectors":[{"name":"button-bar","active":false}],"style":{"margin":"20px 0px 20px 0px","display":"flex","padding":"30px 30px 30px 30px","align-items":"center","justify-content":"space-between","border-radius":"4px 4px 4px 4px","background-color":"#ffffff"}},{"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":["button-bar_item",{"name":"button-bar__item--secondary","active":false}],"style":{"font-size":"0.8rem"}},{"selectors":["button","button--secondary"],"style":{"font-weight":"400","color":"#8873fe","border":"2px solid #8873fe"}},{"selectors":[{"name":"bg-white","active":false}],"style":{"background-color":"#ffffff"}},{"selectors":[{"name":"rounded","active":false}],"style":{"border-radius":"4px 4px 4px 4px"}},{"selectors":["footer"],"style":{"display":"flex","margin":"50px 0px 50px 0px","background-color":"#ffffff","align-items":"center","justify-content":"center","padding":"30px 30px 30px 30px"}},{"selectors":[{"name":"skeleton-text","active":false},"skeleton"],"style":{"background-color":"#dddddd","color":"transparent","opacity":"0.31","border-radius":"5px 5px 5px 5px"}},{"selectors":["skeleton","skeleton-button"],"style":{"color":"transparent","opacity":"0.31","background-color":"#dddddd","border-radius":"5px 5px 5px 5px","width":"140px"}},{"selectors":[{"name":"skeleton-anim","active":false}],"style":{"position":"relative"}},{"selectors":["nav__item","active"],"style":{"color":"black"}},{"selectors":[{"name":"margin-20","active":false}],"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":[{"name":"button--small","active":false}],"style":{"padding":"3px 12px 4px 12px"}},{"selectors":["form"],"style":{"padding":"10px 0px 10px 0px","border-radius":"5px 5px 5px 5px"}},{"selectors":["#i1nmbc"],"style":{"flex-shrink":"0"}},{"selectors":["input"],"style":{"padding":"10px 10px 10px 10px","background-color":"transparent","border":"2px solid #8873fe","margin":"10px 0px 10px 0px","border-radius":"4px 4px 4px 4px"}},{"selectors":[{"name":"full-width","active":false}],"style":{"width":"100%"}},{"selectors":[{"name":"v-space","active":false}],"style":{"margin":"10px 0px 10px 0px"}},{"selectors":[{"name":"box","active":false}],"style":{"border-radius":"4px 4px 4px 4px","background-color":"#ffffff"}},{"selectors":["box__header"],"style":{"margin":"0px 0px 0px 0px","padding":"10px 0px 10px 0px","font-weight":"700","font-size":"1.625rem","color":"rgba(43,27,99,0.5)"}},{"selectors":[{"name":"box","active":false},"flex-between"],"style":{"align-items":"center"}},{"selectors":["flex-between"],"style":{"display":"flex","align-items":"center","justify-content":"space-between"}},{"selectors":[{"name":"h-space","active":false}],"style":{"margin":"0px 10px 0px 0px"}},{"selectors":["button--tertiary"],"style":{"background-color":"transparent","font-weight":"400"}},{"selectors":["icon-font"],"style":{"font-size":"1.5rem","line-height":"1px","margin":"0px 2px 0px 2px"}},{"selectors":["lang__item"],"style":{"margin":"0px 5px 0px 5px"}},{"selectors":[{"name":"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-20","active":false}],"style":{"margin":"0px 20px 0px 0px"}},{"selectors":["#iksw4d"],"style":{"padding":"10px"}},{"selectors":["button"],"style":{"color":"#8873fe","border":"2px solid #8873fe"},"state":"hover"},{"selectors":["button","button--secondary"],"style":{"background-color":"white","border":"2px solid rgba(136,115,254,0.5)"},"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":"700","background-color":"#ffffff"}},{"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-40"],"style":{"margin":"0 0 10px 0","font-size":"2.5rem","font-weight":"700"}},{"selectors":["#i7329q"],"style":{"display":"flex"}},{"selectors":["#iehijh"],"style":{"padding":"10px"}},{"selectors":["#in5jeq"],"style":{"display":"flex"}},{"selectors":["#ij139z"],"style":{"position":"absolute"}},{"selectors":["bg-silex-purpel"],"style":{"background-repeat":"repeat-y","background-position":"center top","background-attachment":"scroll","background-size":"contain","background-image":"url('/assets/bg-purpel-silex.webp')"}},{"selectors":["section-top"],"style":{"max-width":"1200px","padding":"40px 30px 40px 30px","height":"226px","display":"flex","flex-direction":"column","justify-content":"center","margin":"0px auto 0px auto"}},{"selectors":[{"name":"text-centered","active":false}],"style":{"text-align":"center"}},{"selectors":[{"name":"box-message","active":false}],"style":{"background-color":"rgba(43,27,99,0.3)","border-radius":"4px 4px 4px 4px","padding":"20px 30px 20px 30px","margin":"10px 0px 10px 0px"}},{"selectors":[{"name":"text-white","active":false}],"style":{"color":"#ffffff"}},{"selectors":[{"name":"bold","active":false}],"style":{"font-weight":"800"}},{"selectors":[{"name":"button-bar__item--link","active":false}],"style":{"background-color":"transparent","border":"0px solid black","font-size":"0.8rem","color":"#8873fe"}},{"selectors":[{"name":"padding-30","active":false}],"style":{"padding":"30px 30px 30px 30px"}},{"selectors":[{"name":"padding-20-30","active":false}],"style":{"padding":"20px 30px 20px 30px"}},{"selectors":[{"name":"right-space-40","active":false}],"style":{"margin":"0 40px 0 0"}},{"selectors":["subtitle"],"style":{"font-size":"1.625rem","font-weight":"100"}},{"selectors":["title-26"],"style":{"font-size":"1.625rem","margin":"10px 0px 10px 0px"}},{"selectors":["empty-image"],"style":{"min-height":"500px","background-image":"url('/assets/empty-projects-sos.gif')","background-repeat":"no-repeat","background-position":"center center","background-attachment":"scroll","background-size":"contain"}},{"selectors":[{"name":"padding-50-30","active":false}],"style":{"padding":"50px 30px 50px 30px"}},{"selectors":[{"name":"box","active":false},"box_transp"],"style":{"background-color":"rgba(255,255,255,0.5)"}},{"selectors":[{"name":"padding-100-30","active":false}],"style":{"padding":"100px 30px 80px 30px"}},{"selectors":["top-space-20"],"style":{"margin":"20px 0 0 0"}},{"selectors":["button","button--tertiary"],"style":{"border":"2px solid transparent","background-color":"rgba(221,221,221,0.5)"}},{"selectors":["box_login"],"style":{"max-width":"880px","width":"100%"}},{"selectors":[{"name":"button-bar__item--link","active":false},{"name":"text-white","active":false}],"style":{"color":"#ffffff"}},{"selectors":["button","big-button"],"style":{"border":"2px solid transparent"}},{"selectors":[{"name":"color-2B1B63-80","active":false}],"style":{"color":"rgba(43,27,99,0.8)"}},{"selectors":["button","button--tertiary"],"style":{"border":"2px solid #8873fe","color":"#8873fe","background-color":"white"},"state":"hover"},{"selectors":["footer-height-compensation"],"style":{"position":"relative"}},{"selectors":["footer-height"],"style":{"height":"10rem","position":"absolute","bottom":"0px","display":"flex","width":"100%"}},{"selectors":["button-bar__item__icon"],"style":{"float":"left","height":"40px","width":"40px","margin":"5px 5px 5px 5px"}},{"selectors":[{"name":"box-message-text","active":false}],"style":{"margin":"0px 0 0 0","font-weight":"300"}},{"selectors":[{"name":"website-max-width","active":false}],"style":{"max-width":"1200px"}},{"selectors":["margin-80"],"style":{"margin":"80px auto 80px auto"}},{"selectors":[{"name":"button-bar__item--secondary","active":false}],"style":{"font-size":"0.8rem"}},{"selectors":["skeleton"],"style":{"line-height":"1.1rem"}}],"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":["menu-bar"],"attributes":{"id":"igrg"},"components":[{"tagName":"A","type":"container","attributes":{"id":"igvu43","href":"/"},"components":[{"type":"image","classes":["nav__logo"],"attributes":{"src":"/assets/picto-silex@3x.png","href":"","id":"iel80b-2"},"custom-name":"logo","originalTagName":"img"}],"originalTagName":"div","custom-name":"logo"},{"tagName":"NAV","type":"container","classes":["nav"],"attributes":{"id":"i9jq"},"components":[{"tagName":"A","type":"text","classes":["nav__item",{"name":"uppercase","active":false}],"attributes":{"id":"iels","href":"{{ item.url }}"},"components":[{"type":"textnode","content":"Sites","attributes":{}}],"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",{"name":"uppercase","active":false}],"attributes":{"href":"/{{ link.code }}","id":"iciz"},"components":[{"type":"textnode","content":"en","attributes":{}}],"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",{"name":"pointer","active":false}],"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--tertiary"],"attributes":{"id":"iksw4d"},"components":[{"type":"textnode","content":"Logout","attributes":{}}],"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":"HEADER","type":"container","classes":["bg-silex-purpel"],"attributes":{"id":"iy8ax3"},"components":[{"type":"container","classes":["section-top",{"name":"text-centered","active":false},{"name":"text-white","active":false}],"attributes":{"id":"iisz8f"},"components":[{"tagName":"H1","type":"text","classes":["title-40"],"attributes":{"id":"ic31o"},"components":[{"type":"textnode","content":"Welcome back!","attributes":{}},{"tagName":"br","void":true,"attributes":{}}],"template":{"before":"","replace":"{{ title2 }}","after":"","attributes":"v-if=\"!empty\"","classname":"","style":""},"custom-name":"Title"},{"tagName":"P","type":"text","classes":[{"name":"subtitle-16","active":false}],"attributes":{"id":"iyex8"},"components":[{"type":"textnode","content":"Dive into your projects or kickstart a new one","attributes":{}}],"template":{"before":"","replace":"{{ subtitle }}","after":"","attributes":"v-if=\"!empty\"","classname":"","style":""},"custom-name":"Subtitle"},{"tagName":"H1","type":"text","classes":["title-40"],"attributes":{"id":"i4ybc"},"components":[{"type":"textnode","content":"Welcome, let's get started","attributes":{}},{"tagName":"br","void":true,"attributes":{}}],"template":{"before":"","replace":"{{ title2-empty }}","after":"","attributes":"v-if=\"empty\"","classname":"","style":""},"custom-name":"title"},{"tagName":"P","type":"text","classes":[{"name":"subtitle-16","active":false}],"attributes":{"id":"iino6r"},"components":[{"type":"textnode","content":"Create your first project, click on the button \"Create a website\"","attributes":{}},{"tagName":"br","void":true,"attributes":{}}],"template":{"before":"","replace":"{{ subtitle-empty }}","after":"","attributes":"v-if=\"empty\"","classname":"","style":""}}],"custom-name":"section-top"}],"custom-name":"Top-banner"},{"tagName":"MAIN","type":"container","classes":[{"name":"padding-normal","active":false},{"name":"main-min-height","active":false},{"name":"website-max-width","active":false},"margin-80"],"attributes":{"id":"iz63r"},"components":[{"tagName":"SECTION","type":"container","attributes":{"id":"iqmx38"},"template":{"before":"","replace":"","after":"","attributes":"v-if=\"empty\"","classname":"","style":""},"custom-name":"Empty"},{"type":"container","classes":[{"name":"margin-20","active":false}],"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},{"name":"fx-scale","active":false},{"name":"fx-scale-round","active":false}],"attributes":{"id":"i2x0l"},"components":[{"tagName":"span","type":"text","classes":["icon-font"],"attributes":{"id":"ibsgw"},"components":[{"type":"textnode","content":"+","attributes":{}}]},{"type":"textnode","content":" ","attributes":{}},{"tagName":"span","type":"text","attributes":{"id":"itl2n8"},"components":[{"type":"textnode","content":"Create website","attributes":{}}],"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","attributes":{}}]}]},{"type":"container","classes":[{"name":"box","active":false},{"name":"top-space-40","active":false},{"name":"padding-30","active":false},"box_transp"],"attributes":{"id":"ihwwxz"},"components":[{"tagName":"H3","type":"text","classes":["box__header",{"name":"text-centered","active":false}],"attributes":{"id":"i3gd1b"},"components":[{"type":"textnode","content":"Create a new website","attributes":{}}],"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},{"name":"bold","active":false},{"name":"color-2B1B63-80","active":false}],"attributes":{"id":"i1nmbc"},"components":[{"type":"textnode","content":"Website name","attributes":{}}],"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-20","active":false},{"name":"fx-scale","active":false}],"attributes":{"type":"submit","id":"i021na"},"text":"Create","components":[{"type":"textnode","content":"Create","attributes":{}}],"template":{"before":"","replace":"{{ add-ok }}","after":"","attributes":"","classname":"","style":""}},{"type":"button","classes":["button",{"name":"rounded","active":false},"button--secondary",{"name":"fx-scale","active":false}],"attributes":{"type":"reset"},"text":"Cancel","components":[{"type":"textnode","content":"Cancel","attributes":{}}],"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>","classes":[{"name":"margin-20","active":false}],"attributes":{"id":"if80m"},"components":[{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"loaded__item","active":false}],"attributes":{"id":"idgvg"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"right-space-40","active":false},{"name":"color-2B1B63-80","active":false},{"name":"uppercase","active":false}],"attributes":{"id":"i69a7"},"components":[{"type":"textnode","content":"My first website","attributes":{}}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"website.name || website.id\"","classname":"","style":""}},{"tagName":"P","type":"text","classes":[{"name":"button-bar__item--secondary","active":false},{"name":"flex-no-shrink","active":false},{"name":"right-space-40","active":false}],"attributes":{"id":"i65hn"},"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo","attributes":{}}],"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--secondary","active":false},{"name":"flex-no-shrink","active":false},{"name":"right-space-40","active":false}],"attributes":{"id":"i64qa"},"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo","attributes":{}}],"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":"flex-no-shrink","active":false}],"attributes":{"id":"i3b4tr"},"components":[{"tagName":"BUTTON","type":"text","classes":[{"name":"right-space-20","active":false},{"name":"bold","active":false},{"name":"button-bar__item--link","active":false},{"name":"pointer","active":false},"fx-underline",{"name":"fx-scale","active":false}],"attributes":{"id":"ifyf6p","href":""},"components":[{"type":"textnode","content":"Edit","attributes":{}}],"originalTagName":"div","template":{"before":"","replace":"{{ list-edit }}","after":"","attributes":"@click=\"openEditor(website.websiteId, '{{lang}}')\"","classname":"","style":""}},{"tagName":"BUTTON","type":"text","classes":[{"name":"right-space-20","active":false},{"name":"button-bar__item--link","active":false},{"name":"pointer","active":false},"fx-underline",{"name":"fx-scale","active":false}],"attributes":{"href":"","id":"ihf6ew"},"components":[{"type":"textnode","content":"Rename","attributes":{}}],"originalTagName":"div","template":{"before":"","replace":"{{ list-rename }}","after":"","attributes":"@click=\"renameWebsite(website.websiteId, '{{lang}}')\"","classname":"","style":""}},{"tagName":"BUTTON","type":"text","classes":[{"name":"button-bar__item--link","active":false},{"name":"pointer","active":false},"fx-flash",{"name":"fx-scale","active":false}],"attributes":{"id":"iol4h"},"components":[{"type":"textnode","content":"X","attributes":{}}],"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":""},"custom-name":"button-bar"},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","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":"skeleton-text","active":false},"skeleton",{"name":"right-space-40","active":false}],"attributes":{"id":"iwu6a"},"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first","attributes":{}}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar__item--secondary","active":false},{"name":"skeleton-text","active":false},"skeleton",{"name":"right-space-40","active":false}],"attributes":{"id":"i26fn"},"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo","attributes":{}}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar__item--secondary","active":false},{"name":"skeleton-text","active":false},"skeleton",{"name":"right-space-40","active":false}],"attributes":{"id":"iywbk"},"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo","attributes":{}}]},{"type":"text","classes":["skeleton","skeleton-button"],"attributes":{"id":"ixz6c"},"components":[{"type":"textnode","content":"Edit","attributes":{}}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""},"custom-name":"skeleton-bar"},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","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":"skeleton-text","active":false},"skeleton",{"name":"right-space-40","active":false}],"attributes":{"id":"inmp3"},"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first","attributes":{}}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar__item--secondary","active":false},{"name":"skeleton-text","active":false},"skeleton",{"name":"right-space-40","active":false}],"attributes":{"id":"icjz8"},"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo","attributes":{}}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar__item--secondary","active":false},{"name":"skeleton-text","active":false},"skeleton",{"name":"right-space-40","active":false}],"attributes":{"id":"illbe"},"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo","attributes":{}}]},{"type":"text","classes":["skeleton","skeleton-button"],"attributes":{"id":"i9fx3l"},"components":[{"type":"textnode","content":"Edit","attributes":{}}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""},"custom-name":"skeleton-bar"},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","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":["button-bar_item",{"name":"button-bar__item--main","active":false},{"name":"skeleton-text","active":false},"skeleton",{"name":"right-space-40","active":false}],"attributes":{},"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first","attributes":{}}]},{"tagName":"P","type":"text","classes":["button-bar_item",{"name":"button-bar__item--secondary","active":false},{"name":"skeleton-text","active":false},"skeleton",{"name":"right-space-40","active":false}],"attributes":{},"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo","attributes":{}}]},{"tagName":"P","type":"text","classes":["button-bar_item",{"name":"button-bar__item--secondary","active":false},{"name":"skeleton-text","active":false},"skeleton",{"name":"right-space-40","active":false}],"attributes":{},"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo","attributes":{}}]},{"type":"text","classes":["button-bar_item","skeleton","skeleton-button"],"attributes":{"id":"i8oes3"},"components":[{"type":"textnode","content":"Edit","attributes":{}}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""},"custom-name":"skeleton-bar"}],"custom-name":"List","template":{"before":"","replace":"","after":"","attributes":"v-if=\"!empty\"","classname":"","style":""}},{"type":"container","attributes":{"id":"ipccl7"},"components":[{"type":"container","classes":[{"name":"margin-20","active":false},"empty-image"],"attributes":{"id":"i2fkm9"},"custom-name":"empty-image","template":{"before":"","replace":"","after":"","attributes":"v-if=\"empty\"","classname":"","style":""}},{"type":"container","classes":[{"name":"box","active":false},{"name":"padding-50-30","active":false}],"attributes":{"id":"i5ydxo"},"components":[{"tagName":"P","type":"text","classes":[{"name":"text-centered","active":false},"title-26"],"attributes":{"id":"ikl1qu"},"components":[{"type":"textnode","content":"C'est bien calme ici..","attributes":{}},{"tagName":"br","void":true,"attributes":{}}],"template":{"before":"","replace":"{{ text-empty1 }}","after":"","attributes":"","classname":"","style":""}},{"tagName":"H3","type":"text","classes":[{"name":"text-centered","active":false},"title-26"],"attributes":{"id":"iwzrqi"},"components":[{"type":"textnode","content":"Prêt à démarrer une nouvelle aventure ?","attributes":{}}],"template":{"before":"","replace":"{{ text-empty2 }}","after":"","attributes":"","classname":"","style":""}}],"custom-name":"text-box","template":{"before":"","replace":"","after":"","attributes":"v-if=\"empty\"","classname":"","style":""}}],"custom-name":"empty-image-box"},{"type":"container","classes":["flex-between",{"name":"box-message","active":false},{"name":"text-white","active":false}],"attributes":{"id":"i7ej6j"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"box-message-text","active":false}],"attributes":{"id":"iv0eyi"},"components":[{"type":"textnode","content":"Insert your text here","attributes":{}}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"error\"","classname":"","style":""}},{"type":"text","classes":[{"name":"pointer","active":false},{"name":"button-bar__item--link","active":false},{"name":"text-white","active":false}],"attributes":{"id":"i4656n"},"components":[{"type":"textnode","content":"Dismiss","attributes":{}}],"template":{"before":"","replace":"{{ message-dismiss }}","after":"","attributes":"@click=\"error = null\"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"error\"","classname":"","style":""},"custom-name":"box-message"},{"type":"container","classes":["flex-between",{"name":"box-message","active":false},{"name":"text-white","active":false}],"attributes":{"id":"ilteie"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"box-message-text","active":false}],"attributes":{"id":"i2d31v"},"components":[{"type":"textnode","content":"Insert your text here","attributes":{}}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"message\"","classname":"","style":""}},{"type":"text","classes":[{"name":"rounded","active":false},{"name":"pointer","active":false},{"name":"button-bar__item--link","active":false},{"name":"text-white","active":false}],"attributes":{"id":"i2urco"},"components":[{"type":"textnode","content":"Dismiss","attributes":{}}],"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":["footer"],"attributes":{"id":"ilzpl"},"components":[{"type":"text","classes":[{"name":"website-max-width","active":false}],"attributes":{"id":"i238z"},"components":[{"type":"textnode","content":"Links","attributes":{}},{"tagName":"br","void":true,"attributes":{}},{"tagName":"ul","attributes":{"id":"ibmxx"},"components":[{"tagName":"li","type":"text","attributes":{"id":"iktkw"},"components":[{"type":"textnode","content":"Docs","attributes":{}}]},{"tagName":"li","type":"text","attributes":{"id":"ipexhl"},"components":[{"type":"textnode","content":"Support","attributes":{}}]},{"tagName":"li","type":"text","classes":["gjs-hovered"],"attributes":{"id":"ihfzt","draggable":"true"},"components":[{"type":"textnode","content":"Bug report","attributes":{}}]},{"tagName":"li","type":"text","attributes":{"id":"i4qli"},"components":[{"type":"textnode","content":"Source code","attributes":{}},{"tagName":"br","void":true,"attributes":{}}]}]}],"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":["menu-bar"],"attributes":{"id":"ij139z"},"components":[{"tagName":"A","type":"container","attributes":{"href":"/","id":"iy54t1"},"components":[{"type":"image","classes":["nav__logo"],"attributes":{"src":"/assets/picto-silex@3x.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",{"name":"uppercase","active":false}],"attributes":{"href":"{{ item.url }}","id":"i0g3ac"},"components":[{"type":"textnode","content":"Sites","attributes":{}}],"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},{"name":"uppercase","active":false}],"attributes":{},"components":[{"tagName":"A","type":"text","classes":["lang__item","nav__item"],"attributes":{"href":"/{{ link.code }}"},"components":[{"type":"textnode","content":"en","attributes":{}}],"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\"] }}","attributes":{}}],"originalTagName":"div"},{"type":"container","classes":["bg-silex-purpel"],"attributes":{"id":"imawg3"},"components":[{"type":"container","attributes":{"id":"imgx81"},"components":[{"type":"container","classes":[{"name":"box","active":false},{"name":"text-centered","active":false},{"name":"padding-100-30","active":false},"box_login"],"attributes":{"id":"iikf0s"},"components":[{"tagName":"H1","type":"text","classes":["title-40"],"attributes":{"id":"ighycb"},"components":[{"type":"textnode","content":"Welcome to Silex","attributes":{}},{"tagName":"br","void":true,"attributes":{}}],"template":{"before":"","replace":"{{ api-translations[lang][\"Welcome to Silex\"] }}","after":"","attributes":"","classname":"","style":""}},{"type":"text","classes":[{"name":"subtitle-16","active":false}],"attributes":{"id":"it2175"},"components":[{"type":"textnode","content":"Please login to continue","attributes":{}},{"tagName":"br","void":true,"attributes":{}}],"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},"button-bar_item","button","big-button"],"attributes":{"id":"isqe61","href":"https://"},"components":[{"type":"container","classes":["button-bar__item__icon"],"attributes":{"id":"io3lid"},"template":{"before":"","replace":"","after":"","attributes":":style='`background: url(\"${connector.icon}\"); background-repeat: no-repeat; background-size: contain;`'","classname":"","style":""}},{"type":"text","attributes":{"id":"i87asw"},"components":[{"type":"textnode","content":"Insert your text here","attributes":{}}],"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"}],"custom-name":"text-box"},{"type":"text","classes":[{"name":"text-white","active":false},"top-space-20"],"attributes":{"id":"i9msnk"},"components":[{"type":"textnode","content":"Insert your text here","attributes":{}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"error\" v-html=\"message\"","classname":"","style":""}},{"type":"text","classes":["button","button--tertiary"],"attributes":{"id":"i6akll"},"components":[{"type":"textnode","content":"{{ api-translations[lang][\"Logout\"] }}","attributes":{}}],"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":"<!--  font google -->\n<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" />\n<link href=\"https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;700&display=swap\" rel=\"stylesheet\">\n\n{% render \"alternate.liquid\" languages: languages lang: lang page: page %}\n\n<style>\nbody {\tcolor:#2B1B63;}\n.button, .pointer { cursor: pointer!important}\n.button{min-width:110px;}\na { \n\ttext-decoration: none;\n\tcolor:#8873FE;}\na:hover { text-decoration: underline; }\n.uppercase  {text-transform: uppercase;}\n\n/*footer position*/\n.main-min-height {min-height: calc(100vh - 560px);}\n/*footer position*/\n\n/*label*/\n::placeholder {color: #8873FE;}\ninput:focus {\n\tborder: 2px solid ##9977FE;\n\tbackground-color:#ffffff;}\n:focus { outline: none;}\n/*label*/\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/*FX ANIMATIONS*/\n.fx-scale:hover  {\n\ttransform-origin: center bottom;\n\ttransform: scale(1.1);\n\ttransition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);\n}\n/*flash*/\n.fx-underline:hover, .fx-flash:hover {\n\t        animation: flash-in .5s ;\n}\n/* Underline animation */\n.fx-underline  {\n\tposition: relative;\n}\n/* Fade in */\n.fx-underline::after {\n\tcontent: '';\n\tposition: absolute;\n\tbottom: -3px;\n\tleft: 0;\n\twidth: 100%;\n\theight: 0.1em;\n\tbackground-color: #8873fe;\n\topacity: 0;\n\ttransition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 1.8);\n}\n\n.fx-underline:hover::after,\n.fx-underline:focus::after {\n\topacity: 1;\n\ttransform: translate3d(0, 2.2em, 0);\n}\n\n/* Scale from center */\n.fx-underline:after {\n\ttransform: scale(0);\n\ttransform-origin: center;\n}\n\n.fx-underline:hover::after,\n.fx-underline:focus::after{\n\ttransform: scale(1);\n}\n/* Underline animation */\n/*flash-in animation*/\n      @keyframes flash-in{\n        0% {opacity:0;}\n        100% {opacity:1;}\n      }\n/*flash-in animation*/\n/*FX ANIMATIONS*/\n</style>"},"name":"Dashboard","fonts":[{"name":"Ubuntu","value":"\"Ubuntu\", 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":"#ffffff","background":"#006400"}}}
+{"assets":[{"type":"image","src":"/assets/gitlab.svg","unitDim":"px","height":0,"width":0},{"type":"image","src":"/assets/picto-silex@3x.png","unitDim":"px","height":0,"width":0},{"type":"image","src":"/assets/logo-silex.svg","unitDim":"px","height":0,"width":0},{"type":"image","src":"/assets/empty-projects-sos.gif","unitDim":"px","height":0,"width":0},{"type":"image","src":"/assets/bg-purpel-silex.webp","unitDim":"px","height":0,"width":0},{"type":"image","src":"/assets/bg-silex-purpel.webp","unitDim":"px","height":0,"width":0},{"type":"image","src":"/assets/picto-silex@3x.png","unitDim":"px","height":0,"width":0}],"styles":[{"selectors":["nav__item"],"style":{"margin":"0px 10px 0px 10px","font-size":"0.8rem","padding":"24px 0px 24px 0px","color":"#4a4a4a"}},{"selectors":["body"],"style":{"font-family":"\"Ubuntu\", sans-serif","background-color":"#f0f0f0"}},{"selectors":["menu-bar"],"style":{"display":"flex","align-items":"center","justify-content":"space-between","background-color":"#ffffff","height":"94px","padding":"0px 100px 0px 100px","width":"100%"}},{"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":[{"name":"subtitle-16","active":false}],"style":{"font-size":"1rem","margin":"0px 0px 20px 0px"}},{"selectors":["section"],"style":{"margin":"80px auto 80px auto"}},{"selectors":[{"name":"subtitle-16","active":false},{"name":"color--light","active":false}],"style":{"color":"#636363","font-weight":"700"}},{"selectors":[{"name":"button","active":false}],"style":{"font-size":"0.8rem","padding":"10px 20px 10px 20px","display":"inline-block","border":"2px solid #8873fe","transition":"all 0.18s ease-out","font-weight":"700","line-height":"1.2rem"}},{"selectors":[{"name":"button","active":false},{"name":"button--primary","active":false}],"style":{"background-color":"#8873fe","color":"white"}},{"selectors":[{"name":"button-bar","active":false}],"style":{"margin":"20px 0px 20px 0px","display":"flex","padding":"30px 30px 30px 30px","align-items":"center","justify-content":"space-between","border-radius":"4px 4px 4px 4px","background-color":"#ffffff"}},{"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},{"name":"button-bar__item--secondary","active":false}],"style":{"font-size":"0.8rem"}},{"selectors":[{"name":"button","active":false},"button--secondary"],"style":{"font-weight":"400","color":"#8873fe","border":"2px solid #8873fe"}},{"selectors":[{"name":"bg-white","active":false}],"style":{"background-color":"#ffffff"}},{"selectors":[{"name":"rounded","active":false}],"style":{"border-radius":"4px 4px 4px 4px"}},{"selectors":["footer"],"style":{"display":"flex","margin":"50px 0px 50px 0px","background-color":"#ffffff","align-items":"center","justify-content":"space-evenly","padding":"30px 30px 30px 30px"}},{"selectors":[{"name":"skeleton-text","active":false},"skeleton"],"style":{"background-color":"#dddddd","color":"transparent","opacity":"0.31","border-radius":"5px 5px 5px 5px"}},{"selectors":["skeleton","skeleton-button"],"style":{"color":"transparent","opacity":"0.31","background-color":"#dddddd","border-radius":"5px 5px 5px 5px","width":"140px"}},{"selectors":[{"name":"skeleton-anim","active":false}],"style":{"position":"relative"}},{"selectors":["nav__item","active"],"style":{"color":"black"}},{"selectors":[{"name":"margin-20","active":false}],"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":[{"name":"button--small","active":false}],"style":{"padding":"3px 12px 4px 12px"}},{"selectors":["form"],"style":{"padding":"10px 0px 10px 0px","border-radius":"5px 5px 5px 5px"}},{"selectors":["#i1nmbc"],"style":{"flex-shrink":"0"}},{"selectors":["input"],"style":{"padding":"10px 10px 10px 10px","background-color":"transparent","border":"2px solid #8873fe","margin":"10px 0px 10px 0px","border-radius":"4px 4px 4px 4px"}},{"selectors":[{"name":"full-width","active":false}],"style":{"width":"100%"}},{"selectors":[{"name":"v-space","active":false}],"style":{"margin":"10px 0px 10px 0px"}},{"selectors":[{"name":"box","active":false}],"style":{"border-radius":"4px 4px 4px 4px","background-color":"#ffffff"}},{"selectors":["box__header"],"style":{"margin":"0px 0px 0px 0px","padding":"10px 0px 10px 0px","font-weight":"700","font-size":"1.625rem","color":"rgba(43,27,99,0.5)"}},{"selectors":[{"name":"box","active":false},"flex-between"],"style":{"align-items":"center"}},{"selectors":["flex-between"],"style":{"display":"flex","align-items":"center","justify-content":"space-between"}},{"selectors":[{"name":"h-space","active":false}],"style":{"margin":"0px 10px 0px 0px"}},{"selectors":["button--tertiary"],"style":{"background-color":"transparent","font-weight":"400"}},{"selectors":["icon-font"],"style":{"font-size":"1.5rem","line-height":"1px","margin":"0px 2px 0px 2px"}},{"selectors":["lang__item"],"style":{"margin":"0px 5px 0px 5px"}},{"selectors":[{"name":"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-20","active":false}],"style":{"margin":"0px 20px 0px 0px"}},{"selectors":["#iksw4d"],"style":{"padding":"10px"}},{"selectors":[{"name":"button","active":false}],"style":{"color":"#8873fe","border":"2px solid #8873fe"},"state":"hover"},{"selectors":[{"name":"button","active":false},"button--secondary"],"style":{"background-color":"white","border":"2px solid rgba(136,115,254,0.5)"},"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":[{"name":"big-button","active":false}],"style":{"border-radius":"5px 5px 5px 5px","font-size":"15px","margin":"10px 10px 10px 10px","padding":"15px 30px 15px 30px","font-weight":"700","background-color":"#ffffff"}},{"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-40"],"style":{"margin":"0 0 10px 0","font-size":"2.5rem","font-weight":"700"}},{"selectors":["#i7329q"],"style":{"display":"flex"}},{"selectors":["#iehijh"],"style":{"padding":"10px"}},{"selectors":["#in5jeq"],"style":{"display":"flex"}},{"selectors":["#ij139z"],"style":{"position":"absolute"}},{"selectors":["bg-silex-purpel"],"style":{"background-repeat":"repeat-y","background-position":"center top","background-attachment":"scroll","background-size":"contain","background-image":"url('/assets/bg-purpel-silex.webp')"}},{"selectors":["section-top"],"style":{"max-width":"1200px","padding":"40px 30px 40px 30px","height":"226px","display":"flex","flex-direction":"column","justify-content":"center","margin":"0px auto 0px auto"}},{"selectors":[{"name":"text-centered","active":false}],"style":{"text-align":"center"}},{"selectors":[{"name":"box-message","active":false}],"style":{"background-color":"rgba(43,27,99,0.3)","border-radius":"4px 4px 4px 4px","padding":"20px 30px 20px 30px","margin":"10px 0px 10px 0px"}},{"selectors":[{"name":"text-white","active":false}],"style":{"color":"#ffffff"}},{"selectors":[{"name":"bold","active":false}],"style":{"font-weight":"800"}},{"selectors":[{"name":"button-bar__item--link","active":false}],"style":{"background-color":"transparent","border":"0px solid black","font-size":"0.8rem","color":"#8873fe"}},{"selectors":[{"name":"padding-30","active":false}],"style":{"padding":"30px 30px 30px 30px"}},{"selectors":[{"name":"padding-20-30","active":false}],"style":{"padding":"20px 30px 20px 30px"}},{"selectors":[{"name":"right-space-40","active":false}],"style":{"margin":"0 40px 0 0"}},{"selectors":["subtitle"],"style":{"font-size":"1.625rem","font-weight":"100"}},{"selectors":["title-26"],"style":{"font-size":"1.625rem","margin":"10px 0px 10px 0px"}},{"selectors":["empty-image"],"style":{"min-height":"500px","background-image":"url('/assets/empty-projects-sos.gif')","background-repeat":"no-repeat","background-position":"center center","background-attachment":"scroll","background-size":"contain"}},{"selectors":[{"name":"padding-50-30","active":false}],"style":{"padding":"50px 30px 50px 30px"}},{"selectors":[{"name":"box","active":false},"box_transp"],"style":{"background-color":"rgba(255,255,255,0.5)"}},{"selectors":[{"name":"padding-100-30","active":false}],"style":{"padding":"100px 30px 80px 30px"}},{"selectors":["top-space-20"],"style":{"margin":"20px 0 0 0"}},{"selectors":[{"name":"button","active":false},"button--tertiary"],"style":{"border":"2px solid transparent","background-color":"rgba(221,221,221,0.5)"}},{"selectors":["box_login"],"style":{"max-width":"880px","width":"100%"}},{"selectors":[{"name":"button-bar__item--link","active":false},{"name":"text-white","active":false}],"style":{"color":"#ffffff"}},{"selectors":[{"name":"button","active":false},{"name":"big-button","active":false}],"style":{"border":"2px solid transparent"}},{"selectors":[{"name":"color-2B1B63-80","active":false}],"style":{"color":"rgba(43,27,99,0.8)"}},{"selectors":[{"name":"button","active":false},"button--tertiary"],"style":{"border":"2px solid #8873fe","color":"#8873fe","background-color":"white"},"state":"hover"},{"selectors":["footer-height-compensation"],"style":{"position":"relative"}},{"selectors":["footer-height"],"style":{"height":"10rem","position":"absolute","bottom":"0px","display":"flex","width":"100%"}},{"selectors":["button-bar__item__icon"],"style":{"float":"left","height":"40px","width":"40px","margin":"5px 5px 5px 5px"}},{"selectors":[{"name":"box-message-text","active":false}],"style":{"margin":"0px 0 0 0","font-weight":"300"}},{"selectors":[{"name":"website-max-width","active":false}],"style":{"max-width":"1200px"}},{"selectors":["margin-80"],"style":{"margin":"80px auto 80px auto"}},{"selectors":[{"name":"button-bar__item--secondary","active":false}],"style":{"font-size":"0.8rem"}},{"selectors":["skeleton"],"style":{"line-height":"1.1rem"}},{"selectors":["#isucae"],"style":{"min-height":"100px"}},{"selectors":[{"name":"footer__column","active":false}],"style":{"display":"flex","flex-direction":"column"}},{"selectors":["#iahjww"],"style":{"padding":"10px"}},{"selectors":["#ie28kq"],"style":{"min-height":"100px"}},{"selectors":["footer__item"],"style":{"padding":"10px 10px 10px 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-list\"></span>","classes":["menu-bar"],"attributes":{"id":"igrg"},"components":[{"tagName":"A","type":"container","attributes":{"id":"igvu43","href":"/"},"components":[{"type":"image","classes":["nav__logo"],"attributes":{"src":"/assets/picto-silex@3x.png","href":"","id":"iel80b-2"},"custom-name":"logo","originalTagName":"img"}],"originalTagName":"div","custom-name":"logo"},{"tagName":"NAV","type":"container","classes":["nav"],"attributes":{"id":"i9jq"},"components":[{"tagName":"A","type":"text","classes":["nav__item",{"name":"uppercase","active":false}],"attributes":{"id":"iels","href":"{{ item.url }}"},"components":[{"type":"textnode","content":"Sites","attributes":{}}],"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",{"name":"uppercase","active":false}],"attributes":{"href":"/{{ link.code }}","id":"iciz"},"components":[{"type":"textnode","content":"en","attributes":{}}],"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",{"name":"pointer","active":false}],"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--tertiary"],"attributes":{"id":"iksw4d"},"components":[{"type":"textnode","content":"Logout","attributes":{}}],"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":"HEADER","type":"container","classes":["bg-silex-purpel"],"attributes":{"id":"iy8ax3"},"components":[{"type":"container","classes":["section-top",{"name":"text-centered","active":false},{"name":"text-white","active":false}],"attributes":{"id":"iisz8f"},"components":[{"tagName":"H1","type":"text","classes":["title-40"],"attributes":{"id":"ic31o"},"components":[{"type":"textnode","content":"Welcome back!","attributes":{}},{"tagName":"br","void":true,"attributes":{}}],"template":{"before":"","replace":"{{ title2 }}","after":"","attributes":"v-if=\"!empty\"","classname":"","style":""},"custom-name":"Title"},{"tagName":"P","type":"text","classes":[{"name":"subtitle-16","active":false}],"attributes":{"id":"iyex8"},"components":[{"type":"textnode","content":"Dive into your projects or kickstart a new one","attributes":{}}],"template":{"before":"","replace":"{{ subtitle }}","after":"","attributes":"v-if=\"!empty\"","classname":"","style":""},"custom-name":"Subtitle"},{"tagName":"H1","type":"text","classes":["title-40"],"attributes":{"id":"i4ybc"},"components":[{"type":"textnode","content":"Welcome, let's get started","attributes":{}},{"tagName":"br","void":true,"attributes":{}}],"template":{"before":"","replace":"{{ title2-empty }}","after":"","attributes":"v-if=\"empty\"","classname":"","style":""},"custom-name":"title"},{"tagName":"P","type":"text","classes":[{"name":"subtitle-16","active":false}],"attributes":{"id":"iino6r"},"components":[{"type":"textnode","content":"Create your first project, click on the button \"Create a website\"","attributes":{}},{"tagName":"br","void":true,"attributes":{}}],"template":{"before":"","replace":"{{ subtitle-empty }}","after":"","attributes":"v-if=\"empty\"","classname":"","style":""}}],"custom-name":"section-top"}],"custom-name":"Top-banner"},{"tagName":"MAIN","type":"container","classes":[{"name":"padding-normal","active":false},{"name":"main-min-height","active":false},{"name":"website-max-width","active":false},"margin-80"],"attributes":{"id":"iz63r"},"components":[{"tagName":"SECTION","type":"container","attributes":{"id":"iqmx38"},"template":{"before":"","replace":"","after":"","attributes":"v-if=\"empty\"","classname":"","style":""},"custom-name":"Empty"},{"type":"container","classes":[{"name":"margin-20","active":false}],"attributes":{"id":"ickx4"},"components":[{"tagName":"BUTTON","type":"text","classes":[{"name":"button","active":false},{"name":"button--primary","active":false},{"name":"rounded","active":false},{"name":"top-space-40","active":false},"fx-scale-round"],"attributes":{"id":"i2x0l"},"components":[{"tagName":"span","type":"text","classes":["icon-font"],"attributes":{"id":"ibsgw"},"components":[{"type":"textnode","content":"+","attributes":{}}]},{"type":"textnode","content":" ","attributes":{}},{"tagName":"span","type":"text","attributes":{"id":"itl2n8"},"components":[{"type":"textnode","content":"Create website","attributes":{}}],"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","attributes":{}}]}]},{"type":"container","classes":[{"name":"box","active":false},{"name":"top-space-40","active":false},{"name":"padding-30","active":false},"box_transp"],"attributes":{"id":"ihwwxz"},"components":[{"tagName":"H3","type":"text","classes":["box__header",{"name":"text-centered","active":false}],"attributes":{"id":"i3gd1b"},"components":[{"type":"textnode","content":"Create a new website","attributes":{}}],"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},{"name":"bold","active":false},{"name":"color-2B1B63-80","active":false}],"attributes":{"id":"i1nmbc"},"components":[{"type":"textnode","content":"Website name","attributes":{}}],"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-20","active":false},"fx-scale-round"],"attributes":{"type":"submit","id":"i021na"},"text":"Create","components":[{"type":"textnode","content":"Create","attributes":{}}],"template":{"before":"","replace":"{{ add-ok }}","after":"","attributes":"","classname":"","style":""}},{"type":"button","classes":[{"name":"button","active":false},{"name":"rounded","active":false},"button--secondary","fx-scale-round"],"attributes":{"type":"reset"},"text":"Cancel","components":[{"type":"textnode","content":"Cancel","attributes":{}}],"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>","classes":[{"name":"margin-20","active":false}],"attributes":{"id":"if80m"},"components":[{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"loaded__item","active":false}],"attributes":{"id":"idgvg"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"right-space-40","active":false},{"name":"color-2B1B63-80","active":false},{"name":"uppercase","active":false},{"name":"pointer","active":false}],"attributes":{"id":"i69a7"},"components":[{"type":"textnode","content":"My first website","attributes":{}}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"website.name || website.id\" @click=\"openEditor(website.websiteId, '{{lang}}')\"","classname":"","style":""}},{"tagName":"P","type":"text","classes":[{"name":"button-bar__item--secondary","active":false},{"name":"flex-no-shrink","active":false},{"name":"right-space-40","active":false}],"attributes":{"id":"i65hn"},"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo","attributes":{}}],"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--secondary","active":false},{"name":"flex-no-shrink","active":false},{"name":"right-space-40","active":false}],"attributes":{"id":"i64qa"},"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo","attributes":{}}],"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":"flex-no-shrink","active":false}],"attributes":{"id":"i3b4tr"},"components":[{"tagName":"BUTTON","type":"text","classes":[{"name":"right-space-20","active":false},{"name":"bold","active":false},{"name":"button-bar__item--link","active":false},{"name":"pointer","active":false},"fx-underline",{"name":"fx-scale","active":false}],"attributes":{"id":"ifyf6p","href":""},"components":[{"type":"textnode","content":"Edit","attributes":{}}],"originalTagName":"div","template":{"before":"","replace":"{{ list-edit }}","after":"","attributes":"@click=\"openEditor(website.websiteId, '{{lang}}')\"","classname":"","style":""}},{"tagName":"BUTTON","type":"text","classes":[{"name":"right-space-20","active":false},{"name":"button-bar__item--link","active":false},{"name":"pointer","active":false},"fx-underline",{"name":"fx-scale","active":false}],"attributes":{"href":"","id":"ihf6ew"},"components":[{"type":"textnode","content":"Rename","attributes":{}}],"originalTagName":"div","template":{"before":"","replace":"{{ list-rename }}","after":"","attributes":"@click=\"renameWebsite(website.websiteId, '{{lang}}')\"","classname":"","style":""}},{"tagName":"BUTTON","type":"text","classes":[{"name":"button-bar__item--link","active":false},{"name":"pointer","active":false},"fx-flash",{"name":"fx-scale","active":false}],"attributes":{"id":"iol4h"},"components":[{"type":"textnode","content":"X","attributes":{}}],"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":""},"custom-name":"button-bar"},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","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":"skeleton-text","active":false},"skeleton",{"name":"right-space-40","active":false}],"attributes":{"id":"iwu6a"},"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first","attributes":{}}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar__item--secondary","active":false},{"name":"skeleton-text","active":false},"skeleton",{"name":"right-space-40","active":false}],"attributes":{"id":"i26fn"},"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo","attributes":{}}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar__item--secondary","active":false},{"name":"skeleton-text","active":false},"skeleton",{"name":"right-space-40","active":false}],"attributes":{"id":"iywbk"},"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo","attributes":{}}]},{"type":"text","classes":["skeleton","skeleton-button"],"attributes":{"id":"ixz6c"},"components":[{"type":"textnode","content":"Edit","attributes":{}}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""},"custom-name":"skeleton-bar"},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","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":"skeleton-text","active":false},"skeleton",{"name":"right-space-40","active":false}],"attributes":{"id":"inmp3"},"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first","attributes":{}}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar__item--secondary","active":false},{"name":"skeleton-text","active":false},"skeleton",{"name":"right-space-40","active":false}],"attributes":{"id":"icjz8"},"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo","attributes":{}}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar__item--secondary","active":false},{"name":"skeleton-text","active":false},"skeleton",{"name":"right-space-40","active":false}],"attributes":{"id":"illbe"},"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo","attributes":{}}]},{"type":"text","classes":["skeleton","skeleton-button"],"attributes":{"id":"i9fx3l"},"components":[{"type":"textnode","content":"Edit","attributes":{}}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""},"custom-name":"skeleton-bar"},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","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},{"name":"skeleton-text","active":false},"skeleton",{"name":"right-space-40","active":false}],"attributes":{},"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first","attributes":{}}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},{"name":"skeleton-text","active":false},"skeleton",{"name":"right-space-40","active":false}],"attributes":{},"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo","attributes":{}}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},{"name":"skeleton-text","active":false},"skeleton",{"name":"right-space-40","active":false}],"attributes":{},"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo","attributes":{}}]},{"type":"text","classes":[{"name":"button-bar_item","active":false},"skeleton","skeleton-button"],"attributes":{"id":"i8oes3"},"components":[{"type":"textnode","content":"Edit","attributes":{}}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""},"custom-name":"skeleton-bar"}],"custom-name":"List","template":{"before":"","replace":"","after":"","attributes":"v-if=\"!empty\"","classname":"","style":""}},{"type":"container","attributes":{"id":"ipccl7"},"components":[{"type":"container","classes":[{"name":"margin-20","active":false},"empty-image"],"attributes":{"id":"i2fkm9"},"custom-name":"empty-image","template":{"before":"","replace":"","after":"","attributes":"v-if=\"empty\"","classname":"","style":""}},{"type":"container","classes":[{"name":"box","active":false},{"name":"padding-50-30","active":false}],"attributes":{"id":"i5ydxo"},"components":[{"tagName":"P","type":"text","classes":[{"name":"text-centered","active":false},"title-26"],"attributes":{"id":"ikl1qu"},"components":[{"type":"textnode","content":"C'est bien calme ici..","attributes":{}},{"tagName":"br","void":true,"attributes":{}}],"template":{"before":"","replace":"{{ text-empty1 }}","after":"","attributes":"","classname":"","style":""}},{"tagName":"H3","type":"text","classes":[{"name":"text-centered","active":false},"title-26"],"attributes":{"id":"iwzrqi"},"components":[{"type":"textnode","content":"Prêt à démarrer une nouvelle aventure ?","attributes":{}}],"template":{"before":"","replace":"{{ text-empty2 }}","after":"","attributes":"","classname":"","style":""}}],"custom-name":"text-box","template":{"before":"","replace":"","after":"","attributes":"v-if=\"empty\"","classname":"","style":""}}],"custom-name":"empty-image-box"},{"type":"container","classes":["flex-between",{"name":"box-message","active":false},{"name":"text-white","active":false}],"attributes":{"id":"i7ej6j"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"box-message-text","active":false}],"attributes":{"id":"iv0eyi"},"components":[{"type":"textnode","content":"Insert your text here","attributes":{}}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"error\"","classname":"","style":""}},{"type":"text","classes":[{"name":"pointer","active":false},{"name":"button-bar__item--link","active":false},{"name":"text-white","active":false}],"attributes":{"id":"i4656n"},"components":[{"type":"textnode","content":"Dismiss","attributes":{}}],"template":{"before":"","replace":"{{ message-dismiss }}","after":"","attributes":"@click=\"error = null\"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"error\"","classname":"","style":""},"custom-name":"box-message"},{"type":"container","classes":["flex-between",{"name":"box-message","active":false},{"name":"text-white","active":false}],"attributes":{"id":"ilteie"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"box-message-text","active":false}],"attributes":{"id":"i2d31v"},"components":[{"type":"textnode","content":"Insert your text here","attributes":{}}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"message\"","classname":"","style":""}},{"type":"text","classes":[{"name":"rounded","active":false},{"name":"pointer","active":false},{"name":"button-bar__item--link","active":false},{"name":"text-white","active":false}],"attributes":{"id":"i2urco"},"components":[{"type":"textnode","content":"Dismiss","attributes":{}}],"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":["footer"],"attributes":{"id":"ilzpl"},"components":[{"type":"container","classes":[{"name":"footer__column","active":false}],"attributes":{"id":"isucae"},"components":[{"tagName":"A","type":"text","classes":["footer__item"],"attributes":{"id":"ipa5zg","href":"{{ item.url }}"},"components":[{"type":"textnode","content":"Insert your text here","attributes":{}}],"template":{"before":"{% for item in footer1 %}","replace":"{{ item.label }}","after":"{% endfor %}","attributes":"","classname":"","style":""},"originalTagName":"div"}]},{"type":"container","classes":[{"name":"footer__column","active":false}],"attributes":{"id":"ie28kq"},"components":[{"tagName":"A","type":"text","classes":["footer__item"],"attributes":{"href":"{{ item.url }}","id":"iahjww"},"components":[{"type":"textnode","content":"Insert your text here","attributes":{}}],"template":{"before":"{% for item in footer2 %}","replace":"{{ item.label }}","after":"{% endfor %}","attributes":"","classname":"","style":""},"originalTagName":"div"}]}],"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":["menu-bar"],"attributes":{"id":"ij139z"},"components":[{"tagName":"A","type":"container","attributes":{"href":"/","id":"iy54t1"},"components":[{"type":"image","classes":["nav__logo"],"attributes":{"src":"/assets/picto-silex@3x.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",{"name":"uppercase","active":false}],"attributes":{"href":"{{ item.url }}","id":"i0g3ac"},"components":[{"type":"textnode","content":"Sites","attributes":{}}],"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},{"name":"uppercase","active":false}],"attributes":{},"components":[{"tagName":"A","type":"text","classes":["lang__item","nav__item"],"attributes":{"href":"/{{ link.code }}"},"components":[{"type":"textnode","content":"en","attributes":{}}],"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":[{"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\"] }}","attributes":{}}],"originalTagName":"div"},{"type":"container","classes":["bg-silex-purpel"],"attributes":{"id":"imawg3"},"components":[{"type":"container","attributes":{"id":"imgx81"},"components":[{"type":"container","classes":[{"name":"box","active":false},{"name":"text-centered","active":false},{"name":"padding-100-30","active":false},"box_login"],"attributes":{"id":"iikf0s"},"components":[{"tagName":"H1","type":"text","classes":["title-40"],"attributes":{"id":"ighycb"},"components":[{"type":"textnode","content":"Welcome to Silex","attributes":{}},{"tagName":"br","void":true,"attributes":{}}],"template":{"before":"","replace":"{{ api-translations[lang][\"Welcome to Silex\"] }}","after":"","attributes":"","classname":"","style":""}},{"type":"text","classes":[{"name":"subtitle-16","active":false}],"attributes":{"id":"it2175"},"components":[{"type":"textnode","content":"Please login to continue","attributes":{}},{"tagName":"br","void":true,"attributes":{}}],"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":"button","active":false},{"name":"big-button","active":false}],"attributes":{"id":"isqe61","href":"https://"},"components":[{"type":"container","classes":["button-bar__item__icon"],"attributes":{"id":"io3lid"},"template":{"before":"","replace":"","after":"","attributes":":style='`background: url(\"${connector.icon}\"); background-repeat: no-repeat; background-size: contain;`'","classname":"","style":""}},{"type":"text","attributes":{"id":"i87asw"},"components":[{"type":"textnode","content":"Insert your text here","attributes":{}}],"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"}],"custom-name":"text-box"},{"type":"text","classes":[{"name":"text-white","active":false},"top-space-20"],"attributes":{"id":"i9msnk"},"components":[{"type":"textnode","content":"Insert your text here","attributes":{}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"error\" v-html=\"message\"","classname":"","style":""}},{"type":"text","classes":[{"name":"button","active":false},"button--tertiary"],"attributes":{"id":"i6akll"},"components":[{"type":"textnode","content":"{{ api-translations[lang][\"Logout\"] }}","attributes":{}}],"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":"<!--  font google -->\n<link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" />\n<link href=\"https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;700&display=swap\" rel=\"stylesheet\">\n\n{% render \"alternate.liquid\" languages: languages lang: lang page: page %}\n\n<style>\nbody {\tcolor:#2B1B63;}\n/*BTNS*/\n.button, .pointer { cursor: pointer!important}\n.button{min-width:110px;}\n/*BTNS*/\na { \n\ttext-decoration: none;\n\tcolor:#8873FE;}\na:hover { text-decoration: underline; }\n.uppercase  {text-transform: uppercase;}\n\n/*footer position*/\n.main-min-height {min-height: calc(100vh - 560px);}\n/*footer position*/\n\n/*label*/\n::placeholder {color: #8873FE;}\ninput:focus {\n\tborder: 2px solid ##9977FE;\n\tbackground-color:#ffffff;}\n:focus { outline: none;}\n/*label*/\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/*FX ANIMATIONS*/\n/*scale-round-inside*/\n.fx-scale-round {\n\tposition:relative;\n\t  z-index: 10;\n  overflow: hidden;\n}\n.fx-scale-round::after {\n  content: \"\";\n  background: #ffffff;\n  position: absolute;\n  z-index: -1;\n  border-radius: 50%;\n  left: -50%;\n  right: -50%;\n  top: -100%;\n  bottom: -100%;\n  transform: scale(0, 0);\n\ttransform-origin: center bottom;\n  transition: all 0.3s ease-out;\n\n}\n.fx-scale-round:hover {\n\ttransform-origin: center bottom;\n\ttransform: scale(1.1);\n\ttransition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);\n} \n.fx-scale-round:hover::after {\n  transform: scale(1, 1);\n\ttransition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);\n}\n/*scale-round-inside*/\n/*scale*/\n.fx-scale:hover  {\n\ttransform-origin: center bottom;\n\ttransform: scale(1.1);\n\ttransition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);\n}\n/*flash*/\n.fx-underline:hover, .fx-flash:hover {\n\t        animation: flash-in .5s ;\n}\n/* Underline animation */\n.fx-underline  {\n\tposition: relative;\n}\n/* Fade in */\n.fx-underline::after {\n\tcontent: '';\n\tposition: absolute;\n\tbottom: -3px;\n\tleft: 0;\n\twidth: 100%;\n\theight: 0.1em;\n\tbackground-color: #8873fe;\n\topacity: 0;\n\ttransition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 1.8);\n}\n\n.fx-underline:hover::after,\n.fx-underline:focus::after {\n\topacity: 1;\n\ttransform: translate3d(0, 2.2em, 0);\n}\n\n/* Scale from center */\n.fx-underline:after {\n\ttransform: scale(0);\n\ttransform-origin: center;\n}\n\n.fx-underline:hover::after,\n.fx-underline:focus::after{\n\ttransform: scale(1);\n}\n/* Underline animation */\n/*flash-in animation*/\n      @keyframes flash-in{\n        0% {opacity:0;}\n        100% {opacity:1;}\n      }\n/*flash-in animation*/\n\n/*FX ANIMATIONS*/\n</style>"},"name":"Dashboard","fonts":[{"name":"Ubuntu","value":"\"Ubuntu\", 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":"#ffffff","background":"#006400"}}}

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:#4a4a4a;}.body{font-family:"Ubuntu", sans-serif;background-color:#f0f0f0;}.menu-bar{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;height:94px;padding:0px 100px 0px 100px;width:100%;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{width:100%;margin:0px 20px 0px 20px;}.subtitle-16{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle-16.color--light{color:#636363;font-weight:700;}.button{font-size:0.8rem;padding:10px 20px 10px 20px;display:inline-block;border:2px solid #8873fe;transition:all 0.18s ease-out;font-weight:700;line-height:1.2rem;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{margin:20px 0px 20px 0px;display:flex;padding:30px 30px 30px 30px;align-items:center;justify-content:space-between;border-radius:4px 4px 4px 4px;background-color:#ffffff;}#ibsgw{position:relative;top:3px;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;}.button.button--secondary{font-weight:400;color:#8873fe;border:2px solid #8873fe;}.rounded{border-radius:4px 4px 4px 4px;}.footer{display:flex;margin:50px 0px 50px 0px;background-color:#ffffff;align-items:center;justify-content:center;padding:30px 30px 30px 30px;}.skeleton-text.skeleton{background-color:#dddddd;color:transparent;opacity:0.31;border-radius:5px 5px 5px 5px;}.skeleton.skeleton-button{color:transparent;opacity:0.31;background-color:#dddddd;border-radius:5px 5px 5px 5px;width:140px;}.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;}.form{padding:10px 0px 10px 0px;border-radius:5px 5px 5px 5px;}#i1nmbc{flex-shrink:0;}.input{padding:10px 10px 10px 10px;background-color:transparent;border:2px solid #8873fe;margin:10px 0px 10px 0px;border-radius:4px 4px 4px 4px;}.full-width{width:100%;}.v-space{margin:10px 0px 10px 0px;}.box{border-radius:4px 4px 4px 4px;background-color:#ffffff;}.box__header{margin:0px 0px 0px 0px;padding:10px 0px 10px 0px;font-weight:700;font-size:1.625rem;color:rgba(43,27,99,0.5);}.box.flex-between{align-items:center;}.flex-between{display:flex;align-items:center;justify-content:space-between;}.h-space{margin:0px 10px 0px 0px;}.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-20{margin:0px 20px 0px 0px;}#iksw4d{padding:10px;}.button:hover{color:#8873fe;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;border:2px solid rgba(136,115,254,0.5);}.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-40{margin:0 0 10px 0;font-size:2.5rem;font-weight:700;}.bg-silex-purpel{background-repeat:repeat-y;background-position:center top;background-attachment:scroll;background-size:contain;background-image:url(/assets/bg-purpel-silex.webp);}.section-top{max-width:1200px;padding:40px 30px 40px 30px;height:226px;display:flex;flex-direction:column;justify-content:center;margin:0px auto 0px auto;}.text-centered{text-align:center;}.box-message{background-color:rgba(43,27,99,0.3);border-radius:4px 4px 4px 4px;padding:20px 30px 20px 30px;margin:10px 0px 10px 0px;}.text-white{color:#ffffff;}.bold{font-weight:800;}.button-bar__item--link{background-color:transparent;border:0px solid black;font-size:0.8rem;color:#8873fe;}.padding-30{padding:30px 30px 30px 30px;}.right-space-40{margin:0 40px 0 0;}.title-26{font-size:1.625rem;margin:10px 0px 10px 0px;}.empty-image{min-height:500px;background-image:url(/assets/empty-projects-sos.gif);background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:contain;}.padding-50-30{padding:50px 30px 50px 30px;}.box.box_transp{background-color:rgba(255,255,255,0.5);}.button.button--tertiary{border:2px solid transparent;background-color:rgba(221,221,221,0.5);}.button-bar__item--link.text-white{color:#ffffff;}.button.big-button{border:2px solid transparent;}.color-2B1B63-80{color:rgba(43,27,99,0.8);}.button.button--tertiary:hover{border:2px solid #8873fe;color:#8873fe;background-color:white;}.box-message-text{margin:0px 0 0 0;font-weight:300;}.website-max-width{max-width:1200px;}.margin-80{margin:80px auto 80px auto;}.button-bar__item--secondary{font-size:0.8rem;}.skeleton{line-height:1.1rem;}
+* { box-sizing: border-box; } body {margin: 0;}.nav__item{margin:0px 10px 0px 10px;font-size:0.8rem;padding:24px 0px 24px 0px;color:#4a4a4a;}.body{font-family:"Ubuntu", sans-serif;background-color:#f0f0f0;}.menu-bar{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;height:94px;padding:0px 100px 0px 100px;width:100%;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{width:100%;margin:0px 20px 0px 20px;}.subtitle-16{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle-16.color--light{color:#636363;font-weight:700;}.button{font-size:0.8rem;padding:10px 20px 10px 20px;display:inline-block;border:2px solid #8873fe;transition:all 0.18s ease-out;font-weight:700;line-height:1.2rem;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{margin:20px 0px 20px 0px;display:flex;padding:30px 30px 30px 30px;align-items:center;justify-content:space-between;border-radius:4px 4px 4px 4px;background-color:#ffffff;}#ibsgw{position:relative;top:3px;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;}.button.button--secondary{font-weight:400;color:#8873fe;border:2px solid #8873fe;}.rounded{border-radius:4px 4px 4px 4px;}.footer{display:flex;margin:50px 0px 50px 0px;background-color:#ffffff;align-items:center;justify-content:space-evenly;padding:30px 30px 30px 30px;}.skeleton-text.skeleton{background-color:#dddddd;color:transparent;opacity:0.31;border-radius:5px 5px 5px 5px;}.skeleton.skeleton-button{color:transparent;opacity:0.31;background-color:#dddddd;border-radius:5px 5px 5px 5px;width:140px;}.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;}.form{padding:10px 0px 10px 0px;border-radius:5px 5px 5px 5px;}#i1nmbc{flex-shrink:0;}.input{padding:10px 10px 10px 10px;background-color:transparent;border:2px solid #8873fe;margin:10px 0px 10px 0px;border-radius:4px 4px 4px 4px;}.full-width{width:100%;}.v-space{margin:10px 0px 10px 0px;}.box{border-radius:4px 4px 4px 4px;background-color:#ffffff;}.box__header{margin:0px 0px 0px 0px;padding:10px 0px 10px 0px;font-weight:700;font-size:1.625rem;color:rgba(43,27,99,0.5);}.box.flex-between{align-items:center;}.flex-between{display:flex;align-items:center;justify-content:space-between;}.h-space{margin:0px 10px 0px 0px;}.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-20{margin:0px 20px 0px 0px;}#iksw4d{padding:10px;}.button:hover{color:#8873fe;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;border:2px solid rgba(136,115,254,0.5);}.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-40{margin:0 0 10px 0;font-size:2.5rem;font-weight:700;}.bg-silex-purpel{background-repeat:repeat-y;background-position:center top;background-attachment:scroll;background-size:contain;background-image:url(/assets/bg-purpel-silex.webp);}.section-top{max-width:1200px;padding:40px 30px 40px 30px;height:226px;display:flex;flex-direction:column;justify-content:center;margin:0px auto 0px auto;}.text-centered{text-align:center;}.box-message{background-color:rgba(43,27,99,0.3);border-radius:4px 4px 4px 4px;padding:20px 30px 20px 30px;margin:10px 0px 10px 0px;}.text-white{color:#ffffff;}.bold{font-weight:800;}.button-bar__item--link{background-color:transparent;border:0px solid black;font-size:0.8rem;color:#8873fe;}.padding-30{padding:30px 30px 30px 30px;}.right-space-40{margin:0 40px 0 0;}.title-26{font-size:1.625rem;margin:10px 0px 10px 0px;}.empty-image{min-height:500px;background-image:url(/assets/empty-projects-sos.gif);background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:contain;}.padding-50-30{padding:50px 30px 50px 30px;}.box.box_transp{background-color:rgba(255,255,255,0.5);}.button.button--tertiary{border:2px solid transparent;background-color:rgba(221,221,221,0.5);}.button-bar__item--link.text-white{color:#ffffff;}.button.big-button{border:2px solid transparent;}.color-2B1B63-80{color:rgba(43,27,99,0.8);}.button.button--tertiary:hover{border:2px solid #8873fe;color:#8873fe;background-color:white;}.box-message-text{margin:0px 0 0 0;font-weight:300;}.website-max-width{max-width:1200px;}.margin-80{margin:80px auto 80px auto;}.button-bar__item--secondary{font-size:0.8rem;}.skeleton{line-height:1.1rem;}#isucae{min-height:100px;}.footer__column{display:flex;flex-direction:column;}#iahjww{padding:10px;}#ie28kq{min-height:100px;}.footer__item{padding:10px 10px 10px 10px;}

package/_site/en/connectors/index.html

@@ -15,8 +15,10 @@
 
 <style>
 body {	color:#2B1B63;}
+/*BTNS*/
 .button, .pointer { cursor: pointer!important}
 .button{min-width:110px;}
+/*BTNS*/
 a { 
 	text-decoration: none;
 	color:#8873FE;}
@@ -57,8 +59,39 @@ input:focus {
     background-position: 200% 0, 0 0, 0 190px, 50px 195px;
   }
 }
-
 /*FX ANIMATIONS*/
+/*scale-round-inside*/
+.fx-scale-round {
+	position:relative;
+	  z-index: 10;
+  overflow: hidden;
+}
+.fx-scale-round::after {
+  content: "";
+  background: #ffffff;
+  position: absolute;
+  z-index: -1;
+  border-radius: 50%;
+  left: -50%;
+  right: -50%;
+  top: -100%;
+  bottom: -100%;
+  transform: scale(0, 0);
+	transform-origin: center bottom;
+  transition: all 0.3s ease-out;
+
+}
+.fx-scale-round:hover {
+	transform-origin: center bottom;
+	transform: scale(1.1);
+	transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
+} 
+.fx-scale-round:hover::after {
+  transform: scale(1, 1);
+	transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
+}
+/*scale-round-inside*/
+/*scale*/
 .fx-scale:hover  {
 	transform-origin: center bottom;
 	transform: scale(1.1);
@@ -108,6 +141,7 @@ input:focus {
         100% {opacity:1;}
       }
 /*flash-in animation*/
+
 /*FX ANIMATIONS*/
 </style>
       <script src="/node_modules/vue/dist/vue.global.js"></script>
@@ -306,7 +340,7 @@ window.addEventListener('load', function() {
             
             ><A
             id="isqe61" href="https://" src="undefined"
-            class="h-space button-bar__item--main button-bar_item button big-button "
+            class="button big-button "
             v-if="!loading" v-for="(connector, index) in connectors" :key="index" :style="{ backgroundColor: connector.background, color: connector.color }" @click="openLogin(connector)"
             
             ><div

package/_site/en/index.html

@@ -15,8 +15,10 @@
 
 <style>
 body {	color:#2B1B63;}
+/*BTNS*/
 .button, .pointer { cursor: pointer!important}
 .button{min-width:110px;}
+/*BTNS*/
 a { 
 	text-decoration: none;
 	color:#8873FE;}
@@ -57,8 +59,39 @@ input:focus {
     background-position: 200% 0, 0 0, 0 190px, 50px 195px;
   }
 }
-
 /*FX ANIMATIONS*/
+/*scale-round-inside*/
+.fx-scale-round {
+	position:relative;
+	  z-index: 10;
+  overflow: hidden;
+}
+.fx-scale-round::after {
+  content: "";
+  background: #ffffff;
+  position: absolute;
+  z-index: -1;
+  border-radius: 50%;
+  left: -50%;
+  right: -50%;
+  top: -100%;
+  bottom: -100%;
+  transform: scale(0, 0);
+	transform-origin: center bottom;
+  transition: all 0.3s ease-out;
+
+}
+.fx-scale-round:hover {
+	transform-origin: center bottom;
+	transform: scale(1.1);
+	transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
+} 
+.fx-scale-round:hover::after {
+  transform: scale(1, 1);
+	transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
+}
+/*scale-round-inside*/
+/*scale*/
 .fx-scale:hover  {
 	transform-origin: center bottom;
 	transform: scale(1.1);
@@ -108,6 +141,7 @@ input:focus {
         100% {opacity:1;}
       }
 /*flash-in animation*/
+
 /*FX ANIMATIONS*/
 </style>
       <script src="/node_modules/vue/dist/vue.global.js"></script>
@@ -186,7 +220,7 @@ window.addEventListener('load', function() {
       },
 
       openEditor(id, lang) {
-        window.open(`/?id=${id}&lang=${lang}&connectorId=${this.user.storage.connectorId}`, '_blank')
+        window.open(`/?id=${id}&lang=${lang}&connectorId=${this.user.storage.connectorId}`, '_self')
       },
 
       async logout() {
@@ -417,7 +451,7 @@ window.addEventListener('load', function() {
             
             ><BUTTON
             id="i2x0l" src="undefined"
-            class="button button--primary rounded top-space-40 fx-scale fx-scale-round "
+            class="button button--primary rounded top-space-40 fx-scale-round "
             @click="showCreationForm = !showCreationForm" v-if="!showCreationForm"
             
             ><span
@@ -472,12 +506,12 @@ window.addEventListener('load', function() {
             
             ><button
             type="submit" id="i021na" src="undefined"
-            class="button rounded button--primary right-space-20 fx-scale "
+            class="button rounded button--primary right-space-20 fx-scale-round "
             
             
             >Create</button><button
             type="reset" src="undefined"
-            class="button rounded button--secondary fx-scale "
+            class="button rounded button--secondary fx-scale-round "
             @click="showCreationForm = !showCreationForm"
             
             >Cancel</button></div></form></div><div
@@ -492,8 +526,8 @@ window.addEventListener('load', function() {
             
             ><H3
             id="i69a7" src="undefined"
-            class="right-space-40 color-2B1B63-80 uppercase "
-            v-text="website.name || website.id"
+            class="right-space-40 color-2B1B63-80 uppercase pointer "
+            v-text="website.name || website.id" @click="openEditor(website.websiteId, 'en')"
             
             >My first website</H3><P
             id="i65hn" src="undefined"
@@ -661,10 +695,55 @@ window.addEventListener('load', function() {
             
             
             ><div
-            id="i238z" src="undefined"
-            class="website-max-width "
+            
+            class="footer__column "
+            
+            
+            ><A
+            id="ipa5zg" href="http://docs.silex.me/"
+            class="footer__item "
+            
+            
+            >Documentation</A><A
+            id="ipa5zg" href="https://www.silex.me/"
+            class="footer__item "
+            
+            
+            >About Silex, official website</A><A
+            id="ipa5zg" href="https://community.silex.me/"
+            class="footer__item "
+            
+            
+            >Community furum</A><A
+            id="ipa5zg" href="http://www.silexlabs.org/"
+            class="footer__item "
+            
+            
+            >Silex Labs - the non profit organization behind Silex</A></div><div
+            
+            class="footer__column "
+            
+            
+            ><A
+            href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=en-US&source=silex-dashboard"
+            class="footer__item "
+            
+            
+            >Newsletter - every 3 months</A><A
+            href="https://www.meetup.com/Silex-Labs-Aperopensource/"
+            class="footer__item "
+            
+            
+            >Meetups, events, workshops</A><A
+            href="https://fosstodon.org/@silex"
+            class="footer__item "
+            
+            
+            >Mastodon - follow us on the free/libre social network</A><A
+            href="https://www.youtube.com/user/Silexlabs/"
+            class="footer__item "
             
             
-            ></div></FOOTER></body>
+            >Youtube - tutorials and more</A></div></FOOTER></body>
       </html>
       

package/_site/fr/connectors/index.html

@@ -15,8 +15,10 @@
 
 <style>
 body {	color:#2B1B63;}
+/*BTNS*/
 .button, .pointer { cursor: pointer!important}
 .button{min-width:110px;}
+/*BTNS*/
 a { 
 	text-decoration: none;
 	color:#8873FE;}
@@ -57,8 +59,39 @@ input:focus {
     background-position: 200% 0, 0 0, 0 190px, 50px 195px;
   }
 }
-
 /*FX ANIMATIONS*/
+/*scale-round-inside*/
+.fx-scale-round {
+	position:relative;
+	  z-index: 10;
+  overflow: hidden;
+}
+.fx-scale-round::after {
+  content: "";
+  background: #ffffff;
+  position: absolute;
+  z-index: -1;
+  border-radius: 50%;
+  left: -50%;
+  right: -50%;
+  top: -100%;
+  bottom: -100%;
+  transform: scale(0, 0);
+	transform-origin: center bottom;
+  transition: all 0.3s ease-out;
+
+}
+.fx-scale-round:hover {
+	transform-origin: center bottom;
+	transform: scale(1.1);
+	transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
+} 
+.fx-scale-round:hover::after {
+  transform: scale(1, 1);
+	transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
+}
+/*scale-round-inside*/
+/*scale*/
 .fx-scale:hover  {
 	transform-origin: center bottom;
 	transform: scale(1.1);
@@ -108,6 +141,7 @@ input:focus {
         100% {opacity:1;}
       }
 /*flash-in animation*/
+
 /*FX ANIMATIONS*/
 </style>
       <script src="/node_modules/vue/dist/vue.global.js"></script>
@@ -306,7 +340,7 @@ window.addEventListener('load', function() {
             
             ><A
             id="isqe61" href="https://" src="undefined"
-            class="h-space button-bar__item--main button-bar_item button big-button "
+            class="button big-button "
             v-if="!loading" v-for="(connector, index) in connectors" :key="index" :style="{ backgroundColor: connector.background, color: connector.color }" @click="openLogin(connector)"
             
             ><div

package/_site/fr/index.html

@@ -15,8 +15,10 @@
 
 <style>
 body {	color:#2B1B63;}
+/*BTNS*/
 .button, .pointer { cursor: pointer!important}
 .button{min-width:110px;}
+/*BTNS*/
 a { 
 	text-decoration: none;
 	color:#8873FE;}
@@ -57,8 +59,39 @@ input:focus {
     background-position: 200% 0, 0 0, 0 190px, 50px 195px;
   }
 }
-
 /*FX ANIMATIONS*/
+/*scale-round-inside*/
+.fx-scale-round {
+	position:relative;
+	  z-index: 10;
+  overflow: hidden;
+}
+.fx-scale-round::after {
+  content: "";
+  background: #ffffff;
+  position: absolute;
+  z-index: -1;
+  border-radius: 50%;
+  left: -50%;
+  right: -50%;
+  top: -100%;
+  bottom: -100%;
+  transform: scale(0, 0);
+	transform-origin: center bottom;
+  transition: all 0.3s ease-out;
+
+}
+.fx-scale-round:hover {
+	transform-origin: center bottom;
+	transform: scale(1.1);
+	transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
+} 
+.fx-scale-round:hover::after {
+  transform: scale(1, 1);
+	transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
+}
+/*scale-round-inside*/
+/*scale*/
 .fx-scale:hover  {
 	transform-origin: center bottom;
 	transform: scale(1.1);
@@ -108,6 +141,7 @@ input:focus {
         100% {opacity:1;}
       }
 /*flash-in animation*/
+
 /*FX ANIMATIONS*/
 </style>
       <script src="/node_modules/vue/dist/vue.global.js"></script>
@@ -186,7 +220,7 @@ window.addEventListener('load', function() {
       },
 
       openEditor(id, lang) {
-        window.open(`/?id=${id}&lang=${lang}&connectorId=${this.user.storage.connectorId}`, '_blank')
+        window.open(`/?id=${id}&lang=${lang}&connectorId=${this.user.storage.connectorId}`, '_self')
       },
 
       async logout() {
@@ -417,7 +451,7 @@ window.addEventListener('load', function() {
             
             ><BUTTON
             id="i2x0l" src="undefined"
-            class="button button--primary rounded top-space-40 fx-scale fx-scale-round "
+            class="button button--primary rounded top-space-40 fx-scale-round "
             @click="showCreationForm = !showCreationForm" v-if="!showCreationForm"
             
             ><span
@@ -472,12 +506,12 @@ window.addEventListener('load', function() {
             
             ><button
             type="submit" id="i021na" src="undefined"
-            class="button rounded button--primary right-space-20 fx-scale "
+            class="button rounded button--primary right-space-20 fx-scale-round "
             
             
             >Créer</button><button
             type="reset" src="undefined"
-            class="button rounded button--secondary fx-scale "
+            class="button rounded button--secondary fx-scale-round "
             @click="showCreationForm = !showCreationForm"
             
             >Annuler</button></div></form></div><div
@@ -492,8 +526,8 @@ window.addEventListener('load', function() {
             
             ><H3
             id="i69a7" src="undefined"
-            class="right-space-40 color-2B1B63-80 uppercase "
-            v-text="website.name || website.id"
+            class="right-space-40 color-2B1B63-80 uppercase pointer "
+            v-text="website.name || website.id" @click="openEditor(website.websiteId, 'fr')"
             
             >My first website</H3><P
             id="i65hn" src="undefined"
@@ -661,10 +695,55 @@ window.addEventListener('load', function() {
             
             
             ><div
-            id="i238z" src="undefined"
-            class="website-max-width "
+            
+            class="footer__column "
+            
+            
+            ><A
+            id="ipa5zg" href="http://docs.silex.me/"
+            class="footer__item "
+            
+            
+            >Documentation</A><A
+            id="ipa5zg" href="https://www.silex.me/"
+            class="footer__item "
+            
+            
+            >À propos de Silex, site officiel</A><A
+            id="ipa5zg" href="https://community.silex.me/"
+            class="footer__item "
+            
+            
+            >Forum communautaire</A><A
+            id="ipa5zg" href="http://www.silexlabs.org/"
+            class="footer__item "
+            
+            
+            >Silex Labs - l'organisation à but non lucratif derrière Silex</A></div><div
+            
+            class="footer__column "
+            
+            
+            ><A
+            href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=fr-FR&source=silex-dashboard"
+            class="footer__item "
+            
+            
+            >Newsletter - tous les 3 mois</A><A
+            href="https://www.meetup.com/Silex-Labs-Aperopensource/"
+            class="footer__item "
+            
+            
+            >Meetups, événements, ateliers</A><A
+            href="https://fosstodon.org/@silex"
+            class="footer__item "
+            
+            
+            >Mastodon - suivez-nous sur le réseau social libre/gratuit</A><A
+            href="https://www.youtube.com/user/Silexlabs/"
+            class="footer__item "
             
             
-            ></div></FOOTER></body>
+            >Youtube - tutoriels et plus</A></div></FOOTER></body>
       </html>
       

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@silexlabs/silex-dashboard",
-  "version": "1.0.22",
+  "version": "1.0.23",
   "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.61"
+    "@silexlabs/silex": "^3.0.0-alpha.63"
   },
   "dependencies": {
     "locale": "^0.1.0",

package/pages/en/en.json

@@ -24,5 +24,49 @@
       "url": "https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=en-US&source=silex-dashboard",
       "target": "_blank"
     }
+  ],
+  "footer1": [
+    {
+      "label": "Documentation",
+      "url": "http://docs.silex.me/",
+      "target": "_blank"
+    },
+    {
+      "label": "About Silex, official website",
+      "url": "https://www.silex.me/",
+      "target": "_blank"
+    },
+    {
+      "label": "Community furum",
+      "url": "https://community.silex.me/",
+      "target": "_blank"
+    },
+    {
+      "label": "Silex Labs - the non profit organization behind Silex",
+      "url": "http://www.silexlabs.org/",
+      "target": "_blank"
+    }
+  ],
+  "footer2": [
+    {
+      "label": "Newsletter - every 3 months",
+      "url": "https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=en-US&source=silex-dashboard",
+      "target": "_blank"
+    },
+    {
+      "label": "Meetups, events, workshops",
+      "url": "https://www.meetup.com/Silex-Labs-Aperopensource/",
+      "target": "_blank"
+    },
+    {
+      "label": "Mastodon - follow us on the free/libre social network",
+      "url": "https://fosstodon.org/@silex",
+      "target": "_blank"
+    },
+    {
+      "label": "Youtube - tutorials and more",
+      "url": "https://www.youtube.com/user/Silexlabs/",
+      "target": "_blank"
+    }
   ]
 }

package/pages/fr/fr.json

@@ -24,5 +24,49 @@
       "url": "https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=fr-FR&source=silex-dashboard",
       "target": "_blank"
     }
+  ],
+  "footer1": [
+    {
+      "label": "Documentation",
+      "url": "http://docs.silex.me/",
+      "target": "_blank"
+    },
+    {
+      "label": "À propos de Silex, site officiel",
+      "url": "https://www.silex.me/",
+      "target": "_blank"
+    },
+    {
+      "label": "Forum communautaire",
+      "url": "https://community.silex.me/",
+      "target": "_blank"
+    },
+    {
+      "label": "Silex Labs - l'organisation à but non lucratif derrière Silex",
+      "url": "http://www.silexlabs.org/",
+      "target": "_blank"
+    }
+  ],
+  "footer2": [
+    {
+      "label": "Newsletter - tous les 3 mois",
+      "url": "https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=fr-FR&source=silex-dashboard",
+      "target": "_blank"
+    },
+    {
+      "label": "Meetups, événements, ateliers",
+      "url": "https://www.meetup.com/Silex-Labs-Aperopensource/",
+      "target": "_blank"
+    },
+    {
+      "label": "Mastodon - suivez-nous sur le réseau social libre/gratuit",
+      "url": "https://fosstodon.org/@silex",
+      "target": "_blank"
+    },
+    {
+      "label": "Youtube - tutoriels et plus",
+      "url": "https://www.youtube.com/user/Silexlabs/",
+      "target": "_blank"
+    }
   ]
 }

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:#4a4a4a;}.body{font-family:"Ubuntu", sans-serif;background-color:#f0f0f0;}.menu-bar{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;height:94px;padding:0px 100px 0px 100px;width:100%;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{width:100%;margin:0px 20px 0px 20px;}.subtitle-16{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle-16.color--light{color:#636363;font-weight:700;}.button{font-size:0.8rem;padding:10px 20px 10px 20px;display:inline-block;border:2px solid #8873fe;transition:all 0.18s ease-out;font-weight:700;line-height:1.2rem;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{margin:20px 0px 20px 0px;display:flex;padding:30px 30px 30px 30px;align-items:center;justify-content:space-between;border-radius:4px 4px 4px 4px;background-color:#ffffff;}#ibsgw{position:relative;top:3px;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;}.button.button--secondary{font-weight:400;color:#8873fe;border:2px solid #8873fe;}.rounded{border-radius:4px 4px 4px 4px;}.footer{display:flex;margin:50px 0px 50px 0px;background-color:#ffffff;align-items:center;justify-content:center;padding:30px 30px 30px 30px;}.skeleton-text.skeleton{background-color:#dddddd;color:transparent;opacity:0.31;border-radius:5px 5px 5px 5px;}.skeleton.skeleton-button{color:transparent;opacity:0.31;background-color:#dddddd;border-radius:5px 5px 5px 5px;width:140px;}.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;}.form{padding:10px 0px 10px 0px;border-radius:5px 5px 5px 5px;}#i1nmbc{flex-shrink:0;}.input{padding:10px 10px 10px 10px;background-color:transparent;border:2px solid #8873fe;margin:10px 0px 10px 0px;border-radius:4px 4px 4px 4px;}.full-width{width:100%;}.v-space{margin:10px 0px 10px 0px;}.box{border-radius:4px 4px 4px 4px;background-color:#ffffff;}.box__header{margin:0px 0px 0px 0px;padding:10px 0px 10px 0px;font-weight:700;font-size:1.625rem;color:rgba(43,27,99,0.5);}.box.flex-between{align-items:center;}.flex-between{display:flex;align-items:center;justify-content:space-between;}.h-space{margin:0px 10px 0px 0px;}.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-20{margin:0px 20px 0px 0px;}#iksw4d{padding:10px;}.button:hover{color:#8873fe;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;border:2px solid rgba(136,115,254,0.5);}.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-40{margin:0 0 10px 0;font-size:2.5rem;font-weight:700;}.bg-silex-purpel{background-repeat:repeat-y;background-position:center top;background-attachment:scroll;background-size:contain;background-image:url(/assets/bg-purpel-silex.webp);}.section-top{max-width:1200px;padding:40px 30px 40px 30px;height:226px;display:flex;flex-direction:column;justify-content:center;margin:0px auto 0px auto;}.text-centered{text-align:center;}.box-message{background-color:rgba(43,27,99,0.3);border-radius:4px 4px 4px 4px;padding:20px 30px 20px 30px;margin:10px 0px 10px 0px;}.text-white{color:#ffffff;}.bold{font-weight:800;}.button-bar__item--link{background-color:transparent;border:0px solid black;font-size:0.8rem;color:#8873fe;}.padding-30{padding:30px 30px 30px 30px;}.right-space-40{margin:0 40px 0 0;}.title-26{font-size:1.625rem;margin:10px 0px 10px 0px;}.empty-image{min-height:500px;background-image:url(/assets/empty-projects-sos.gif);background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:contain;}.padding-50-30{padding:50px 30px 50px 30px;}.box.box_transp{background-color:rgba(255,255,255,0.5);}.button.button--tertiary{border:2px solid transparent;background-color:rgba(221,221,221,0.5);}.button-bar__item--link.text-white{color:#ffffff;}.button.big-button{border:2px solid transparent;}.color-2B1B63-80{color:rgba(43,27,99,0.8);}.button.button--tertiary:hover{border:2px solid #8873fe;color:#8873fe;background-color:white;}.box-message-text{margin:0px 0 0 0;font-weight:300;}.website-max-width{max-width:1200px;}.margin-80{margin:80px auto 80px auto;}.button-bar__item--secondary{font-size:0.8rem;}.skeleton{line-height:1.1rem;}
+* { box-sizing: border-box; } body {margin: 0;}.nav__item{margin:0px 10px 0px 10px;font-size:0.8rem;padding:24px 0px 24px 0px;color:#4a4a4a;}.body{font-family:"Ubuntu", sans-serif;background-color:#f0f0f0;}.menu-bar{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;height:94px;padding:0px 100px 0px 100px;width:100%;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{width:100%;margin:0px 20px 0px 20px;}.subtitle-16{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle-16.color--light{color:#636363;font-weight:700;}.button{font-size:0.8rem;padding:10px 20px 10px 20px;display:inline-block;border:2px solid #8873fe;transition:all 0.18s ease-out;font-weight:700;line-height:1.2rem;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{margin:20px 0px 20px 0px;display:flex;padding:30px 30px 30px 30px;align-items:center;justify-content:space-between;border-radius:4px 4px 4px 4px;background-color:#ffffff;}#ibsgw{position:relative;top:3px;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;}.button.button--secondary{font-weight:400;color:#8873fe;border:2px solid #8873fe;}.rounded{border-radius:4px 4px 4px 4px;}.footer{display:flex;margin:50px 0px 50px 0px;background-color:#ffffff;align-items:center;justify-content:space-evenly;padding:30px 30px 30px 30px;}.skeleton-text.skeleton{background-color:#dddddd;color:transparent;opacity:0.31;border-radius:5px 5px 5px 5px;}.skeleton.skeleton-button{color:transparent;opacity:0.31;background-color:#dddddd;border-radius:5px 5px 5px 5px;width:140px;}.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;}.form{padding:10px 0px 10px 0px;border-radius:5px 5px 5px 5px;}#i1nmbc{flex-shrink:0;}.input{padding:10px 10px 10px 10px;background-color:transparent;border:2px solid #8873fe;margin:10px 0px 10px 0px;border-radius:4px 4px 4px 4px;}.full-width{width:100%;}.v-space{margin:10px 0px 10px 0px;}.box{border-radius:4px 4px 4px 4px;background-color:#ffffff;}.box__header{margin:0px 0px 0px 0px;padding:10px 0px 10px 0px;font-weight:700;font-size:1.625rem;color:rgba(43,27,99,0.5);}.box.flex-between{align-items:center;}.flex-between{display:flex;align-items:center;justify-content:space-between;}.h-space{margin:0px 10px 0px 0px;}.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-20{margin:0px 20px 0px 0px;}#iksw4d{padding:10px;}.button:hover{color:#8873fe;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;border:2px solid rgba(136,115,254,0.5);}.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-40{margin:0 0 10px 0;font-size:2.5rem;font-weight:700;}.bg-silex-purpel{background-repeat:repeat-y;background-position:center top;background-attachment:scroll;background-size:contain;background-image:url(/assets/bg-purpel-silex.webp);}.section-top{max-width:1200px;padding:40px 30px 40px 30px;height:226px;display:flex;flex-direction:column;justify-content:center;margin:0px auto 0px auto;}.text-centered{text-align:center;}.box-message{background-color:rgba(43,27,99,0.3);border-radius:4px 4px 4px 4px;padding:20px 30px 20px 30px;margin:10px 0px 10px 0px;}.text-white{color:#ffffff;}.bold{font-weight:800;}.button-bar__item--link{background-color:transparent;border:0px solid black;font-size:0.8rem;color:#8873fe;}.padding-30{padding:30px 30px 30px 30px;}.right-space-40{margin:0 40px 0 0;}.title-26{font-size:1.625rem;margin:10px 0px 10px 0px;}.empty-image{min-height:500px;background-image:url(/assets/empty-projects-sos.gif);background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:contain;}.padding-50-30{padding:50px 30px 50px 30px;}.box.box_transp{background-color:rgba(255,255,255,0.5);}.button.button--tertiary{border:2px solid transparent;background-color:rgba(221,221,221,0.5);}.button-bar__item--link.text-white{color:#ffffff;}.button.big-button{border:2px solid transparent;}.color-2B1B63-80{color:rgba(43,27,99,0.8);}.button.button--tertiary:hover{border:2px solid #8873fe;color:#8873fe;background-color:white;}.box-message-text{margin:0px 0 0 0;font-weight:300;}.website-max-width{max-width:1200px;}.margin-80{margin:80px auto 80px auto;}.button-bar__item--secondary{font-size:0.8rem;}.skeleton{line-height:1.1rem;}#isucae{min-height:100px;}.footer__column{display:flex;flex-direction:column;}#iahjww{padding:10px;}#ie28kq{min-height:100px;}.footer__item{padding:10px 10px 10px 10px;}