initial commit

2026-01-10 18:33:22 +01:00 · 2026-01-10 18:33:22 +01:00 · 21711bd5dd
commit 21711bd5dd
253 changed files with 78415 additions and 0 deletions
--- a/public/csspageweaver/plugins/grid/grid.css
+++ b/public/csspageweaver/plugins/grid/grid.css
@ -0,0 +1,127 @@
+@media screen{
+
+
+    /* .pagedjs_sheet{
+        --grid-bold: #888;
+        --grid-light: #cfcfcf;
+        background-color: #e5e5f7;
+        opacity: 0.8;
+        background-image:  linear-gradient(90deg, var(--grid-bold) 1px, transparent 1px), linear-gradient(transparent 1px, transparent 1px), linear-gradient(90deg, var(--grid-light) 1px, white 1px);
+
+        background-size: 40px 40px, 40px 40px, 10px 10px, 10px 10px;
+        background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
+    } */
+
+   
+    body.grid .pagedjs_sheet {
+
+
+        --grid-bold:  #cfcfcf;
+        --grid-light: #efefef;
+    
+        --bold-step: 56px;
+        --light-step: 14px; 
+        --shift-x: 28px;
+    
+        background-color: white;
+        opacity: 0.8;
+    
+        background-image:
+            /* Traits bold */
+            repeating-linear-gradient(
+                90deg,
+                var(--grid-bold) 0 1px,
+                transparent 1px var(--bold-step)
+            ),
+            repeating-linear-gradient(
+                0deg,
+                var(--grid-bold) 0 1px,
+                transparent 1px var(--bold-step)
+            ),
+    
+            /* Traits fins (3 traits → 4 carrés) */
+            repeating-linear-gradient(
+                90deg,
+                var(--grid-light) 0 1px,
+                transparent 1px var(--light-step)
+            ),
+            repeating-linear-gradient(
+                0deg,
+                var(--grid-light) 0 1px,
+                transparent 1px var(--light-step)
+            );
+    
+        background-position:
+            var(--shift-x) 0,
+            var(--shift-x) 0,
+            var(--shift-x) 0,
+            var(--shift-x) 0;
+    }
+    
+    
+    
+
+
+
+
+    .grid-page{
+        --nbr-columns: 8;
+        width: var(--pagedjs-pagebox-width);
+        height: var(--pagedjs-pagebox-height);
+        position: absolute;
+        top: 0;
+        left: 0;
+        display: grid;
+        grid-template-columns: repeat(var(--nbr-columns), calc(100%/var(--nbr-columns)));
+
+        box-shadow: 1px 0px 0px 0px var(--grid-color);
+
+        --grid-color: magenta;
+        z-index: -1;
+    }
+
+    .pagedjs_right_page .grid-page{
+        padding-left: var(--pagedjs-margin-left);
+        padding-right: var(--pagedjs-margin-right);
+    }
+
+    .pagedjs_left_page .grid-page{
+        padding-left: var(--pagedjs-margin-left);
+        padding-right: var(--pagedjs-margin-right);
+    }
+
+
+    .grid-page .grid-column{
+        box-shadow: 1px 0px 0px 0px var(--grid-color);
+        grid-row: 1/end;
+        width: 100%;
+        justify-self: right;
+
+
+    }
+
+    .grid-column-0{ 
+        grid-column: 1; 
+        box-shadow: -1px 0px 0px 0px var(--grid-color)!important;
+        justify-self: left;
+    }
+
+    .grid-column-1{ grid-column: 1; }
+    .grid-column-2{ grid-column: 2; }
+    .grid-column-3{ grid-column: 3; }
+    .grid-column-4{ grid-column: 4; }
+    .grid-column-5{ grid-column: 5; }
+    .grid-column-6{ grid-column: 6; }
+    .grid-column-7{ grid-column: 7; }
+    .grid-column-8{ grid-column: 8; }
+    .grid-column-9{ grid-column: 9; }
+    .grid-column-10{ grid-column: 10; }
+    .grid-column-11{ grid-column: 11; }
+    .grid-column-12{ grid-column: 12; }
+}
+
+.no-grid .grid-page{
+    display: none;
+}
+
+