repository updated

ahiyantra · Apr 9, 2023 · 2099a93 · 2099a93
1 parent f7c9784
commit 2099a93
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 25 deletions.
diff --git a/css/morph.css b/css/morph.css
@@ -1,5 +1,6 @@
 * {
   text-align: center;
+  margin: 0rem 0rem;
 }
 
 html {
@@ -11,17 +12,34 @@ body {
   background-position: center;
 }
 
+p {
+  margin: 0.5rem 0rem;
+  width: 100%;
+}
+
+a {
+  font-family: "Arial";
+  font-variant: small-caps;
+  color: black;
+}
+
 .text-container {
   font-family: 'Mountains of Christmas', cursive;
   font-size: 1.5rem;
   line-height: 100%;
   color: black; /* white */
-  display: flex;
+  display: inline-flex;
   flex-direction: column;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
-  padding: 1rem;
+  width: 75%;
+  background-color: rgba(255, 255, 255, .3);
+  border-radius: 2px;
+}
+
+.all-text {
+  padding: 0.5rem 0.5rem;
 }
 
 .project-link-container {
@@ -33,12 +51,6 @@ body {
   padding: 0rem;
 }
 
-a {
-  font-family: "Arial";
-  font-variant: small-caps;
-  color: black;
-}
-
 .profile-image-container {
   display: flex;
   flex-direction: column;
@@ -54,30 +66,30 @@ a {
   height: 150px;
   margin: 0 auto;
   border-radius: 50%;
+  padding: 0.5rem 0.5rem;
 }
 
 .button {
-  white-space: nowrap;
+  /*white-space: nowrap;*/
   inline-size: min-content;
   display: block;
-  border-radius: 4px;
   background-color: #4a4a4a; /* #9dc20b */
   color: white;
   margin: 0 auto;
-  padding: 1.25rem 3.25rem;
+  padding: 1.25rem 2.25rem;
   border: solid 1px #979797;
   border-radius: 8px;
+  width: 50%;
 }
 
 .button:hover {
   background-color: lightgreen;
 }
 
 .unbutton {
-  white-space: nowrap;
+  /*white-space: nowrap;*/
   inline-size: min-content;
   display: block;
-  border-radius: 4px;
   background-color: #4a4a4a; /* #9dc20b */
   color: white;
   margin: 0 auto;
@@ -108,11 +120,12 @@ a {
 
 .social-media-link-container li {
   list-style-type: none;
-  padding: 0rem 0rem;
+  padding: 0.5rem 0rem;
 }
 
 .social-media-link-container ul {
   display: inline-flex;
+  padding: 0rem 0.25rem;
 }
 
 .social-media-link-container a {

diff --git a/index.html b/index.html
@@ -10,15 +10,17 @@
 
     <!-- <link rel="stylesheet" href="./css/reset.css" type="text/css"> -->
 
-    <link href="./css/morph.css" rel="stylesheet" type="text/css">
-
-    <!-- <script src="https://kit.fontawesome.com/d1ab835442.js" crossorigin="anonymous"></script> -->
+    <link rel="stylesheet" type="text/css" href="./css/morph.css">
 
     <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
 
     <link rel="preconnect" href="https://fonts.gstatic.com">
 
-    <link href="https://fonts.googleapis.com/css2?family=Mountains+of+Christmas:wght@700&family=Space+Mono&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Mountains+of+Christmas:wght@700&family=Space+Mono&display=swap">
+
+    <link rel="icon" type="image/x-icon" href="./mgs/favicon-0.ico">
+
+    <!-- <script src="https://kit.fontawesome.com/d1ab835442.js" crossorigin="anonymous"></script> -->
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
 
@@ -34,8 +36,6 @@
 
     </script>
 
-    <link rel="icon" href="./mgs/favicon-0.ico" type="image/x-icon">
-
   </head>
   <body>
 
@@ -59,14 +59,16 @@
       <img src="./mgs/tmpry-3.jpg">
     </div>
 
-    <div class="text-container">Greetings, Traveller! May You Enjoy Your Stay!</div>
-    <div class="text-container">"AhiYantra" (@ahiyantra) Welcomes You!</div>
+    <div class="text-container">
+      <div class="all-text">Greetings, Traveller! May You Enjoy Your Stay!</div>
+      <div class="all-text">"AhiYantra" (@ahiyantra) Welcomes You!</div>
+    </div>
 
     <div class="project-link-container">
       <p><a href="https://ahiyantra.github.io/ahiyantra/" class="button">An Introduction</a></p>
     </div>
 
-    <div class="text-container">— A List Of My Personal Projects —</div>
+    <div class="text-container"><div class="all-text">— A List Of My Personal Projects —</div></div>
 
     <div class="project-link-container">
 
@@ -84,7 +86,9 @@
 
       <p><a href="https://ahiyantra.github.io/a-frame-indic-script-fonts/" class="button">A-frame's Indic Script Font<br/>(Minor JavaScript/A-frame Project)</a></p>
 
-      <!-- <p><a href="https://ahiyantra.github.io/jikiru/" class="button">Jikiru<br/>(Minor Jekyll/GitHub Project)</a></p> -->
+      <!--
+        <p><a href="https://ahiyantra.github.io/jikiru/" class="button">Jikiru<br/>(Minor Jekyll/GitHub Project)</a></p>
+      -->
 
       <p><a href="https://ahiyantra.github.io/driving-simulator-1/" class="button">Basic Driving Simulator<br/>(Minor Unity/C# Project)</a></p>
 
@@ -108,7 +112,9 @@
 
       <p><a href="https://ahiyantra.github.io/carrom-game-1/" class="button">Basic Carrom Game<br/>(Minor Unity/C# Project)</a></p>
 
-      <!-- <p><a href="https://ahiyantra.github.io/drawing-application-1/" class="button">Basic Drawing Application<br/>(Minor Unity/C# Project)</a></p> -->
+      <!--
+        <p><a href="https://ahiyantra.github.io/drawing-application-1/" class="button">Basic Drawing Application<br/>(Minor Unity/C# Project)</a></p>
+      -->
 
       <p><a href="https://ahiyantra.itch.io/2dshooter" class="button">Basic 2D Shooter Game<br/>(playable on "itch[dot]io")</a></p>