appdev-projects · denish-asodariya · May 5, 2024 · May 5, 2024 · May 5, 2024 · May 5, 2024
diff --git a/Profile Photo.jpg b/Profile Photo.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,159 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <title>Denish Asodariya's links</title>
+  <style>
+    body {
+      padding-top: 40px;
+      padding-bottom: 40px;
+      background-color: #004643;
+      display: flex;
+      justify-content: center;
+    }
+
+    .banner-image {
+      width: 128px;
+      height: 128px;
+      object-fit: cover;
+      border-radius: 128px;
+    }
+
+    .thumbnail {
+      width: 48px;
+      height: 48px;
+      border-radius: 48px;
+      object-fit: cover;
+    }
+
+    .name {
+      color: #fffffe;
+      display: flex;
+      justify-content: center;
+    }
+
+    .social-icons a {
+      color: #fffffe;
+      text-decoration: none
+    }
+
+    .link {
+      background-color: #f9bc60;
+      display: flex;
+      align-items: center;
+      padding: 5px;
+    }
+
+    .link a {
+      color: #001e1d;
+      text-decoration: none;
+      text-align: center;
+      flex-grow: 1;
+    }
+
+    .items {
+      display: flex;
+      flex-direction: column;
+      gap: 30px;
+      max-width: 640px;
+      flex-grow: 1;
+    }
+
+    .banner {
+      display: flex;
+      justify-content: center;
+    }
+
+    .social-icons {
+      display: flex;
+      justify-content: space-around;
+    }
+
+  </style>
+</head>
+
+<body>
+  <div class="items">
+    <div class="banner">
+      <img src="Profile Photo.jpg" alt="Denish Asodariya headshot" class="banner-image">
+    </div>
+
+    <div class="name">
+      Denish Asodariya
+    </div>
+
+    <div class="social-icons">
+      <a href="https://github.com/denish-asodariya" target="_blank">
+        GitHub
+      </a>
+
+      <a href="https://www.linkedin.com/in/denish-asodariya/" target="_blank">
+        LinkedIn
+      </a>
+
+      <a href="https://www.instagram.com/denish_asodariya/" target="_blank">
+        Instagram
+      </a>
+
+      <a href="https://twitter.com/denish_asodariya" target="_blank">
+        Twitter
+      </a>
+    </div>
+
+    <div class="link">
+      <img class="thumbnail"
+        src="https://www.ycombinator.com/assets/ycdc/yc-og-image-0cfa80cac837d64d9b4f0705950000b66906ac032791376bd721f246fafcc7b4.png">
+
+      <a target="_blank" href="http://paulgraham.com/startupideas.html">How to Get Startup Ideas
+        — Paul Graham</a>
+    </div>
+
+    <div class="link">
+      <img class="thumbnail" src="thumbnails/typography.jpg">
+
+      <a target="_blank" href="https://practicaltypography.com/typography-in-ten-minutes.html">Typography in ten minutes
+        — Matthew
+        Butterick</a>
+    </div>
+
+    <div class="link">
+      <img class="thumbnail"
+        src="https://media.newyorker.com/photos/59096d451c7a8e33fb38e4ca/16:9/w_1280,c_limit/071210_r16884_p646.jpg">
+
+      <a target="_blank" href="https://www.newyorker.com/magazine/2007/12/10/the-checklist/">A
+        Life-Saving Checklist — The New Yorker</a>
+    </div>
+
+    <div class="link">
+      <img class="thumbnail" src="https://waitbutwhy.com/wp-content/uploads/2015/12/Tail-End-F.png">
+
+      <a target="_blank" href="https://waitbutwhy.com/2015/12/the-tail-end.html">The Tail End — Wait
+        But Why</a>
+    </div>
+
+    <div class="link">
+      <img class="thumbnail" src="thumbnails/rome.jpg">
+
+      <a target="_blank" href="https://www.exurbe.com/the-shape-of-rome/">The Shape of Rome — Ex
+        Urbe</a>
+    </div>
+
+    <div class="link">
+      <img class="thumbnail" src="thumbnails/egg.jpg">
+
+      <a target="_blank" href="http://www.galactanet.com/oneoff/theegg_mod.html">The Egg — Andy
+        Weir</a>
+    </div>
+
+    <div class="link">
+      <img class="thumbnail" src="thumbnails/question.jpg">
+
+      <a target="_blank"
+        href="https://www.martincwiner.com/wp-content/uploads/2011/06/The-Last-Question-Isaac-Asimov.pdf">The Last
+        Question — Isaac Asimov</a>
+    </div>
+  </div>
+</body>
+
+</html>
diff --git a/render.yaml b/render.yaml
@@ -1,6 +1,6 @@
 services:
   - type: web
-    name: MYAPPNAME # the name of this service, eg hello-world
+    name: links # the name of this service, eg hello-world
     env: ruby # this app is written in ruby
     plan: free # make sure to set this to free or you'll get billed $$$
     buildCommand: "./bin/render-build.sh" # we already created these two files for you

diff --git a/thumbnails/egg.jpg b/thumbnails/egg.jpg
diff --git a/thumbnails/question.jpg b/thumbnails/question.jpg
diff --git a/thumbnails/rome.jpg b/thumbnails/rome.jpg
diff --git a/thumbnails/typography.jpg b/thumbnails/typography.jpg