@silexlabs/silex-dashboard 1.0.37 → 1.0.39

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;color:#2b1b63;}.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 0px 0px;background-color:#ffffff;align-items:center;justify-content:space-evenly;padding:30px 30px 60px 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;}.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;}#igsxoc{position:relative;top:3px;}.box--centered{display:flex;flex-direction:column;align-items:center;}.button-bar__title:hover{color:#8873fe;}
+* { 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;color:#2b1b63;}.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 0px 0px;background-color:#ffffff;align-items:center;justify-content:space-evenly;padding:30px 30px 60px 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;}.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;}#igsxoc{position:relative;top:3px;}.box--centered{display:flex;flex-direction:column;align-items:center;}.button-bar__title:hover{color:#8873fe;}.button-bar__item--icon{margin:0px 0 0 0;padding:5px 5px 5px 5px;}

package/_site/en/connectors/index.html

@@ -6,131 +6,142 @@
 <link rel="preconnect" href="https://fonts.gstatic.com" />
 <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;700&display=swap" rel="stylesheet">
 
-
     <link
       rel="alternate"
       hreflang="fr"
       href="/fr/connectors" />
-
 <style>
-.before-js > * {
-  visibility: hidden;
-  opacity: 0;
-  transition: opacity .5s ease;
-}
-.after-js > * {
-  visibility: visible;
-  opacity: 1;
-}
-.before-js:before {
-  content: 'Loading';
-  position: absolute;
-  top: 49%;
-  left: 49%;
-}
-.after-js:before {
-  content: none;
-}
-
-/*BTNS*/
-.button, .pointer { cursor: pointer!important}
-.button{min-width:110px;}
-/*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;
+  .before-js > * {
+    visibility: hidden;
+    opacity: 0;
+    transition: opacity .5s ease;
   }
-}
-/*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 .5s ;
-}
-
-/*flash-in animation*/
-      @keyframes flash-in{
-        0% {opacity:0;}
-        100% {opacity:1;}
-      }
-/*flash-in animation*/
-
-/*FX ANIMATIONS*/
+  .after-js > * {
+    visibility: visible;
+    opacity: 1;
+  }
+  .before-js:before {
+    content: 'Loading';
+    position: absolute;
+    top: 49%;
+    left: 49%;
+  }
+  .after-js:before {
+    content: none;
+  }
+  /*BTNS*/
+  .button, .pointer {
+    cursor: pointer!important}
+  .button{
+    min-width:110px;
+  }
+  /*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 .5s ;
+  }
+  /*flash-in animation*/
+  @keyframes flash-in{
+    0% {
+      opacity:0;
+    }
+    100% {
+      opacity:1;
+    }
+  }
+  /*flash-in animation*/
+  /*FX ANIMATIONS*/
 </style>
 <script src="/js/vue.global.js"></script>
 <script src="/js/main.js"></script>
@@ -230,11 +241,11 @@ window.addEventListener('load', function() {
 </script>
 
 <title></title>
-<link rel="icon" href="" />
-<meta property="description" content=""/>
-<meta property="og:title" content=""/>
-<meta property="og:description" content=""/>
-<meta property="og:image" content=""/>
+<link rel="icon" href="/assets/favicon-32x32.png" />
+<meta name="description" property="description" content=""/>
+<meta name="og:title" property="og:title" content=""/>
+<meta name="og:description" property="og:description" content=""/>
+<meta name="og:image" property="og:image" content=""/>
 </head>
 <body
             id="i2hcfw"

package/_site/en/index.html

@@ -6,131 +6,142 @@
 <link rel="preconnect" href="https://fonts.gstatic.com" />
 <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;700&display=swap" rel="stylesheet">
 
-
     <link
       rel="alternate"
       hreflang="fr"
       href="/fr/" />
-
 <style>
-.before-js > * {
-  visibility: hidden;
-  opacity: 0;
-  transition: opacity .5s ease;
-}
-.after-js > * {
-  visibility: visible;
-  opacity: 1;
-}
-.before-js:before {
-  content: 'Loading';
-  position: absolute;
-  top: 49%;
-  left: 49%;
-}
-.after-js:before {
-  content: none;
-}
-
-/*BTNS*/
-.button, .pointer { cursor: pointer!important}
-.button{min-width:110px;}
-/*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;
+  .before-js > * {
+    visibility: hidden;
+    opacity: 0;
+    transition: opacity .5s ease;
   }
-}
-/*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 .5s ;
-}
-
-/*flash-in animation*/
-      @keyframes flash-in{
-        0% {opacity:0;}
-        100% {opacity:1;}
-      }
-/*flash-in animation*/
-
-/*FX ANIMATIONS*/
+  .after-js > * {
+    visibility: visible;
+    opacity: 1;
+  }
+  .before-js:before {
+    content: 'Loading';
+    position: absolute;
+    top: 49%;
+    left: 49%;
+  }
+  .after-js:before {
+    content: none;
+  }
+  /*BTNS*/
+  .button, .pointer {
+    cursor: pointer!important}
+  .button{
+    min-width:110px;
+  }
+  /*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 .5s ;
+  }
+  /*flash-in animation*/
+  @keyframes flash-in{
+    0% {
+      opacity:0;
+    }
+    100% {
+      opacity:1;
+    }
+  }
+  /*flash-in animation*/
+  /*FX ANIMATIONS*/
 </style>
 <script src="/js/vue.global.js"></script>
 <script src="/js/main.js"></script>
@@ -147,10 +158,14 @@ window.addEventListener('load', function() {
     getUser,
     logout,
     websiteDelete,
+    websiteDuplicate,
     websiteList,
     websiteCreate,
     websiteMetaWrite,
   } = api
+  function toSafeId(name) {
+    return name.replace(/[/\\?%*:|"<>]/g, '_')
+  }
 
   const App = {
     data() {
@@ -226,7 +241,7 @@ window.addEventListener('load', function() {
         try {
           if (!this.newWebsiteName) throw new Error('You need to provide a website name')
           this.loading = true
-          const websiteId = this.newWebsiteName.replace(/[/\\?%*:|"<>]/g, '_')
+          const websiteId = toSafeId(this.newWebsiteName)
           const result = await websiteCreate({
             websiteId,
             data: {
@@ -270,6 +285,22 @@ window.addEventListener('load', function() {
         }
       },
 
+      async duplicateWebsite(websiteId) {
+        this.loading = true
+        try {
+          await websiteDuplicate({websiteId, connectorId: this.user.storage.connectorId, data: { name }})
+          this.error = ''
+          this.websites = await websiteList({connectorId: this.user.storage.connectorId})
+          this.message = 'Website duplicated successfully'
+          this.empty = this.websites.length === 0
+          this.loading = false
+        } catch (error) {
+          this.loading = false
+          this.error = `Failed to duplicate website - ${error.message}`
+          this.message = ''
+        }
+      },
+
       async renameWebsite(websiteId) {
         const website = this.websites.find(w => w.websiteId === websiteId)
         const name = prompt('New name for this website', website.name)
@@ -304,11 +335,11 @@ window.addEventListener('load', function() {
 
 
 <title>Silex Dashboard</title>
-<link rel="icon" href="" />
-<meta property="description" content=""/>
-<meta property="og:title" content=""/>
-<meta property="og:description" content=""/>
-<meta property="og:image" content=""/>
+<link rel="icon" href="/assets/favicon-32x32.png" />
+<meta name="description" property="description" content=""/>
+<meta name="og:title" property="og:title" content=""/>
+<meta name="og:description" property="og:description" content=""/>
+<meta name="og:image" property="og:image" content=""/>
 </head>
 <body
             id="ik0i"
@@ -551,7 +582,12 @@ window.addEventListener('load', function() {
             @click="renameWebsite(website.websiteId, 'en')"
             
             >Rename</BUTTON><BUTTON
-            id="iol4h"
+            id="iol4h" title="Duplicate"
+            class="button-bar__item--link pointer fx-flash fx-scale button-bar__item--icon "
+            @click="duplicateWebsite(website.websiteId, 'en')"
+            
+            ><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path fill="#8873fe" d="M384 336H192c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16l140.1 0L400 115.9V320c0 8.8-7.2 16-16 16zM192 384H384c35.3 0 64-28.7 64-64V115.9c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1H192c-35.3 0-64 28.7-64 64V320c0 35.3 28.7 64 64 64zM64 128c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H256c35.3 0 64-28.7 64-64V416H272v32c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V192c0-8.8 7.2-16 16-16H96V128H64z"/></svg></BUTTON><BUTTON
+            
             class="button-bar__item--link pointer fx-flash fx-scale "
             @click="deleteWebsite(website.websiteId)" title="Delete"