feat: mise à jour du contenu principal

index.html

@@ -31,11 +31,56 @@
 
         <img class="Centered" id="logo" src="img/logo-tiqa-blanc-342.png" alt="Logo Tiqa">
 
-        <p class="Centered" id="domain">Artisanat logiciel : Création - Conseil - Formation</p>
+        <h1>Jalil Arfaoui</h1>
 
-        <p class="Centered" id="moreInfo">Plus d'informations bientôt. </p>
+        <p class="Centered" id="domain">Artisan logiciel : Création - Conseil - Formation</p>
 
-        <p class="Centered" id="contact">En attendant, <a href="mailto:bonjour@tiqa.fr">contactons-nous</a> !</p>
+        <div class="Centered">
+
+            <h2>👓 Ce que je fais</h2>
+            <ul>
+                <li>Je code soigneusement des applications bien pensées qui répondent à des besoins réels</li>
+                <li>Je mène mon équipe vers les meilleures solutions et les implémentations les plus efficaces pour chaque cas d'usage</li>
+            </ul>
+
+            <h2>💎 Mes points forts</h2>
+            <ul>
+                <li>Écrire du code stable, opérationnel, maintenable, évolutif et bien testé</li>
+                <li>Apprendre, et transmettre</li>
+                <li>Travailler en équipe</li>
+                <li>Participer à l'amélioration de l'équipe en soulevant les problèmes et en proposant des solutions</li>
+                <li>Autonomie : Savoir ce que j'ai à faire et le faire</li>
+            </ul>
+
+            <h2>☯ Mes valeurs</h2>
+            <ul>
+                <li>Software Craftsmanship</li>
+                <li>Être fier de son travail, mais sans égo</li>
+                <li>Autogestion, autonomie et responsabilité</li>
+                <li>Approche Domain Driven Design</li>
+                <li>Organisation agile : Itération et amélioration continue</li>
+            </ul>
+
+            <h2>🎁 Ce que j'offre</h2>
+            <ul>
+                <li>18 ans d'expérience à concevoir des systèmes logiciels</li>
+                <li>Une forte implication dans la qualité et l'utilité de mes réalisations</li>
+                <li>Développement centré sur l'utilisateur</li>
+            </ul>
+
+            <h2>🔭 Ce que je recherche</h2>
+            <ul>
+                <li>Une mission dans le sens de l'intérêt général</li>
+                <li>Un impact social et/ou environnemental positif</li>
+                <li>Idéalement à but non lucratif</li>
+                <li>Idéalement open-source voire logiciel libre</li>
+                <li>Une bonne équipe qui veut <a target="_blank" href="http://manifesto.softwarecraftsmanship.org/#/fr-fr">élever le niveau</a></li>
+            </ul>
+
+        </div>
+
+
+        <p class="Centered" id="contact"><a href="mailto:jalil@arfaoui.net">Contactons-nous</a> !</p>
 
         <div id="links" class="Centered">
             <a href="http://www.linkedin.com/in/jalil" target="_blank">
@@ -45,7 +90,7 @@
 
         <footer>
             <p class="Centered">
-                <strong>SAS Tiqa</strong><br/>
+                <span class="Bold">SAS Tiqa</span><br/>
                 12, rue Fabre d’Églantine - 81 000 Albi<br/>
                 811 917 871 RCS Albi
             </p>

stylesheets/fonts/raleway/raleway.css

@@ -0,0 +1,146 @@
+/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 25, 2022 */
+
+
+
+@font-face {
+    font-family: 'ralewayblack';
+    src: url('raleway-black-webfont.woff2') format('woff2'),
+    url('raleway-black-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'ralewayblack_italic';
+    src: url('raleway-blackitalic-webfont.woff2') format('woff2'),
+    url('raleway-blackitalic-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'ralewaybold';
+    src: url('raleway-bold-webfont.woff2') format('woff2'),
+    url('raleway-bold-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'ralewaybold_italic';
+    src: url('raleway-bolditalic-webfont.woff2') format('woff2'),
+    url('raleway-bolditalic-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'ralewayextrabold';
+    src: url('raleway-extrabold-webfont.woff2') format('woff2'),
+    url('raleway-extrabold-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'ralewayextrabold_italic';
+    src: url('raleway-extrabolditalic-webfont.woff2') format('woff2'),
+    url('raleway-extrabolditalic-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'ralewayextralight';
+    src: url('raleway-extralight-webfont.woff2') format('woff2'),
+    url('raleway-extralight-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'ralewayextralight_italic';
+    src: url('raleway-extralightitalic-webfont.woff2') format('woff2'),
+    url('raleway-extralightitalic-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'ralewayitalic';
+    src: url('raleway-italic-webfont.woff2') format('woff2'),
+    url('raleway-italic-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'ralewaylight';
+    src: url('raleway-light-webfont.woff2') format('woff2'),
+    url('raleway-light-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'ralewaylight_italic';
+    src: url('raleway-lightitalic-webfont.woff2') format('woff2'),
+    url('raleway-lightitalic-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
+
+
+
+@font-face {
+    font-family: 'ralewaymedium';
+    src:
+        local('Raleway'),
+        local('Raleway Regular'),
+        url('raleway-medium-webfont.woff2') format('woff2'),
+        url('raleway-medium-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}

stylesheets/style.css

@@ -1,16 +1,17 @@
+@import 'fonts/raleway/raleway.css';
+
 html {
     height: 100%;
     background-color: #4b1762;
 }
 body {
     padding-top: 20px;
+    padding-bottom: 120px;
     background-color: #4b1762;
     min-height: 100%;
     color: white;
     position: relative;
-    font-family: "Raleway";
-    font-style: normal;
-    font-weight: 400; 
+    font-family: "ralewaymedium", serif;
     font-size: 13px;
 }
 .Centered {
@@ -18,34 +19,54 @@ body {
     margin: 0 auto 0 auto;
     text-align: center;
 }
+.Bold {
+    font-family: "ralewayblack", serif;
+}
+h1 {
+    font-size: 2em;
+    display: block;
+    text-align: center;
+    margin-bottom: 20px;
+}
+h2 {
+    margin-top: 20px;
+    font-size: 1.4em;
+}
+li {
+    font-size: 1.2em;
+    list-style: none;
+}
+a {
+    color: white;
+    font-family: "ralewayblack", serif;
+}
+
 img#logo {
-    width: 500px;
+    width: 400px;
+    margin-bottom: 20px;
+}
+p#contact{
+    font-size: 1.3em;
+    margin-top: 40px;
     margin-bottom: 20px;
 }
 p#domain {
     margin-bottom: 40px;
     font-size: 1.7em;
-    font-weight: 200;
 }
 p#moreInfo {
     font-size: 1.3em;
     margin-bottom: 20px;
 }
-p#contact{
-    font-size: 1.3em;
-    margin-bottom: 20px;
-}
-p#contact a{
-    font-weight: 600;
-    color: white;
-}
 div#links img {
     height: 64px;
 }
+
 footer {
     bottom: 0;
     position: absolute;
     height: 100px;
     width: 100%;
     margin-top: 40px;
+    font-size: 1.1em;
 }