@silexlabs/silex-dashboard 1.0.21 → 1.0.23

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.
@@ -15,16 +15,24 @@
15
15
 
16
16
  <style>
17
17
  body { color:#2B1B63;}
18
- .button, .pointer { cursor: pointer;}
18
+ /*BTNS*/
19
+ .button, .pointer { cursor: pointer!important}
20
+ .button{min-width:110px;}
21
+ /*BTNS*/
19
22
  a {
20
23
  text-decoration: none;
21
24
  color:#8873FE;}
22
25
  a:hover { text-decoration: underline; }
23
26
  .uppercase {text-transform: uppercase;}
27
+
28
+ /*footer position*/
29
+ .main-min-height {min-height: calc(100vh - 560px);}
30
+ /*footer position*/
31
+
24
32
  /*label*/
25
33
  ::placeholder {color: #8873FE;}
26
34
  input:focus {
27
- border: 2px solid #9977FE;
35
+ border: 2px solid ##9977FE;
28
36
  background-color:#ffffff;}
29
37
  :focus { outline: none;}
30
38
  /*label*/
@@ -51,7 +59,90 @@ input:focus {
51
59
  background-position: 200% 0, 0 0, 0 190px, 50px 195px;
52
60
  }
53
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*/
95
+ .fx-scale:hover {
96
+ transform-origin: center bottom;
97
+ transform: scale(1.1);
98
+ transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 2.8);
99
+ }
100
+ /*flash*/
101
+ .fx-underline:hover, .fx-flash:hover {
102
+ animation: flash-in .5s ;
103
+ }
104
+ /* Underline animation */
105
+ .fx-underline {
106
+ position: relative;
107
+ }
108
+ /* Fade in */
109
+ .fx-underline::after {
110
+ content: '';
111
+ position: absolute;
112
+ bottom: -3px;
113
+ left: 0;
114
+ width: 100%;
115
+ height: 0.1em;
116
+ background-color: #8873fe;
117
+ opacity: 0;
118
+ transition: transform 0.2s cubic-bezier(0, -0.530, 0.405, 1.8);
119
+ }
120
+
121
+ .fx-underline:hover::after,
122
+ .fx-underline:focus::after {
123
+ opacity: 1;
124
+ transform: translate3d(0, 2.2em, 0);
125
+ }
54
126
 
127
+ /* Scale from center */
128
+ .fx-underline:after {
129
+ transform: scale(0);
130
+ transform-origin: center;
131
+ }
132
+
133
+ .fx-underline:hover::after,
134
+ .fx-underline:focus::after{
135
+ transform: scale(1);
136
+ }
137
+ /* Underline animation */
138
+ /*flash-in animation*/
139
+ @keyframes flash-in{
140
+ 0% {opacity:0;}
141
+ 100% {opacity:1;}
142
+ }
143
+ /*flash-in animation*/
144
+
145
+ /*FX ANIMATIONS*/
55
146
  </style>
56
147
  <script src="/node_modules/vue/dist/vue.global.js"></script>
57
148
  <script src="/js/main.js"></script>
@@ -129,7 +220,7 @@ window.addEventListener('load', function() {
129
220
  },
130
221
 
131
222
  openEditor(id, lang) {
132
- 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')
133
224
  },
134
225
 
135
226
  async logout() {
@@ -230,7 +321,7 @@ window.addEventListener('load', function() {
230
321
 
231
322
  ><HEADER
232
323
  id="igrg" src="undefined"
233
- class="header padding-normal "
324
+ class="menu-bar "
234
325
 
235
326
 
236
327
  ><A
@@ -264,11 +355,16 @@ window.addEventListener('load', function() {
264
355
  target="_blank"
265
356
 
266
357
  >A propos</A><A
358
+ id="iels" href="https://community.silex.me/" src="undefined"
359
+ class="nav__item uppercase "
360
+ target="_blank"
361
+
362
+ >Communauté</A><A
267
363
  id="iels" href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=fr-FR&source=silex-dashboard" src="undefined"
268
364
  class="nav__item uppercase "
269
365
  target="_blank"
270
366
 
271
- >Info</A></NAV><div
367
+ >News</A></NAV><div
272
368
  id="i2red7" src="undefined"
273
369
  class="lang h-space "
274
370
 
@@ -340,7 +436,7 @@ window.addEventListener('load', function() {
340
436
 
341
437
  >Créez votre premier projet, clickez sur le boutont "Créer un site"</P></div></HEADER><MAIN
342
438
  id="iz63r" src="undefined"
343
- class="padding-normal section main-min-height "
439
+ class="padding-normal main-min-height website-max-width margin-80 "
344
440
 
345
441
 
346
442
  ><SECTION
@@ -355,7 +451,7 @@ window.addEventListener('load', function() {
355
451
 
356
452
  ><BUTTON
357
453
  id="i2x0l" src="undefined"
358
- class="button button--primary rounded top-space-40 "
454
+ class="button button--primary rounded top-space-40 fx-scale-round "
359
455
  @click="showCreationForm = !showCreationForm" v-if="!showCreationForm"
360
456
 
361
457
  ><span
@@ -410,12 +506,12 @@ window.addEventListener('load', function() {
410
506
 
411
507
  ><button
412
508
  type="submit" id="i021na" src="undefined"
413
- class="button rounded button--primary right-space-20 "
509
+ class="button rounded button--primary right-space-20 fx-scale-round "
414
510
 
415
511
 
416
512
  >Créer</button><button
417
513
  type="reset" src="undefined"
418
- class="button rounded button--secondary "
514
+ class="button rounded button--secondary fx-scale-round "
419
515
  @click="showCreationForm = !showCreationForm"
420
516
 
421
517
  >Annuler</button></div></form></div><div
@@ -425,112 +521,112 @@ window.addEventListener('load', function() {
425
521
 
426
522
  ><SECTION
427
523
  id="idgvg" src="undefined"
428
- class="button-bar button-bar--full-width bg-white rounded loaded__item "
524
+ class="button-bar loaded__item "
429
525
  v-if="!loading" v-for="(website, index) in websites" :key="index"
430
526
 
431
527
  ><H3
432
528
  id="i69a7" src="undefined"
433
- class="button-bar_item button-bar__item--main right-space-40 color-2B1B63-80 uppercase "
434
- 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')"
435
531
 
436
532
  >My first website</H3><P
437
533
  id="i65hn" src="undefined"
438
- class="button-bar_item button-bar__item--secondary flex-no-shrink right-space-40 "
534
+ class="button-bar__item--secondary flex-no-shrink right-space-40 "
439
535
  v-text="'Mis à jour le ' + new Date(website.updatedAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })"
440
536
 
441
537
  >Updated 1h ago by lexoyo</P><P
442
538
  id="i64qa" src="undefined"
443
- class="button-bar_item button-bar__item--secondary flex-no-shrink right-space-40 "
539
+ class="button-bar__item--secondary flex-no-shrink right-space-40 "
444
540
  v-text="'Créé le ' + new Date(website.createdAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })"
445
541
 
446
542
  >Created 2023-02-16 by lexoyo</P><div
447
543
  id="i3b4tr" src="undefined"
448
- class="button-bar_item flex-no-shrink "
544
+ class="flex-no-shrink "
449
545
 
450
546
 
451
547
  ><BUTTON
452
548
  id="ifyf6p" href="" src="undefined"
453
- class="right-space-20 bold button-bar__item--link pointer "
549
+ class="right-space-20 bold button-bar__item--link pointer fx-underline fx-scale "
454
550
  @click="openEditor(website.websiteId, 'fr')"
455
551
 
456
552
  >Editer</BUTTON><BUTTON
457
553
  href="" id="ihf6ew" src="undefined"
458
- class="right-space-20 button-bar__item--link pointer "
554
+ class="right-space-20 button-bar__item--link pointer fx-underline fx-scale "
459
555
  @click="renameWebsite(website.websiteId, 'fr')"
460
556
 
461
557
  >Renommer</BUTTON><BUTTON
462
558
  id="iol4h" src="undefined"
463
- class="button-bar__item--link pointer "
559
+ class="button-bar__item--link pointer fx-flash fx-scale "
464
560
  @click="deleteWebsite(website.websiteId)" title="Supprimer"
465
561
 
466
562
  >X</BUTTON></div></SECTION><SECTION
467
563
  id="i1fjn" src="undefined"
468
- class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper "
564
+ class="button-bar loading__item skeleton-anim skeleton-wrapper "
469
565
  v-if="loading"
470
566
 
471
567
  ><H3
472
568
  id="iwu6a" src="undefined"
473
- class="button-bar_item button-bar__item--main skeleton-text skeleton right-space-40 "
569
+ class="skeleton-text skeleton right-space-40 "
474
570
 
475
571
 
476
572
  >My first websiteMy first websiteMy first websiteMy first</H3><P
477
573
  id="i26fn" src="undefined"
478
- class="button-bar_item button-bar__item--secondary skeleton-text skeleton right-space-40 "
574
+ class="button-bar__item--secondary skeleton-text skeleton right-space-40 "
479
575
 
480
576
 
481
577
  >Updated 1h ago by lexoyo</P><P
482
578
  id="iywbk" src="undefined"
483
- class="button-bar_item button-bar__item--secondary skeleton-text skeleton right-space-40 "
579
+ class="button-bar__item--secondary skeleton-text skeleton right-space-40 "
484
580
 
485
581
 
486
582
  >Created 2023-02-16 by lexoyo</P><div
487
583
  id="ixz6c" src="undefined"
488
- class="button-bar_item skeleton skeleton-button "
584
+ class="skeleton skeleton-button "
489
585
 
490
586
 
491
587
  >Edit</div></SECTION><SECTION
492
588
  id="iwxxo5" src="undefined"
493
- class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper "
589
+ class="button-bar loading__item skeleton-anim skeleton-wrapper "
494
590
  v-if="loading"
495
591
 
496
592
  ><H3
497
- src="undefined"
498
- class="button-bar_item button-bar__item--main skeleton-text skeleton "
593
+ id="inmp3" src="undefined"
594
+ class="skeleton-text skeleton right-space-40 "
499
595
 
500
596
 
501
597
  >My first websiteMy first websiteMy first websiteMy first</H3><P
502
- src="undefined"
503
- class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
598
+ id="icjz8" src="undefined"
599
+ class="button-bar__item--secondary skeleton-text skeleton right-space-40 "
504
600
 
505
601
 
506
602
  >Updated 1h ago by lexoyo</P><P
507
- src="undefined"
508
- class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
603
+ id="illbe" src="undefined"
604
+ class="button-bar__item--secondary skeleton-text skeleton right-space-40 "
509
605
 
510
606
 
511
607
  >Created 2023-02-16 by lexoyo</P><div
512
608
  id="i9fx3l" src="undefined"
513
- class="button-bar_item skeleton skeleton-button "
609
+ class="skeleton skeleton-button "
514
610
 
515
611
 
516
612
  >Edit</div></SECTION><SECTION
517
613
  id="isld3r" src="undefined"
518
- class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper "
614
+ class="button-bar loading__item skeleton-anim skeleton-wrapper "
519
615
  v-if="loading"
520
616
 
521
617
  ><H3
522
618
  src="undefined"
523
- class="button-bar_item button-bar__item--main skeleton-text skeleton "
619
+ class="button-bar_item button-bar__item--main skeleton-text skeleton right-space-40 "
524
620
 
525
621
 
526
622
  >My first websiteMy first websiteMy first websiteMy first</H3><P
527
623
  src="undefined"
528
- class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
624
+ class="button-bar_item button-bar__item--secondary skeleton-text skeleton right-space-40 "
529
625
 
530
626
 
531
627
  >Updated 1h ago by lexoyo</P><P
532
628
  src="undefined"
533
- class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
629
+ class="button-bar_item button-bar__item--secondary skeleton-text skeleton right-space-40 "
534
630
 
535
631
 
536
632
  >Created 2023-02-16 by lexoyo</P><div
@@ -565,27 +661,27 @@ window.addEventListener('load', function() {
565
661
 
566
662
  >Prêt.e à démarrer une nouvelle aventure?</H3></div></div><div
567
663
  id="i7ej6j" src="undefined"
568
- class="horizontal box-message text-white "
664
+ class="flex-between box-message text-white "
569
665
  v-if="error"
570
666
 
571
667
  ><H3
572
668
  id="iv0eyi" src="undefined"
573
- class="full-width v-space h-space "
669
+ class="box-message-text "
574
670
  v-text="error"
575
671
 
576
672
  >Insert your text here</H3><div
577
673
  id="i4656n" src="undefined"
578
- class="rounded pointer button-bar__item--link text-white "
674
+ class="pointer button-bar__item--link text-white "
579
675
  @click="error = null"
580
676
 
581
677
  >Fermer</div></div><div
582
678
  id="ilteie" src="undefined"
583
- class="horizontal box-message text-white "
679
+ class="flex-between box-message text-white "
584
680
  v-if="message"
585
681
 
586
682
  ><H3
587
683
  id="i2d31v" src="undefined"
588
- class="full-width v-space h-space "
684
+ class="box-message-text "
589
685
  v-text="message"
590
686
 
591
687
  >Insert your text here</H3><div
@@ -595,14 +691,59 @@ window.addEventListener('load', function() {
595
691
 
596
692
  >Fermer</div></div></MAIN><FOOTER
597
693
  id="ilzpl" src="undefined"
598
- class="header footer "
694
+ class="footer "
599
695
 
600
696
 
601
697
  ><div
602
- id="i238z" src="undefined"
603
- class="section "
698
+
699
+ class="footer__column "
700
+
701
+
702
+ ><A
703
+ id="ipa5zg" href="http://docs.silex.me/"
704
+ class="footer__item "
705
+
706
+
707
+ >Documentation</A><A
708
+ id="ipa5zg" href="https://www.silex.me/"
709
+ class="footer__item "
710
+
711
+
712
+ >À propos de Silex, site officiel</A><A
713
+ id="ipa5zg" href="https://community.silex.me/"
714
+ class="footer__item "
715
+
716
+
717
+ >Forum communautaire</A><A
718
+ id="ipa5zg" href="http://www.silexlabs.org/"
719
+ class="footer__item "
720
+
721
+
722
+ >Silex Labs - l'organisation à but non lucratif derrière Silex</A></div><div
723
+
724
+ class="footer__column "
725
+
726
+
727
+ ><A
728
+ href="https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=fr-FR&source=silex-dashboard"
729
+ class="footer__item "
730
+
731
+
732
+ >Newsletter - tous les 3 mois</A><A
733
+ href="https://www.meetup.com/Silex-Labs-Aperopensource/"
734
+ class="footer__item "
735
+
736
+
737
+ >Meetups, événements, ateliers</A><A
738
+ href="https://fosstodon.org/@silex"
739
+ class="footer__item "
740
+
741
+
742
+ >Mastodon - suivez-nous sur le réseau social libre/gratuit</A><A
743
+ href="https://www.youtube.com/user/Silexlabs/"
744
+ class="footer__item "
604
745
 
605
746
 
606
- ></div></FOOTER></body>
747
+ >Youtube - tutoriels et plus</A></div></FOOTER></body>
607
748
  </html>
608
749
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@silexlabs/silex-dashboard",
3
- "version": "1.0.21",
3
+ "version": "1.0.23",
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.59"
27
+ "@silexlabs/silex": "^3.0.0-alpha.63"
28
28
  },
29
29
  "dependencies": {
30
30
  "locale": "^0.1.0",
@@ -1,4 +1,4 @@
1
1
  ---
2
2
  permalink: /css/connectors.css
3
3
  ---
4
- * { 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;}.header{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;}.padding-normal{padding:0px 24px 0px 24px;}.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;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{margin:20px 0px 20px 0px;display:flex;padding:20px 30px 20px 30px;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;color:#2b1b63;}.button.button--secondary{font-weight:400;color:#8873fe;border:2px solid #8873fe;}.nav__item.active{color:black;}.full-width{width:100%;}.box{border-radius:4px 4px 4px 4px;background-color:#ffffff;}.box.horizontal{align-items:center;}.h-space{margin:0px 10px 0px 0px;}.button--tertiary{background-color:transparent;font-weight:400;}.lang__item{margin:0px 5px 0px 5px;}.nav__logo{height:50px;}.button:hover{color:#8873fe;background-color:white;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;}#imgx81{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;}#in62y2{width:100%;display:flex;justify-content:center;}.big-button{border-radius:5px 5px 5px 5px;font-size:15px;margin:10px 10px 10px 10px;padding:15px 30px 15px 30px;font-weight:700;background-color:#ffffff;}#i9msnk{padding:10px;display:inline;}#i6akll{padding:10px;display:inline;}#ixzhcr{padding:10px;position:absolute;display:none;}.title-40{margin:0 0 10px 0;font-size:2.5rem;font-weight:700;}#in5jeq{display:flex;}#ij139z{position:absolute;}.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);}.text-centered{text-align:center;}.text-white{color:#ffffff;}.box.box_transp{background-color:rgba(255,255,255,0.5);}.padding-100-30{padding:100px 30px 80px 30px;}.top-space-20{margin:20px 0 0 0;}.button.button--tertiary{border:2px solid transparent;background-color:rgba(221,221,221,0.5);}.box_login{max-width:800px;width:100%;}.button-bar__item--link.text-white{color:#ffffff;}.button.big-button{border:2px solid transparent;}.button.button--tertiary:hover{border:2px solid #8873fe;color:#8873fe;background-color:white;}.button-bar__item__icon{float:left;height:40px;width:40px;margin:5px 5px 5px 5px;}
4
+ * { 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%;}.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;}.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;}.nav__item.active{color:black;}.box{border-radius:4px 4px 4px 4px;background-color:#ffffff;}.box.flex-between{align-items:center;}.h-space{margin:0px 10px 0px 0px;}.button--tertiary{background-color:transparent;font-weight:400;}.lang__item{margin:0px 5px 0px 5px;}.nav__logo{height:50px;}.button:hover{color:#8873fe;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;border:2px solid rgba(136,115,254,0.5);}#imgx81{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;}#in62y2{width:100%;display:flex;justify-content:center;}.big-button{border-radius:5px 5px 5px 5px;font-size:15px;margin:10px 10px 10px 10px;padding:15px 30px 15px 30px;font-weight:700;background-color:#ffffff;}#i9msnk{padding:10px;display:inline;}#i6akll{padding:10px;display:inline;}#ixzhcr{padding:10px;position:absolute;display:none;}.title-40{margin:0 0 10px 0;font-size:2.5rem;font-weight:700;}#in5jeq{display:flex;}#ij139z{position:absolute;}.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);}.text-centered{text-align:center;}.text-white{color:#ffffff;}.box.box_transp{background-color:rgba(255,255,255,0.5);}.padding-100-30{padding:100px 30px 80px 30px;}.top-space-20{margin:20px 0 0 0;}.button.button--tertiary{border:2px solid transparent;background-color:rgba(221,221,221,0.5);}.box_login{max-width:880px;width:100%;}.button-bar__item--link.text-white{color:#ffffff;}.button.big-button{border:2px solid transparent;}.button.button--tertiary:hover{border:2px solid #8873fe;color:#8873fe;background-color:white;}.button-bar__item__icon{float:left;height:40px;width:40px;margin:5px 5px 5px 5px;}.button-bar__item--secondary{font-size:0.8rem;}
package/pages/en/en.json CHANGED
@@ -14,10 +14,59 @@
14
14
  "url": "https://www.silex.me/",
15
15
  "target": "_blank"
16
16
  },
17
+ {
18
+ "label": "Community",
19
+ "url": "https://community.silex.me/",
20
+ "target": "_blank"
21
+ },
17
22
  {
18
23
  "label": "News",
19
24
  "url": "https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=en-US&source=silex-dashboard",
20
25
  "target": "_blank"
21
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
+ }
22
71
  ]
23
72
  }
package/pages/fr/fr.json CHANGED
@@ -15,9 +15,58 @@
15
15
  "target": "_blank"
16
16
  },
17
17
  {
18
- "label": "Info",
18
+ "label": "Communauté",
19
+ "url": "https://community.silex.me/",
20
+ "target": "_blank"
21
+ },
22
+ {
23
+ "label": "News",
24
+ "url": "https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=fr-FR&source=silex-dashboard",
25
+ "target": "_blank"
26
+ }
27
+ ],
28
+ "footer1": [
29
+ {
30
+ "label": "Documentation",
31
+ "url": "http://docs.silex.me/",
32
+ "target": "_blank"
33
+ },
34
+ {
35
+ "label": "À propos de Silex, site officiel",
36
+ "url": "https://www.silex.me/",
37
+ "target": "_blank"
38
+ },
39
+ {
40
+ "label": "Forum communautaire",
41
+ "url": "https://community.silex.me/",
42
+ "target": "_blank"
43
+ },
44
+ {
45
+ "label": "Silex Labs - l'organisation à but non lucratif derrière Silex",
46
+ "url": "http://www.silexlabs.org/",
47
+ "target": "_blank"
48
+ }
49
+ ],
50
+ "footer2": [
51
+ {
52
+ "label": "Newsletter - tous les 3 mois",
19
53
  "url": "https://mail-list.silexlabs.org/subscription/cemnfkaVrK?locale=fr-FR&source=silex-dashboard",
20
54
  "target": "_blank"
55
+ },
56
+ {
57
+ "label": "Meetups, événements, ateliers",
58
+ "url": "https://www.meetup.com/Silex-Labs-Aperopensource/",
59
+ "target": "_blank"
60
+ },
61
+ {
62
+ "label": "Mastodon - suivez-nous sur le réseau social libre/gratuit",
63
+ "url": "https://fosstodon.org/@silex",
64
+ "target": "_blank"
65
+ },
66
+ {
67
+ "label": "Youtube - tutoriels et plus",
68
+ "url": "https://www.youtube.com/user/Silexlabs/",
69
+ "target": "_blank"
21
70
  }
22
71
  ]
23
72
  }
@@ -1,4 +1,4 @@
1
1
  ---
2
2
  permalink: /css/websites.css
3
3
  ---
4
- * { 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;}.header{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;}.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;}.section{max-width:1200px;margin:80px auto 80px auto;}.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;}.button.button--primary{background-color:#8873fe;color:white;}.button-bar{margin:20px 0px 20px 0px;display:flex;padding:20px 30px 20px 30px;}#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;color:#2b1b63;}.button.button--secondary{font-weight:400;color:#8873fe;border:2px solid #8873fe;}.bg-white{background-color:#ffffff;}.rounded{border-radius:4px 4px 4px 4px;}#i238z{padding:10px;}.footer{display:block;padding:20px 0px 20px 0px;margin:200px 0px 0px 0px;}.skeleton-text.skeleton{background-color:#dddddd;color:transparent;opacity:0.31;border-radius:5px 5px 5px 5px;}.skeleton.skeleton-button{color:transparent;opacity:0.16;}.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.horizontal{align-items:center;}.horizontal{display:flex;align-items:center;}.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;background-color:white;border:2px solid #8873fe;}.button.button--secondary:hover{background-color:white;}.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;margin:0px auto 0px auto;padding:40px 24px 40px 24px;}.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;}.main-min-height{min-height:40vh;}
4
+ * { 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;}