@silexlabs/silex-dashboard 1.0.22 → 1.0.24

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 (13) hide show
  1. package/_includes/api-websites.js.html +1 -1
  2. package/_includes/connectors.html +37 -3
  3. package/_includes/websites.html +79 -15
  4. package/_silex/default/website.json +1 -1
  5. package/_site/css/websites.css +1 -1
  6. package/_site/en/connectors/index.html +37 -3
  7. package/_site/en/index.html +110 -16
  8. package/_site/fr/connectors/index.html +37 -3
  9. package/_site/fr/index.html +110 -16
  10. package/package.json +2 -2
  11. package/pages/en/en.json +44 -0
  12. package/pages/fr/fr.json +44 -0
  13. package/pages/websites.css.liquid +1 -1
package/_site/css/websites.css CHANGED
@@ -1 +1 @@
1
- * { box-sizing: border-box; } body {margin: 0;}.nav__item{margin:0px 10px 0px 10px;font-size:0.8rem;padding:24px 0px 24px 0px;color:#4a4a4a;}.body{font-family:"Ubuntu", sans-serif;background-color:#f0f0f0;}.menu-bar{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;height:94px;padding:0px 100px 0px 100px;width:100%;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{width:100%;margin:0px 20px 0px 20px;}.subtitle-16{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle-16.color--light{color:#636363;font-weight:700;}.button{font-size:0.8rem;padding:10px 20px 10px 20px;display:inline-block;border:2px solid #8873fe;transition:all 0.18s ease-out;font-weight:700;line-height:1.2rem;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{margin:20px 0px 20px 0px;display:flex;padding:30px 30px 30px 30px;align-items:center;justify-content:space-between;border-radius:4px 4px 4px 4px;background-color:#ffffff;}#ibsgw{position:relative;top:3px;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;}.button.button--secondary{font-weight:400;color:#8873fe;border:2px solid #8873fe;}.rounded{border-radius:4px 4px 4px 4px;}.footer{display:flex;margin:50px 0px 50px 0px;background-color:#ffffff;align-items:center;justify-content:center;padding:30px 30px 30px 30px;}.skeleton-text.skeleton{background-color:#dddddd;color:transparent;opacity:0.31;border-radius:5px 5px 5px 5px;}.skeleton.skeleton-button{color:transparent;opacity:0.31;background-color:#dddddd;border-radius:5px 5px 5px 5px;width:140px;}.skeleton-anim{position:relative;}.nav__item.active{color:black;}.margin-20{margin:20px 0px 20px 0px;}#i0ro3{display:none;}.loading__item.loaded-true{display:none;}#i69a7{width:100%;}.flex-no-shrink{flex-shrink:0;}.form{padding:10px 0px 10px 0px;border-radius:5px 5px 5px 5px;}#i1nmbc{flex-shrink:0;}.input{padding:10px 10px 10px 10px;background-color:transparent;border:2px solid #8873fe;margin:10px 0px 10px 0px;border-radius:4px 4px 4px 4px;}.full-width{width:100%;}.v-space{margin:10px 0px 10px 0px;}.box{border-radius:4px 4px 4px 4px;background-color:#ffffff;}.box__header{margin:0px 0px 0px 0px;padding:10px 0px 10px 0px;font-weight:700;font-size:1.625rem;color:rgba(43,27,99,0.5);}.box.flex-between{align-items:center;}.flex-between{display:flex;align-items:center;justify-content:space-between;}.h-space{margin:0px 10px 0px 0px;}.button--tertiary{background-color:transparent;font-weight:400;}.icon-font{font-size:1.5rem;line-height:1px;margin:0px 2px 0px 2px;}.lang__item{margin:0px 5px 0px 5px;}.top-space-40{margin:40px 0 0 0;}.nav__logo{height:50px;}.user-icon__image{width:100%;height:100%;}.user__wrapper{border:1px solid white;display:flex;flex-direction:column;justify-content:center;align-items:center;}.right-space-20{margin:0px 20px 0px 0px;}#iksw4d{padding:10px;}.button:hover{color:#8873fe;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;border:2px solid rgba(136,115,254,0.5);}.user-icon__wrapper{border:1px solid #f0f0f0;background-color:#f0f0f0;border-radius:50% 50% 50% 50%;width:40px;height:40px;padding:5px 5px 5px 5px;}.title-40{margin:0 0 10px 0;font-size:2.5rem;font-weight:700;}.bg-silex-purpel{background-repeat:repeat-y;background-position:center top;background-attachment:scroll;background-size:contain;background-image:url(/assets/bg-purpel-silex.webp);}.section-top{max-width:1200px;padding:40px 30px 40px 30px;height:226px;display:flex;flex-direction:column;justify-content:center;margin:0px auto 0px auto;}.text-centered{text-align:center;}.box-message{background-color:rgba(43,27,99,0.3);border-radius:4px 4px 4px 4px;padding:20px 30px 20px 30px;margin:10px 0px 10px 0px;}.text-white{color:#ffffff;}.bold{font-weight:800;}.button-bar__item--link{background-color:transparent;border:0px solid black;font-size:0.8rem;color:#8873fe;}.padding-30{padding:30px 30px 30px 30px;}.right-space-40{margin:0 40px 0 0;}.title-26{font-size:1.625rem;margin:10px 0px 10px 0px;}.empty-image{min-height:500px;background-image:url(/assets/empty-projects-sos.gif);background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:contain;}.padding-50-30{padding:50px 30px 50px 30px;}.box.box_transp{background-color:rgba(255,255,255,0.5);}.button.button--tertiary{border:2px solid transparent;background-color:rgba(221,221,221,0.5);}.button-bar__item--link.text-white{color:#ffffff;}.button.big-button{border:2px solid transparent;}.color-2B1B63-80{color:rgba(43,27,99,0.8);}.button.button--tertiary:hover{border:2px solid #8873fe;color:#8873fe;background-color:white;}.box-message-text{margin:0px 0 0 0;font-weight:300;}.website-max-width{max-width:1200px;}.margin-80{margin:80px auto 80px auto;}.button-bar__item--secondary{font-size:0.8rem;}.skeleton{line-height:1.1rem;}
1
+ * { box-sizing: border-box; } body {margin: 0;}.nav__item{margin:0px 10px 0px 10px;font-size:0.8rem;padding:24px 0px 24px 0px;color:#4a4a4a;}.body{font-family:"Ubuntu", sans-serif;background-color:#f0f0f0;}.menu-bar{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;height:94px;padding:0px 100px 0px 100px;width:100%;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{width:100%;margin:0px 20px 0px 20px;}.subtitle-16{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle-16.color--light{color:#636363;font-weight:700;}.button{font-size:0.8rem;padding:10px 20px 10px 20px;display:inline-block;border:2px solid #8873fe;transition:all 0.18s ease-out;font-weight:700;line-height:1.2rem;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{margin:20px 0px 20px 0px;display:flex;padding:30px 30px 30px 30px;align-items:center;justify-content:space-between;border-radius:4px 4px 4px 4px;background-color:#ffffff;}#ibsgw{position:relative;top:3px;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;}.button.button--secondary{font-weight:400;color:#8873fe;border:2px solid #8873fe;}.rounded{border-radius:4px 4px 4px 4px;}.footer{display:flex;margin:50px 0px 50px 0px;background-color:#ffffff;align-items:center;justify-content:space-evenly;padding:30px 30px 30px 30px;}.skeleton-text.skeleton{background-color:#dddddd;color:transparent;opacity:0.31;border-radius:5px 5px 5px 5px;}.skeleton.skeleton-button{color:transparent;opacity:0.31;background-color:#dddddd;border-radius:5px 5px 5px 5px;width:140px;}.skeleton-anim{position:relative;}.nav__item.active{color:black;}.margin-20{margin:20px 0px 20px 0px;}#i0ro3{display:none;}.loading__item.loaded-true{display:none;}#i69a7{width:100%;}.flex-no-shrink{flex-shrink:0;}.form{padding:10px 0px 10px 0px;border-radius:5px 5px 5px 5px;}#i1nmbc{flex-shrink:0;}.input{padding:10px 10px 10px 10px;background-color:transparent;border:2px solid #8873fe;margin:10px 0px 10px 0px;border-radius:4px 4px 4px 4px;}.full-width{width:100%;}.v-space{margin:10px 0px 10px 0px;}.box{border-radius:4px 4px 4px 4px;background-color:#ffffff;}.box__header{margin:0px 0px 0px 0px;padding:10px 0px 10px 0px;font-weight:700;font-size:1.625rem;color:rgba(43,27,99,0.5);}.box.flex-between{align-items:center;}.flex-between{display:flex;align-items:center;justify-content:space-between;}.h-space{margin:0px 10px 0px 0px;}.button--tertiary{background-color:transparent;font-weight:400;}.icon-font{font-size:1.5rem;line-height:1px;margin:0px 2px 0px 2px;}.lang__item{margin:0px 5px 0px 5px;}.top-space-40{margin:40px 0 0 0;}.nav__logo{height:50px;}.user-icon__image{width:100%;height:100%;}.user__wrapper{border:1px solid white;display:flex;flex-direction:column;justify-content:center;align-items:center;}.right-space-20{margin:0px 20px 0px 0px;}#iksw4d{padding:10px;}.button:hover{color:#8873fe;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;border:2px solid rgba(136,115,254,0.5);}.user-icon__wrapper{border:1px solid #f0f0f0;background-color:#f0f0f0;border-radius:50% 50% 50% 50%;width:40px;height:40px;padding:5px 5px 5px 5px;}.title-40{margin:0 0 10px 0;font-size:2.5rem;font-weight:700;}.bg-silex-purpel{background-repeat:repeat-y;background-position:center top;background-attachment:scroll;background-size:contain;background-image:url(/assets/bg-purpel-silex.webp);}.section-top{max-width:1200px;padding:40px 30px 40px 30px;height:226px;display:flex;flex-direction:column;justify-content:center;margin:0px auto 0px auto;}.text-centered{text-align:center;}.box-message{background-color:rgba(43,27,99,0.3);border-radius:4px 4px 4px 4px;padding:20px 30px 20px 30px;margin:10px 0px 10px 0px;}.text-white{color:#ffffff;}.bold{font-weight:800;}.button-bar__item--link{background-color:transparent;border:0px solid black;font-size:0.8rem;color:#8873fe;}.padding-30{padding:30px 30px 30px 30px;}.right-space-40{margin:0 40px 0 0;}.title-26{font-size:1.625rem;margin:10px 0px 10px 0px;}.empty-image{min-height:500px;background-image:url(/assets/empty-projects-sos.gif);background-repeat:no-repeat;background-position:center center;background-attachment:scroll;background-size:contain;}.padding-50-30{padding:50px 30px 50px 30px;}.box.box_transp{background-color:rgba(255,255,255,0.5);}.button.button--tertiary{border:2px solid transparent;background-color:rgba(221,221,221,0.5);}.button-bar__item--link.text-white{color:#ffffff;}.button.big-button{border:2px solid transparent;}.color-2B1B63-80{color:rgba(43,27,99,0.8);}.button.button--tertiary:hover{border:2px solid #8873fe;color:#8873fe;background-color:white;}.box-message-text{margin:0px 0 0 0;font-weight:300;}.website-max-width{max-width:1200px;}.margin-80{margin:80px auto 80px auto;}.button-bar__item--secondary{font-size:0.8rem;}.skeleton{line-height:1.1rem;}#isucae{min-height:100px;}.footer__column{display:flex;flex-direction:column;}#iahjww{padding:10px;}#ie28kq{min-height:100px;}.footer__item{padding:10px 10px 10px 10px;}#igsxoc{position:relative;top:3px;}.box--centered{display:flex;flex-direction:column;align-items:center;}
package/_site/en/connectors/index.html CHANGED
@@ -15,8 +15,10 @@
15
15
 
16
16
  <style>
17
17
  body { color:#2B1B63;}
18
+ /*BTNS*/
18
19
  .button, .pointer { cursor: pointer!important}
19
20
  .button{min-width:110px;}
21
+ /*BTNS*/
20
22
  a {
21
23
  text-decoration: none;
22
24
  color:#8873FE;}
@@ -57,8 +59,39 @@ input:focus {
57
59
  background-position: 200% 0, 0 0, 0 190px, 50px 195px;
58
60
  }
59
61
  }
60
-
61
62
  /*FX ANIMATIONS*/
63
+ /*scale-round-inside*/
64
+ .fx-scale-round {
65
+ position:relative;
66
+ z-index: 10;
67
+ overflow: hidden;
68
+ }
69
+ .fx-scale-round::after {
70
+ content: "";
71
+ background: #ffffff;
72
+ position: absolute;
73
+ z-index: -1;
74
+ border-radius: 50%;
75
+ left: -50%;
76
+ right: -50%;
77
+ top: -100%;
78
+ bottom: -100%;
79
+ transform: scale(0, 0);
80
+ transform-origin: center bottom;
81
+ transition: all 0.3s ease-out;
82
+
83
+ }
84
+ .fx-scale-round:hover {
85
+ transform-origin: center bottom;
86
+ transform: scale(1.1);
87
+ transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
88
+ }
89
+ .fx-scale-round:hover::after {
90
+ transform: scale(1, 1);
91
+ transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
92
+ }
93
+ /*scale-round-inside*/
94
+ /*scale*/
62
95
  .fx-scale:hover {
63
96
  transform-origin: center bottom;
64
97
  transform: scale(1.1);
@@ -108,6 +141,7 @@ input:focus {
108
141
  100% {opacity:1;}
109
142
  }
110
143
  /*flash-in animation*/
144
+
111
145
  /*FX ANIMATIONS*/
112
146
  </style>
113
147
  <script src="/node_modules/vue/dist/vue.global.js"></script>
@@ -220,7 +254,7 @@ window.addEventListener('load', function() {
220
254
 
221
255
 
222
256
  ><img
223
- src="/assets/picto-silex@3x.png" href=""
257
+ src="/api/website/assets/picto-silex@3x.png?websiteId=default&connectorId=fs-storage" href=""
224
258
  class="nav__logo "
225
259
 
226
260
 
@@ -306,7 +340,7 @@ window.addEventListener('load', function() {
306
340
 
307
341
  ><A
308
342
  id="isqe61" href="https://" src="undefined"
309
- class="h-space button-bar__item--main button-bar_item button big-button "
343
+ class="button big-button "
310
344
  v-if="!loading" v-for="(connector, index) in connectors" :key="index" :style="{ backgroundColor: connector.background, color: connector.color }" @click="openLogin(connector)"
311
345
 
312
346
  ><div
package/_site/en/index.html CHANGED
@@ -15,8 +15,10 @@
15
15
 
16
16
  <style>
17
17
  body { color:#2B1B63;}
18
+ /*BTNS*/
18
19
  .button, .pointer { cursor: pointer!important}
19
20
  .button{min-width:110px;}
21
+ /*BTNS*/
20
22
  a {
21
23
  text-decoration: none;
22
24
  color:#8873FE;}
@@ -57,8 +59,39 @@ input:focus {
57
59
  background-position: 200% 0, 0 0, 0 190px, 50px 195px;
58
60
  }
59
61
  }
60
-
61
62
  /*FX ANIMATIONS*/
63
+ /*scale-round-inside*/
64
+ .fx-scale-round {
65
+ position:relative;
66
+ z-index: 10;
67
+ overflow: hidden;
68
+ }
69
+ .fx-scale-round::after {
70
+ content: "";
71
+ background: #ffffff;
72
+ position: absolute;
73
+ z-index: -1;
74
+ border-radius: 50%;
75
+ left: -50%;
76
+ right: -50%;
77
+ top: -100%;
78
+ bottom: -100%;
79
+ transform: scale(0, 0);
80
+ transform-origin: center bottom;
81
+ transition: all 0.3s ease-out;
82
+
83
+ }
84
+ .fx-scale-round:hover {
85
+ transform-origin: center bottom;
86
+ transform: scale(1.1);
87
+ transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
88
+ }
89
+ .fx-scale-round:hover::after {
90
+ transform: scale(1, 1);
91
+ transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
92
+ }
93
+ /*scale-round-inside*/
94
+ /*scale*/
62
95
  .fx-scale:hover {
63
96
  transform-origin: center bottom;
64
97
  transform: scale(1.1);
@@ -108,6 +141,7 @@ input:focus {
108
141
  100% {opacity:1;}
109
142
  }
110
143
  /*flash-in animation*/
144
+
111
145
  /*FX ANIMATIONS*/
112
146
  </style>
113
147
  <script src="/node_modules/vue/dist/vue.global.js"></script>
@@ -186,7 +220,7 @@ window.addEventListener('load', function() {
186
220
  },
187
221
 
188
222
  openEditor(id, lang) {
189
- window.open(`/?id=${id}&lang=${lang}&connectorId=${this.user.storage.connectorId}`, '_blank')
223
+ window.open(`/?id=${id}&lang=${lang}&connectorId=${this.user.storage.connectorId}`, '_self')
190
224
  },
191
225
 
192
226
  async logout() {
@@ -416,17 +450,17 @@ window.addEventListener('load', function() {
416
450
 
417
451
 
418
452
  ><BUTTON
419
- id="i2x0l" src="undefined"
420
- class="button button--primary rounded top-space-40 fx-scale fx-scale-round "
421
- @click="showCreationForm = !showCreationForm" v-if="!showCreationForm"
453
+ src="undefined"
454
+ class="button button--primary rounded top-space-40 fx-scale-round "
455
+ @click="showCreationForm = !showCreationForm" v-if="!showCreationForm" v-if="!empty"
422
456
 
423
457
  ><span
424
- id="ibsgw" src="undefined"
458
+ id="igsxoc" src="undefined"
425
459
  class="icon-font "
426
460
 
427
461
 
428
462
  >+</span> <span
429
- id="itl2n8" src="undefined"
463
+ src="undefined"
430
464
 
431
465
 
432
466
 
@@ -472,12 +506,12 @@ window.addEventListener('load', function() {
472
506
 
473
507
  ><button
474
508
  type="submit" id="i021na" src="undefined"
475
- class="button rounded button--primary right-space-20 fx-scale "
509
+ class="button rounded button--primary right-space-20 fx-scale-round "
476
510
 
477
511
 
478
512
  >Create</button><button
479
513
  type="reset" src="undefined"
480
- class="button rounded button--secondary fx-scale "
514
+ class="button rounded button--secondary fx-scale-round "
481
515
  @click="showCreationForm = !showCreationForm"
482
516
 
483
517
  >Cancel</button></div></form></div><div
@@ -492,8 +526,8 @@ window.addEventListener('load', function() {
492
526
 
493
527
  ><H3
494
528
  id="i69a7" src="undefined"
495
- class="right-space-40 color-2B1B63-80 uppercase "
496
- v-text="website.name || website.id"
529
+ class="right-space-40 color-2B1B63-80 uppercase pointer "
530
+ v-text="website.name || website.id" @click="openEditor(website.websiteId, 'en')"
497
531
 
498
532
  >My first website</H3><P
499
533
  id="i65hn" src="undefined"
@@ -612,7 +646,7 @@ window.addEventListener('load', function() {
612
646
 
613
647
  ></div><div
614
648
  id="i5ydxo" src="undefined"
615
- class="box padding-50-30 "
649
+ class="box padding-50-30 box--centered "
616
650
  v-if="empty"
617
651
 
618
652
  ><P
@@ -625,7 +659,22 @@ window.addEventListener('load', function() {
625
659
  class="text-centered title-26 "
626
660
 
627
661
 
628
- >Ready to start your journey?</H3></div></div><div
662
+ >Ready to start your journey?</H3><BUTTON
663
+ id="i2x0l" src="undefined"
664
+ class="button button--primary rounded top-space-40 fx-scale-round "
665
+ @click="showCreationForm = !showCreationForm" v-if="!showCreationForm" v-if="empty"
666
+
667
+ ><span
668
+ id="ibsgw" src="undefined"
669
+ class="icon-font "
670
+
671
+
672
+ >+</span> <span
673
+ id="itl2n8" src="undefined"
674
+
675
+
676
+
677
+ >Create website</span></BUTTON></div></div><div
629
678
  id="i7ej6j" src="undefined"
630
679
  class="flex-between box-message text-white "
631
680
  v-if="error"
@@ -661,10 +710,55 @@ window.addEventListener('load', function() {
661
710
 
662
711
 
663
712
  ><div
664
- id="i238z" src="undefined"
665
- class="website-max-width "
713
+ id="isucae" src="undefined"
714
+ class="footer__column "
715
+
716
+
717
+ ><A
718
+ id="ipa5zg" href="http://docs.silex.me/" src="undefined"
719
+ class="footer__item "
720
+
721
+
722
+ >Documentation</A><A
723
+ id="ipa5zg" href="https://www.silex.me/" src="undefined"
724
+ class="footer__item "
725
+
726
+
727
+ >About Silex, official website</A><A
728
+ id="ipa5zg" href="https://community.silex.me/" src="undefined"
729
+ class="footer__item "
730
+
731
+
732
+ >Community furum</A><A
733
+ id="ipa5zg" href="http://www.silexlabs.org/" src="undefined"
734
+ class="footer__item "
735
+
736
+
737
+ >Silex Labs - the non profit organization behind Silex</A></div><div
738
+ id="ie28kq" src="undefined"
739
+ class="footer__column "
740
+
741
+
742
+ ><A
743
+ href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=en-US&source=silex-dashboard" id="iahjww" src="undefined"
744
+ class="footer__item "
745
+
746
+
747
+ >Newsletter - every 3 months</A><A
748
+ href="https://www.meetup.com/Silex-Labs-Aperopensource/" id="iahjww" src="undefined"
749
+ class="footer__item "
750
+
751
+
752
+ >Meetups, events, workshops</A><A
753
+ href="https://fosstodon.org/@silex" id="iahjww" src="undefined"
754
+ class="footer__item "
755
+
756
+
757
+ >Mastodon - follow us on the free/libre social network</A><A
758
+ href="https://www.youtube.com/user/Silexlabs/" id="iahjww" src="undefined"
759
+ class="footer__item "
666
760
 
667
761
 
668
- ></div></FOOTER></body>
762
+ >Youtube - tutorials and more</A></div></FOOTER></body>
669
763
  </html>
670
764
 
package/_site/fr/connectors/index.html CHANGED
@@ -15,8 +15,10 @@
15
15
 
16
16
  <style>
17
17
  body { color:#2B1B63;}
18
+ /*BTNS*/
18
19
  .button, .pointer { cursor: pointer!important}
19
20
  .button{min-width:110px;}
21
+ /*BTNS*/
20
22
  a {
21
23
  text-decoration: none;
22
24
  color:#8873FE;}
@@ -57,8 +59,39 @@ input:focus {
57
59
  background-position: 200% 0, 0 0, 0 190px, 50px 195px;
58
60
  }
59
61
  }
60
-
61
62
  /*FX ANIMATIONS*/
63
+ /*scale-round-inside*/
64
+ .fx-scale-round {
65
+ position:relative;
66
+ z-index: 10;
67
+ overflow: hidden;
68
+ }
69
+ .fx-scale-round::after {
70
+ content: "";
71
+ background: #ffffff;
72
+ position: absolute;
73
+ z-index: -1;
74
+ border-radius: 50%;
75
+ left: -50%;
76
+ right: -50%;
77
+ top: -100%;
78
+ bottom: -100%;
79
+ transform: scale(0, 0);
80
+ transform-origin: center bottom;
81
+ transition: all 0.3s ease-out;
82
+
83
+ }
84
+ .fx-scale-round:hover {
85
+ transform-origin: center bottom;
86
+ transform: scale(1.1);
87
+ transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
88
+ }
89
+ .fx-scale-round:hover::after {
90
+ transform: scale(1, 1);
91
+ transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
92
+ }
93
+ /*scale-round-inside*/
94
+ /*scale*/
62
95
  .fx-scale:hover {
63
96
  transform-origin: center bottom;
64
97
  transform: scale(1.1);
@@ -108,6 +141,7 @@ input:focus {
108
141
  100% {opacity:1;}
109
142
  }
110
143
  /*flash-in animation*/
144
+
111
145
  /*FX ANIMATIONS*/
112
146
  </style>
113
147
  <script src="/node_modules/vue/dist/vue.global.js"></script>
@@ -220,7 +254,7 @@ window.addEventListener('load', function() {
220
254
 
221
255
 
222
256
  ><img
223
- src="/assets/picto-silex@3x.png" href=""
257
+ src="/api/website/assets/picto-silex@3x.png?websiteId=default&connectorId=fs-storage" href=""
224
258
  class="nav__logo "
225
259
 
226
260
 
@@ -306,7 +340,7 @@ window.addEventListener('load', function() {
306
340
 
307
341
  ><A
308
342
  id="isqe61" href="https://" src="undefined"
309
- class="h-space button-bar__item--main button-bar_item button big-button "
343
+ class="button big-button "
310
344
  v-if="!loading" v-for="(connector, index) in connectors" :key="index" :style="{ backgroundColor: connector.background, color: connector.color }" @click="openLogin(connector)"
311
345
 
312
346
  ><div
package/_site/fr/index.html CHANGED
@@ -15,8 +15,10 @@
15
15
 
16
16
  <style>
17
17
  body { color:#2B1B63;}
18
+ /*BTNS*/
18
19
  .button, .pointer { cursor: pointer!important}
19
20
  .button{min-width:110px;}
21
+ /*BTNS*/
20
22
  a {
21
23
  text-decoration: none;
22
24
  color:#8873FE;}
@@ -57,8 +59,39 @@ input:focus {
57
59
  background-position: 200% 0, 0 0, 0 190px, 50px 195px;
58
60
  }
59
61
  }
60
-
61
62
  /*FX ANIMATIONS*/
63
+ /*scale-round-inside*/
64
+ .fx-scale-round {
65
+ position:relative;
66
+ z-index: 10;
67
+ overflow: hidden;
68
+ }
69
+ .fx-scale-round::after {
70
+ content: "";
71
+ background: #ffffff;
72
+ position: absolute;
73
+ z-index: -1;
74
+ border-radius: 50%;
75
+ left: -50%;
76
+ right: -50%;
77
+ top: -100%;
78
+ bottom: -100%;
79
+ transform: scale(0, 0);
80
+ transform-origin: center bottom;
81
+ transition: all 0.3s ease-out;
82
+
83
+ }
84
+ .fx-scale-round:hover {
85
+ transform-origin: center bottom;
86
+ transform: scale(1.1);
87
+ transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
88
+ }
89
+ .fx-scale-round:hover::after {
90
+ transform: scale(1, 1);
91
+ transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
92
+ }
93
+ /*scale-round-inside*/
94
+ /*scale*/
62
95
  .fx-scale:hover {
63
96
  transform-origin: center bottom;
64
97
  transform: scale(1.1);
@@ -108,6 +141,7 @@ input:focus {
108
141
  100% {opacity:1;}
109
142
  }
110
143
  /*flash-in animation*/
144
+
111
145
  /*FX ANIMATIONS*/
112
146
  </style>
113
147
  <script src="/node_modules/vue/dist/vue.global.js"></script>
@@ -186,7 +220,7 @@ window.addEventListener('load', function() {
186
220
  },
187
221
 
188
222
  openEditor(id, lang) {
189
- window.open(`/?id=${id}&lang=${lang}&connectorId=${this.user.storage.connectorId}`, '_blank')
223
+ window.open(`/?id=${id}&lang=${lang}&connectorId=${this.user.storage.connectorId}`, '_self')
190
224
  },
191
225
 
192
226
  async logout() {
@@ -416,17 +450,17 @@ window.addEventListener('load', function() {
416
450
 
417
451
 
418
452
  ><BUTTON
419
- id="i2x0l" src="undefined"
420
- class="button button--primary rounded top-space-40 fx-scale fx-scale-round "
421
- @click="showCreationForm = !showCreationForm" v-if="!showCreationForm"
453
+ src="undefined"
454
+ class="button button--primary rounded top-space-40 fx-scale-round "
455
+ @click="showCreationForm = !showCreationForm" v-if="!showCreationForm" v-if="!empty"
422
456
 
423
457
  ><span
424
- id="ibsgw" src="undefined"
458
+ id="igsxoc" src="undefined"
425
459
  class="icon-font "
426
460
 
427
461
 
428
462
  >+</span> <span
429
- id="itl2n8" src="undefined"
463
+ src="undefined"
430
464
 
431
465
 
432
466
 
@@ -472,12 +506,12 @@ window.addEventListener('load', function() {
472
506
 
473
507
  ><button
474
508
  type="submit" id="i021na" src="undefined"
475
- class="button rounded button--primary right-space-20 fx-scale "
509
+ class="button rounded button--primary right-space-20 fx-scale-round "
476
510
 
477
511
 
478
512
  >Créer</button><button
479
513
  type="reset" src="undefined"
480
- class="button rounded button--secondary fx-scale "
514
+ class="button rounded button--secondary fx-scale-round "
481
515
  @click="showCreationForm = !showCreationForm"
482
516
 
483
517
  >Annuler</button></div></form></div><div
@@ -492,8 +526,8 @@ window.addEventListener('load', function() {
492
526
 
493
527
  ><H3
494
528
  id="i69a7" src="undefined"
495
- class="right-space-40 color-2B1B63-80 uppercase "
496
- v-text="website.name || website.id"
529
+ class="right-space-40 color-2B1B63-80 uppercase pointer "
530
+ v-text="website.name || website.id" @click="openEditor(website.websiteId, 'fr')"
497
531
 
498
532
  >My first website</H3><P
499
533
  id="i65hn" src="undefined"
@@ -612,7 +646,7 @@ window.addEventListener('load', function() {
612
646
 
613
647
  ></div><div
614
648
  id="i5ydxo" src="undefined"
615
- class="box padding-50-30 "
649
+ class="box padding-50-30 box--centered "
616
650
  v-if="empty"
617
651
 
618
652
  ><P
@@ -625,7 +659,22 @@ window.addEventListener('load', function() {
625
659
  class="text-centered title-26 "
626
660
 
627
661
 
628
- >Prêt.e à démarrer une nouvelle aventure?</H3></div></div><div
662
+ >Prêt.e à démarrer une nouvelle aventure?</H3><BUTTON
663
+ id="i2x0l" src="undefined"
664
+ class="button button--primary rounded top-space-40 fx-scale-round "
665
+ @click="showCreationForm = !showCreationForm" v-if="!showCreationForm" v-if="empty"
666
+
667
+ ><span
668
+ id="ibsgw" src="undefined"
669
+ class="icon-font "
670
+
671
+
672
+ >+</span> <span
673
+ id="itl2n8" src="undefined"
674
+
675
+
676
+
677
+ >Créer un site</span></BUTTON></div></div><div
629
678
  id="i7ej6j" src="undefined"
630
679
  class="flex-between box-message text-white "
631
680
  v-if="error"
@@ -661,10 +710,55 @@ window.addEventListener('load', function() {
661
710
 
662
711
 
663
712
  ><div
664
- id="i238z" src="undefined"
665
- class="website-max-width "
713
+ id="isucae" src="undefined"
714
+ class="footer__column "
715
+
716
+
717
+ ><A
718
+ id="ipa5zg" href="http://docs.silex.me/" src="undefined"
719
+ class="footer__item "
720
+
721
+
722
+ >Documentation</A><A
723
+ id="ipa5zg" href="https://www.silex.me/" src="undefined"
724
+ class="footer__item "
725
+
726
+
727
+ >À propos de Silex, site officiel</A><A
728
+ id="ipa5zg" href="https://community.silex.me/" src="undefined"
729
+ class="footer__item "
730
+
731
+
732
+ >Forum communautaire</A><A
733
+ id="ipa5zg" href="http://www.silexlabs.org/" src="undefined"
734
+ class="footer__item "
735
+
736
+
737
+ >Silex Labs - l'organisation à but non lucratif derrière Silex</A></div><div
738
+ id="ie28kq" src="undefined"
739
+ class="footer__column "
740
+
741
+
742
+ ><A
743
+ href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=fr-FR&source=silex-dashboard" id="iahjww" src="undefined"
744
+ class="footer__item "
745
+
746
+
747
+ >Newsletter - tous les 3 mois</A><A
748
+ href="https://www.meetup.com/Silex-Labs-Aperopensource/" id="iahjww" src="undefined"
749
+ class="footer__item "
750
+
751
+
752
+ >Meetups, événements, ateliers</A><A
753
+ href="https://fosstodon.org/@silex" id="iahjww" src="undefined"
754
+ class="footer__item "
755
+
756
+
757
+ >Mastodon - suivez-nous sur le réseau social libre/gratuit</A><A
758
+ href="https://www.youtube.com/user/Silexlabs/" id="iahjww" src="undefined"
759
+ class="footer__item "
666
760
 
667
761
 
668
- ></div></FOOTER></body>
762
+ >Youtube - tutoriels et plus</A></div></FOOTER></body>
669
763
  </html>
670
764
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@silexlabs/silex-dashboard",
3
- "version": "1.0.22",
3
+ "version": "1.0.24",
4
4
  "description": "Dashboard for Silex v3",
5
5
  "main": ".silex.js",
6
6
  "scripts": {
@@ -24,7 +24,7 @@
24
24
  "homepage": "https://github.com/silexlabs/silex-dashboard#readme",
25
25
  "devDependencies": {
26
26
  "@11ty/eleventy": "^2.0.1",
27
- "@silexlabs/silex": "^3.0.0-alpha.61"
27
+ "@silexlabs/silex": "^3.0.0-alpha.64"
28
28
  },
29
29
  "dependencies": {
30
30
  "locale": "^0.1.0",
package/pages/en/en.json CHANGED
@@ -24,5 +24,49 @@
24
24
  "url": "https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=en-US&source=silex-dashboard",
25
25
  "target": "_blank"
26
26
  }
27
+ ],
28
+ "footer1": [
29
+ {
30
+ "label": "Documentation",
31
+ "url": "http://docs.silex.me/",
32
+ "target": "_blank"
33
+ },
34
+ {
35
+ "label": "About Silex, official website",
36
+ "url": "https://www.silex.me/",
37
+ "target": "_blank"
38
+ },
39
+ {
40
+ "label": "Community furum",
41
+ "url": "https://community.silex.me/",
42
+ "target": "_blank"
43
+ },
44
+ {
45
+ "label": "Silex Labs - the non profit organization behind Silex",
46
+ "url": "http://www.silexlabs.org/",
47
+ "target": "_blank"
48
+ }
49
+ ],
50
+ "footer2": [
51
+ {
52
+ "label": "Newsletter - every 3 months",
53
+ "url": "https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=en-US&source=silex-dashboard",
54
+ "target": "_blank"
55
+ },
56
+ {
57
+ "label": "Meetups, events, workshops",
58
+ "url": "https://www.meetup.com/Silex-Labs-Aperopensource/",
59
+ "target": "_blank"
60
+ },
61
+ {
62
+ "label": "Mastodon - follow us on the free/libre social network",
63
+ "url": "https://fosstodon.org/@silex",
64
+ "target": "_blank"
65
+ },
66
+ {
67
+ "label": "Youtube - tutorials and more",
68
+ "url": "https://www.youtube.com/user/Silexlabs/",
69
+ "target": "_blank"
70
+ }
27
71
  ]
28
72
  }