diff --git a/assets/css/modal.css b/assets/css/modal.css new file mode 100644 index 0000000..781f7f2 --- /dev/null +++ b/assets/css/modal.css @@ -0,0 +1,36 @@ +@charset "UTF-8"; +/*OVERRIDES */ +.modal-dialog{ + margin: 65px auto 0px auto; +} +.modal-content{ + background: black; + background: linear-gradient(60deg, rgba(70,70,70,1) 0%, rgba(0,0,0,1) 70%); +} +.close{ + color: white; +} +/* END OVERRIDES */ + +.modal-description{ + position: relative; + z-index: 1051; +} +.technopreview{ + max-width: 180px; + display: block; + margin: 0px auto; + margin-top: 0px; + margin-right: auto; + margin-bottom: 0px; + margin-left: auto; +} +.technoname{ + color: white; +} +.technosub{ + font-size: 13px; +} +.technodetails{ + line-height: 1.4em; +} diff --git a/assets/js/main.js b/assets/js/main.js index 096df72..a81a94e 100755 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -92,6 +92,22 @@ }); + /* Contact autofill + ========================================================*/ + $("#btn-help-cyber").on("click", function() { + $("#msg_subject").val("J'ai besoin d'aide en cyber !"); + }); + + /* Modal spawn + ========================================================*/ + $(".icon-eye").on("click", function() { + $('.technopreview').attr('src', $(this).data("icon")); + $('.technopreview').attr('alt', $(this).data("name")); + $('.technoname').text($(this).data("name")); + $('.technosub').text($(this).data("sub")); + $('.technodetails').text($(this).data("details")); + $('#technomodal').modal('show'); + }); }); diff --git a/settings.yml b/settings.yml index 41de00f..6ef0408 100644 --- a/settings.yml +++ b/settings.yml @@ -24,7 +24,7 @@ icon: "icon-bubbles" details: "Assistance RSSI, montage de SMSI, certification ISO27001" experience: - date: "8 ans" + date: "9 ans" current: "Consulant manager chez FORMIND" jobs: - title: "Consultant Manager chez Formind" @@ -86,9 +86,11 @@ tags: "opensource bigdata" score: 5 - name: "Kibana" + sub: "Définitivement la vue BDD la plus aboutie." + details: "OK je ne suis plus le gourou de Kibana depuis la sortie de la v4. Il faut reconnaitre que Elastic est devenu un vrai produit assez proche de Splunk maintenant, je ne pourrais plus expliquer en 30' à des jeunes comment se service de ce formidable outil. Il reste cependant leader du marché, et garde quand même ses origines: conforme à Lucene, avec une belle interface, et REST-ful. J'ai beaucoup déployé, administré, aimé Kibana." logo: "assets/img/icons/Kibana.png" tags: "opensource bigdata" - score: 5 + score: 3 - name: "Hadoop" logo: "assets/img/icons/Hadoop.png" tags: "opensource bigdata" @@ -230,7 +232,7 @@ tags: "opensource languages" score: 2 - name: "Java" - logo: "assets/img/icons/Java.png" + #logo: "assets/img/icons/Java.png" tags: "languages" score: 3 - name: "LaTeX" diff --git a/templates/index.njk b/templates/index.njk index 19b5e53..b9447e5 100644 --- a/templates/index.njk +++ b/templates/index.njk @@ -21,6 +21,8 @@ + + @@ -123,7 +125,7 @@ {% endfor %}
- J'ai besoin d'aide cyber + J'ai besoin d'aide cyber
@@ -160,7 +162,7 @@
  • Téléphone Phone number
    • - Téléchargez mon CV + Téléchargez mon CV Contactez-moi @@ -242,6 +244,25 @@
    + + + + +

    Panel de compétences

    @@ -284,16 +305,14 @@
    --> -
    +
    - + {{ skill.name }}
    - - - - + +