still need to fix mobile

AliaElKattan · Sep 21, 2023 · ef1e3ba · ef1e3ba
1 parent 8b861fc
commit ef1e3ba
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -3,7 +3,9 @@
 <head>
 
   <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+  <meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1, maximum-scale=1"/>
+
   <title>Alia ElKattan</title>
 
 <link rel="icon" type="image/png" sizes="32x32" href="favicon_io/favicon.ico">
@@ -235,7 +237,7 @@ <h4><b>About</b></h4>
 
 <p>Alongside <a href="https://lujainibrahim.com/" target="_blank">Lujain Ibrahim</a>, I co-built <a href="https://www.multiplicity.tech/" target="_blank">Multiplicity</a>, a curation of articles about the internet. As grantees of another <a href="https://foundation.mozilla.org/en/blog/announcing-11-projects-exploring-ai-and-responsible-design/" target="_blank">Mozilla Creative Media Award</a>, we're building "The Algorithm", a simulation that demystifies recommendation algorithms.</p>
 
-<p> I love skateboarding 🛹, <a href="https://10songs.substack.com" target="_blank">playlisting & personal writing 🎶</a>, and playing football ⚽. </p>
+<p> I love skateboarding 🛹, <a href="https://10songs.substack.com" target="_blank">making playlists 🎶</a>, and playing football ⚽. </p>
 
 <p>For more info, you can check my <a href="https://www.linkedin.com/in/aliaelkattan/" target="_blank">LinkedIn</a>. Feel free to contact me at <a href="mailto:alia.elkattan@nyu.edu" target="_blank">alia.elkattan@nyu.edu</a> or find me on <a href="https://twitter.com/aliaelkattan" target="_blank">Twitter</a>, <a href="https://www.instagram.com/aliaelkattan/">Instagram</a>,  <a href="https://github.com/aliaelkattan" target="_blank">GitHub</a>, and/or <a href="https://staging.bsky.app/profile/alia.bsky.social" target="_blank">Bluesky</a>.</p>
 

diff --git a/p5_script.js b/p5_script.js
@@ -40,10 +40,9 @@ function draw(){
   }
 
  	fill(20);
-	rect(10,10,width-20,height-20, 15);
+	rect(windowWidth*.01,windowHeight*.01,width-windowWidth*.02,height-windowHeight*.02, 15);
 }
 
-
 class Shape {
 
   constructor() {
@@ -109,4 +108,5 @@ class Shape {
 
     ellipse(this.x, this.y, this.diam);
   }
-}
+}
+