aaaaaaaaa

cshadsy · cshadsy · commit 12cc883f7aee · 2025-09-23T20:11:51.000-04:00
diff --git a/projects/index.html b/projects/index.html
@@ -1,2 +1,31 @@
-<h1>Under construction!</h1>
-<p>You shouldn't be here. Go along now.</p>
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>conis projects on the web</title>
+    <!-- Reuse the stylesheet because i am lazy -->
+    <link rel="stylesheet" href="../res/css/styles.css">
+</head>
+<body>
+    <div class="navbar">
+        <a href="../index.html">Home</a>
+        <a href="projects/index.html">Projects</a>
+    </div>
+
+    <div class="grid">
+        <div class="panel">
+        <img src="../res/cat.jpg" alt="Profile Picture" class="profile-pic">
+        <h1>scratch2-online</h1>
+        <p>Ruffle-hosted version of Scratch 2.</p>
+        <div class="contact-links">
+            <a href="scratch2/index.html">Start scratching!</a>
+        </div>
+    </div>
+    <div class="panel">
+        <h1>Under construction</h1>
+        <p>Under construction</p>
+    </div>
+    </div>
+</body>
+</html>
diff --git a/res/cat.jpg b/res/cat.jpg
diff --git a/res/css/styles.css b/res/css/styles.css
@@ -85,3 +85,28 @@ p {
     background: #d4cfc4;
     box-shadow: inset 2px 2px 4px #aaa;
 }
+
+/* dirty hack to support iOS 6 safari and old browsers */
+
+.grid {
+  font-size: 0;
+  text-align: center;
+}
+
+.grid > div {
+  display: inline-block;
+  vertical-align: top;
+  width: 48%; 
+  margin: 1% 1% 1% 0; 
+  font-size: 16px; 
+  box-sizing: border-box;
+}
+
+@media (max-width: 600px) {
+  .grid > div {
+    width: 100%;
+    margin-right: 0;
+  }
+}
+
+
