updating gf180 skin file

Signed-off-by: Youssef Kandil <[email protected]>
kanndil · Apr 16, 2023 · 9a1271f · 9a1271f
1 parent ac446e0
commit 9a1271f
Show file tree

Hide file tree

Showing 3 changed files with 129 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -214,7 +214,7 @@ Here is a part of an example STA report: (Your report must have a similar format
 
     git clone https://github.com/kanndil/interactive_SVG_schematics.git
 
-### Second: Add Generate Skin-File
+### Second: Generate Skin-File
 
 <details>
   <summary>Check these pre-generated skin-files</summary>

diff --git a/skinFiles/gf180mcu_fd_sc_mcu7t5v0__tt_025C_5v00_representations/default.svg b/skinFiles/gf180mcu_fd_sc_mcu7t5v0__tt_025C_5v00_representations/default.svg
diff --git a/style.html b/style.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<style>
+body {
+  font-family: "Lato", sans-serif;
+}
+
+.sidenav {
+  height: 100%;
+  width: 160px;
+  position: fixed;
+  z-index: 1;
+  top: 0;
+  left: 0;
+  background-color: #111;
+  overflow-x: hidden;
+  padding-top: 20px;
+}
+
+.sidenav a {
+  padding: 6px 8px 6px 16px;
+  text-decoration: none;
+  font-size: 18px;
+  color: #818181;
+  display: block;
+}
+
+.sidenav a:hover {
+  color: #f1f1f1;
+}
+
+.main {
+  margin-left: 160px; /* Same as the width of the sidenav */
+  font-size: 28px; /* Increased text to enable scrolling */
+  padding: 0px 10px;
+}
+
+@media screen and (max-height: 450px) {
+  .sidenav {padding-top: 15px;}
+  .sidenav a {font-size: 18px;}
+}
+</style>
+</head>
+<body>
+
+<div class="main">
+
+<h2>Interactive SVG Schematics</h2>
+
+
+</div>
+
+</body>
+</html>