Adding extra examples per device

peterbaumert · Aug 30, 2023 · f2d2fa5 · f2d2fa5
2 parents ece3413 + 48d4821
commit f2d2fa5
Show file tree

Hide file tree

Showing 4 changed files with 70 additions and 0 deletions.
diff --git a/examples/Cisco/C9300-48P.css b/examples/Cisco/C9300-48P.css
diff --git a/examples/Generic/24-ports-UTP-Patchpanel.css b/examples/Generic/24-ports-UTP-Patchpanel.css
@@ -0,0 +1,17 @@
+/* Ports are named "Port 1", "Port 2" | "Rear Port 1", "Rear Port 2" and so on */ 
+.deviceview.area.dFront {
+	      /* both set to auto to overwrite the 32 columns 2 rows design */ 
+    background: #000; 
+    grid-auto-rows: auto; 
+    grid-auto-columns: auto; 
+    grid-template-areas: 
+	      "port-1 port-2 port-3 port-4 port-5 port-6 s0 port-7 port-8 port-9 port-10 port-11 port-12 s1 port-13 port-14 port-15 port-16 port-17 port-18 s2 port-19 port-20 port-21 port-22 port-23 port-24" 
+} 
+
+.deviceview.area.dRear {
+        /* both set to auto to overwrite the 32 columns 2 rows design */ 
+    background: #000; 
+    grid-auto-rows: auto; 
+    grid-auto-columns: auto; grid-template-areas: 
+	      "port-1 port-2 port-3 port-4 port-5 port-6 s0 port-7 port-8 port-9 port-10 port-11 port-12 s1 port-13 port-14 port-15 port-16 port-17 port-18 s2 port-19 port-20 port-21 port-22 port-23 port-24" 
+}
diff --git a/examples/Generic/48-ports-UTP-Patchpanel.css b/examples/Generic/48-ports-UTP-Patchpanel.css
@@ -0,0 +1,20 @@
+/* Ports are named "port 1", "port 2" | "Rear  Port 1", "Rear Port 2" and so on */ 
+ .deviceview.area.dFront {
+         /* both set to auto to overwrite the 32 columns 2 rows design */ 
+     background: #000; 
+     grid-auto-rows: auto; 
+     grid-auto-columns: auto; 
+     grid-template-areas: 
+         "port-1 port-2 port-3 port-4 port-5 port-6 s0 port-7 port-8 port-9 port-10 port-11 port-12 s1 port-13 port-14 port-15 port-16 port-17 port-18 s2 port-19 port-20 port-21 port-22 port-23 port-24"
+         "port-25 port-26 port-27 port-28 port-29 port-30 s0 port-31 port-32 port-33 port-34 port-35 port-36 s1 port-37 port-38 port-39 port-40 port-41 port-42 s2 port-43 port-44 port-45 port-46 port-47 port-48"
+} 
+
+.deviceview.area.dRear {
+        /* both set to auto to overwrite the 32 columns 2 rows design */ 
+    background: #000;
+    grid-auto-rows: auto;
+    grid-auto-columns: auto;
+    grid-template-areas: 
+        "port-1 port-2 port-3 port-4 port-5 port-6 s0 port-7 port-8 port-9 port-10 port-11 port-12 s1 port-13 port-14 port-15 port-16 port-17 port-18 s2 port-19 port-20 port-21 port-22 port-23 port-24"
+        "port-25 port-26 port-27 port-28 port-29 port-30 s0 port-31 port-32 port-33 port-34 port-35 port-36 s1 port-37 port-38 port-39 port-40 port-41 port-42 s2 port-43 port-44 port-45 port-46 port-47 port-48" 
+}
diff --git a/examples/Generic/LC-48-port-Fiber-Patchpanel.css b/examples/Generic/LC-48-port-Fiber-Patchpanel.css
@@ -0,0 +1,20 @@
+/* Ports are named "Port 1", "Port 2" | "Rear Port 1", "Rear Port 2" and so on */ 
+ .deviceview.area.dFront {
+         /* both set to auto to overwrite the 32 columns 2 rows design */
+     background: #000;
+     grid-auto-rows: auto; 
+     grid-auto-columns: auto; 
+     grid-template-areas: 
+         "port-1 port-2 port-3 port-4 port-5 port-6 port-7 port-8 port-9 port-10 port-11 port-12 port-13 port-14 port-15 port-16 port-17 port-18 port-19 port-20 port-21 port-22 port-23 port-24" 
+         "port-25 port-26 port-27 port-28 port-29 port-30 port-31 port-32 port-33 port-34 port-35 port-36 port-37 port-38 port-39 port-40 port-41 port-42 port-43 port-44 port-45 port-46 port-47 port-48" 
+} 
+
+.deviceview.area.dRear {
+        /* both set to auto to overwrite the 32 columns 2 rows design */ 
+    background: #000;
+    grid-auto-rows: auto;
+    grid-auto-columns: auto;
+    grid-template-areas: 
+        "port-1 port-2 port-3 port-4 port-5 port-6 port-7 port-8 port-9 port-10 port-11 port-12 port-13 port-14 port-15 port-16 port-17 port-18 port-19 port-20 port-21 port-22 port-23 port-24" 
+        "port-25 port-26 port-27 port-28 port-29 port-30 port-31 port-32 port-33 port-34 port-35 port-36 port-37 port-38 port-39 port-40 port-41 port-42 port-43 port-44 port-45 port-46 port-47 port-48" 
+}