1<!doctype html> 2<!-- 3 Minimal Mistakes Jekyll Theme 4.27.3 by Michael Rose 4 Copyright 2013-2025 Michael Rose - mademistakes.com | @mmistakes 5 Free for personal and commercial use under the MIT license 6 https://github.com/mmistakes/minimal-mistakes/blob/master/LICENSE 7--> 8 9<html lang="en-US" class="no-js"> 10 <head> 11 <meta charset="utf-8"> 12 13<!-- begin _includes/seo.html --><title>Contact & Connect - Didier Barradas Bautista</title> 14<meta name="description" content="Data Scientist at KAUST NVIDIA Ambassador Carpentries Certified Instructor"> 15 16 17 <meta name="author" content="Didier Barradas Bautista"> 18 19 20 21<meta property="og:type" content="website"> 22<meta property="og:locale" content="en_US"> 23<meta property="og:site_name" content="Didier Barradas Bautista"> 24<meta property="og:title" content="Contact & Connect"> 25<meta property="og:url" content="https://d-barradas.github.io/contact/"> 26 27 28 <meta property="og:description" content="Data Scientist at KAUST NVIDIA Ambassador Carpentries Certified Instructor"> 29 30 31 32 <meta property="og:image" content="https://d-barradas.github.io/assets/images/profesional_photo.png"> 33 34 35 36 <meta name="twitter:site" content="@dxbarradas"> 37 <meta name="twitter:title" content="Contact & Connect"> 38 <meta name="twitter:description" content="Data Scientist at KAUST NVIDIA Ambassador Carpentries Certified Instructor"> 39 <meta name="twitter:url" content="https://d-barradas.github.io/contact/"> 40 41 42 <meta name="twitter:card" content="summary"> 43 44 <meta name="twitter:image" content="https://d-barradas.github.io/assets/images/profesional_photo.png"> 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61<link rel="canonical" href="https://d-barradas.github.io/contact/"> 62 63 64 65 66 67 68 69 70 71 72 73 74<!-- end _includes/seo.html --> 75 76 77 78 <link href="/feed.xml" type="application/atom+xml" rel="alternate" title="Didier Barradas Bautista Feed"> 79<meta name="viewport" content="width=device-width, initial-scale=1.0"> 80
81<script> 82 document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/g, '') + ' js '; 83 84</script>
84 85 86<!-- For all browsers --> 87<link rel="stylesheet" href="/assets/css/main.css"> 88<link rel="preload" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@latest/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> 89<noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@latest/css/all.min.css"></noscript> 90 91 92 93 <!-- start custom head snippets --> 94 95<!-- insert favicons. use https://realfavicongenerator.net/ --> 96 97<style> 98/* Dark Theme Override for GitHub Pages */ 99:root { 100 --primary-blue: #003366; 101 --dark-blue: #001a33; 102 --light-blue: #004d99; 103 --accent-orange: #ff8c00; 104 --light-orange: #ffa500; 105 --white: #ffffff; 106 --text-gray: #666666; 107 --light-gray: #f5f5f5; 108} 109 110body { 111 background: linear-gradient(135deg, #0a1628 0%, #1a2845 50%, #0f1f35 100%); 112 color: #ffffff; 113} 114 115/* Hero Section */ 116.hero-section { 117 background: linear-gradient(135deg, var(--primary-blue) 0%, var(--light-blue) 100%); 118 color: var(--white); 119 padding: 100px 20px; 120 text-align: center; 121 min-height: 600px; 122 display: flex; 123 align-items: center; 124 justify-content: center; 125 position: relative; 126 overflow: hidden; 127} 128 129.hero-section::before { 130 content: ''; 131 position: absolute; 132 top: 0; 133 right: 0; 134 width: 500px; 135 height: 500px; 136 background: rgba(255, 140, 0, 0.1); 137 border-radius: 50%; 138 animation: float 6s ease-in-out infinite; 139} 140 141@keyframes float { 142 0%, 100% { transform: translateY(0px); } 143 50% { transform: translateY(-20px); } 144} 145 146.hero-content { 147 position: relative; 148 z-index: 1; 149 max-width: 800px; 150} 151 152.hero-content h1 { 153 font-size: 3.5rem; 154 margin-bottom: 20px; 155 font-weight: 800; 156 color: var(--white); 157} 158 159.subtitle { 160 font-size: 1.8rem; 161 margin-bottom: 10px; 162 font-weight: 300; 163 color: var(--white); 164} 165 166.tagline { 167 font-size: 1rem; 168 margin-bottom: 40px; 169 opacity: 0.95; 170 color: var(--white); 171} 172 173/* Buttons */ 174.btn-cta { 175 display: inline-block; 176 padding: 12px 30px; 177 background: var(--accent-orange); 178 color: var(--white); 179 text-decoration: none; 180 border-radius: 5px; 181 transition: all 0.3s ease; 182 margin: 10px; 183 font-weight: 600; 184} 185 186.btn-cta:hover { 187 background: var(--light-orange); 188 transform: translateY(-3px); 189 box-shadow: 0 10px 25px rgba(255, 140, 0, 0.3); 190} 191 192.btn-cta-secondary { 193 background: transparent; 194 border: 2px solid var(--white); 195} 196 197.btn-cta-secondary:hover { 198 background: var(--white); 199 color: var(--primary-blue); 200} 201 202/* Section Container */ 203.section-container { 204 padding: 80px 20px; 205 background: linear-gradient(135deg, #0a1628 0%, #1a2845 50%, #0f1f35 100%); 206 position: relative; 207 overflow: hidden; 208} 209 210.section-container.alternate { 211 background: linear-gradient(135deg, #0f1f35 0%, #1a2845 50%, #0a1628 100%); 212} 213 214/* Contrast overrides on dark sections */ 215.section-container p, 216.section-container li { 217 color: rgba(255, 255, 255, 0.85) !important; 218} 219.section-container h3 { 220 color: var(--white) !important; 221} 222 223.section-container::before { 224 content: ''; 225 position: absolute; 226 top: 0; 227 right: 0; 228 width: 500px; 229 height: 500px; 230 background: radial-gradient(circle, rgba(255, 140, 0, 0.15) 0%, transparent 70%); 231 border-radius: 50%; 232 pointer-events: none; 233 animation: float 8s ease-in-out infinite; 234} 235 236.section-title { 237 text-align: center; 238 font-size: 2.5rem; 239 font-weight: 700; 240 color: var(--white); 241 margin-bottom: 50px; 242 position: relative; 243 padding: 20px; 244 background: linear-gradient(135deg, rgba(255, 140, 0, 0.1), rgba(0, 180, 216, 0.1)); 245 border-radius: 12px; 246 border: 1px solid rgba(255, 140, 0, 0.2); 247} 248 249.section-title::after { 250 content: ''; 251 position: absolute; 252 bottom: 0; 253 left: 50%; 254 transform: translateX(-50%); 255 width: 100px; 256 height: 4px; 257 background: linear-gradient(90deg, var(--accent-orange), #00b4d8); 258 border-radius: 2px; 259} 260 261/* Stats Container */ 262.stats-container { 263 display: grid; 264 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 265 gap: 30px; 266 max-width: 1200px; 267 margin: 0 auto; 268} 269 270.stat-box { 271 text-align: center; 272 padding: 30px; 273 background: rgba(255, 140, 0, 0.1); 274 border-radius: 12px; 275 border: 1px solid rgba(255, 140, 0, 0.3); 276} 277 278.stat-number { 279 font-size: 3rem; 280 font-weight: 700; 281 color: var(--accent-orange); 282 margin-bottom: 10px; 283} 284 285.stat-label { 286 font-size: 1.1rem; 287 color: var(--white); 288} 289 290/* Achievement Cards */ 291.achievement-card { 292 background: rgba(255, 255, 255, 0.08); 293 backdrop-filter: blur(10px); 294 border: 1px solid rgba(255, 140, 0, 0.3); 295 border-radius: 12px; 296 padding: 30px; 297 text-align: center; 298 transition: all 0.3s ease; 299} 300 301.achievement-card:hover { 302 border-color: rgba(255, 140, 0, 0.8); 303 transform: translateY(-10px); 304 box-shadow: 0 15px 40px rgba(255, 140, 0, 0.2); 305} 306 307.achievement-card.highlight { 308 border: 2px solid rgba(255, 140, 0, 0.5); 309} 310 311.achievement-card h3 {
312 color: var(--white); 313 font-size: 1.2rem; 314 margin-bottom: 10px; 315} 316 317.achievement-card p { 318 color: rgba(255, 255, 255, 0.8); 319} 320 321/* Project Cards */ 322.project-grid { 323 display: grid; 324 grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); 325 gap: 30px; 326 max-width: 1200px; 327 margin: 0 auto; 328} 329 330.project-card { 331 background: rgba(255, 255, 255, 0.08); 332 backdrop-filter: blur(10px); 333 border: 1px solid rgba(255, 140, 0, 0.3); 334 border-radius: 12px; 335 padding: 30px; 336 transition: all 0.3s ease; 337} 338 339.project-card:hover { 340 border-color: rgba(255, 140, 0, 0.8); 341 transform: translateY(-10px); 342 box-shadow: 0 15px 40px rgba(255, 140, 0, 0.2); 343} 344 345.project-title { 346 color: var(--white); 347 font-size: 1.5rem; 348 margin-bottom: 15px; 349} 350 351.project-description { 352 color: rgba(255, 255, 255, 0.8); 353 line-height: 1.6; 354 margin-bottom: 20px; 355} 356 357.project-tech { 358 display: flex; 359 flex-wrap: wrap; 360 gap: 10px; 361 margin-top: 15px; 362} 363 364.tech-badge { 365 padding: 5px 12px; 366 background: rgba(0, 180, 216, 0.2); 367 border: 1px solid rgba(0, 180, 216, 0.4); 368 border-radius: 20px; 369 font-size: 0.85rem; 370 color: #00b4d8; 371} 372 373.tech-badge.highlight { 374 background: rgba(255, 140, 0, 0.2); 375 border-color: rgba(255, 140, 0, 0.4); 376 color: var(--accent-orange); 377} 378 379.project-links a { 380 display: inline-block; 381 margin-right: 15px; 382 color: var(--accent-orange); 383 text-decoration: none; 384 font-weight: 600; 385 transition: all 0.3s; 386} 387 388.project-links a:hover { 389 color: var(--light-orange); 390 transform: translateX(5px); 391} 392 393/* Skills */ 394.skill-item { 395 background: rgba(255, 255, 255, 0.08); 396 backdrop-filter: blur(10px); 397 border: 1px solid rgba(255, 140, 0, 0.3); 398 border-radius: 10px; 399 padding: 20px; 400 text-align: center; 401 transition: all 0.3s; 402} 403 404.skill-item:hover { 405 border-color: rgba(255, 140, 0, 0.8); 406 transform: translateY(-5px); 407} 408 409.skill-icon { 410 font-size: 2.5rem; 411 margin-bottom: 10px; 412} 413 414.skill-name { 415 color: var(--white); 416 font-size: 1.1rem; 417 font-weight: 600; 418 margin-bottom: 5px; 419} 420 421.skill-level { 422 color: rgba(255, 255, 255, 0.6); 423 font-size: 0.9rem; 424} 425 426/* Contact Section */ 427.contact-section { 428 background: linear-gradient(135deg, var(--primary-blue), var(--light-blue)); 429 padding: 80px 20px; 430 text-align: center; 431 color: var(--white); 432} 433 434.contact-content h2 { 435 color: var(--white); 436 margin-bottom: 20px; 437} 438 439.contact-description { 440 color: rgba(255, 255, 255, 0.9); 441 font-size: 1.1rem; 442 margin-bottom: 40px; 443} 444 445.contact-links { 446 display: flex; 447 justify-content: center; 448 gap: 20px; 449 flex-wrap: wrap; 450} 451 452.contact-item { 453 display: inline-block; 454 padding: 15px 30px; 455 background: var(--accent-orange); 456 color: var(--white); 457 text-decoration: none; 458 border-radius: 5px; 459 font-weight: 600; 460 transition: all 0.3s; 461} 462 463.contact-item:hover { 464 background: var(--light-orange); 465 transform: translateY(-3px); 466} 467 468/* Publications */ 469.publication-card { 470 background: rgba(255, 255, 255, 0.08); 471 backdrop-filter: blur(10px); 472 border-left: 4px solid var(--accent-orange); 473 border-radius: 8px; 474 padding: 25px; 475 margin-bottom: 25px; 476} 477 478.publication-card h3 { 479 color: var(--white); 480 font-size: 1.2rem; 481 margin-bottom: 10px; 482} 483 484.publication-card p { 485 color: rgba(255, 255, 255, 0.8); 486 margin-bottom: 8px; 487} 488 489.publication-card a { 490 color: var(--accent-orange); 491 text-decoration: none; 492 font-weight: 600; 493} 494 495.publication-card a:hover { 496 color: var(--light-orange); 497} 498 499/* Override Jekyll theme */ 500.page__content { 501 color: var(--white); 502} 503 504.masthead { 505 background: var(--primary-blue) !important; 506 border-bottom: 1px solid var(--accent-orange); 507 position: sticky; 508 top: 0; 509 z-index: 1000; 510box-shadow: 0 8px 24px rgba(0, 51, 102, 0.25); 511} 512 513.masthead__inner-wrap { 514 background: var(--primary-blue) !important; 515} 516 517.masthead__menu { 518 background: var(--primary-blue) !important; 519} 520 521.site-title { 522 color: var(--primary-blue) !important; 523} 524 525.greedy-nav a { 526 color: var(--primary-blue) !important; 527} 528 529.greedy-nav .visible-links a { 530 color: var(--primary-blue) !important; 531} 532 533.greedy-nav .visible-links a:before { 534 background: var(--accent-orange) !important; 535} 536 537.greedy-nav a:hover {
538 color: var(--accent-orange) !important; 539} 540 541.page__footer { 542 background: var(--dark-blue); 543 color: var(--white); 544} 545 546/* Responsive */ 547@media (max-width: 768px) { 548 .hero-content h1 { 549 font-size: 2.5rem; 550 } 551 552 .subtitle { 553 font-size: 1.3rem; 554 } 555 556 .project-grid { 557 grid-template-columns: 1fr; 558 } 559 560 .stats-container { 561 grid-template-columns: 1fr; 562 } 563} 564</style> 565 566<!-- end custom head snippets --> 567 568 </head> 569 570 <body class="layout--default" dir="ltr"> 571 <nav class="skip-links"> 572 <ul> 573 <li><a href="#site-nav" class="screen-reader-shortcut">Skip to primary navigation</a></li> 574 <li><a href="#main" class="screen-reader-shortcut">Skip to content</a></li> 575 <li><a href="#footer" class="screen-reader-shortcut">Skip to footer</a></li> 576 </ul> 577</nav> 578 579 580 581<div class="masthead"> 582 <div class="masthead__inner-wrap"> 583 <div class="masthead__menu"> 584 <nav id="site-nav" class="greedy-nav"> 585 586 <a class="site-logo" href="/"><img src="/assets/images/profesional_photo.png" alt="Didier Barradas Bautista"></a> 587 588 <a class="site-title" href="/"> 589 Didier Barradas Bautista 590 <span class="site-subtitle">Data Scientist & Visualization Expert</span> 591 </a> 592 <ul class="visible-links"><li class="masthead__menu-item"> 593 <a 594 href="/" 595 596 597 >Home</a> 598 </li><li class="masthead__menu-item"> 599 <a 600 href="/projects/" 601 602 603 >Projects</a> 604 </li><li class="masthead__menu-item"> 605 <a 606 href="/workshops/" 607 608 609 >Workshops</a> 610 </li><li class="masthead__menu-item"> 611 <a 612 href="/academics/" 613 614 615 >Academics</a> 616 </li><li class="masthead__menu-item"> 617 <a 618 href="/contact/" 619 620 621 >Contact</a> 622 </li></ul> 623 624 <button class="search__toggle" type="button"> 625 <span class="visually-hidden">Toggle search</span> 626 <i class="fas fa-search"></i> 627 </button> 628 629 <button class="greedy-nav__toggle hidden" type="button"> 630 <span class="visually-hidden">Toggle menu</span> 631 <div class="navicon"></div> 632 </button> 633 <ul class="hidden-links hidden"></ul> 634 </nav> 635 </div> 636 </div> 637</div> 638 639 640 <div class="initial-content"> 641 <!-- Hero Section --> 642<section class="hero-section" style="min-height: 400px;"> 643 <div class="hero-content"> 644 <h1>Let's Connect</h1> 645 <p class="subtitle">Get in Touch & Collaborate</p> 646 </div> 647</section> 648 649<!-- Contact Information Cards --> 650<section class="section-container"> 651 <h2 class="section-title">Ways to Reach Me</h2> 652 653 <div style="max-width: 900px; margin: 0 auto; margin-bottom: 50px;"> 654 655 <div style="background: rgba(255,255,255,0.08); border: 1px solid rgba(255,140,0,0.25); padding: 25px; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.25); border-left: 5px solid var(--accent-orange); margin-bottom: 18px; display: flex; gap: 20px; align-items: flex-start;"> 656 <div style="font-size: 28px; min-width: 40px;">âï¸</div> 657 <div style="flex: 1;"> 658 <h3 style="color: var(--white); font-weight: 700; margin: 0 0 5px 0; font-size: 1.1rem;">Email</h3> 659 <p style="color: rgba(255,255,255,0.75); margin: 0 0 10px 0; font-size: 0.95rem;">Direct and reliable communication</p> 660 <a href="mailto:[email protected]" style="color: var(--accent-orange); text-decoration: none; font-weight: 600;"> 661 [email protected] 662 </a> 663 </div> 664 </div> 665 666 <div style="background: rgba(255,255,255,0.08); border: 1px solid rgba(255,140,0,0.25); padding: 25px; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.25); border-left: 5px solid var(--accent-orange); margin-bottom: 18px; display: flex; gap: 20px; align-items: flex-start;"> 667 <div style="font-size: 28px; min-width: 40px;">ð¼</div> 668 <div style="flex: 1;"> 669 <h3 style="color: var(--white); font-weight: 700; margin: 0 0 5px 0; font-size: 1.1rem;">LinkedIn</h3> 670 <p style="color: rgba(255,255,255,0.75); margin: 0 0 10px 0; font-size: 0.95rem;">Professional networking & updates</p> 671 <a href="https://linkedin.com/in/didier-barradas-bautista" target="_blank" style="color: var(--accent-orange); text-decoration: none; font-weight: 600;"> 672 Connect on LinkedIn 673 </a> 674 </div> 675 </div> 676 677 <div style="background: rgba(255,255,255,0.08); border: 1px solid rgba(255,140,0,0.25); padding: 25px; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.25); border-left: 5px solid var(--accent-orange); margin-bottom: 18px; display: flex; gap: 20px; align-items: flex-start;"> 678 <div style="font-size: 28px; min-width: 40px;">ð</div> 679 <div style="flex: 1;"> 680 <h3 style="color: var(--white); font-weight: 700; margin: 0 0 5px 0; font-size: 1.1rem;">GitHub</h3> 681 <p style="color: rgba(255,255,255,0.75); margin: 0 0 10px 0; font-size: 0.95rem;">View my code & contributions</p> 682 <a href="https://github.com/D-Barradas" target="_blank" style="color: var(--accent-orange); text-decoration: none; font-weight: 600;"> 683 Follow on GitHub 684 </a> 685 </div> 686 </div> 687 688 <div style="background: rgba(255,255,255,0.08); border: 1px solid rgba(255,140,0,0.25); padding: 25px; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.25); border-left: 5px solid var(--accent-orange); margin-bottom: 18px; display: flex; gap: 20px; align-items: flex-start;"> 689 <div style="font-size: 28px; min-width: 40px;">ð¦</div> 690 <div style="flex: 1;"> 691 <h3 style="color: var(--white); font-weight: 700; margin: 0 0 5px 0; font-size: 1.1rem;">Twitter</h3> 692 <p style="color: rgba(255,255,255,0.75); margin: 0 0 10px 0; font-size: 0.95rem;">Follow for AI & data science updates</p> 693 <a href="https://twitter.com/dxbarradas" target="_blank" style="color: var(--accent-orange); text-decoration: none; font-weight: 600;"> 694 @dxbarradas 695 </a> 696 </div> 697 </div> 698 699 <div style="background: rgba(255,255,255,0.08); border: 1px solid rgba(255,140,0,0.25); padding: 25px; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.25); border-left: 5px solid var(--accent-orange); margin-bottom: 18px; display: flex; gap: 20px; align-items: flex-start;"> 700 <div style="font-size: 28px; min-width: 40px;">ð</div> 701 <div style="flex: 1;"> 702 <h3 style="color: var(--white); font-weight: 700; margin: 0 0 5px 0; font-size: 1.1rem;">Location</h3> 703 <p style="color: rgba(255,255,255,0.75); margin: 0 0 10px 0; font-size: 0.95rem;">Available for workshops & collaboration</p> 704 <p style="color: var(--accent-orange); font-weight: 600; margin: 0;"> 705 KAUST, Thuwal, Saudi Arabia 706 </p> 707 </div> 708 </div> 709 710 <div style="background: rgba(255,255,255,0.08); border: 1px solid rgba(255,140,0,0.25); padding: 25px; border-radius: 8px; box-shadow: 0 12px 32px rgba(0,0,0,0.25); border-left: 5px solid var(--accent-orange); display: flex; gap: 20px; align-items: flex-start;"> 711 <div style="font-size: 28px; min-width: 40px;">ð</div> 712 <div style="flex: 1;"> 713 <h3 style="color: var(--white); font-weight: 700; margin: 0 0 5px 0; font-size: 1.1rem;">Research</h3> 714 <p style="color: rgba(255,255,255,0.75); margin: 0 0 10px 0; font-size: 0.95rem;">Interested in research collaboration?</p> 715 <a href="mailto:[email protected]?subject=Research%20Collaboration" style="color: var(--accent-orange); text-decoration: none; font-weight: 600;"> 716 Propose a Project 717 </a> 718 </div> 719 </div> 720 721 </div> 722</section> 723 724<!-- Contact Form Section --> 725<section class="section-container alternate"> 726 <h2 class="section-title">Quick Message</h2> 727 728 <div style="max-width: 700px; margin: 0 auto;"> 729 <form style="background: rgba(255,255,255,0.08); border: 1px solid rgba(255,140,0,0.25); padding: 40px; border-radius: 10px; box-shadow: 0 12px 32px rgba(0,0,0,0.25);"> 730 731 <div style="margin-bottom: 25px;"> 732 <label style="display: block; color: var(--white); font-weight: 700; margin-bottom: 8px;">Your Name</label> 733 <input type="text" name="name" placeholder="Enter your full name" required="" style="width: 100%; padding: 12px; border: 2px solid rgba(255,140,0,0.3); border-radius: 5px; font-size: 1rem; background: rgba(255,255,255,0.05); color: var(--white); transition: all 0.3s;" onfocus="this.style.borderColor='var(--accent-orange)'" onblur
733="this.style.borderColor='rgba(255,140,0,0.3)'" /> 734 </div> 735 736 <div style="margin-bottom: 25px;"> 737 <label style="display: block; color: var(--white); font-weight: 700; margin-bottom: 8px;">Your Email</label> 738 <input type="email" name="email" placeholder="Enter your email address" required="" style="width: 100%; padding: 12px; border: 2px solid rgba(255,140,0,0.3); border-radius: 5px; font-size: 1rem; background: rgba(255,255,255,0.05); color: var(--white); transition: all 0.3s;" onfocus="this.style.borderColor='var(--accent-orange)'" onblur="this.style.borderColor='rgba(255,140,0,0.3)'" /> 739 </div> 740 741 <div style="margin-bottom: 25px;"> 742 <label style="display: block; color: var(--white); font-weight: 700; margin-bottom: 8px;">Subject</label> 743 <input type="text" name="subject" placeholder="What is this about?" required="" style="width: 100%; padding: 12px; border: 2px solid rgba(255,140,0,0.3); border-radius: 5px; font-size: 1rem; background: rgba(255,255,255,0.05); color: var(--white); transition: all 0.3s;" onfocus="this.style.borderColor='var(--accent-orange)'" onblur="this.style.borderColor='rgba(255,140,0,0.3)'" /> 744 </div> 745 746 <div style="margin-bottom: 25px;"> 747 <label style="display: block; color: var(--white); font-weight: 700; margin-bottom: 8px;">Message</label> 748 <textarea name="message" rows="6" placeholder="Tell me about your inquiry, project idea, or collaboration opportunity..." required="" style="width: 100%; padding: 12px; border: 2px solid rgba(255,140,0,0.3); border-radius: 5px; font-size: 1rem; font-family: inherit; background: rgba(255,255,255,0.05); color: var(--white); transition: all 0.3s;" onfocus="this.style.borderColor='var(--accent-orange)'" onblur="this.style.borderColor='rgba(255,140,0,0.3)'"></textarea> 749 </div> 750 751 <button type="submit" class="btn-cta" style="width: 100%; padding: 15px;">Send Message</button> 752 753 <p style="text-align: center; color: rgba(255,255,255,0.7); font-size: 0.9rem; margin-top: 15px;"> 754 ð¡ Tip: For the fastest response, also reach out via email at [email protected] 755 </p> 756 757 </form> 758 </div> 759</section> 760 761<!-- Collaboration Opportunities --> 762<section class="section-container"> 763 <h2 class="section-title">Collaboration Opportunities</h2> 764 765 <div style="max-width: 1000px; margin: 0 auto;"> 766 <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px;"> 767 768 <div class="achievement-card"> 769 <div class="achievement-icon">ð</div> 770 <h3 class="achievement-title">Teaching & Workshops</h3> 771 <p class="achievement-description"> 772 Interested in having me conduct a workshop or training session? I offer customized programs in data science, machine learning, and research skills. 773 </p> 774 </div> 775 776 <div class="achievement-card"> 777 <div class="achievement-icon">ð¬</div> 778 <h3 class="achievement-title">Research Collaboration</h3> 779 <p class="achievement-description"> 780 Looking for a collaborator for research projects? I'm passionate about supporting scientific endeavors with data analysis and AI solutions. 781 </p> 782 </div> 783 784 <div class="achievement-card"> 785 <div class="achievement-icon">ð¡</div> 786 <h3 class="achievement-title">Consulting & Advice</h3> 787 <p class="achievement-description"> 788 Need expert guidance on machine learning implementation, data visualization strategy, or technical decisions? Let's discuss your project. 789 </p> 790 </div> 791 792 <div class="achievement-card"> 793 <div class="achievement-icon">ð¤</div> 794 <h3 class="achievement-title">Mentorship</h3> 795 <p class="achievement-description"> 796 Interested in mentoring for early-career researchers or students? I'm committed to helping the next generation of data scientists. 797 </p> 798 </div> 799 800 <div class="achievement-card"> 801 <div class="achievement-icon">ð</div> 802 <h3 class="achievement-title">Project Development</h3> 803 <p class="achievement-description"> 804 Have an idea that needs development? From concept to deployment, I can help build robust data science and ML solutions. 805 </p> 806 </div> 807 808 <div class="achievement-card"> 809 <div class="achievement-icon">ð</div> 810 <h3 class="achievement-title">Community Initiatives</h3> 811 <p class="achievement-description"> 812 Supporting open science and community projects? I'm interested in initiatives that make AI/ML education accessible to all. 813 </p> 814 </div> 815 816 </div> 817 </div> 818</section> 819 820<!-- Response Time Info --> 821<section class="section-container alternate"> 822 <div style="max-width: 600px; margin: 0 auto; text-align: center; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,140,0,0.25); padding: 40px; border-radius: 10px; border-left: 5px solid var(--accent-orange); box-shadow: 0 12px 32px rgba(0,0,0,0.25);"> 823 <h3 style="color: var(--white); font-size: 1.3rem; font-weight: 700; margin-bottom: 15px;">ð§ Expected Response Time</h3> 824 <p style="color: rgba(255,255,255,0.85); line-height: 1.8; margin-bottom: 20px;"> 825 I strive to respond to all inquiries as promptly as possible. Here's what you can expect: 826 </p> 827 <ul style="color: rgba(255,255,255,0.8); line-height: 2; text-align: left; display: inline-block;"> 828 <li>â <strong>Emails:</strong> 24-48 hours</li> 829 <li>â <strong>Social Media:</strong> 1-3 days</li> 830 <li>â <strong>Workshop Requests:</strong> 3-5 business days</li> 831 <li>â <strong>Research Proposals:</strong> 1 week</li> 832 </ul> 833 </div> 834</section> 835 836<!-- Final CTA --> 837<section class="contact-section"> 838 <div class="contact-content"> 839 <h2 style="color: white; font-size: 2rem; margin-bottom: 15px;">Let's Create Something Amazing Together</h2> 840 <p class="contact-description"> 841 Whether you have a question, want to collaborate, or just want to say hello, I'm here to listen and help. 842 </p> 843 <div class="contact-links"> 844 <a href="mailto:[email protected]" class="contact-item"> 845 <i class="fas fa-envelope"></i> Send Email 846 </a> 847 <a href="https://linkedin.com/in/yourusername" target="_blank" class="contact-item"> 848 <i class="fab fa-linkedin"></i> LinkedIn 849 </a> 850 <a href="/#projects" class="contact-item"> 851 <i class="fas fa-briefcase"></i> View Work 852 </a> 853 </div> 854 </div> 855</section> 856 857 858 </div> 859 860 861 <div class="search-content"> 862 <div class="search-content__inner-wrap"><form class="search-content__form" onkeydown="return event.key != 'Enter';" role="search"> 863 <label class="sr-only" for="search"> 864 Enter your search term... 865 </label> 866 <input type="search" id="search" class="search-input" tabindex="-1" placeholder="Enter your search term..." /> 867 </form> 868 <div id="results" class="results"></div></div> 869 870 </div> 871 872 873 <div id="footer" class="page__footer"> 874 <footer> 875 <!-- start custom footer snippets --> 876 877<!-- end custom footer snippets --> 878 879 880<div class="page__footer-follow"> 881 <ul class="social-icons"> 882 883 <li><strong>Follow:</strong></li> 884 885 886 887 888 889 <li><a href="https://twitter.com/dxbarradas" rel="nofollow noopener noreferrer"><i class="fab fa-fw fa-twitter-square" aria-hidden="true"></i> Twitter</a></li> 890 891 892 893 <li><a href="https://linkedin.com/in/didier-barradas-bautista" rel="nofollow noopener noreferrer"><i class="fab fa-fw fa-linkedin" aria-hidden="true"></i> LinkedIn</a></li> 894 895 896 897 <li><a href="https://github.com/D-Barradas" rel="nofollow noopener noreferrer"><i class="fab fa-fw fa-github" aria-hidden="true"></i> GitHub</a></li> 898 899 900 901 <li><a href="https://scholar.google.com/citations?user=3bG_86EAAAAJ&hl=en" rel="nofollow noopener noreferrer"><i class="fas fa-fw fa-graduation-cap" aria-hidden="true"></i> Google Scholar</a></li> 902 903 904 905 906 907 <li><a href="/feed.xml"><i class="fas fa-fw fa-rss-square" aria-hidden="true"></i> Feed</a></li> 908 909 </ul> 910</div> 911 912 913<div class="page__footer-copyright">© 2022 - 2026 <a href="https://d-barradas.github.io">Didier Barradas Bautista</a>. Powered by <a href="https://jekyllrb.com" rel="nofollow">Jekyll</a> &
913 <a href="https://mademistakes.com/work/jekyll-themes/minimal-mistakes/" rel="nofollow">Minimal Mistakes</a>.</div> 914 915 </footer> 916 </div> 917 918 919
919<script src="/assets/js/main.min.js"></script>
919 920 921 922 923
924<script src="/assets/js/lunr/lunr.min.js"></script>
vendor: 1 bytes, line 924
924
925<script src="/assets/js/lunr/lunr-store.js"></script>
vendor: 1 bytes, line 925
925
926<script src="/assets/js/lunr/lunr-en.js"></script>
926 927 928 929 930 931 932 933 </body> 934</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.