Code cleanup

adambricelis · adambricelis · commit 95d46d62fe6b · 2021-09-03T11:59:06.000-04:00
diff --git a/index.html b/index.html
@@ -6,7 +6,5 @@
   </head>
 
   <body>
-    <div id="heads-area">
-    </div>
   </body>
 </html>
diff --git a/main.css b/main.css
@@ -1,24 +1,16 @@
 body {
-    display: flex;
-    align-content: stretch;
+    height: 100%;
+    width: 100%;
+    margin: 0;
 }
 
-#heads-area {
-    margin: 75px;
-    flex-grow: 1;
-}
-
-.person-frame-inner {
+.head-container {
     display: inline-block;
     position: absolute;
     animation: animate 10s linear 0s infinite alternate, animate2 9s linear 0s infinite;
 }
 
-.person-frame-inner p {
-    text-align: center;
-}
-
-.ball {
+.head {
     height: 150px;
     width: 150px;
     border-radius: 150px;
diff --git a/main.js b/main.js
@@ -3,13 +3,13 @@ $.ajax({
     success: data => {
         $(data).find("a").attr("href", (_i, filename) => {
             if (filename.match(/\.(jpe?g|png|gif)$/)) {
-                $('#heads-area').append(
-                    "<div class=\"person-frame-inner\"><img class=\"ball\" src=\"images/" + filename + "\"/></div>"
+                $('body').append(
+                    "<div class=\"head-container\"><img class=\"head\" src=\"images/" + filename + "\"/></div>"
                 );
             }
         });
 
-        let people = document.getElementsByClassName("person-frame-inner");
+        let people = document.getElementsByClassName("head-container");
         for (let person of people) {
             person.style["animation-delay"] = -Math.floor(Math.random() * 1000) + "s"
         }

-Original file line number
+Diff line change
   </head>
   <body>
 -    <div id="heads-area">
 -    </div>
   </body>
 </html>