update instructions.css

MME-NTU-KhPI · Nov 22, 2024 · 99c1211 · 99c1211
1 parent c4ec9cc
commit 99c1211
Show file tree

Hide file tree

Showing 14 changed files with 67 additions and 38 deletions.
diff --git a/css/instructions.css b/css/instructions.css
@@ -123,7 +123,8 @@
     display: none;
     width: 100%;
     flex-direction: row;
-    justify-content: space-between;
+    justify-content: center;
+    gap: 40px;
     flex-wrap: wrap;
 }
 .gifs-cont{

diff --git a/html/about_en.html b/html/about_en.html
@@ -31,7 +31,7 @@
         <a class="navbar-brand" href="home_en.html">
           <img
             src="../img/matico.png"
-            alt=""
+            alt="logo"
             class="d-inline-block align-text-top logo"
           />
           MatViz3D
@@ -45,7 +45,7 @@
               data-bs-toggle="dropdown"
               aria-expanded="false"
             >
-              <img src="../img/globe-icon.png" alt="" class="globe-icon" />
+              <img src="../img/globe-icon.png" alt="lang btn" class="globe-icon" />
             </button>
             <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
               <li class="dropdown-item">
@@ -102,7 +102,7 @@
                   data-bs-toggle="dropdown"
                   aria-expanded="false"
                 >
-                  <img src="../img/globe-icon.png" alt="" class="globe-icon" />
+                  <img src="../img/globe-icon.png" alt="lang btn" class="globe-icon" />
                 </button>
                 <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                   <li class="dropdown-item">
@@ -135,7 +135,7 @@
         <div class="infopole">
           <div class="left-container">
             <div class="gif-cont">
-              <img src="../img/3d.gif" class="zd-gif" />
+              <img src="../img/3d.gif" alt="3dgif" class="zd-gif" />
             </div>
             <p class="key-features">Key Features</p>
             <div class="list-cont">
@@ -179,7 +179,7 @@
           </div>
           <div class="right-container">
             <div class="gif-cont">
-              <img src="../img/people.gif" class="zd-gif" />
+              <img src="../img/people.gif" alt="people gif" class="zd-gif" />
             </div>
             <p class="key-features">Target Audience</p>
             <div class="qwe">
@@ -236,7 +236,7 @@
                 </p>
               </div>
               <div class="img-container">
-                <img class="img-card" src="../img/von-Neumann.png" />
+                <img class="img-card" alt="Von Neumann" src="../img/von-Neumann.png" />
               </div>
               <div class="details-link-container">
                 <a href="von_neumann.html" class="details-link"> Details </a>
@@ -257,7 +257,7 @@
                 </p>
               </div>
               <div class="img-container">
-                <img class="img-card" src="../img/Probability Ellipse.png" />
+                <img class="img-card" alt="Probabilistic Ellipse" src="../img/Probability Ellipse.png" />
               </div>
               <div class="details-link-container">
                 <a href="probabilistic_ellipse.html" class="details-link">
@@ -280,7 +280,7 @@
                 </p>
               </div>
               <div class="img-container">
-                <img class="img-card" src="../img/Probability-Circle.png" />
+                <img class="img-card" alt="Probabilistic Circle" src="../img/Probability-Circle.png" />
               </div>
               <div class="details-link-container">
                 <a href="probabilistic_circle.html" class="details-link">
@@ -303,7 +303,7 @@
                 </p>
               </div>
               <div class="img-container">
-                <img class="img-card" src="../img/moore.png" />
+                <img class="img-card" alt="Moore" src="../img/moore.png" />
               </div>
               <div class="details-link-container">
                 <a href="moore.html" class="details-link"> Details </a>
@@ -317,7 +317,7 @@
                 <p class="card-text"></p>
               </div>
               <div class="img-container">
-                <img class="img-card" src="../img/Radial.png" />
+                <img class="img-card" alt="Radial Cellular" src="../img/Radial.png" />
               </div>
               <div class="details-link-container">
                 <a href="probabilistic_circle.html" class="details-link">

diff --git a/html/about_ua.html b/html/about_ua.html
@@ -131,7 +131,7 @@
         <div class="infopole">
           <div class="left-container">
             <div class="gif-cont">
-              <img src="../img/3d.gif" class="zd-gif" />
+              <img src="../img/3d.gif" alt="" class="zd-gif" />
             </div>
             <p class="key-features">Основні можливості</p>
             <div class="list-cont">
@@ -175,7 +175,7 @@
           </div>
           <div class="right-container">
             <div class="gif-cont">
-              <img src="../img/people.gif" class="zd-gif" />
+              <img src="../img/people.gif" alt="" class="zd-gif" />
             </div>
             <p class="key-features">Цільова аудиторія</p>
             <div class="qwe">
@@ -230,7 +230,7 @@
                 </p>
               </div>
               <div class="img-container">
-                <img class="img-card" src="../img/von-Neumann.png" />
+                <img class="img-card" alt="" src="../img/von-Neumann.png" />
               </div>
               <div class="details-link-container">
                 <a href="von_neumann_ua.html" class="details-link"> Детальніше </a>
@@ -248,7 +248,7 @@
                 </p>
               </div>
               <div class="img-container">
-                <img class="img-card" src="../img/Probability Ellipse.png" />
+                <img class="img-card" alt="" src="../img/Probability Ellipse.png" />
               </div>
               <div class="details-link-container">
                 <a href="probabilistic_ellipse_ua.html" class="details-link"> Детальніше </a>
@@ -267,7 +267,7 @@
                 </p>
               </div>
               <div class="img-container">
-                <img class="img-card" src="../img/Probability-Circle.png" />
+                <img class="img-card" alt="" src="../img/Probability-Circle.png" />
               </div>
               <div class="details-link-container">
                 <a href="probabilistic_circle_ua.html" class="details-link"> Детальніше </a>
@@ -287,7 +287,7 @@
                 </p>
               </div>
               <div class="img-container">
-                <img class="img-card" src="../img/moore.png" />
+                <img class="img-card" alt="" src="../img/moore.png" />
               </div>
               <div class="details-link-container">
                 <a href="moore_ua.html" class="details-link"> Детальніше </a>
@@ -301,7 +301,7 @@
                 <p class="card-text"></p>
               </div>
               <div class="img-container">
-                <img class="img-card" src="../img/Radial.png" />
+                <img class="img-card" alt="" src="../img/Radial.png" />
               </div>
               <div class="details-link-container">
                 <a href="probabilistic_circle.html" class="details-link">

diff --git a/html/downloads_ua.html b/html/downloads_ua.html
@@ -20,7 +20,12 @@
   </head>
 
   <body
-    style="background-color: #eaf5ff; height: 100vh"
+  style="
+  background-color: #eaf5ff;
+  background-image: url('../img/background.png');
+  background-size: 10rem;
+  height: 100vh;
+"
     class="ink-light link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover"
   >
     <header>
@@ -130,8 +135,31 @@
       </nav>
     </header>
     <div class="ultrawide">
-      <div class="content"></div>
+      <div class="content">
+        <div class="heading-cont">
+          <p class="heading">Завантаження</p>
+        </div>
+        <div class="main-cont ml-5 mr-5">
+          <p class="subtitle">Поточна стабільна версія</p>
+          <p class="description">
+            Поточний стабільний реліз MatViz3D - 2.10.22 (Додана підтримка імовірнісного алгоритму еліпса, виправлені помилки при рендерингу 3D-візуалізацій).
+          </p>
+          <div class="download-button-cont">
+            <a
+              class="download-button"
+              href="https://github.com/MME-NTU-KhPI/MatViz3D"
+              >MatViz3D на GitHub</a
+            >
+          </div>
+          <div class="heading-cont">
+            <p class="subtitle2">Минулі версії</p>
+            <p class="description">MatViz3D 2.10.21</p>
+            <p class="description">MatViz3D 2.10.20</p>
+          </div>
+        </div>
+      </div>
     </div>
+    <br>
     <footer class="border-top border-dark">
       <div class="left-footer-cont">
         <div class="footer-content ml-5">

diff --git a/html/instructions_en.html b/html/instructions_en.html
@@ -175,7 +175,7 @@
           </div>
           <div class="right-cont">
             <div class="gif-cont">
-              <img src="../img/how-to-use.gif " class="how-to-use-gif" />
+              <img src="../img/how-to-use.gif " alt="" class="how-to-use-gif" />
             </div>
           </div>
         </div>
@@ -209,19 +209,19 @@
         <div class="gifs-cont">
           <div class="methods-gifs-cont" id="methods-gifs-cont">
             <div class="method-cont">
-              <img class="method-gif" src="../img/von Neumann.gif" />
+              <img class="method-gif" alt="" src="../img/von Neumann.gif" />
               <p>von Neumann</p>
             </div>
             <div class="method-cont">
-              <img class="method-gif" src="../img/Probability Circle.gif" />
+              <img class="method-gif" alt="" src="../img/Probability Circle.gif" />
               <p>Probability Circle</p>
             </div>
             <div class="method-cont">
-              <img class="method-gif" src="../img/Probability Ellipse.gif" />
+              <img class="method-gif" alt="" src="../img/Probability Ellipse.gif" />
               <p>Probability Ellipse</p>
             </div>
             <div class="method-cont">
-              <img class="method-gif" src="../img/Moore.gif" />
+              <img class="method-gif" alt="" src="../img/Moore.gif" />
               <p>Moore</p>
             </div>
           </div>

diff --git a/html/instructions_ua.html b/html/instructions_ua.html
@@ -181,7 +181,7 @@
           </div>
           <div class="right-cont">
             <div class="gif-cont">
-              <img src="../img/how-to-use.gif " class="how-to-use-gif" />
+              <img src="../img/how-to-use.gif " alt="" class="how-to-use-gif" />
             </div>
           </div>
         </div>
@@ -217,19 +217,19 @@
         <div class="gifs-cont">
           <div class="methods-gifs-cont" id="methods-gifs-cont">
             <div class="method-cont">
-              <img class="method-gif" src="../img/von Neumann.gif" />
+              <img class="method-gif" alt="" src="../img/von Neumann.gif" />
               <p>фон Нейман</p>
             </div>
             <div class="method-cont">
-              <img class="method-gif" src="../img/Probability Circle.gif" />
+              <img class="method-gif" alt="" src="../img/Probability Circle.gif" />
               <p>Ймовірнісне коло</p>
             </div>
             <div class="method-cont">
-              <img class="method-gif" src="../img/Probability Ellipse.gif" />
+              <img class="method-gif" alt="" src="../img/Probability Ellipse.gif" />
               <p>Ймовірнісний еліпс</p>
             </div>
             <div class="method-cont">
-              <img class="method-gif" src="../img/Moore.gif" />
+              <img class="method-gif" alt="" src="../img/Moore.gif" />
               <p>Мур</p>
             </div>
           </div>

diff --git a/html/moore.html b/html/moore.html
@@ -117,7 +117,7 @@
           </p>
         </div>
         <div class="algo-img-container">
-          <img class="algo-img" src="../img/moore.png" />
+          <img class="algo-img" alt="" src="../img/moore.png" />
         </div>
       </div>
     </div>

diff --git a/html/moore_ua.html b/html/moore_ua.html
@@ -119,7 +119,7 @@
           </p>
         </div>
         <div class="algo-img-container">
-          <img class="algo-img" src="../img/moore.png" />
+          <img class="algo-img" alt="" src="../img/moore.png" />
         </div>
       </div>
     </div>

diff --git a/html/probabilistic_circle.html b/html/probabilistic_circle.html
@@ -113,7 +113,7 @@
           </p>
         </div>
         <div class="algo-img-container">
-          <img class="algo-img" src="../img/Probability-Circle.png" />
+          <img class="algo-img" alt="" src="../img/Probability-Circle.png" />
         </div>
       </div>
     </div>

diff --git a/html/probabilistic_circle_ua.html b/html/probabilistic_circle_ua.html
@@ -110,7 +110,7 @@
           </p>
         </div>
         <div class="algo-img-container">
-          <img class="algo-img" src="../img/Probability-Circle.png" />
+          <img class="algo-img" alt="" src="../img/Probability-Circle.png" />
         </div>
       </div>
     </div>

diff --git a/html/probabilistic_ellipse.html b/html/probabilistic_ellipse.html
@@ -102,7 +102,7 @@
           </p>
         </div>
         <div class="algo-img-container">
-          <img class="algo-img" src="../img/Probability Ellipse.png" />
+          <img class="algo-img" alt="" src="../img/Probability Ellipse.png" />
         </div>
       </div>
     </div>

diff --git a/html/probabilistic_ellipse_ua.html b/html/probabilistic_ellipse_ua.html
@@ -101,7 +101,7 @@
           </p>
         </div>
         <div class="algo-img-container">
-          <img class="algo-img" src="../img/Probability Ellipse.png" />
+          <img class="algo-img" alt="" src="../img/Probability Ellipse.png" />
         </div>
       </div>
     </div>

diff --git a/html/von_neumann.html b/html/von_neumann.html
@@ -150,7 +150,7 @@
             </p>
           </div>
           <div class="algo-img-container">
-            <img class="algo-img" src="../img/von-Neumann.png" />
+            <img class="algo-img" alt="" src="../img/von-Neumann.png" />
           </div>
         </div>
       </div>

diff --git a/html/von_neumann_ua.html b/html/von_neumann_ua.html
@@ -111,7 +111,7 @@
           </p>
         </div>
         <div class="algo-img-container">
-          <img class="algo-img" src="../img/von-Neumann.png" />
+          <img class="algo-img" alt="" src="../img/von-Neumann.png" />
         </div>
       </div>
     </div>
-Original file line number
+Diff line change
@@ Expand Up / @@ -117,7 +117,7 @@ @@
               </p>
             </div>
             <div class="algo-img-container">
-              <img class="algo-img" src="../img/moore.png" />
+              <img class="algo-img" alt="" src="../img/moore.png" />
             </div>
           </div>
         </div>
@@ Expand Down @@