From 071130c9b9581d8b389bbb89ec1afc646a4ac084 Mon Sep 17 00:00:00 2001 From: Moutonjr Geoff Date: Fri, 5 Mar 2021 23:28:55 +0100 Subject: [PATCH] Final Lightbox dev --- assets/css/modal.css | 36 ++++++++++++++++++++++++++++++++++++ assets/js/main.js | 16 ++++++++++++++++ settings.yml | 8 +++++--- templates/index.njk | 35 +++++++++++++++++++++++++++-------- 4 files changed, 84 insertions(+), 11 deletions(-) create mode 100644 assets/css/modal.css 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 }}
    - - - - + +