dot grid

static/papermod/dots.svg

@@ -0,0 +1,122 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="74mm"
+   height="105mm"
+   viewBox="0 0 74 105"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
+   sodipodi:docname="papermod.svg"
+   inkscape:export-filename="../../Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/Code/nycki.net/static/papermod/dots.svg"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="2.0132505"
+     inkscape:cx="127.90261"
+     inkscape:cy="331.05666"
+     inkscape:window-width="1920"
+     inkscape:window-height="1008"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg1"
+     showgrid="true">
+    <inkscape:grid
+       id="grid1"
+       units="mm"
+       originx="0"
+       originy="0"
+       spacingx="2"
+       spacingy="2"
+       empcolor="#0099e5"
+       empopacity="0.30196078"
+       color="#0099e5"
+       opacity="0.14901961"
+       empspacing="5"
+       enabled="true"
+       visible="true" />
+    <inkscape:page
+       x="0"
+       y="0"
+       width="74"
+       height="105"
+       id="page2"
+       margin="0"
+       bleed="0" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <pattern
+       inkscape:collect="always"
+       xlink:href="#pattern7878"
+       preserveAspectRatio="xMidYMid"
+       id="pattern7879"
+       patternTransform="matrix(0.26458333,0,0,0.26458336,2.9999992,3.0291701)" />
+    <pattern
+       patternUnits="userSpaceOnUse"
+       width="15.118109"
+       height="15.11811"
+       patternTransform="translate(7.5590547,7.5590551)"
+       preserveAspectRatio="xMidYMid"
+       id="pattern7878">
+      <g
+         id="g7878"
+         transform="matrix(3.7795276,0,0,3.7795276,-7.5590547,-7.5590551)">
+        <rect
+           style="fill:none;stroke-width:0.264583"
+           id="rect7878"
+           width="3.9999998"
+           height="4"
+           x="1.9999999"
+           y="2" />
+        <circle
+           style="fill:#000000;stroke-width:0.264583"
+           id="circle7878"
+           cx="3.9999998"
+           cy="3.9980927"
+           inkscape:tile-cx="3.9999999"
+           inkscape:tile-cy="3.9980928"
+           inkscape:tile-w="1"
+           inkscape:tile-h="1"
+           inkscape:tile-x0="3.4999999"
+           inkscape:tile-y0="3.4980928"
+           r="0.25" />
+      </g>
+    </pattern>
+  </defs>
+  <rect
+     style="fill:#ffffff;stroke-width:0.264583"
+     id="rect7880"
+     width="74"
+     height="105"
+     x="0"
+     y="0" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <rect
+       style="fill:url(#pattern7879);stroke:none;stroke-width:5.52582"
+       width="69.058334"
+       height="101.05833"
+       x="2.9999995"
+       y="3.02917"
+       id="rect7879" />
+  </g>
+</svg>

static/papermod/index.html

@@ -30,6 +30,9 @@
             margin-top: 0;
         }
         @media print {
+            html {
+                background-color: white;
+            }
             .page {
                 height: 100%;
                 margin: 0;
@@ -86,15 +89,12 @@
         }
 
         /* page 4-5 */
-
+        
         /* page 6-7 */
-        .dot-grid {
+        .page:has(img) {
-            height: 100%;
+            padding: 0;
-            width: 100%;
-            background-image: radial-gradient(circle at .5mm .5mm, black .5px, transparent 0);
-            background-size: 4mm 4mm;
         }
-
+        
         /* page 8 */
     </style>
 </head>
@@ -140,10 +140,10 @@
         <h1>page 5</h1>
     </div>
     <div class="page">
-        <div class="dot-grid"></div>
+        <img src="dots.svg">
     </div>
     <div class="page">
-        <div class="dot-grid"></div>
+        <img src="dots.svg">
     </div>
     <div class="page">
         <h1>page 8</h1>