++ Animation fixed in Home pic.

++"Dark Mode"

src/server/models/myelem.js

@@ -13,6 +13,37 @@ mongoose.plugin(schema => {
   schema.options.usePushEach = true
 });
 
+const myCard = new Schema(
+  {
+    imagefile: String,
+    alt: String,
+    description: String,
+    style: String,
+    size: String,
+    color: String,
+    content: String,
+    colorsub: String,
+  }
+)
+const animation = new Schema(
+  {
+    name: String,
+    clduration: String,
+    cldelay: String,
+    timingtype: String,
+  }
+);
+
+const elemText = new Schema(
+  {
+    text: String,
+    color: String,
+    class: String,
+    size: String,
+    anim: animation,
+  }
+);
+
 const MyElemSchema = new Schema({
   _id: {
     type: ObjectId,
@@ -41,6 +72,9 @@ const MyElemSchema = new Schema({
   container3: {
     type: String,
   },
+  container4: {
+    type: String,
+  },
   align: {
     type: Number,
   },
@@ -105,9 +139,8 @@ const MyElemSchema = new Schema({
   color: {
     type: String,
   },
-  colorsub: {
+  elemsText: [elemText],
-    type: String
+  anim: animation,
-  },
   active: {
     type: Boolean,
   },
@@ -123,50 +156,13 @@ active: {
   class4: {
     type: String,
   },
-  anim: {
-    name: { type: String},
-    clduration: { type: String},
-    cldelay: { type: String},
-  },
-  anim2: {
-    name: { type: String},
-    clduration: { type: String},
-    cldelay: { type: String},
-  },
   styleadd: {
     type: String,
   },
   image: {
     type: String,
   },
-  listcards: [
+  listcards: [myCard],
-    {
-      imagefile: {
-        type: String,
-      },
-      alt: {
-        type: String,
-      },
-      description: {
-        type: String,
-      },
-      style: {
-        type: String,
-      },
-      size: {
-        type: String,
-      },
-      color: {
-        type: String
-      },
-      content: {
-        type: String
-      },
-      colorsub: {
-        type: String
-      },
-    }
-  ],
   list: [
     {
       imagefile: {

src/server/models/site.js

@@ -99,6 +99,7 @@ const SiteSchema = new Schema({
     font: { type: String },
     col_toolbar: { type: String },
     col_bgfooter: { type: String },
+    show_darkopt: { type: Boolean },
   },
   confsite: {
     options: {  // ConfSite