Renamed images folder, added video placeholder & styling. #93

SCCapstone · Apr 19, 2024 · 8fc38f7 · 8fc38f7
1 parent bae9144
commit 8fc38f7
Show file tree

Hide file tree

Showing 12 changed files with 18 additions and 8 deletions.
diff --git a/docs/about.html b/docs/about.html
@@ -13,13 +13,13 @@
         <div id="header">
             <a href="index.html">
                 <div id="title">
-                    <img src="./images/Astronaut.png" alt="Floating Astronaut pixel art" width="56px" height="64px" id="astronaut">
+                    <img src="./media/Astronaut.png" alt="Floating Astronaut pixel art" width="56px" height="64px" id="astronaut">
                     <h1>SELENE</h1>
                 </div>
             </a>
             <div id="links">
                 <a href="about.html"><h2>About</h2></a>
-                <a href="https://github.com/SCCapstone/TheNameless" target="_blank"><img src="./images/github-mark-white.png" alt="TheNameless GitHub page"></a>
+                <a href="https://github.com/SCCapstone/TheNameless" target="_blank"><img src="./media/github-mark-white.png" alt="TheNameless GitHub page"></a>
             </div>
         </div>
    </header>

diff --git a/docs/css/styles.css b/docs/css/styles.css
@@ -90,6 +90,10 @@ div#demo {
     align-items: center;
 }
 
+div#demo video {
+    width: 75%;
+}
+
 a {
     color: white;
 }

diff --git a/docs/index.html b/docs/index.html
@@ -12,13 +12,13 @@
           <div id="header">
           <a href="index.html">
                <div id="title">
-                    <img src="./images/Astronaut.png" alt="Floating Astronaut pixel art" width="56px" height="64px" id="astronaut">
+                    <img src="./media/Astronaut.png" alt="Floating Astronaut pixel art" width="56px" height="64px" id="astronaut">
                     <h1>SELENE</h1>
                </div>
           </a>
           <div id="links">
                <a href="about.html"><h2>About</h2></a>
-               <a href="https://github.com/SCCapstone/TheNameless" target="_blank"><img src="./images/github-mark-white.png" alt="TheNameless GitHub page"></a>
+               <a href="https://github.com/SCCapstone/TheNameless" target="_blank"><img src="./media/github-mark-white.png" alt="TheNameless GitHub page"></a>
           </div>
           </div>
      </header>
@@ -34,15 +34,21 @@ <h1>SELENE</h1>
 
      <div id="demo">
           <h2>Demo</h2>
-          <video></video>
+          <video>
+               <source src="./media/demo.mp4" type="video/mp4">
+               Your browser does not support the video tag.
+          </video>
+          <p>
+               This video is a placeholder for our final demo.
+          </p>
      </div>
 
      <div id="screenshots">
           <h2>Screenshots</h2>
           <div id="images">
-               <img src="./images/screenshot_0.png" alt="Selene main menu">
-               <img src="./images/screenshot_2.png" alt="Selene level">
-               <img src="./images/screenshot_5.png" alt="Selene final boss">
+               <img src="./media/screenshot_0.png" alt="Selene main menu">
+               <img src="./media/screenshot_2.png" alt="Selene level">
+               <img src="./media/screenshot_5.png" alt="Selene final boss">
           </div>
      </div>
 

diff --git a/docs/images/Astronaut.png → docs/media/Astronaut.png b/docs/images/Astronaut.png → docs/media/Astronaut.png
diff --git a/docs/media/demo.mp4 b/docs/media/demo.mp4
diff --git a/docs/images/github-mark-white.png → docs/media/github-mark-white.png b/docs/images/github-mark-white.png → docs/media/github-mark-white.png
diff --git a/docs/images/screenshot_0.png → docs/media/screenshot_0.png b/docs/images/screenshot_0.png → docs/media/screenshot_0.png
diff --git a/docs/images/screenshot_1.png → docs/media/screenshot_1.png b/docs/images/screenshot_1.png → docs/media/screenshot_1.png
diff --git a/docs/images/screenshot_2.png → docs/media/screenshot_2.png b/docs/images/screenshot_2.png → docs/media/screenshot_2.png
diff --git a/docs/images/screenshot_3.png → docs/media/screenshot_3.png b/docs/images/screenshot_3.png → docs/media/screenshot_3.png
diff --git a/docs/images/screenshot_4.png → docs/media/screenshot_4.png b/docs/images/screenshot_4.png → docs/media/screenshot_4.png
diff --git a/docs/images/screenshot_5.png → docs/media/screenshot_5.png b/docs/images/screenshot_5.png → docs/media/screenshot_5.png