npm - @silexlabs/silex-dashboard - Versions diffs - 1.0.40 → 1.0.44 - Mend

@silexlabs/silex-dashboard 1.0.40 → 1.0.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (83) hide show

package/.gitmodules +2 -2
package/11ty/eleventy.config.mjs +62 -0
package/README.md +8 -2
package/collections/connectors/en.md +70 -0
package/collections/connectors/fr.md +72 -0
package/collections/home/en.md +57 -0
package/{pages/fr/index.md → collections/home/fr.md} +20 -21
package/collections/languages/en.json +5 -0
package/collections/languages/fr.json +5 -0
package/collections/settings/en.json +127 -0
package/collections/settings/fr.json +131 -0
package/package.json +17 -8
package/silex/client-config.js +24 -0
package/{.silex.js → silex/server-config.js} +8 -16
package/templates/connectors-en.11tydata.mjs +56 -0
package/templates/connectors-en.html +440 -0
package/templates/connectors-fr.11tydata.mjs +56 -0
package/templates/connectors-fr.html +440 -0
package/templates/css/connectors-61bd21c2345101e48cc530cacf3afc0156ce7e089fcef3a34f853a537f0c55f2.css +1 -0
package/templates/css/websites-4b9b2b0a0a907b33eca109d50c2a3eee97f1955c742cef487110d21a0bbf8f50.css +1 -0
package/templates/websites-en.11tydata.mjs +108 -0
package/templates/websites-en.html +478 -0
package/templates/websites-fr.11tydata.mjs +108 -0
package/templates/websites-fr.html +478 -0
package/tina/config.ts +258 -0
package/tina/tina-lock.json +1 -0
package/.eleventy.js +0 -11
package/.silex-client.js +0 -22
package/_data/languages.json +0 -7
package/_includes/api-connectors.js.html +0 -96
package/_includes/api-websites.js.html +0 -189
package/_includes/connectors.html +0 -253
package/_includes/websites.html +0 -548
package/_silex/old/assets/alex-hoyau.jpg +0 -0
package/_silex/old/assets/alex-small.jpg +0 -0
package/_silex/old/assets/empty-projects.gif +0 -0
package/_silex/old/assets/gitlab.svg +0 -13
package/_silex/old/assets/picto-silex.png +0 -0
package/_silex/old/assets/silex-icon-2018@200px.png +0 -0
package/_silex/old/meta.json +0 -1
package/_silex/old/website.json +0 -1
package/_site/assets/alex-small.jpg +0 -0
package/_site/assets/bg-purpel-silex.webp +0 -0
package/_site/assets/bg-silex-purpel.webp +0 -0
package/_site/assets/empty-projects-sos.gif +0 -0
package/_site/assets/gitlab.svg +0 -13
package/_site/assets/logo-silex.svg +0 -1
package/_site/assets/picto-silex@3x.png +0 -0
package/_site/assets/silex-dashboard.png +0 -0
package/_site/assets/silex-icon-2018@200px.png +0 -0
package/_site/css/connectors.css +0 -1
package/_site/css/websites.css +0 -1
package/_site/en/connectors/index.html +0 -376
package/_site/en/index.html +0 -795
package/_site/fr/connectors/index.html +0 -376
package/_site/fr/index.html +0 -795
package/assets/alex-small.jpg +0 -0
package/assets/bg-purpel-silex.webp +0 -0
package/assets/bg-silex-purpel.webp +0 -0
package/assets/empty-projects-sos.gif +0 -0
package/assets/favicon-32x32.png +0 -0
package/assets/gitlab.svg +0 -13
package/assets/logo-silex.svg +0 -1
package/assets/picto-silex@3x.png +0 -0
package/assets/silex-dashboard.png +0 -0
package/assets/silex-icon-2018@200px.png +0 -0
package/pages/connectors.css.liquid +0 -4
package/pages/en/connectors.md +0 -4
package/pages/en/en.json +0 -72
package/pages/en/index.md +0 -28
package/pages/fr/connectors.md +0 -5
package/pages/fr/fr.json +0 -72
package/pages/pages.11tydata.js +0 -5
package/pages/websites.css.liquid +0 -4
/package/{_data → 11ty/_data}/api-translations.json +0 -0
/package/{_data → 11ty/_data}/site.js +0 -0
/package/{_includes → 11ty/_includes}/alternate.liquid +0 -0
/package/{_silex/old → templates}/assets/bg-purpel-silex.webp +0 -0
/package/{_silex/old → templates}/assets/bg-silex-purpel.webp +0 -0
/package/{_silex/old → templates}/assets/empty-projects-sos.gif +0 -0
/package/{_site → templates}/assets/favicon-32x32.png +0 -0
/package/{_silex/old → templates}/assets/logo-silex.svg +0 -0
/package/{_silex/old → templates}/assets/picto-silex@3x.png +0 -0

package/_site/fr/index.html DELETED Viewed

@@ -1,795 +0,0 @@
-<!DOCTYPE html>
-<html lang="">
-<head>
-<link rel="stylesheet" href="/css/websites.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">
-    <link
-      rel="alternate"
-      hreflang="en"
-      href="/en/" />
-<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;
-    }
-  }
-  /*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>
-<script type="module">
-const CONNECTORS_PATH = '/connectors/'
-window.addEventListener('load', function() {
-  const { createApp } = Vue;
-  const { api, constants, types } = silex;
-  const {
-    ConnectorType,
-  } = types
-  const {
-    setServerUrl,
-    getUser,
-    logout,
-    websiteDelete,
-    websiteDuplicate,
-    websiteList,
-    websiteCreate,
-    websiteMetaWrite,
-  } = api
-  function toSafeId(name) {
-    return name.replace(/[/\\?%*:|"<>]/g, '_')
-  }
-  const App = {
-    data() {
-      return {
-        websites: [],
-        newWebsiteName: '',
-        showCreationForm: false,
-        error: null,
-        message: null,
-        loggedIn: false,
-        loading: true,
-        storage: null,
-        user: null,
-        showMenu: false,
-        empty: false,
-      }
-    },
-    mounted() {
-      this.init()
-    },
-    methods: {
-      async init() {
-        try {
-          // Init Silex server path
-          // Go up one level because of the language prefix
-          setServerUrl((window.location.origin + window.location.pathname.replace(/\/$/, '')).replace(/\/[^/]+$/, ''))
-          // Start
-          const user = await getUser({type: ConnectorType.STORAGE})
-          if(user) {
-            this.user = user
-            this.loggedIn = true
-            this.websites = await websiteList({connectorId: this.user.storage.connectorId})
-            this.empty = this.websites.length === 0
-            this.loading = false
-          } else {
-            this.openLogin()
-          }
-        } catch (error) {
-          console.error(error)
-          this.loading = false
-          if(error.code === 401 || error.httpStatusCode === 401) {
-            this.loggedIn = false
-            this.openLogin()
-          } else {
-            this.error = `Erreur, impossible de démarrer le tableau de bord - ${error.message}`
-            this.message = ''
-          }
-        }
-      },
-      openLogin(id, lang) {
-        //throw new Error('debug')
-        const path = `/fr${CONNECTORS_PATH}`
-        console.log(window.location.pathname, window.location.path, path)
-        if(window.location.pathname === path) return
-        window.open(path, '_self')
-      },
-      openEditor(id, lang) {
-        window.open(`/?id=${id}&lang=${lang}&connectorId=${this.user.storage.connectorId}`, '_self')
-      },
-      async logout() {
-        await logout({
-          type: ConnectorType.STORAGE,
-          connectorId: this.user.storage.connectorId,
-        })
-        window.location.reload()
-      },
-      async createWebsite() {
-        try {
-          if (!this.newWebsiteName) throw new Error('Vous n\'avez pas donné de nom à votre site')
-          this.loading = true
-          const websiteId = toSafeId(this.newWebsiteName)
-          const result = await websiteCreate({
-            websiteId,
-            data: {
-              name: this.newWebsiteName,
-              imageUrl: null,
-            },
-            connectorId: this.user.storage.connectorId
-          })
-          this.message = 'Le site a bien été créé'
-          this.error = ''
-          this.newWebsiteName = ''
-          this.showCreationForm = false;
-          this.websites = await websiteList({connectorId: this.user.storage.connectorId})
-          this.empty = this.websites.length === 0
-          this.loading = false
-          return result
-        } catch (error) {
-          this.loading = false
-          console.error(error)
-          this.error = `Erreur, le site n\'a pas été créé - ${error.message}`
-          this.message = ''
-        }
-      },
-      async deleteWebsite(websiteId) {
-        const ok = confirm('Etes vous sûr.e de vouloir supprimer définitivement ce site ?')
-        if (!ok) return
-        this.loading = true
-        try {
-          const result = await websiteDelete({websiteId, connectorId: this.user.storage.connectorId})
-          this.message = 'Le site a bien été effacé'
-          this.error = ''
-          this.websites = await websiteList({connectorId: this.user.storage.connectorId})
-          this.empty = this.websites.length === 0
-          this.loading = false
-          return result
-        } catch (error) {
-          this.loading = false
-          this.error = `Erreur, le site n\'a pas été effacé - ${error.message}`
-          this.message = ''
-        }
-      },
-      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 = 'Le site a bien été dupliqué'
-          this.empty = this.websites.length === 0
-          this.loading = false
-        } catch (error) {
-          this.loading = false
-          this.error = `Erreur, le site n'a pas été dupliqué - ${error.message}`
-          this.message = ''
-        }
-      },
-      async renameWebsite(websiteId) {
-        const website = this.websites.find(w => w.websiteId === websiteId)
-        const name = prompt('Nouveau nom', website.name)
-        if (!name) return
-        this.loading = true
-        try {
-          const result = await websiteMetaWrite({websiteId, connectorId: this.user.storage.connectorId, data: { name }})
-          this.message = 'Changement de nom effectué'
-          this.error = ''
-          this.websites = await websiteList({connectorId: this.user.storage.connectorId})
-          this.empty = this.websites.length === 0
-          this.loading = false
-          return result
-        } catch (error) {
-          this.loading = false
-          this.error = `Erreur, le nom n\'a pas été changé - ${error.message}`
-          this.message = ''
-        }
-      },
-    },
-  };
-  // Start vue app
-  createApp(App).mount('.app');
-  // Remove loading
-  setTimeout(() => {
-    document.querySelector('.before-js').classList.add('after-js')
-  }, 100)
-})
-</script>
-<title>Dashboard Silex</title>
-<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"
-            class="body loading app before-js"
-            ><HEADER
-            id="igrg"
-            class="menu-bar "
-            ><A
-            id="igvu43" href="/"
-            ><img
-            src="/assets/picto-silex@3x.png" id="iel80b-2"
-            class="nav__logo "
-            ></img></A><NAV
-            id="i9jq"
-            class="nav "
-            ><A
-            id="iels" href="/"
-            class="nav__item uppercase active"
-            target=""
-            >Sites</A><A
-            id="iels" href="http://docs.silex.me/"
-            class="nav__item uppercase "
-            target="_blank"
-            >Docs</A><A
-            id="iels" href="https://www.silex.me/"
-            class="nav__item uppercase "
-            target="_blank"
-            >A propos</A><A
-            id="iels" href="https://community.silex.me/"
-            class="nav__item uppercase "
-            target="_blank"
-            >Communauté</A><A
-            id="iels" href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=fr-FR&source=silex-dashboard"
-            class="nav__item uppercase "
-            target="_blank"
-            >News</A></NAV><div
-            id="i2red7"
-            class="lang h-space "
-            ><A
-            href="/en" id="iciz"
-            class="lang__item nav__item uppercase "
-            hreflang="en"
-            >en</A><A
-            href="/fr" id="iciz"
-            class="lang__item nav__item uppercase active"
-            hreflang="fr"
-            >fr</A></div><div
-            id="i24ew"
-            class="user__wrapper pointer "
-            v-if="user && !user.storage.disableLogout"  @NOmouseover="showMenu = true"  @NOmouseout="showMenu = false"  @click="showMenu = !showMenu"
-            ><div
-            id="i5xsbd"
-            class="user-icon__wrapper "
-            v-if="user" v-show="!showMenu || user.storage.disableLogout"
-            ><div
-            id="i5wlbq"
-            class="user-icon__image "
-            v-if="user" v-show="!showMenu || user.storage.disableLogout" :style='`background: url("${user.picture}"); background-repeat: no-repeat; background-size: contain;`'
-            ></div></div><div
-            id="ic9eoa"
-            v-show="showMenu && !user.storage.disableLogout"
-            ><div
-            id="iksw4d"
-            class="button button--tertiary text-centered "
-            @click="logout()"
-            >Logout</div></div></div></HEADER><HEADER
-            id="iy8ax3"
-            class="bg-silex-purpel "
-            ><div
-            id="iisz8f"
-            class="section-top text-centered text-white "
-            ><H1
-            id="ic31o"
-            class="title-40 "
-            v-if="!empty"
-            >Bienvenue !</H1><P
-            id="iyex8"
-            class="subtitle-16 "
-            v-if="!empty"
-            >Plongez-vous dans un projet ou créez-en un nouveau</P><H1
-            id="i4ybc"
-            class="title-40 "
-            v-if="empty"
-            >Bienvenue !</H1><P
-            id="iino6r"
-            class="subtitle-16 "
-            v-if="empty"
-            >Créez votre premier projet, clickez sur le boutont "Créer un site"</P></div></HEADER><MAIN
-            id="iz63r"
-            class="padding-normal main-min-height website-max-width margin-80 "
-            ><SECTION
-            id="iqmx38"
-            v-if="empty"
-            ></SECTION><div
-            id="ickx4"
-            class="margin-20 "
-            v-if="!empty"
-            ><BUTTON
-            id="ic92g"
-            class="button button--primary rounded top-space-40 fx-scale-round "
-            @click="showCreationForm = !showCreationForm" v-if="!showCreationForm"
-            ><span
-            id="igsxoc"
-            class="icon-font "
-            >+</span> <span
-            >Créer un site</span></BUTTON><div
-            id="i0ro3"
-            class="button button--secondary rounded "
-            >Import</div></div><div
-            id="ihwwxz"
-            class="box top-space-40 padding-30 box_transp "
-            v-if="showCreationForm"
-            ><H3
-            id="i3gd1b"
-            class="box__header text-centered "
-            >Créer un nouveau site internet</H3><form
-            method="get" id="i50acf"
-            class="form "
-            @submit.prevent="createWebsite"
-            ><div
-            id="igtg1t"
-            class="v-space "
-            ><label
-            id="i1nmbc"
-            class="v-space bold color-2B1B63-80 "
-            >Nom du site</label><input
-            type="text" id="ij5iwh" placeholder="Mon super projet"
-            class="input full-width "
-            v-model="newWebsiteName"
-            ></input></div><div
-            id="ie0xes"
-            ><button
-            type="submit" id="i021na"
-            class="button rounded button--primary right-space-20 fx-scale-round "
-            >Créer</button><button
-            type="reset"
-            class="button rounded button--secondary fx-scale-round "
-            @click="showCreationForm = !showCreationForm"
-            >Annuler</button></div></form></div><div
-            id="if80m"
-            class="margin-20 "
-            v-if="!empty"
-            ><SECTION
-            id="idgvg"
-            class="button-bar loaded__item "
-            v-if="!loading" v-for="(website, index) in websites" :key="index"
-            ><H3
-            id="i69a7"
-            class="right-space-40 color-2B1B63-80 uppercase pointer fx-flash full-width button-bar__title underline "
-            v-text="website.name || website.id" @click="openEditor(website.websiteId, 'fr')"
-            >My first website</H3><P
-            id="i65hn"
-            class="button-bar__item--secondary flex-no-shrink right-space-40 "
-            v-text="'Mis à jour le ' + new Date(website.updatedAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })"
-            >Updated 1h ago by lexoyo</P><P
-            id="i64qa"
-            class="button-bar__item--secondary flex-no-shrink right-space-40 "
-            v-text="'Créé le ' + new Date(website.createdAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })"
-            >Created 2023-02-16 by lexoyo</P><div
-            id="i3b4tr"
-            class="flex-no-shrink "
-            ><BUTTON
-            id="ifyf6p" title="Editer"
-            class="button-bar__item--link pointer fx-scale fx-flash button-bar__item--icon "
-            @click="openEditor(website.websiteId, 'fr')"
-            ><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="#8873fe" d="M368 80h32v32H368V80zM352 32c-17.7 0-32 14.3-32 32H128c0-17.7-14.3-32-32-32H32C14.3 32 0 46.3 0 64v64c0 17.7 14.3 32 32 32V352c-17.7 0-32 14.3-32 32v64c0 17.7 14.3 32 32 32H96c17.7 0 32-14.3 32-32H320c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32V384c0-17.7-14.3-32-32-32V160c17.7 0 32-14.3 32-32V64c0-17.7-14.3-32-32-32H352zM96 160c17.7 0 32-14.3 32-32H320c0 17.7 14.3 32 32 32V352c-17.7 0-32 14.3-32 32H128c0-17.7-14.3-32-32-32V160zM48 400H80v32H48V400zm320 32V400h32v32H368zM48 112V80H80v32H48z"/></svg></BUTTON><BUTTON
-            id="ihf6ew" title="Renommer"
-            class="button-bar__item--link pointer fx-scale fx-flash button-bar__item--icon "
-            @click="renameWebsite(website.websiteId, 'fr')"
-            ><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="#8873fe" d="M471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7zm-299.2 220c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3 172.4 241.7zM96 64C43 64 0 107 0 160V416c0 53 43 96 96 96H352c53 0 96-43 96-96V320c0-17.7-14.3-32-32-32s-32 14.3-32 32v96c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V160c0-17.7 14.3-32 32-32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H96z"/></svg></BUTTON><BUTTON
-            id="iol4h" title="Dupliquer"
-            class="button-bar__item--link pointer fx-flash fx-scale button-bar__item--icon "
-            @click="duplicateWebsite(website.websiteId, 'fr')"
-            ><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="Supprimer"
-            >X</BUTTON></div></SECTION><SECTION
-            id="i1fjn"
-            class="button-bar loading__item skeleton-anim skeleton-wrapper "
-            v-if="loading"
-            ><H3
-            id="iwu6a"
-            class="skeleton-text skeleton right-space-40 "
-            >My first websiteMy first websiteMy first websiteMy first</H3><P
-            id="i26fn"
-            class="button-bar__item--secondary skeleton-text skeleton right-space-40 "
-            >Updated 1h ago by lexoyo</P><P
-            id="iywbk"
-            class="button-bar__item--secondary skeleton-text skeleton right-space-40 "
-            >Created 2023-02-16 by lexoyo</P><div
-            id="ixz6c"
-            class="skeleton skeleton-button "
-            >Edit</div></SECTION><SECTION
-            id="iwxxo5"
-            class="button-bar loading__item skeleton-anim skeleton-wrapper "
-            v-if="loading"
-            ><H3
-            id="inmp3"
-            class="skeleton-text skeleton right-space-40 "
-            >My first websiteMy first websiteMy first websiteMy first</H3><P
-            id="icjz8"
-            class="button-bar__item--secondary skeleton-text skeleton right-space-40 "
-            >Updated 1h ago by lexoyo</P><P
-            id="illbe"
-            class="button-bar__item--secondary skeleton-text skeleton right-space-40 "
-            >Created 2023-02-16 by lexoyo</P><div
-            id="i9fx3l"
-            class="skeleton skeleton-button "
-            >Edit</div></SECTION><SECTION
-            id="isld3r"
-            class="button-bar loading__item skeleton-anim skeleton-wrapper "
-            v-if="loading"
-            ><H3
-            class="button-bar_item button-bar__item--main skeleton-text skeleton right-space-40 "
-            >My first websiteMy first websiteMy first websiteMy first</H3><P
-            class="button-bar_item button-bar__item--secondary skeleton-text skeleton right-space-40 "
-            >Updated 1h ago by lexoyo</P><P
-            class="button-bar_item button-bar__item--secondary skeleton-text skeleton right-space-40 "
-            >Created 2023-02-16 by lexoyo</P><div
-            id="i8oes3"
-            class="button-bar_item skeleton skeleton-button "
-            >Edit</div></SECTION></div><div
-            id="ipccl7"
-            ><div
-            id="i2fkm9"
-            class="margin-20 empty-image "
-            v-if="empty"
-            ></div><div
-            id="i5ydxo"
-            class="box padding-50-30 box--centered "
-            v-if="empty"
-            ><P
-            id="ikl1qu"
-            class="text-centered title-26 "
-            >C'est bien calme ici...</P><H3
-            id="iwzrqi"
-            class="text-centered title-26 "
-            >Prêt.e à démarrer une nouvelle aventure?</H3><BUTTON
-            id="i2x0l"
-            class="button button--primary rounded top-space-40 fx-scale-round "
-            @click="showCreationForm = !showCreationForm" v-if="!showCreationForm" v-if="empty"
-            ><span
-            id="ibsgw"
-            class="icon-font "
-            >+</span> <span
-            id="itl2n8"
-            >Créer un site</span></BUTTON></div></div><div
-            id="i7ej6j"
-            class="flex-between box-message text-white "
-            v-if="error"
-            ><H3
-            id="iv0eyi"
-            class="box-message-text "
-            v-text="error"
-            >Insert your text here</H3><div
-            id="i4656n"
-            class="pointer button-bar__item--link text-white "
-            @click="error = null"
-            >Fermer</div></div><div
-            id="ilteie"
-            class="flex-between box-message text-white "
-            v-if="message"
-            ><H3
-            id="i2d31v"
-            class="box-message-text "
-            v-text="message"
-            >Insert your text here</H3><div
-            id="i2urco"
-            class="rounded pointer button-bar__item--link text-white "
-            @click="message = null"
-            >Fermer</div></div></MAIN><FOOTER
-            id="ilzpl"
-            class="footer "
-            ><div
-            id="isucae"
-            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
-            id="ie28kq"
-            class="footer__column "
-            ><A
-            href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=fr-FR&source=silex-dashboard" id="iahjww"
-            class="footer__item "
-            >Newsletter - tous les 3 mois</A><A
-            href="https://www.meetup.com/Silex-Labs-Aperopensource/" id="iahjww"
-            class="footer__item "
-            >Meetups, événements, ateliers</A><A
-            href="https://fosstodon.org/@silex" id="iahjww"
-            class="footer__item "
-            >Mastodon - suivez-nous sur le réseau social libre/gratuit</A><A
-            href="https://www.youtube.com/user/Silexlabs/" id="iahjww"
-            class="footer__item "
-            >Youtube - tutoriels et plus</A></div></FOOTER></body>
-</html>