{"id":41,"date":"2025-09-22T16:01:01","date_gmt":"2025-09-22T14:01:01","guid":{"rendered":"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/about\/"},"modified":"2026-02-22T00:43:51","modified_gmt":"2026-02-21T23:43:51","slug":"a-propos","status":"publish","type":"page","link":"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/a-propos\/","title":{"rendered":"\u00c0 propos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"41\" class=\"elementor elementor-41\" data-elementor-settings=\"{&quot;premium_global_cursor_switcher&quot;:&quot;yes&quot;,&quot;pa_cursor_type&quot;:&quot;icon&quot;,&quot;pa_cursor_icon&quot;:{&quot;value&quot;:&quot;fas fa-mouse-pointer&quot;,&quot;library&quot;:&quot;solid&quot;},&quot;cursor_lq_effect&quot;:&quot;none&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78e65f51 e-flex e-con-boxed e-con e-parent\" data-id=\"78e65f51\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4df9e47 e-con-full e-flex e-con e-child\" data-id=\"4df9e47\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f3f1c93 e-con-full elementor-hidden-desktop elementor-hidden-tablet e-flex e-con e-child\" data-id=\"f3f1c93\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-604d791 e-con-full e-flex e-con e-child\" data-id=\"604d791\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ef85c1b elementor-widget elementor-widget-heading\" data-id=\"ef85c1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Qui suis-je?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b719d0 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"9b719d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Bonjour, moi c\u2019est Driton Rizani, j\u2019ai 20 ans, et je suis actuellement en troisi\u00e8me ann\u00e9e d\u2019apprentissage en m\u00e9diamatique au CPNV. Au fil de ma formation, j\u2019ai d\u00e9velopp\u00e9 une v\u00e9ritable passion pour le design, la cr\u00e9ation d\u2019identit\u00e9s visuelles, le web et le rebranding. La cr\u00e9ation d\u2019entreprise et le design PAO sont des domaines que j\u2019ai choisis comme options.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div data-gcursor=\"{&quot;cursorType&quot;:&quot;icon&quot;,&quot;cssSelector&quot;:&quot;&quot;,&quot;delay&quot;:0.01,&quot;pulse&quot;:&quot;&quot;,&quot;buzz&quot;:&quot;&quot;,&quot;cursorDot&quot;:&quot;&quot;,&quot;magnet&quot;:false,&quot;glass&quot;:&quot;none&quot;,&quot;elementSettings&quot;:{&quot;value&quot;:&quot;fas fa-hand-pointer&quot;,&quot;library&quot;:&quot;fa-solid&quot;}}\" data-pa_mobile_disabled=\"\" class=\"elementor-element elementor-element-7b7c333 button-etoile premium-gCursor-yes elementor-widget elementor-widget-html\" data-id=\"7b7c333\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;premium_global_cursor_switcher&quot;:&quot;yes&quot;,&quot;pa_cursor_icon&quot;:{&quot;value&quot;:&quot;fas fa-hand-pointer&quot;,&quot;library&quot;:&quot;fa-solid&quot;},&quot;pa_cursor_type&quot;:&quot;icon&quot;,&quot;cursor_lq_effect&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- From Uiverse.io by MuhammadHasann --> \r\n<button onclick=\"location.href='https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-content\/uploads\/2026\/02\/DRI-CV-interactif.pdf'\" type=\"button\">\r\n        Voir mon CV\r\n  <div class=\"star-1\">\r\n    <svg\r\n      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n      xml:space=\"preserve\"\r\n      version=\"1.1\"\r\n      style=\"shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd\"\r\n      viewBox=\"0 0 784.11 815.53\"\r\n      xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"\r\n    >\r\n      <defs><\/defs>\r\n      <g id=\"Layer_x0020_1\">\r\n        <metadata id=\"CorelCorpID_0Corel-Layer\"><\/metadata>\r\n        <path\r\n          class=\"fil0\"\r\n          d=\"M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z\"\r\n        ><\/path>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n  <div class=\"star-2\">\r\n    <svg\r\n      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n      xml:space=\"preserve\"\r\n      version=\"1.1\"\r\n      style=\"shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd\"\r\n      viewBox=\"0 0 784.11 815.53\"\r\n      xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"\r\n    >\r\n      <defs><\/defs>\r\n      <g id=\"Layer_x0020_1\">\r\n        <metadata id=\"CorelCorpID_0Corel-Layer\"><\/metadata>\r\n        <path\r\n          class=\"fil0\"\r\n          d=\"M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z\"\r\n        ><\/path>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n  <div class=\"star-3\">\r\n    <svg\r\n      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n      xml:space=\"preserve\"\r\n      version=\"1.1\"\r\n      style=\"shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd\"\r\n      viewBox=\"0 0 784.11 815.53\"\r\n      xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"\r\n    >\r\n      <defs><\/defs>\r\n      <g id=\"Layer_x0020_1\">\r\n        <metadata id=\"CorelCorpID_0Corel-Layer\"><\/metadata>\r\n        <path\r\n          class=\"fil0\"\r\n          d=\"M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z\"\r\n        ><\/path>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n  <div class=\"star-4\">\r\n    <svg\r\n      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n      xml:space=\"preserve\"\r\n      version=\"1.1\"\r\n      style=\"shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd\"\r\n      viewBox=\"0 0 784.11 815.53\"\r\n      xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"\r\n    >\r\n      <defs><\/defs>\r\n      <g id=\"Layer_x0020_1\">\r\n        <metadata id=\"CorelCorpID_0Corel-Layer\"><\/metadata>\r\n        <path\r\n          class=\"fil0\"\r\n          d=\"M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z\"\r\n        ><\/path>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n  <div class=\"star-5\">\r\n    <svg\r\n      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n      xml:space=\"preserve\"\r\n      version=\"1.1\"\r\n      style=\"shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd\"\r\n      viewBox=\"0 0 784.11 815.53\"\r\n      xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"\r\n    >\r\n      <defs><\/defs>\r\n      <g id=\"Layer_x0020_1\">\r\n        <metadata id=\"CorelCorpID_0Corel-Layer\"><\/metadata>\r\n        <path\r\n          class=\"fil0\"\r\n          d=\"M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z\"\r\n        ><\/path>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n  <div class=\"star-6\">\r\n    <svg\r\n      xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n      xml:space=\"preserve\"\r\n      version=\"1.1\"\r\n      style=\"shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd\"\r\n      viewBox=\"0 0 784.11 815.53\"\r\n      xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"\r\n    >\r\n      <defs><\/defs>\r\n      <g id=\"Layer_x0020_1\">\r\n        <metadata id=\"CorelCorpID_0Corel-Layer\"><\/metadata>\r\n        <path\r\n          class=\"fil0\"\r\n          d=\"M392.05 0c-20.9,210.08 -184.06,378.41 -392.05,407.78 207.96,29.37 371.12,197.68 392.05,407.74 20.93,-210.06 184.09,-378.37 392.05,-407.74 -207.98,-29.38 -371.16,-197.69 -392.06,-407.78z\"\r\n        ><\/path>\r\n      <\/g>\r\n    <\/svg>\r\n  <\/div>\r\n<\/button>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-69a0e4c e-con-full elementor-hidden-mobile e-flex e-con e-child\" data-id=\"69a0e4c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04b47a0 elementor-widget elementor-widget-text-editor\" data-id=\"04b47a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>@ Sara Benalem<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4679e39 e-con-full e-flex e-con e-child\" data-id=\"4679e39\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-638b052 e-con-full e-flex e-con e-child\" data-id=\"638b052\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-63037ba elementor-drop-cap-yes elementor-drop-cap-view-default elementor-widget elementor-widget-text-editor\" data-id=\"63037ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;drop_cap&quot;:&quot;yes&quot;}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Par ailleurs, je suis \u00e9galement\u00a0 une personne <strong>cr\u00e9ative<\/strong>, <strong>spontan\u00e9e<\/strong> et toujours <strong>curieuse<\/strong>, avec un vrai plaisir pour tout ce qui touche \u00e0 l\u2019art, car il occupe une place importante dans ma vie. Que ce soit l\u2019aquarelle, le dessin de portraits, le design graphique, le montage surr\u00e9aliste ou m\u00eame la peinture abstraite, j\u2019adore imaginer et laisser ensuite ma cr\u00e9ativit\u00e9 s\u2019exprimer, prendre une forme d\u2019art, qui me rapporte de la joie et me fait du bien. <strong>En bref j\u2019adore transformer des id\u00e9es et mes id\u00e9es en projets concrets, car cr\u00e9er, c\u2019est ma mani\u00e8re d\u2019explorer le monde!<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b2b66b9 elementor-widget elementor-widget-text-editor\" data-id=\"b2b66b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>J\u2019aime aussi m\u2019accorder de la paix, de la libert\u00e9 et me laisser aller, libre comme un oiseau invisible qui n\u2019a peur de rien !<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e4216e e-con-full e-flex e-con e-child\" data-id=\"2e4216e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-618671d elementor-widget elementor-widget-image\" data-id=\"618671d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"748\" src=\"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-content\/uploads\/2026\/02\/Illustartion-1-a-propos-e1771334357795.jpg\" class=\"attachment-large size-large wp-image-3187\" alt=\"\" srcset=\"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-content\/uploads\/2026\/02\/Illustartion-1-a-propos-e1771334357795.jpg 965w, https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-content\/uploads\/2026\/02\/Illustartion-1-a-propos-e1771334357795-300x280.jpg 300w, https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-content\/uploads\/2026\/02\/Illustartion-1-a-propos-e1771334357795-768x718.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3bcad00c e-flex e-con-boxed e-con e-parent\" data-id=\"3bcad00c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-82d6b02 e-con-full e-flex e-con e-child\" data-id=\"82d6b02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-151f851 e-con-full e-flex e-con e-child\" data-id=\"151f851\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00d748d elementor-widget elementor-widget-image\" data-id=\"00d748d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"727\" src=\"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-content\/uploads\/2026\/02\/2e-image-a-propos.jpg\" class=\"attachment-large size-large wp-image-3174\" alt=\"\" srcset=\"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-content\/uploads\/2026\/02\/2e-image-a-propos.jpg 1000w, https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-content\/uploads\/2026\/02\/2e-image-a-propos-300x273.jpg 300w, https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-content\/uploads\/2026\/02\/2e-image-a-propos-768x698.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e9dc15 e-con-full e-flex e-con e-child\" data-id=\"3e9dc15\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec3c69a elementor-widget elementor-widget-heading\" data-id=\"ec3c69a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ce qui m\u2019inspire<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5941109 elementor-widget elementor-widget-text-editor\" data-id=\"5941109\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>La nature, les animaux, la mode, les couleurs naturelles, les formes organiques, l\u2019architecture (surtout d\u2019int\u00e9rieur), les univers futuristes, l\u2019esth\u00e9tique surr\u00e9aliste\u2026 et bien s\u00fbr le soleil : )<\/p><p>Toutes ces inspirations me rapportent \u00e9norm\u00e9ment d\u2019\u00e9nergie dans mon quotidien tout en nourrissant mon univers visuel. Elles me permettent d\u2019imaginer de nouveaux concepts et de donner vie \u00e0 des id\u00e9es originales qui racontent une histoire, qui font sourire, r\u00eaver et r\u00e9fl\u00e9chir.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-54a09a5 e-con-full e-flex e-con e-child\" data-id=\"54a09a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-9d9c497 e-con-full e-flex e-con e-child\" data-id=\"9d9c497\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eefaab5 elementor-widget elementor-widget-heading\" data-id=\"eefaab5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">J\u2019aime cr\u00e9er\u2026<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4aae360 elementor-widget elementor-widget-text-editor\" data-id=\"4aae360\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li>des identit\u00e9s visuelles qui marquent<\/li><li>des illustrations<\/li><li>des mises en page harmonieuses pour l&rsquo;impression (affiches, flyers, brochures) et la publication num\u00e9rique<\/li><li>des rebrandings<\/li><li>des sites web ludiques<\/li><li>des animations graphiques<\/li><li>des projets comme Astrolune &#8211; fun, cr\u00e9atifs et originaux !<\/li><li>des concepts qui sortent de la norme\u2026 parce que c\u2019est l\u00e0 qu\u2019il y a de la vie : )<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0454f51 e-con-full e-flex e-con e-child\" data-id=\"0454f51\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-04bc939 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"04bc939\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"93\" height=\"81\" src=\"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-content\/uploads\/2025\/09\/Logo-oiseaux-DRI-sans-Titre.svg\" class=\"attachment-large size-large wp-image-2199\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-204900b e-con-full e-flex e-con e-child\" data-id=\"204900b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-36e175f e-con-full e-flex e-con e-child\" data-id=\"36e175f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aab6c6d elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-image\" data-id=\"aab6c6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"93\" height=\"81\" src=\"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-content\/uploads\/2025\/09\/Logo-oiseaux-DRI-sans-Titre.svg\" class=\"attachment-large size-large wp-image-2199\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8125a51 e-con-full e-flex e-con e-child\" data-id=\"8125a51\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ccaac41 elementor-widget elementor-widget-heading\" data-id=\"ccaac41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ce que je ma\u00eetrise<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c9d7b30 elementor-widget elementor-widget-text-editor\" data-id=\"c9d7b30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>J\u2019aime autant le c\u00f4t\u00e9 artistique que le c\u00f4t\u00e9 technique. Je travaille r\u00e9guli\u00e8rement avec :<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7928192 elementor-widget elementor-widget-text-editor\" data-id=\"7928192\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Adobe Creative Suite<\/strong><\/p><p>Illustrator, InDesign, Photoshop, After Effects, Premiere Pro, Lightroom Classic, Audition, Adobe XD, <span class=\"gs_tkn show\">Media\u00a0<\/span><span class=\"gs_tkn show\">Encoder<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3057455 elementor-widget elementor-widget-text-editor\" data-id=\"3057455\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Web<\/strong><\/p><p>HTML, CSS, JavaScript, WordPress (avec Elementor Pro &amp; Addons Pro), FileZilla<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2ff8d35 elementor-widget elementor-widget-text-editor\" data-id=\"2ff8d35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong>Bureautique &amp; productivit\u00e9<\/strong><\/p><p>Office 365, Canva, Focus To-Do<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de3f57e elementor-widget elementor-widget-text-editor\" data-id=\"de3f57e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Et bien d\u2019autres outils qui nourrissent mes projets, je n\u2019h\u00e9site pas \u00e0 en apprendre de nouveaux logiciels en autonomie pour r\u00e9aliser mes id\u00e9es cr\u00e9atives (Fresco, Dimension, Animate). Heureusement, je suis une personne d\u00e9termin\u00e9e : D<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b419a4d e-con-full e-flex e-con e-child\" data-id=\"b419a4d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3cbdd5 elementor-widget elementor-widget-heading\" data-id=\"e3cbdd5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mon objectif\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55bdddf elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"55bdddf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Collaborer avec des personnes inspirantes, participer \u00e0 des projets artistiques qui me challengent\u00a0et y contribuer en apportant ma cr\u00e9ativit\u00e9 et mes comp\u00e9tences en design.<\/p><p>Je souhaite continuer \u00e0 apprendre et \u00e0 d\u00e9velopper de nouvelles comp\u00e9tences professionnelles dans un environnement stimulant.<\/p><p>Par ailleurs, d\u00e9velopper un portfolio qui me ressemble &#8211; cr\u00e9atif, dynamique et sinc\u00e8re.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4aefe89 e-con-full e-flex e-con e-child\" data-id=\"4aefe89\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-16abe50 e-con-full e-flex e-con e-child\" data-id=\"16abe50\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55c4320 elementor-widget elementor-widget-heading\" data-id=\"55c4320\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Dans ce e-Portfolio\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8b9458f elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"8b9458f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: left;\">Vous trouverez une partie de mon univers: mes projets, mes exp\u00e9rimentations et ce qui me passionne au quotidien.<\/p><p style=\"text-align: left;\">Si vous souhaitez discuter, collaborer ou simplement poser une question, je serai ravi d\u2019\u00e9changer avec vous.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3e9d6ae elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"3e9d6ae\" data-element_type=\"container\" data-e-type=\"container\" id=\"game-area\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be31c7d elementor-widget elementor-widget-html\" data-id=\"be31c7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"mini-game\">\r\n\r\n  <h2>Attrapez Mes Projets !<\/h2>\r\n\r\n  <div id=\"container\">\r\n\r\n    <!-- Instructions -->\r\n    <div id=\"instructions\">\r\n      <h3>Comment jouer ?<\/h3>\r\n      <p>Utilisez les fl\u00e8ches du clavier :<\/p>\r\n      <p><span class=\"texte-different\">\u2190 \u2192<\/span> pour vous d\u00e9placer horizontalement,<\/p>\r\n      <p><span class=\"texte-different\">\u2191 \u2193<\/span> pour monter et descendre.<\/p>\r\n      <p>Attrapez mes projets pour gagner des points !<\/p>\r\n      <p class=\"texte-color\">Vous avez 3 vies, bonne chance !<\/p>\r\n    <\/div>\r\n\r\n    <!-- Jeu -->\r\n    <div id=\"game-area\">\r\n\r\n      <div class=\"scoreboard\">\r\n        <span id=\"score\">Score : 0<\/span>\r\n        <span id=\"lives\">Vies : \u2764\ufe0f\u2764\ufe0f\u2764\ufe0f<\/span>\r\n      <\/div>\r\n\r\n      <div id=\"game\">\r\n\r\n        <div id=\"startOverlay\">\r\n          <button id=\"startBtn\">Play<\/button>\r\n        <\/div>\r\n\r\n        <img decoding=\"async\"\r\n          id=\"player\"\r\n          class=\"player\"\r\n          src=\"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-content\/uploads\/2026\/02\/Dessin-digitale-25-01-25.png\"\r\n          alt=\"Joueur\"\r\n        \/>\r\n\r\n        <div id=\"gameOver\">\r\n          <h3>Game Over<\/h3>\r\n          <p id=\"final-score\"><\/p>\r\n          <p class=\"message\">\r\n            Bravo ! Vous avez d\u00e9couvert mes projets<br>\r\n            Explorez mon portfolio pour les voir en d\u00e9tail.\r\n          <\/p>\r\n\r\n          <a href=\"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/mes-projets\/\"\r\n             class=\"portfolio-btn\">\r\n            Voir mes projets\r\n          <\/a>\r\n\r\n          <button id=\"restartBtn\">Rejouer<\/button>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- S\u00e9lection personnage -->\r\n    <div id=\"character-select\">\r\n      <h3>Choisissez votre personnage<\/h3>\r\n\r\n      <img decoding=\"async\" class=\"character-choice\"\r\n           src=\"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-content\/uploads\/2026\/02\/Dessin-de-3eme-personnage-scaled.png\"\r\n           data-src=\"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-content\/uploads\/2026\/02\/Dessin-de-3eme-personnage-scaled.png\">\r\n\r\n      <img decoding=\"async\" class=\"character-choice\"\r\n           src=\"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-content\/uploads\/2026\/02\/Dessin-digitale-25-01-25.png\"\r\n           data-src=\"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-content\/uploads\/2026\/02\/Dessin-digitale-25-01-25.png\">\r\n\r\n      <img decoding=\"async\" class=\"character-choice\"\r\n           src=\"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-content\/uploads\/2026\/02\/Mon-avantar.png\"\r\n           data-src=\"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-content\/uploads\/2026\/02\/Mon-avantar.png\">\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/* ================== DOM ================== *\/\r\nconst game = document.getElementById('game');\r\nconst player = document.getElementById('player');\r\nconst scoreDisplay = document.getElementById('score');\r\nconst livesDisplay = document.getElementById('lives');\r\nconst gameOverScreen = document.getElementById('gameOver');\r\nconst finalScoreText = document.getElementById('final-score');\r\nconst restartBtn = document.getElementById('restartBtn');\r\nconst startBtn = document.getElementById('startBtn');\r\n\r\n\/* ================== AUDIO ================== *\/\r\nconst catchSound = new Audio(\"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-content\/uploads\/2026\/02\/bonus-143026.mp3\");\r\nconst loseLifeSound = new Audio(\"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-content\/uploads\/2026\/02\/failure-drum-sound-effect-2-7184.mp3\");\r\nconst gameOverSound = new Audio(\"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-content\/uploads\/2026\/02\/videogame-death-sound-43894.mp3\");\r\n\r\n\/* ================== CONFIG ================== *\/\r\nconst INITIAL_STATE = {\r\n  score: 0,\r\n  lives: 3,\r\n  fallSpeed: 2,\r\n  spawnInterval: 1500\r\n};\r\n\r\nconst motifColors = ['#FF69B4', '#B4EB36', '#E8461D', '#00BFFF'];\r\nconst maxObstacles = 7;\r\nconst GLASS_ELEMENTS_SELECTOR = '#instructions, #character-select, #game-area, .scoreboard';\r\n\r\n\/* ================== VARIABLES ================== *\/\r\nlet score = 0;\r\nlet lives = 3;\r\nlet fallSpeed = 2;\r\nlet gameLoop = null;\r\nlet spawnLoop = null;\r\nlet colorIndex = -1;\r\nlet lastColorScore = 0;\r\n\r\n\/* ================== UTILS ================== *\/\r\nfunction playSound(sound) {\r\n  sound.currentTime = 0;\r\n  sound.play().catch(() => {});\r\n}\r\n\r\nfunction updateLives() {\r\n  const hearts = Array.from({ length: 3 }, (_, i) => i < lives ? '\u2764\ufe0f' : '\ud83e\udd0d');\r\n  livesDisplay.textContent = `Vies : ${hearts.join('')}`;\r\n}\r\n\r\nfunction centerPlayer() {\r\n  player.style.left = `${(game.offsetWidth - player.offsetWidth) \/ 2}px`;\r\n  player.style.bottom = '10px';\r\n}\r\n\r\n\/* ================== GLASS EFFECT ================== *\/\r\nfunction animateGlassElements() {\r\n  document.querySelectorAll(GLASS_ELEMENTS_SELECTOR).forEach(el => {\r\n    el.style.transform = 'scale(1.02)';\r\n    setTimeout(() => el.style.transform = 'scale(1)', 200);\r\n  });\r\n}\r\n\r\n\/* ================== COULEURS ================== *\/\r\nfunction changeBackgroundColor() {\r\n  colorIndex = (colorIndex + 1) % motifColors.length;\r\n  document.getElementById('mini-game')\r\n    .style.setProperty('--motif-color', motifColors[colorIndex]);\r\n  animateGlassElements();\r\n}\r\n\r\n\/* ================== PERSONNAGES ================== *\/\r\ndocument.querySelectorAll('.character-choice').forEach(img => {\r\n  img.addEventListener('click', () => {\r\n    player.src = img.dataset.src;\r\n    document.querySelectorAll('.character-choice')\r\n      .forEach(i => i.style.borderColor = 'transparent');\r\n    img.style.borderColor = '#B4EB36';\r\n  });\r\n});\r\n\r\n\/* ================== OBSTACLES ================== *\/\r\nfunction addObstacleLiquidEffect(obstacle) {\r\n  const brightness = 0.9 + Math.random() * 0.2;\r\n  const scale = 0.95 + Math.random() * 0.1;\r\n  const rotation = Math.random() * 6 - 3;\r\n  const shadowSize = 10 + Math.random() * 20;\r\n  const shadowOpacity = 0.06 + Math.random() * 0.14;\r\n\r\n  obstacle.style.filter = `drop-shadow(0 3px 6px rgba(232,70,29,0.25)) brightness(${brightness})`;\r\n  obstacle.style.transform = `scale(${scale}) rotate(${rotation}deg)`;\r\n  obstacle.style.boxShadow = `0 0 ${shadowSize}px rgba(255,255,255,${shadowOpacity})`;\r\n}\r\n\r\nfunction createObstacle() {\r\n  const obs = document.createElement('img');\r\n  const num = Math.floor(Math.random() * maxObstacles) + 1;\r\n\r\n  obs.src = `https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-content\/uploads\/2026\/02\/obstacle${num}.png`;\r\n  obs.className = 'obstacle';\r\n  obs.style.left = Math.random() * (game.offsetWidth - 50) + 'px';\r\n  obs.style.top = '-60px';\r\n\r\n  addObstacleLiquidEffect(obs);\r\n\r\n  const liquidInterval = setInterval(() => {\r\n    if (obs.parentNode) addObstacleLiquidEffect(obs);\r\n    else clearInterval(liquidInterval);\r\n  }, 220);\r\n\r\n  game.appendChild(obs);\r\n}\r\n\r\n\/* ================== COLLISIONS ================== *\/\r\nfunction isColliding(a, b) {\r\n  const r1 = a.getBoundingClientRect();\r\n  const r2 = b.getBoundingClientRect();\r\n  return !(r1.right < r2.left ||\r\n           r1.left > r2.right ||\r\n           r1.bottom < r2.top ||\r\n           r1.top > r2.bottom);\r\n}\r\n\r\n\/* ================== GAME LOOP ================== *\/\r\nfunction updateGame() {\r\n  document.querySelectorAll('.obstacle').forEach(obs => {\r\n    obs.style.top = (parseFloat(obs.style.top) + fallSpeed) + 'px';\r\n\r\n    if (isColliding(player, obs)) {\r\n      playSound(catchSound);\r\n      obs.remove();\r\n      score++;\r\n      scoreDisplay.textContent = `Score : ${score}`;\r\n\r\n      if (score % 5 === 0 && score !== lastColorScore) {\r\n        lastColorScore = score;\r\n        changeBackgroundColor();\r\n      }\r\n    }\r\n\r\n    if (parseFloat(obs.style.top) > game.offsetHeight) {\r\n      obs.remove();\r\n      lives--;\r\n      playSound(loseLifeSound);\r\n      updateLives();\r\n      if (lives <= 0) endGame();\r\n    }\r\n  });\r\n}\r\n\r\n\/* ================== START \/ END ================== *\/\r\nfunction startGame() {\r\n  score = 0;\r\n  lives = 3;\r\n  fallSpeed = 2;\r\n  lastColorScore = 0;\r\n\r\n  scoreDisplay.textContent = 'Score : 0';\r\n  updateLives();\r\n  gameOverScreen.style.display = 'none';\r\n\r\n  document.querySelectorAll('.obstacle').forEach(o => o.remove());\r\n  centerPlayer();\r\n  changeBackgroundColor();\r\n\r\n  document.body.classList.add('game-active');\r\n\r\n  gameLoop = setInterval(updateGame, 20);\r\n  spawnLoop = setInterval(createObstacle, INITIAL_STATE.spawnInterval);\r\n\r\n  document.getElementById('startOverlay').style.display = 'none';\r\n}\r\n\r\nfunction endGame() {\r\n  clearInterval(gameLoop);\r\n  clearInterval(spawnLoop);\r\n  document.body.classList.remove('game-active');\r\n\r\n  playSound(gameOverSound);\r\n  finalScoreText.textContent = `Score final : ${score}`;\r\n  changeBackgroundColor();\r\n  gameOverScreen.style.display = 'flex';\r\n}\r\n\r\n\/* ================== CONTROLES ================== *\/\r\ndocument.addEventListener('keydown', e => {\r\n  const keys = ['ArrowUp','ArrowDown','ArrowLeft','ArrowRight'];\r\n  if (keys.includes(e.key)) e.preventDefault();\r\n  if (gameOverScreen.style.display === 'flex') return;\r\n\r\n  const step = 20;\r\n  const left = parseInt(player.style.left || 0);\r\n  const bottom = parseInt(player.style.bottom || 0);\r\n\r\n  switch (e.key) {\r\n    case 'ArrowLeft':\r\n      player.style.left = `${Math.max(0, left - step)}px`;\r\n      break;\r\n    case 'ArrowRight':\r\n      player.style.left = `${Math.min(game.offsetWidth - player.offsetWidth, left + step)}px`;\r\n      break;\r\n    case 'ArrowUp':\r\n      player.style.bottom = `${Math.min(game.offsetHeight - player.offsetHeight - 10, bottom + step)}px`;\r\n      break;\r\n    case 'ArrowDown':\r\n      player.style.bottom = `${Math.max(0, bottom - step)}px`;\r\n      break;\r\n  }\r\n});\r\n\r\n\/* ================== EVENTS ================== *\/\r\nstartBtn.addEventListener('click', startGame);\r\nrestartBtn.addEventListener('click', startGame);\r\n\r\n\/* ================== INIT ================== *\/\r\nwindow.addEventListener('load', () => {\r\n  centerPlayer();\r\n  updateLives();\r\n});\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Qui suis-je? Bonjour, moi c\u2019est Driton Rizani, j\u2019ai 20 ans, et je suis actuellement en troisi\u00e8me ann\u00e9e d\u2019apprentissage en m\u00e9diamatique au CPNV. Au fil de ma formation, j\u2019ai d\u00e9velopp\u00e9 une v\u00e9ritable passion pour le design, la cr\u00e9ation d\u2019identit\u00e9s visuelles, le web et le rebranding. La cr\u00e9ation d\u2019entreprise et le design PAO sont des domaines que [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-41","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-json\/wp\/v2\/pages\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":521,"href":"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-json\/wp\/v2\/pages\/41\/revisions"}],"predecessor-version":[{"id":3770,"href":"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-json\/wp\/v2\/pages\/41\/revisions\/3770"}],"wp:attachment":[{"href":"https:\/\/drizani.eleves.mediamatique.ch\/eportfolio\/wp-json\/wp\/v2\/media?parent=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}