minchg3

2 years ago · 7aad644f6d
parent 0e2e83d0a0
commit 7aad644f6d
4 changed files with 84 additions and 12 deletions
--- a/index.html
+++ b/index.html
@ -98,9 +98,10 @@
          </article>
        </div>
      </section>
+    </div>

    <aside class="links">
-        <h3>Quelques liens externes..</h3>
+      <h3>Liens externes..</h3>

      <ul>
        <li><a href="https://fr.wikipedia.org/wiki/C_(langage)">C (Wiki)</a></li>
@ -108,7 +109,6 @@
        <li><a href="https://fr.wikipedia.org/wiki/C_sharp">C# (Wiki)</a></li>
      </ul>
    </aside>
-    </div>

    <footer>
      <p>Auteur: Alexandre Agostinho (TP1)</p>
--- a/pages/galerie.html
+++ b/pages/galerie.html
@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html>
+
+  <head>
+    <meta charset="utf-8" \>
+    <title>Galerie</title>
+    <link href="../styles/main.css" rel="stylesheet" type="text/css" />
+    <link href="../styles/galerie.css" rel="stylesheet" type="text/css" />
+  </head>
+
+  <body>
+
+    <div class="header">
+      <div class="title">
+        <h1>LangProg - Galerie</h1>
+        <img src="../img/ProgrammingLanguage1-1.jpg" alt="ImgTitle" />
+      </div>
+
+      <nav>
+        <a href="../index.html">Menu Principal</a>
+        <a href="galerie.html">Galerie</a>
+        <a href="donnees.html">Données</a>
+      </nav>
+    </div>
+
+    <div class="main-content">
+
+      <div id="gal-photos">
+
+        <img src="../img/The_C_Programming_Language_logo.svg.png" alt="img1" />
+        <img src="../img/ISO_C++_Logo.svg.png" alt="img2" />
+        <img src="../img/1024px-C_Sharp_wordmark.svg.png" alt="img3" />
+
+      </div>
+
+      <div id="gal-videos">
+
+        <iframe width="1280" height="720" src="https://www.youtube.com/embed/Rub-JsjMhWY" title="C++ Programming" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+      </div>
+
+    </div>
+
+
+    <footer>
+      <p>Auteur: Alexandre Agostinho (TP1)</p>
+      <p><a href="mailto:alexandre.agostinho@etu.uca.fr">alexandre.agostinho@etu.uca.fr</a></p>
+    </footer>
+  </body>
+</html>
+
--- a/styles/galerie.css
+++ b/styles/galerie.css
@ -0,0 +1,20 @@
+#gal-photos {
+  margin: 30px;
+  border: 10px solid darkgrey;
+  border-radius: 0 20px;
+  background-color: cadetblue;
+}
+
+#gal-photos img {
+  width: 200px;
+  display: inline-block;
+  margin: 35px;
+}
+
+#gal-videos {
+  margin: 30px;
+  border: 10px solid cadetblue;
+  border-radius: 0 20px;
+  background-color: darkgrey;
+}
+
--- a/styles/main.css
+++ b/styles/main.css
@ -18,7 +18,7 @@ a:active { color: darkgrey; }

 .header {
    border-left: 10px solid cadetblue;
-    background-color: #ebebeb;
+    background-image: linear-gradient(to right, #ebebeb, cadetblue);
    position: sticky;
    top: 0px;
 }
@ -122,11 +122,12 @@ a:active { color: darkgrey; }
    padding-top: 1%;
    border: 6px solid cadetblue;
    border-radius: 0 14px;
-    display: block;
    position: fixed;
    top: 113px;
-    right: 16px;
+    right: 1%;
+    left: 80%;
    height: 400px;
+    margin-left: 1%;
 }

 .links h3, ul {