Develop (#17)

* prettier formatting

* Rework design

TODO

@@ -1,7 +1,2 @@
-minify
-supprimer a class et voir pour flag direc
-generer portfolio par date
-ecart entre les lignes exemple download  BCOM
-check common first and then lang if exist
-vendors
-notes auto
+sorte de console?
+get en mobile nok

card.html

@@ -26,22 +26,22 @@
                     <a href="https://realvincentberthet.github.io/me/"
                         ><img
                             style="text-decoration: none; font-size: 22px; color: black; width: 20px; height: 20px"
-                            src="https://raw.githubusercontent.com/RealVincentBerthet/me/master/img/template/ico_vb.png"
+                            src="https://raw.githubusercontent.com/RealVincentBerthet/me/master/img/card/ico_vb.png"
                     /></a>
                     <a href="https://github.com/RealVincentBerthet"
                         ><img
                             style="text-decoration: none; font-size: 22px; color: black; width: 20px; height: 20px"
-                            src="https://raw.githubusercontent.com/RealVincentBerthet/me/master/img/template/ico_github.png"
+                            src="https://raw.githubusercontent.com/RealVincentBerthet/me/master/img/card/ico_github.png"
                     /></a>
                     <a href="mailto:[email protected]"
                         ><img
                             style="text-decoration: none; font-size: 22px; color: black; width: 20px; height: 20px"
-                            src="https://raw.githubusercontent.com/RealVincentBerthet/me/master/img/template/ico_mail.png"
+                            src="https://raw.githubusercontent.com/RealVincentBerthet/me/master/img/card/ico_mail.png"
                     /></a>
                     <a href="https://uk.linkedin.com/in/vincent-berthet"
                         ><img
                             style="text-decoration: none; font-size: 22px; color: black; width: 20px; height: 20px"
-                            src="https://raw.githubusercontent.com/RealVincentBerthet/me/master/img/template/ico_linkedin.png"
+                            src="https://raw.githubusercontent.com/RealVincentBerthet/me/master/img/card/ico_linkedin.png"
                     /></a>
                 </div>
             </div>

css/request.css → css/get.css

@@ -1,7 +1,7 @@
 @import url("style.css");
 
 /* Navbar */
-.request-header-top-area {
+.get-header-top-area {
     position: fixed;
     left: 0;
     top: 0;
@@ -20,28 +20,28 @@
     height: 0px;
 }
 
-.request-section {
+.get-section {
     min-height: 100%;
 }
 
-.request-center {
+.get-center {
     text-align: center;
 }
 
-.request-logo {
+.get-logo {
     font-size: 80px;
     color: var(--subText-color);
     margin-top: 50px;
     margin-bottom: 50px;
 }
 
-.request-logo img {
+.get-logo img {
     height: 100px;
     width: 100px;
     margin-right: 25px;
 }
 
-.request-title {
+.get-title {
     color: var(--primary-color);
 }
 
@@ -64,7 +64,7 @@
 /* Colors */
 :root {
     --notes-color: #cdc1c5;
-    --redirect-color: #794261;
+    --redirection-color: #794261;
     --player-color: #839192;
     --webgl-color: #5499c7;
     --unknown-color: #b26a2e;
@@ -79,7 +79,7 @@
 
 /* Responsive */
 @media only screen and (max-width: 991px) {
-    .request-logo {
+    .get-logo {
         font-size: 50px;
     }
 }

css/style.css

@@ -125,7 +125,6 @@ fieldset {
 section h2::before {
     content: "# ";
     vertical-align: middle;
-    font-size: 45px;
     color: var(--primary-color);
 }
 
@@ -509,6 +508,16 @@ body.loaded #preloader {
     color: var(--primary-color);
 }
 
+#previewTextContent::before {
+    content: "{";
+    color:var(--primary-color);
+}
+
+#previewTextContent::after {
+    content: "}";
+    color:var(--primary-color);
+}
+
 .btn-circle {
     width: 70px;
     height: 70px;
@@ -766,7 +775,7 @@ ul.portfolio li.active:hover {
 
 .social-icon li {
     display: inline-block;
-    margin: 0px 15px;
+    margin: 0px 5px;
 }
 
 .social-icon li a {

request.html → get.html

@@ -9,7 +9,7 @@
         <meta name="description" content="Welcome on the website of Vincent Berthet a french student. Open it !" />
         <meta
             name="keywords"
-            content="job,Vincent,Berthet,Vincent Berthet,Berthet Vincent,etudiant,student,info,informatique,computing,ingenieur,engineer,dev,junior,portfolio,website,site,Rennes,France,Saint-Etienne,UJM,UWS,ESIR"
+            content="job,Vincent,Berthet,Vincent Berthet,Berthet Vincent,étudiant,student,info,informatique,computing,ingénieur,engineer,dev,junior,portfolio,website,site,Rennes,France,Saint-Étienne,UJM,UWS,ESIR"
         />
         <meta name="author" content="Vincent Berthet" />
         <meta name="url" content="https://realvincentberthet.github.io/me/" />
@@ -18,7 +18,7 @@
         <title>Vincent Berthet</title>
         <link rel="shortcut icon" href="favicon.ico" />
         <!-- CSS Stylesheet -->
-        <link rel="stylesheet" type="text/css" href="css/request.css" />
+        <link rel="stylesheet" type="text/css" href="css/get.css" />
         <!-- Web Fonts  -->
         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:400,300,500,600,700" />
     </head>
@@ -32,7 +32,7 @@
         <header id="navigation"></header>
 
         <!-- Section  -->
-        <section class="request-section section-space-padding" id="home"></section>
+        <section class="get-section section-space-padding" id="home"></section>
 
         <!-- Footer  -->
         <footer class="footer-section" id="footerContent"></footer>
@@ -43,8 +43,8 @@
         <script type="text/javascript" src="plugin/gAnalitycs.js"></script>
         <!-- Main Javascript File  -->
         <script type="text/javascript" src="js/effects.js"></script>
-        <script type="text/javascript" src="js/core.js"></script>
-        <script type="text/javascript" src="js/request.js"></script>
+        <script type="text/javascript" src="js/common.js"></script>
+        <script type="text/javascript" src="js/get.js"></script>
 
         <script>
             const urlParams = new URLSearchParams(window.location.search);

index.html

@@ -9,7 +9,7 @@
         <meta name="description" content="Welcome on the website of Vincent Berthet a french student. Open it !" />
         <meta
             name="keywords"
-            content="job,Vincent,Berthet,Vincent Berthet,Berthet Vincent,etudiant,student,info,informatique,computing,ingenieur,engineer,dev,junior,portfolio,website,site,Rennes,France,Saint-Etienne,UJM,UWS,ESIR"
+            content="job,Vincent,Berthet,Vincent Berthet,Berthet Vincent,étudiant,student,info,informatique,computing,ingénieur,engineer,dev,junior,portfolio,website,site,Rennes,France,Saint-Étienne,UJM,UWS,ESIR"
         />
         <meta name="author" content="Vincent Berthet" />
         <meta name="url" content="https://realvincentberthet.github.io/me/" />
@@ -19,7 +19,7 @@
         <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
         <!-- CSS Stylesheet -->
         <link rel="stylesheet" type="text/css" href="css/style.css" />
-        <link rel="stylesheet" type="text/css" href="css/project.css" />
+        <link rel="stylesheet" type="text/css" href="css/portfolio.css" />
         <!-- Web Fonts  -->
         <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:400,300,500,600,700" />
     </head>
@@ -40,7 +40,7 @@
                         <div class="row">
                             <div class="col-md-12 text-center">
                                 <div class="header-text">
-                                    <p id="preview_text_content"></p>
+                                    <p id="previewTextContent"></p>
                                     <h2><span class="typing"></span></h2>
                                     <div class="margin-top-60">
                                         <a href="#bio" class="btn btn-circle smoth-scroll" onclick="this.blur();">
@@ -62,8 +62,8 @@ <h2><span class="typing"></span></h2>
                     <img class="img-responsive" src="img/bg/poly.jpg" draggable="false" alt="" />
                 </div>
                 <div class="col-md-8 col-sm-12 col-xs-12">
-                    <a href="#bio" class="section-title" id="bio_title_content"></a>
-                    <div id="bio_right" class="bio"></div>
+                    <a href="#bio" class="section-title" id="bioTitleContent"></a>
+                    <div id="bioRight" class="bio"></div>
                 </div>
             </div>
         </section>
@@ -73,7 +73,7 @@ <h2><span class="typing"></span></h2>
             <div class="container">
                 <div class="row">
                     <div class="col-sm-12">
-                        <a href="#portfolio" class="section-title" id="portfolio_title_content"></a>
+                        <a href="#portfolio" class="section-title" id="portfolioTitleContent"></a>
                     </div>
                 </div>
 
@@ -95,7 +95,7 @@ <h2><span class="typing"></span></h2>
 
                 <div class="portfolio-inner">
                     <div class="row">
-                        <div class="container" id="portfolio_content"></div>
+                        <div class="container" id="portfolioContent"></div>
                     </div>
                 </div>
             </div>
@@ -106,16 +106,16 @@ <h2><span class="typing"></span></h2>
             <div class="container">
                 <div class="row">
                     <div class="col-sm-12">
-                        <a href="#contact" class="section-title" id="contact_title_content"></a>
+                        <a href="#contact" class="section-title" id="contactTitleContent"></a>
                     </div>
                 </div>
                 <div class="text-center margin-top-10 margin-bottom-50">
-                    <div class="row" id="contact_info_content"></div>
+                    <div class="row" id="contactInfoContent"></div>
                 </div>
-            </div>
 
-            <div class="margin-top-80">
-                <ul class="social-icon" id="contact_social_content"></ul>
+                <div class="row">
+                    <ul class="social-icon" id="contactSocialContent"></ul>
+                </div>
             </div>
         </section>
 
@@ -130,8 +130,8 @@ <h2><span class="typing"></span></h2>
         <script src="plugin/mixItUp/2.1.11/js/mixitup.min.js"></script>
         <script src="plugin/gAnalitycs.js"></script>
         <!-- Main Javascript File  -->
-        <script src="js/core.js"></script>
-        <script src="js/home.js"></script>
+        <script src="js/common.js"></script>
+        <script src="js/index.js"></script>
         <script src="js/effects.js"></script>
     </body>
 </html>