slanty sidebar

2023-06-20 08:14:52 -04:00
parent 7f8c14ff6c
commit 56f6ed07f9
6 changed files with 256 additions and 6 deletions
--- a/index.html
+++ b/index.html
@@ -17,7 +17,19 @@
        <link rel="stylesheet" href="main.css" />
    </head>
    <body>
-        <div id="sider-outer">
+        <svg width="0" height="0"> <!-- clip paths for the sidebar -->
+            <defs>
+                <clipPath id="design-2" clipPathUnits="objectBoundingBox">
+                    <path d="M 0,1
+                      L 0,0
+                      L 0.8,0
+                      C 0.8 .5, 0.83 .65, 1 1
+                      C .65 1, 0 1, 0 .8
+                      Z" />
+                </clipPath>
+            </defs>
+        </svg>
+        <div id="sider-outer" class="design-1">
            <div id="sider">
                <h2>Sidebar</h2>
                <div id="sider-cats">
@@ -54,6 +66,10 @@
                                <a href="about.html">ABOUT JHEWIT</a>
                            </div>
                            <div></div>
+                            <div class="link">
+                                <a href="workshop.html">DESIGN WORKSHOP</a>
+                            </div>
+                            <div></div>
                            <div class="dropdown">
                                DROPDOWN MENU
                            </div>