@silexlabs/silex-dashboard 1.5.0-canary.1 → 1.5.0-canary.2

package/_site/css/connectors-e4ae24975f4df2e2bea5121337282d8f2201bb86dc8c041c9ef43c0c2d7a32a7.css

@@ -0,0 +1 @@
+* { box-sizing: border-box; } body {margin: 0;}.body{background-color:#f0f0f0;color:#2b1b63;font-family:"Ubuntu", sans-serif;}.subtitle-16{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle-16.color--light{color:#636363;font-weight:700;}.button{border:2px solid #8873fe;display:inline-block;font-size:0.8rem;font-weight:700;line-height:1.2rem;padding:10px 20px 10px 20px;transition:all 0.18s ease-out;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{align-items:center;background-color:#ffffff;border-radius:4px 4px 4px 4px;display:flex;justify-content:space-between;margin:20px 0px 20px 0px;padding:30px 30px 30px 30px;}.button-bar.button-bar--full-width{align-items:center;justify-content:space-between;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;}.button.button--secondary{border:2px solid #8873fe;color:#8873fe;font-weight:400;}.footer{background-color:#ffffff;display:flex;justify-content:space-evenly;margin:50px 0px 0px 0px;padding:30px 30px 60px 30px;}.full-width{width:100%;}.box{background-color:#ffffff;border-radius:4px 4px 4px 4px;}.box.flex-between{align-items:center;}.button--tertiary{background-color:transparent;font-weight:400;}.button:hover{border:2px solid #8873fe;color:#8873fe;}.button.button--secondary:hover{background-color:white;border:2px solid rgba(136,115,254,0.5);}#imgx81{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;}#in62y2{justify-content:center;}.big-button{background-color:#ffffff;border-radius:5px 5px 5px 5px;font-size:15px;font-weight:700;margin:10px 10px 10px 10px;padding:15px 30px 15px 30px;}#i9msnk{display:inline;padding:10px;}#i6akll{display:inline;padding:10px;}#ixzhcr{display:none;padding:10px;position:absolute;}.bg-silex-purpel{background-attachment:scroll;background-image:url("/assets/../assets/bg-purpel-silex.webp");background-position:center top;background-repeat:repeat-y;background-size:contain;}.text-centered{text-align:center;}.text-white{color:#ffffff;}.box.box_transp{background-color:rgba(255,255,255,0.5);}.top-space-20{margin:20px 0 0 0;}.button.button--tertiary{background-color:rgba(221,221,221,0.5);border:2px solid transparent;}.box_login{max-width:450px;padding:60px 40px 60px 40px;width:100%;}.button-bar__item--link.text-white{color:#ffffff;}.button.big-button{border:2px solid transparent;}.button.button--tertiary:hover{background-color:white;border:2px solid #8873fe;color:#8873fe;}.button-bar__item__icon{background-attachment:scroll;background-image:none;background-position:center center;background-repeat:no-repeat;background-size:contain;float:left;height:30px;margin:5px 5px 5px 5px;width:30px;}.button-bar__item--secondary{font-size:0.8rem;}.footer__column{display:flex;flex-direction:column;flex-grow:1;text-align:center;}.footer__item{padding:10px 10px 10px 10px;}.connector__card{align-items:center;border:1px solid;border-radius:5px 5px 5px 5px;color:black;display:flex;justify-content:center;margin:10px auto 10px auto;max-width:100%;padding:4px 0px 4px 0px;transition:all 0.25s ease;}#i3cney{display:none;justify-content:center;width:100%;}.connector__description{padding:5px 15px 5px 15px;}#ior0hl{color:black;}#igp4xl{display:inline-block;justify-content:center;width:100%;}#isqe61{display:inline-block;}.margin-top{margin:80px 0px 30px 0px;}.margin-30{margin:30px 0px 30px 0px;}.connector__card:link{border:1px solid;color:black;text-decoration:none;}.connector__card:hover{background-color:#8873fe;color:white;}#iqc1xf{display:none;}#it2175{font-size:1rem;margin:15px 0px 0px 0px;}#i8w75b{cursor:pointer;font-size:0.95rem;font-weight:600;margin:10px 0px 10px 0px;}#ijflxq{font-size:0.85rem;margin:30px 0px 0px 0px;text-align:left;}#iprzeh{min-height:100px;}#ibi9qh{display:inline-block;}.rgpd-checks{align-items:center;display:flex;padding:10px 0px 10px 0px;}.rgpd-checks__check{height:20px;margin:0px 10px 0px 0px;width:20px;}#ihn6fj{margin:20px 0px 0px 0px;}#errorDiv{color:#ff557a;font-weight:800;}

package/_site/css/fork-506e7c805e636be6225c35a11f5804b72cf41d7a6355aa64a5d7ddb7d66ea314.css

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

package/_site/css/fork-923d814802e46c2d0db0f71c5c488c616ca0016f340d8dae66b263ba7f1143bc.css

@@ -0,0 +1 @@
+* { box-sizing: border-box; } body {margin: 0;}.nav__item{color:#4a4a4a;font-size:0.8rem;margin:0px 10px 0px 10px;padding:24px 0px 24px 0px;}.body{background-color:#f0f0f0;color:#2b1b63;font-family:"Ubuntu", sans-serif;}.menu-bar{align-items:center;background-color:#ffffff;display:flex;height:94px;justify-content:space-between;padding:0px 100px 0px 100px;width:100%;}.padding-normal{padding:0px 24px 0px 24px;}.nav{margin:0px 20px 0px 20px;width:100%;}.subtitle-16{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle-16.color--light{color:#636363;font-weight:700;}.rounded{border-radius:4px 4px 4px 4px;}.footer{background-color:#ffffff;display:flex;justify-content:space-evenly;margin:50px 0px 0px 0px;padding:30px 30px 60px 30px;}.nav__item.active{color:black;}.box.flex-between{align-items:center;}.flex-between{align-items:center;display:flex;justify-content:space-between;}.lang__item{margin:0px 5px 0px 5px;}.nav__logo{height:50px;}.user-icon__image{height:100%;width:100%;}.user__wrapper{align-items:center;border:1px solid white;display:flex;flex-direction:column;justify-content:center;margin:0 0 0 20px;}.user-icon__wrapper{background-color:#f0f0f0;border:1px solid #f0f0f0;border-radius:50% 50% 50% 50%;height:40px;overflow:hidden hidden;width:40px;}.title-40{font-size:2.5rem;font-weight:700;margin:0 0 10px 0;}.bg-silex-purpel{background-attachment:scroll;background-image:url("/assets/../assets/bg-purpel-silex.webp");background-position:center top;background-repeat:repeat-y;background-size:contain;}.section-top{display:flex;flex-direction:column;height:226px;justify-content:center;margin:0px auto 0px auto;max-width:1200px;padding:40px 30px 40px 30px;}.text-centered{text-align:center;}.box-message{background-color:rgba(43,27,99,0.3);border-radius:4px 4px 4px 4px;margin:10px 0px 10px 0px;padding:20px 30px 20px 30px;}.text-white{color:#ffffff;}.button-bar__item--link{background-color:transparent;border:0px solid black;color:#8873fe;font-size:0.8rem;}.button-bar__item--link.text-white{color:#ffffff;}.box-message-text{font-weight:300;margin:0px 0 0 0;}.website-max-width{max-width:1200px;}.margin-80{margin:80px auto 80px auto;}.footer__column{display:flex;flex-direction:column;flex-grow:1;text-align:center;}.footer__item{padding:10px 10px 10px 10px;}.nav__item:hover{color:#8873fe;text-decoration:none;}.nav_item--active:first-child{color:#8873fe;}

package/_site/css/index-38d10542f641eb789c11b589b95d0e6363e71978479fa5cddbec3da65774560c.css

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

package/_site/en/connectors/index.html

@@ -2,7 +2,9 @@
 <html lang="">
 <head>
 <meta charset="UTF-8">
-<link rel="stylesheet" href="/css/connectors-c1d5f4c520a9a86d99b7201d30a8fe25a5779b7b2373b73262868f446fe3f855.css" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="generator" content="Silex v3.6.0-canary.1">
+<link rel="stylesheet" href="/css/connectors-e4ae24975f4df2e2bea5121337282d8f2201bb86dc8c041c9ef43c0c2d7a32a7.css" />
 <!--  font google -->
 <link rel="preconnect" href="https://fonts.gstatic.com" />
 <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;700&display=swap" rel="stylesheet">
@@ -176,6 +178,9 @@ function toSafeId(name) {
   return name.replace(/[/\\?%*:|"<>]/g, '_')
 }
 
+const params = new URLSearchParams(window.location.search)
+const redirect = params.get('redirect')
+
 const App = {
   data() {
     return {
@@ -221,11 +226,31 @@ const App = {
     },
 
     getHref(connector) {
-      if(connector.isLoggedIn) return '/'
-      if(connector.oauthUrl) return connector.oauthUrl
-      return '/api/connector/login/?type=STORAGE&connectorId=' + connector.connectorId
+      const params = new URLSearchParams(window.location.search)
+      const redirect = params.get('redirect')
+
+      if (connector.isLoggedIn) {
+        return redirect || '/'
+      }
+
+      if (!connector.oauthUrl) {
+        return '/api/connector/login/?type=STORAGE&connectorId=' + connector.connectorId
+      }
+
+      if (!redirect) return connector.oauthUrl
+
+      const url = new URL(connector.oauthUrl)
+      const state = url.searchParams.get('state')
+
+      url.searchParams.set(
+        'state',
+        JSON.stringify({ state, redirect })
+      )
+
+      return url.toString()
     },
 
+
     getConnectorStyle(connector) {
       return {
         backgroundImage: `url(${connector.icon})`,
@@ -331,30 +356,30 @@ setTimeout(() => {
 <title>Silex Dashboard</title>
 <link rel="icon" href="/assets/favicon-32x32.png" />
 <meta name="og:title" property="og:title" content="Silex Dashboard"/>
-<link href="https://fonts.googleapis.com" rel="preconnect" ><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin ><link href="https://fonts.googleapis.com/css?family=Ubuntu&display=swap" rel="stylesheet" ></head>
-<body id="i2hcfw" class="body app before-js"><A id="ixzhcr" href="/" class="button button-bar__item--secondary">< Back</A><div id="imawg3" class="bg-silex-purpel"><div id="imgx81" style="min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;" class=""><div id="iikf0s" class="box box_login"><div id="ie0dxn" class="text-centered"><img id="ior0hl" src="/assets/logo-silex.svg"/><p id="it2175" style="margin:15px 0px 0px 0px;font-size:1rem;" class="subtitle-16">Please login to continue</p></div><h3 id="iqc1xf" style="display:none;" class="margin-top">Recommended and free</h3><div id="in62y2"><div id="isqe61" class="full-width margin-30" v-for="(connector, index) in connectors.slice(0, 1)"><a id="i44y9w" href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div id="io3lid" class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div id="i87asw" class="connector__description" v-text="connector.displayName">Login with <span href="" id="i0tt68">Name</span><br/></div></a></div><div id="i9fpn7" class="rgpd-checks"><input type="checkbox" id="feedback-check" name="feedback-check" checked class="rgpd-checks__check" v-on:change="(event) => setRgpd('feedback', event.target.checked)" v-model="rgpdFeedback"></input><label id="iv7hwn" for="feedback-check" class="">Allow contact for debugging and feedback</label></div><div id="iahvhn" class="rgpd-checks"><input type="checkbox" name="nl-check" id="nl-check" checked class="rgpd-checks__check" v-on:change="(event) => setRgpd('nl', event.target.checked)" v-model="rgpdNL"></input><label for="nl-check" id="isjk6j" class="">Subscribe to our newsletter</label></div><div id="errorDiv"></div></div><DETAILS id="ihn6fj"><summary id="i8w75b" class="margin-30">Advanced users</summary><div id="ibi9qh" class="full-width" v-for="(connector, index) in connectors.slice(1)"><a href="https://" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div class="connector__description" v-text="connector.displayName">Login with <span href="">Name</span><br/></div></a></div></DETAILS><div id="i3cney" class="button-bar"><a id="iacshy" class="button big-button connector__card" v-if="!loading" :key="index" :style="{ backgroundColor: connector.background, color: connector.color }" v-for="(connector, index) in connectors" v-on-click="openLogin(connector)"><div id="iiwn36"><div class="button-bar__item__icon" :style="`background: url('${connector.icon}'); background-repeat: no-repeat; background-size: contain;`"></div><div id="if4gvb" class="" v-text="connector.displayName">Name<br/></div></div><div id="isndui">This connector is about blablabla<br/></div></a></div><div id="ijflxq" style="font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;" class="text-centered">Do you need help? Check <a href="https://docs.silex.me/en/user/login" target="_blank">the documentation</a>. <br><br> By logging in, you agree to the <a href="https://docs.silex.me/en/terms" target="_blank">terms of use</a> and the <a href="https://docs.silex.me/en/security" target="_blank">privacy policy</a>.</div></div><div id="i9msnk" style="padding:10px;display:inline;" class="text-white top-space-20" v-if="error" v-text="message" :test="message">Insert your text here</div><div id="i6akll" style="padding:10px;display:inline;" class="button button--tertiary text-centered" v-if="error" v-on:click="logout()">Logout</div></div></div><FOOTER class="footer">
+<link href="https://fonts.googleapis.com" rel="preconnect" ><link href="https://fonts.googleapis.com/css2" rel="preconnect" crossorigin ><link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet" ></head>
+<body id="i2hcfw" class="body app before-js"><A href="/" id="ixzhcr" class="button button-bar__item--secondary">< Back</A><div id="imawg3" class="bg-silex-purpel"><div id="imgx81" style="min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;" class=""><div id="iikf0s" class="box box_login"><div id="ie0dxn" class="text-centered"><img id="ior0hl" src="/assets/logo-silex.svg"/><p id="it2175" style="margin:15px 0px 0px 0px;font-size:1rem;" class="subtitle-16">Please login to continue</p></div><h3 id="iqc1xf" style="display:none;" class="margin-top">Recommended and free</h3><div id="in62y2"><div id="isqe61" class="full-width margin-30" v-for="(connector, index) in connectors.slice(0, 1)"><a href="https://" id="i44y9w" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div id="io3lid" class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div id="i87asw" class="connector__description" v-text="connector.displayName">Login with <span href="" id="i0tt68">Name</span><br id="i1zf1p"/></div></a></div><div id="i9fpn7" class="rgpd-checks"><input type="checkbox" checked id="feedback-check" name="feedback-check" class="rgpd-checks__check" v-on:change="(event) => setRgpd('feedback', event.target.checked)" v-model="rgpdFeedback"></input><label for="feedback-check" id="iv7hwn" class="">Allow contact for debugging and feedback</label></div><div id="iahvhn" class="rgpd-checks"><input type="checkbox" checked id="nl-check" name="nl-check" class="rgpd-checks__check" v-on:change="(event) => setRgpd('nl', event.target.checked)" v-model="rgpdNL"></input><label for="nl-check" id="isjk6j" class="">Subscribe to our newsletter</label></div><div id="errorDiv"></div></div><DETAILS id="ihn6fj"><summary id="i8w75b" class="margin-30">Advanced users</summary><div id="ibi9qh" class="full-width" v-for="(connector, index) in connectors.slice(1)"><a href="https://" id="i5p9p5" class="connector__card" :href="getHref(connector)" data-remove-href="true"><div id="ibphi6" class="button-bar__item__icon" :style="getConnectorStyle(connector)"></div><div id="iaoqw4" class="connector__description" v-text="connector.displayName">Login with <span href="" id="iz6g2i">Name</span><br id="ihgk46"/></div></a></div></DETAILS><div id="i3cney" class="button-bar"><a id="iacshy" class="button big-button connector__card" v-if="!loading" :key="index" :style="{ backgroundColor: connector.background, color: connector.color }" v-for="(connector, index) in connectors" v-on-click="openLogin(connector)"><div id="iiwn36"><div id="iiau0s" class="button-bar__item__icon" :style="`background: url('${connector.icon}'); background-repeat: no-repeat; background-size: contain;`"></div><div id="if4gvb" class="" v-text="connector.displayName">Name<br id="iimwvw"/></div></div><div id="isndui">This connector is about blablabla<br id="igsu87"/></div></a></div><div id="ijflxq" style="font-size:0.85rem;text-align:left;margin:30px 0px 0px 0px;" class="text-centered">Do you need help? Check <a href="https://docs.silex.me/en/user/login" target="_blank">the documentation</a>. <br><br> By logging in, you agree to the <a href="https://docs.silex.me/en/terms" target="_blank">terms of use</a> and the <a href="https://docs.silex.me/en/security" target="_blank">privacy policy</a>.</div></div><div id="i9msnk" style="padding:10px;display:inline;" class="text-white top-space-20" v-if="error" v-text="message" :test="message">Insert your text here</div><div id="i6akll" style="padding:10px;display:inline;" class="button button--tertiary text-centered" v-if="error" v-on:click="logout()">Logout</div></div></div><FOOTER id="i6qv1n" class="footer">
     
-  <div id="iprzeh" style="min-height:100px;" class="footer__column"><h3 href="" class="footer__item">Social & community</h3>
+  <div id="iprzeh" style="min-height:100px;" class="footer__column"><h3 href="" id="ik1iir" class="footer__item">Social & community</h3>
     
-  <a href="https://www.silex.me/" class="footer__item" target="_blank">About Silex, official website</a>
-  <a href="mailto:contact+silex-dashboard-footer@silex.me" class="footer__item" target="">Email the team</a>
-  <a href="https://short.silex.me/sponsors" class="footer__item" target="_blank">Sponsors</a>
-  <a href="https://short.silex.me/donate" class="footer__item" target="">Donate</a>
-  <a href="https://short.silex.me/community" class="footer__item" target="_blank">Community forum</a>
-  <a href="https://news.silex.me/forms/nfrm_weLJnLY5" class="footer__item" target="_blank">Newsletter</a>
-  <a href="https://events.silex.me/" class="footer__item" target="_blank">Meetups/ Events</a>
-  <a href="https://short.silex.me/mastodon" class="footer__item" target="_blank">Mastodon</a>
-  <a href="https://short.silex.me/lemmy" class="footer__item" target="_blank">Lemmy</a></div>
-  <div id="iprzeh" style="min-height:100px;" class="footer__column"><h3 href="" class="footer__item">Resources</h3>
+  <a href="https://www.silex.me/" id="is59uo" class="footer__item" target="_blank">About Silex, official website</a>
+  <a href="mailto:contact+silex-dashboard-footer@silex.me" id="is59uo" class="footer__item" target="">Email the team</a>
+  <a href="https://short.silex.me/sponsors" id="is59uo" class="footer__item" target="_blank">Sponsors</a>
+  <a href="https://short.silex.me/donate" id="is59uo" class="footer__item" target="">Donate</a>
+  <a href="https://short.silex.me/community" id="is59uo" class="footer__item" target="_blank">Community forum</a>
+  <a href="https://news.silex.me/forms/nfrm_weLJnLY5" id="is59uo" class="footer__item" target="_blank">Newsletter</a>
+  <a href="https://events.silex.me/" id="is59uo" class="footer__item" target="_blank">Meetups/ Events</a>
+  <a href="https://short.silex.me/mastodon" id="is59uo" class="footer__item" target="_blank">Mastodon</a>
+  <a href="https://short.silex.me/lemmy" id="is59uo" class="footer__item" target="_blank">Lemmy</a></div>
+  <div id="iprzeh" style="min-height:100px;" class="footer__column"><h3 href="" id="ik1iir" class="footer__item">Resources</h3>
     
-  <a href="https://short.silex.me/code" class="footer__item" target="_blank">Source code</a>
-  <a href="http://docs.silex.me/" class="footer__item" target="_blank">Documentation</a>
-  <a href="https://video.silex.me/my-library/video-playlists" class="footer__item" target="_blank">Videos</a>
-  <a href="https://short.silex.me/roadmap" class="footer__item" target="_blank">Roadmap</a>
-  <a href="https://short.silex.me/contribute" class="footer__item" target="_blank">Contribute</a></div>
-  <div id="iprzeh" style="min-height:100px;" class="footer__column"><h3 href="" class="footer__item">Articles and reviews</h3>
+  <a href="https://short.silex.me/code" id="is59uo" class="footer__item" target="_blank">Source code</a>
+  <a href="http://docs.silex.me/" id="is59uo" class="footer__item" target="_blank">Documentation</a>
+  <a href="https://video.silex.me/my-library/video-playlists" id="is59uo" class="footer__item" target="_blank">Videos</a>
+  <a href="https://short.silex.me/roadmap" id="is59uo" class="footer__item" target="_blank">Roadmap</a>
+  <a href="https://short.silex.me/contribute" id="is59uo" class="footer__item" target="_blank">Contribute</a></div>
+  <div id="iprzeh" style="min-height:100px;" class="footer__column"><h3 href="" id="ik1iir" class="footer__item">Articles and reviews</h3>
     
-  <a href="https://short.silex.me/alternatives" class="footer__item" target="_blank">Silex alternatives</a>
-  <a href="https://short.silex.me/reviews" class="footer__item" target="_blank">Silex reviews</a>
-  <a href="https://short.silex.me/press" class="footer__item" target="_blank">Silex in the press</a></div></FOOTER></body>
+  <a href="https://short.silex.me/alternatives" id="is59uo" class="footer__item" target="_blank">Silex alternatives</a>
+  <a href="https://short.silex.me/reviews" id="is59uo" class="footer__item" target="_blank">Silex reviews</a>
+  <a href="https://short.silex.me/press" id="is59uo" class="footer__item" target="_blank">Silex in the press</a></div></FOOTER></body>
 </html>

package/_site/en/fork/index.html

@@ -0,0 +1,371 @@
+<!DOCTYPE html>
+<html lang="">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="generator" content="Silex v3.6.0-canary.1">
+<link rel="stylesheet" href="/css/fork-923d814802e46c2d0db0f71c5c488c616ca0016f340d8dae66b263ba7f1143bc.css" />
+<!--  font google -->
+<link rel="preconnect" href="https://fonts.gstatic.com" />
+<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;700&display=swap" rel="stylesheet">
+
+<style>
+  .before-js > * {
+    visibility: hidden;
+    opacity: 0;
+    transition: opacity .5s ease;
+  }
+  .before-js[data-gjs-type] > *, /* This is only inside the editor, .before-js needs to be on the body */
+  .after-js > * {
+    visibility: visible;
+    opacity: 1;
+  }
+  .before-js:before {
+    content: 'Loading';
+    position: absolute;
+    top: 49%;
+    left: 49%;
+  }
+  .before-js[data-gjs-type]:before, /* This is only inside the editor, .before-js needs to be on the body */
+  .after-js:before {
+    content: none;
+  }
+  /*BTNS*/
+  .button, .pointer {
+    cursor: pointer!important}
+  .button{
+    min-width:110px;
+  }
+  details {
+	max-height: 2em;
+    display: block;
+    overflow: hidden;
+    transition: max-height .75s ease;
+  }
+  details[open] {
+    max-height: 40em;
+  }
+
+  /*BTNS*/
+  a {
+    text-decoration: none;
+    color:#8873FE;
+  }
+  a:hover {
+    text-decoration: underline;
+  }
+  .uppercase  {
+    text-transform: uppercase;
+  }
+  .underline:hover{
+    text-decoration: underline;
+    text-decoration-thickness: from-font;
+    text-underline-position: under;
+  }
+  /*footer position*/
+  .main-min-height {
+    min-height: calc(100vh - 560px);
+  }
+  /*footer position*/
+  /*label*/
+  ::placeholder {
+    color: #8873FE;
+  }
+  input:focus {
+    border: 2px solid #9977FE;
+    background-color:#ffffff;
+  }
+  :focus {
+    outline: none;
+  }
+  /*label*/
+  .skeleton-anim:after {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    content: "";
+    background: 
+      linear-gradient(0.25turn, transparent, rgba(255,255,255,.75), transparent),
+      linear-gradient(transparent, transparent),
+      radial-gradient(38px circle at 19px 19px, transparent 50%, transparent 51%),
+      linear-gradient(transparent, transparent);
+    background-repeat: no-repeat;
+    background-size: 315px 250px, 315px 180px, 100px 100px, 225px 30px;
+    background-position: -315px 0, 0 0, 0px 190px, 50px 195px;
+    animation: loading 1.5s infinite;
+  }
+  @keyframes loading {
+    to {
+      background-position: 200% 0, 0 0, 0 190px, 50px 195px;
+    }
+  }
+  /*FX ANIMATIONS*/
+  /*scale-round-inside_pour-BTN*/
+  .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_pour-BTN*/
+  /*scale*/
+  .fx-scale:hover  {
+    transform-origin: center bottom;
+    transform: scale(1.1);
+    transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
+  }
+  /*flash*/
+  .fx-flash:hover {
+    animation: flash-in .25s ;
+  }
+  /*flash-in animation*/
+  @keyframes flash-in{
+    0% {
+      opacity:.25;
+    }
+    100% {
+      opacity:1;
+    }
+  }
+  /*flash-in animation*/
+  /*FX ANIMATIONS*/
+</style>
+<script src="/js/vue.global.prod.js"></script>
+<script src="/js/main.js"></script>
+<script type="module">
+const params = new URLSearchParams(window.location.search)
+const CONNECTORS_PATH = '/connectors/'
+const GITLAB_REPO = params.get('gitlabUrl')
+const REDIRECT_PATH = `/fork/?gitlabUrl=${ GITLAB_REPO }`
+
+window.addEventListener('load', () => {
+  const { createApp } = Vue
+  const { api, types } = silex
+  const { ConnectorType } = types
+  const { setServerUrl, getUser, logout } = api
+
+  const App = {
+    data() {
+      return {
+        loading: true,
+        loggedIn: false,
+        user: null,
+
+        message: '',
+        error: '',
+      }
+    },
+
+    async mounted() {
+      await this.init()
+      await this.initForkFromUrl()
+    },
+
+    methods: {
+      async init() {
+        try {
+          setServerUrl(window.location.origin)
+
+          const user = await getUser({ type: ConnectorType.STORAGE })
+          if (!user) {
+            this.openLogin()
+            return
+          }
+
+          user.picture = decodeURIComponent(user.picture).replace(/'/g, "\\'")
+          this.user = user
+          this.loggedIn = true
+          this.loading = false
+        } catch (error) {
+          this.loading = false
+          if (error.code === 401 || error.httpStatusCode === 401) {
+            this.openLogin()
+          } else {
+            this.updateStatus(error.message)
+          }
+        }
+      },
+
+      async initForkFromUrl() {
+        if (!GITLAB_REPO || !this.loggedIn) return
+
+        await this.forkWebsite(GITLAB_REPO)
+      },
+
+      async forkWebsite(gitlabUrl) {
+        try {
+          this.showLoading()
+          this.updateStatus('Cloning repository...')
+
+          const response = await fetch('/api/website/fork', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ gitlabUrl }),
+          })
+
+          if (response.status === 401) {
+            this.openLogin()
+            return
+          }
+          if (!response.ok) {
+            let message = ''
+            try {
+              const body = await response.text()
+              message = JSON.parse(body).message
+            } catch (e) {}
+
+            console.error('ERROR:', {response, message})
+            throw new Error(
+              message
+				? `${message}\n\n(Error ${response.status})`
+                : `API ${response.status} ${response.statusText}`
+            )
+          }
+          const data = await response.json()
+          const websiteId = data.websiteId || data.id
+
+          this.updateStatus('Project ready')
+          this.showSuccess()
+
+          setTimeout(() => {
+            this.openEditor(websiteId)
+          }, 1500)
+        } catch (error) {
+          this.updateStatus(error.message || 'Fork failed')
+        }
+      },
+
+      updateStatus(message) {
+        this.message = message.replace(/\n/g, '<br>')
+        //const el = document.querySelector('.fork-status-title')
+        //if (el) el.textContent = message
+        //console.log('updateStatus', {message, el})
+      },
+
+      showLoading() {
+        document.querySelector('.fork-loading')?.style.setProperty('display', 'block')
+        document.querySelector('.fork-success')?.style.setProperty('display', 'none')
+        document.querySelector('.fork-error')?.style.setProperty('display', 'none')
+      },
+
+      showSuccess() {
+        document.querySelector('.fork-loading')?.style.setProperty('display', 'none')
+        document.querySelector('.fork-success')?.style.setProperty('display', 'block')
+      },
+
+      showError(message) {
+        throw new Error('Useless method, pls remove')
+        this.error = message
+        document.querySelector('.fork-loading')?.style.setProperty('display', 'none')
+        document.querySelector('.fork-error')?.style.setProperty('display', 'block')
+
+        const msg = document.querySelector('.error-message')
+        if (msg) msg.textContent = message
+
+        const backBtn = document.querySelector('.error-back-btn')
+        if (backBtn) {
+          backBtn.onclick = () => this.openLogin()
+        }
+        console.log({message, msg, backBtn})
+      },
+
+      openEditor(id) {
+        const params = new URLSearchParams(window.location.search)
+        const lang = params.get('lang') || 'en'
+        window.location.href =
+          `/?id=${id}&lang=${lang}&connectorId=${this.user.storage.connectorId}&forked=${GITLAB_REPO}`
+      },
+
+      openLogin() {
+        const path = `/en${CONNECTORS_PATH}?redirect=/en${REDIRECT_PATH}`
+        if (window.location.pathname !== path) {
+          window.location.href = path
+        }
+      },
+
+      async logout() {
+        await logout({
+          type: ConnectorType.STORAGE,
+          connectorId: this.user.storage.connectorId,
+        })
+        window.location.reload()
+      },
+    },
+  }
+
+  document
+    .querySelectorAll('[v-text], [v-html]')
+    .forEach(el => (el.innerText = ''))
+
+  const app = createApp(App)
+  app.mount('.app')
+
+  setTimeout(() => {
+    document.querySelector('.before-js')?.classList.add('after-js')
+  }, 100)
+})
+</script>
+
+<title></title>
+<link rel="icon" href="/assets/favicon-32x32.png" />
+<meta name="og:title" property="og:title" content="Silex Dashboard"/>
+<link href="https://fonts.googleapis.com" rel="preconnect" ><link href="https://fonts.googleapis.com/css2" rel="preconnect" crossorigin ><link href="https://fonts.googleapis.com/css2?family=Ubuntu&display=swap" rel="stylesheet" ></head>
+
+<body id="ik0i-2" class="body loading app before-js"><HEADER id="igrg-2" class="menu-bar"><A href="/" id="igvu43-2"><img id="iel80b-2-2-2" src="/assets/picto-silex@3x.png" class="nav__logo"/></A><NAV id="i9jq-2" class="nav">
+    
+  <a href="/" id="iels-2" class="nav__item uppercase fx-flash nav_item--active" target="">My Sites</a>
+  <a href="http://docs.silex.me/" id="iels-2" class="nav__item uppercase fx-flash nav_item--active" target="_blank">Docs</a>
+  <a href="https://short.silex.me/community_en/" id="iels-2" class="nav__item uppercase fx-flash nav_item--active" target="_blank">Forum</a>
+  <a href="https://short.silex.me/chat" id="iels-2" class="nav__item uppercase fx-flash nav_item--active" target="_blank">Chat</a></NAV>
+    
+  <div id="i2red7-2" class="lang"><a href="/en" id="iciz-2" class="lang__item nav__item uppercase">EN</a></div>
+  <div id="i2red7-2" class="lang"><a href="/fr" id="iciz-2" class="lang__item nav__item uppercase">FR</a></div><div id="i24ew-2" class="user__wrapper pointer" v-if="user" v-on:click="showMenu = !showMenu"><div id="i5xsbd-2" class="user-icon__wrapper" v-if="user" v-show="!showMenu || user.storage.disableLogout"><div id="i5wlbq-2" class="user-icon__image" v-if="user" v-show="!showMenu || user.storage.disableLogout" :style="{ backgroundImage: `url('${user?.picture}')`, backgroundRepeat: 'no-repeat', backgroundSize: 'contain', }"></div></div><div id="ic9eoa-2" class="" v-show="showMenu && !user.storage.disableLogout" v-on:click="logout"><div id="igv1rf-2" class="nav__item">Logout</div></div></div></HEADER><HEADER id="iy8ax3-2" class="bg-silex-purpel"><div id="iisz8f-2" class="section-top text-centered text-white"><h1 id="ic31o-2" class="title-40" v-if="!empty">Forking Project...</h1><p id="iyex8-2" class="subtitle-16" v-if="!empty">Please wait while we create your fork</p></div></HEADER><MAIN id="iz63r-2" class="padding-normal main-min-height website-max-width margin-80"><div id="i7ej6j-2" class="flex-between box-message text-white" v-if="error"><h3 id="iv0eyi-2" class="box-message-text" v-html="error">Insert your text here</h3><div id="i4656n-2" class="pointer button-bar__item--link text-white" v-on:click="error = null"></div></div><div id="ilteie-2" class="flex-between box-message text-white" v-if="message"><h3 id="i2d31v-2" class="box-message-text" v-html="message">Insert your text here</h3><div id="i2urco-2" class="rounded pointer button-bar__item--link text-white" v-on:click="message = null"></div></div></MAIN><FOOTER id="ilzpl-2" class="footer">
+    
+  <div id="isucae-2" style="min-height:100px;" class="footer__column"><h3 href="" id="ipa5zg-2" class="footer__item">Social & community</h3>
+    
+  <a href="https://www.silex.me/" id="i0cyhf" class="footer__item" target="_blank">About Silex, official website</a>
+  <a href="mailto:contact+silex-dashboard-footer@silex.me" id="i0cyhf" class="footer__item" target="">Email the team</a>
+  <a href="https://short.silex.me/sponsors" id="i0cyhf" class="footer__item" target="_blank">Sponsors</a>
+  <a href="https://short.silex.me/donate" id="i0cyhf" class="footer__item" target="">Donate</a>
+  <a href="https://short.silex.me/community" id="i0cyhf" class="footer__item" target="_blank">Community forum</a>
+  <a href="https://news.silex.me/forms/nfrm_weLJnLY5" id="i0cyhf" class="footer__item" target="_blank">Newsletter</a>
+  <a href="https://events.silex.me/" id="i0cyhf" class="footer__item" target="_blank">Meetups/ Events</a>
+  <a href="https://short.silex.me/mastodon" id="i0cyhf" class="footer__item" target="_blank">Mastodon</a>
+  <a href="https://short.silex.me/lemmy" id="i0cyhf" class="footer__item" target="_blank">Lemmy</a></div>
+  <div id="isucae-2" style="min-height:100px;" class="footer__column"><h3 href="" id="ipa5zg-2" class="footer__item">Resources</h3>
+    
+  <a href="https://short.silex.me/code" id="i0cyhf" class="footer__item" target="_blank">Source code</a>
+  <a href="http://docs.silex.me/" id="i0cyhf" class="footer__item" target="_blank">Documentation</a>
+  <a href="https://video.silex.me/my-library/video-playlists" id="i0cyhf" class="footer__item" target="_blank">Videos</a>
+  <a href="https://short.silex.me/roadmap" id="i0cyhf" class="footer__item" target="_blank">Roadmap</a>
+  <a href="https://short.silex.me/contribute" id="i0cyhf" class="footer__item" target="_blank">Contribute</a></div>
+  <div id="isucae-2" style="min-height:100px;" class="footer__column"><h3 href="" id="ipa5zg-2" class="footer__item">Articles and reviews</h3>
+    
+  <a href="https://short.silex.me/alternatives" id="i0cyhf" class="footer__item" target="_blank">Silex alternatives</a>
+  <a href="https://short.silex.me/reviews" id="i0cyhf" class="footer__item" target="_blank">Silex reviews</a>
+  <a href="https://short.silex.me/press" id="i0cyhf" class="footer__item" target="_blank">Silex in the press</a></div></FOOTER></body>
+</html>