release v0.3

Sinsema · Oct 9, 2023 · 8affe62 · 8affe62
1 parent b9d3c94
commit 8affe62
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 25 deletions.
diff --git a/index.html b/index.html
@@ -10,15 +10,15 @@
     <div class="main-background">
         <div class="centered">
             <h1 class="centered">Hi NASA Challenge Jury</h1>
-            <div class="wellcome-section">
+            <div class="wellcome-section centered">
                 <h2 class="centered">Wellcome to our Remote VR Mission Program</h2>
                 <p class="italized centered">Our mission here was to make an inmersive VR program capable of lead users through the steps taken to successfully fulfill a satelite mission to Mars</p>
             </div>
             <div class="iframe-container">
                 <iframe frameborder="0" src="https://itch.io/embed-upload/8857900?color=01003c" allowfullscreen="" width="720" height="425"><a href="https://yaco.itch.io/remote-mission">Play Remote mission on itch.io</a></iframe>
             </div>
-            <div class="thanks-message">
-                <p class="italized centered"> We are Yaco Bustamante & Agustin Gimenez from Bahía Blanca glad of participate in this challenge.</p>
+            <div class="thanks-message centered">
+                <p class="italized"> We are <a href="https://yaco.itch.io/">Yaco Bustamante</a> & <a href="https://github.com/Sinsema">Agustin Gimenez</a> from Bahía Blanca glad of participate in this challenge.</p>
             </div>
         </div>
     </div>

diff --git a/styles.css b/styles.css
@@ -6,35 +6,26 @@ body {
     background-color: #4f5fb9;
     box-shadow: inset 0px 0px 10px 3px rgba(0,0,0,0.2);
    }
-   .main-background {
+.main-background {
     background-color: #e9e9e9;
     min-height:100vh;
    }
-   .centered {
+.centered {
     display: grid;
     justify-content: center;
     align-items: center;
    }
-   .italized{
+.italized {
     font-style: italic;
-    max-width: 40vw;
+    max-width: 45vw;
     text-align: justify;
    }
-   .main-content{
-
-   }
-   button {
-    width:33.3%;
-    height: 5vw;
-    display: inline-block;
-   }
-   .error {
-    font-size:0.9em;
-    margin-top:4px;
-    margin-bottom:0px;
-    padding:8px;
-    box-sizing:border-box;
-    font-size:0.75em;
-    font-style:italic;
-    color:red;
-   }
+a {
+    text-decoration: none;
+    color: #102abe;
+}
+a:hover {
+    background-color: rgb(127, 229, 255);
+    color: rgb(111, 0, 255);
+    font-size: 110%;
+}