moved files. added directories. renamed "Testing" to "Layouts" in ind…

…ex.html and following elements. Added wip design to homepage
kvn8888 · Dec 21, 2022 · 7dd35a5 · 7dd35a5
1 parent 5e75b89
commit 7dd35a5
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 9 deletions.
diff --git a/experimental/element_positions.css b/experimental/element_positions.css
@@ -1,5 +1,6 @@
 html{
     height: 100%;
+    overscroll-behavior-y: none;
 }
 body{
     display: grid;

diff --git a/grid_layouts.html → experimental/grid_layouts.html b/grid_layouts.html → experimental/grid_layouts.html
diff --git a/grid_styling.css → experimental/grid_styling.css b/grid_styling.css → experimental/grid_styling.css
diff --git a/homepage.css b/homepage.css
@@ -84,7 +84,7 @@ a {
     min-height: 200px;
     max-width: none;
 }
-#testing {
+#layouts {
     grid-row: 2;
     grid-column: 4/6;
     min-height: 200px;
@@ -134,7 +134,7 @@ a {
         grid-row: 2;
         grid-column: 1;
     }
-    #testing {
+    #layouts {
         grid-row: 3;
         grid-column: 1;
     }

diff --git a/index.html b/index.html
@@ -13,14 +13,15 @@
         <h1 id="header">Welcome to <span>KevinC.dev</span></h1>
         <div id="wip">
             <h3>Work in Progress</h3>
-            <a href="homepage.css" class="textWithIcon">View Stylesheet <span class="material-symbols-outlined">outbound</span></a>
+            <a href="homepage.css" class="textWithIcon">Index.html Stylesheet <span class="material-symbols-outlined">outbound</span></a>
+            <a href="experimental/design_system.html" class="textWithIcon">Experimental design <span class="material-symbols-outlined">outbound</span></a>
         </div>
-        <div id="testing">
-            <h3>Testing</h3>
-            <a href="NewsArticle.html" class="textWithIcon">News Article Layout <span class="material-symbols-outlined">outbound</span></a><br>
-            <a href="NewsArticle.css" class="textWithIcon">News Article Stylesheet <span class="material-symbols-outlined">outbound</span></a><br>
-            <a href="grid_styling.css" class="textWithIcon">Grid Stylesheet <span class="material-symbols-outlined">outbound</span></a><br>
-            <a href="grid_layouts.html" class="textWithIcon">Grid Layouts <span class="material-symbols-outlined">outbound</span></a>
+        <div id="layouts">
+            <h3>Layouts</h3>
+            <a href="layouts/NewsArticle.html" class="textWithIcon">News Article Layout <span class="material-symbols-outlined">outbound</span></a><br>
+            <a href="layouts/NewsArticle.css" class="textWithIcon">News Article Stylesheet <span class="material-symbols-outlined">outbound</span></a><br>
+            <a href="experimental/grid_styling.css" class="textWithIcon">Grid Stylesheet <span class="material-symbols-outlined">outbound</span></a><br>
+            <a href="experimental/grid_layouts.html" class="textWithIcon">Grid Layouts <span class="material-symbols-outlined">outbound</span></a>
         </div>
         <div id="footer">
             <p>This website was written entirely in HTML and CSS, no Javascript 😉</p>

diff --git a/NewsArticle.css → layouts/NewsArticle.css b/NewsArticle.css → layouts/NewsArticle.css
diff --git a/NewsArticle.html → layouts/NewsArticle.html b/NewsArticle.html → layouts/NewsArticle.html