{"version":3,"file":"js/app.799fc019.js","mappings":"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","sources":["webpack://hamza-portfolio/./src/App.vue","webpack://hamza-portfolio/./src/assets/custom.js","webpack://hamza-portfolio/./src/components/HelloWorld.vue","webpack://hamza-portfolio/./src/components/HelloWorld.vue?bd04","webpack://hamza-portfolio/./src/App.vue?7ccd","webpack://hamza-portfolio/./src/main.js","webpack://hamza-portfolio/webpack/bootstrap","webpack://hamza-portfolio/webpack/runtime/chunk loaded","webpack://hamza-portfolio/webpack/runtime/compat get default export","webpack://hamza-portfolio/webpack/runtime/define property getters","webpack://hamza-portfolio/webpack/runtime/global","webpack://hamza-portfolio/webpack/runtime/hasOwnProperty shorthand","webpack://hamza-portfolio/webpack/runtime/make namespace object","webpack://hamza-portfolio/webpack/runtime/publicPath","webpack://hamza-portfolio/webpack/runtime/jsonp chunk loading","webpack://hamza-portfolio/webpack/startup"],"sourcesContent":["<template>\n  <main class=\"main-container\">\n    <HelloWorld/>\n  </main>\n</template>\n\n<script>\nimport HelloWorld from './components/HelloWorld.vue'\n\nexport default {\n  name: 'App',\n  components: {\n    HelloWorld\n  }\n}\n</script>","/*\n==================================================\nProject:      [VueJS]\nAuthor:       [https://github.com/hamzaince6/]\nVersion:      1.0.0\nLast Update:  [20.07.2024]\n==================================================\n*/\n\n/*--------------------------------------------------------------*/\n/* Gsap Animation Start */\n/*--------------------------------------------------------------*/\n\n// GSAP animation for icons\nimport { gsap } from 'gsap';\n\n// GSAP animation for Stacks Section\nexport const animateIcons = () => {\n    const icons = document.querySelectorAll('.stacks-icon div');\n\n    const iconColors = {\n        'fa-vuejs': '#41B883',   // VueJS green\n        'fa-figma': '#F24E1E',   // Figma red\n        'fa-react': '#61DAFB',   // React blue\n        'fa-x': '#FF61F6'        // Adobe XD pink\n    };\n\n    gsap.from(icons, {\n        opacity: 0,\n        y: -30, // Change this value to adjust the top-to-bottom animation\n        scale: 0.8,\n        duration: 1.5,\n        stagger: 0.3,\n        ease: 'back.out(1.7)',\n        onStart: () => {\n            icons.forEach(icon => {\n                const iconClass = icon.querySelector('i').classList[1];\n                const color = iconColors[iconClass] || 'rgba(255, 255, 255, 0.6)';\n                gsap.set(icon, {\n                    filter: `drop-shadow(0 0 10px ${color}) drop-shadow(0 0 5px ${color})`\n                });\n            });\n        },\n        onComplete: () => {\n            // Remove glow effect after animation\n            gsap.to(icons, {\n                filter: 'none',\n                duration: 0.5\n            });\n        }\n    });\n\n    gsap.to('.stacks-icon div', {\n        scale: 1.2,\n        repeat: -1,\n        yoyo: true,\n        duration: 0.8,\n        ease: 'power1.inOut',\n        paused: true\n    });\n\n    document.querySelectorAll('.stacks-icon div').forEach(icon => {\n        icon.addEventListener('mouseenter', () => {\n            const iconClass = icon.querySelector('i').classList[1];\n            const color = iconColors[iconClass] || '#FFFFFF';  // default white if not found\n            gsap.to(icon.querySelector('i'), { color: color, duration: 0.4 });\n            gsap.to(icon, { scale: 1.2, duration: 0.4 });\n        });\n        icon.addEventListener('mouseleave', () => {\n            gsap.to(icon.querySelector('i'), { color: '#FFFFFF', duration: 0.4 });\n            gsap.to(icon, { scale: 1, duration: 0.4 });\n        });\n    });\n};\n\n// GSAP animation for Project Section\nexport const animateProjects = () => {\n    const projects = document.querySelectorAll('.project');\n\n    projects.forEach((project) => {\n        const numberElement = project.querySelector('.project-number h1');\n        const titleElement = project.querySelector('.project-title');\n\n        // Animate project and project title from top to bottom\n        gsap.fromTo(project,\n            { y: -30, opacity: 0 },\n            {\n                y: 0,\n                opacity: 1,\n                duration: 1.5,\n                ease: 'power1.out',\n                delay: 0.3\n            }\n        );\n\n        gsap.fromTo(titleElement,\n            { y: -30, opacity: 0 },\n            {\n                y: 0,\n                opacity: 1,\n                duration: 1.5,\n                ease: 'power1.out',\n                delay: 0.5\n            }\n        );\n\n        // Ensure numberElement is not null and contains text\n        if (numberElement && numberElement.textContent.trim()) {\n            const finalValue = parseInt(numberElement.textContent.trim(), 10);\n\n            // Animate the number count-up\n            gsap.fromTo(numberElement,\n                { innerText: 0 },\n                {\n                    innerText: finalValue,\n                    duration: 2,\n                    ease: 'power1.out',\n                    snap: { innerText: 1 },\n                    onUpdate: function () {\n                        numberElement.innerHTML = Math.ceil(numberElement.innerText) + '<i class=\"fas fa-plus project-icon\"></i>';\n                    }\n                }\n            );\n        }\n    });\n};\n\n// GSAP animation for about card content\nexport const animateAboutContent = () => {\n    const aboutCards = document.querySelectorAll('.about-card');\n\n    // Initial animation for about cards\n    gsap.from(aboutCards, {\n        opacity: 0,\n        y: 20,\n        duration: 1,\n        stagger: 0.3,\n        ease: 'power1.out'\n    });\n\n    aboutCards.forEach((card) => {\n        const paragraphs = card.querySelectorAll('.about-card-content p');\n        gsap.from(paragraphs, {\n            opacity: 0,\n            y: 20,\n            rotation: 10,\n            duration: 1.5,\n            stagger: 0.3,\n            ease: 'power1.out',\n            delay: 0.5\n        });\n\n        // Add hover effects for each card\n        card.addEventListener('mouseover', () => {\n            gsap.to(card, {\n                scale: 1.05,\n                boxShadow: '0px 10px 20px rgba(0,0,0,0.4)',\n                duration: 0.3,\n                ease: 'power1.out'\n            });\n\n            gsap.to(card.querySelectorAll('.about-card-content p'), {\n                color: '#916CE7',\n                duration: 0.3,\n                ease: 'power1.out'\n            });\n        });\n\n        card.addEventListener('mouseleave', () => {\n            gsap.to(card, {\n                scale: 1,\n                boxShadow: '0px 4px 8px rgba(0,0,0,0.2)',\n                duration: 0.3,\n                ease: 'power1.out'\n            });\n\n            gsap.to(card.querySelectorAll('.about-card-content p'), {\n                color: 'white',\n                duration: 0.3,\n                ease: 'power1.out'\n            });\n        });\n    });\n};\n\n// GSAP animation for Me Section\nexport const animateMeSection = () => {\n    const meSection = document.querySelector('.me-section');\n\n    if (meSection) {\n        // Başlık resmi animasyonu\n        const headerImg = meSection.querySelector('.me-header img');\n        if (headerImg) {\n            gsap.from(headerImg, {\n                opacity: 0,\n                y: -20,\n                duration: 1,\n                ease: 'power1.out',\n                delay: 0.2\n            });\n        }\n\n        // Başlık metinlerinin animasyonu\n        const headerTexts = meSection.querySelectorAll('.me-header-text h2, .me-header-text h4');\n        gsap.from(headerTexts, {\n            opacity: 0,\n            y: -20,\n            duration: 1,\n            stagger: 0.3,\n            ease: 'power1.out',\n            delay: 0.5\n        });\n\n        // Çevrimiçi işler kısmının animasyonu\n        const onlineWorks = meSection.querySelector('.online-works');\n        if (onlineWorks) {\n            gsap.from(onlineWorks, {\n                opacity: 0,\n                y: -20,\n                duration: 1,\n                ease: 'back.out(1.7)',\n                delay: 0.8\n            });\n        }\n\n        // Özgeçmiş linkinin animasyonu\n        const resumeLink = meSection.querySelector('.resume');\n        if (resumeLink) {\n            gsap.from(resumeLink, {\n                opacity: 0,\n                y: -20,\n                duration: 1,\n                ease: 'power1.out',\n                delay: 1.1\n            });\n        }\n\n        // İçerik öğelerinin animasyonu\n        const meContentItems = meSection.querySelectorAll('.me-content .item');\n        gsap.from(meContentItems, {\n            opacity: 0,\n            y: -20,\n            duration: 1,\n            stagger: 0.3,\n            ease: 'power1.out',\n            delay: 1.4\n        });\n\n        // Footer bağlantılarının animasyonu\n        const footerLinks = meSection.querySelectorAll('.me-footer .url-instagram, .me-footer .url-whatsapp');\n        gsap.from(footerLinks, {\n            opacity: 0,\n            y: -20,\n            duration: 1,\n            stagger: 0.3,\n            ease: 'back.out(1.7)',\n            delay: 2\n        });\n\n        // GitHub ve beceriler kısmının animasyonu\n        const githubSkills = meSection.querySelector('.me-github-skilss');\n        if (githubSkills) {\n            gsap.from(githubSkills, {\n                opacity: 0,\n                y: -30,\n                duration: 1,\n                ease: 'power2.out',\n                delay: 2.3\n            });\n        }\n\n        // Tüm bölümün yukarıdan aşağıya animasyonu\n        gsap.from(meSection, {\n            opacity: 0,\n            y: -50,\n            duration: 1,\n            ease: 'power2.out',\n            delay: 0\n        });\n    }\n};\n\n// GSAP hover effects for Me Section\nexport const hoverEffectsMeSection = () => {\n    const meSection = document.querySelector('.me-section');\n\n    if (meSection) {\n        const headerImg = meSection.querySelector('.me-header img');\n        const headerTexts = meSection.querySelectorAll('.me-header-text h2, .me-header-text h4');\n        const onlineWorks = meSection.querySelector('.online-works');\n        const resumeLink = meSection.querySelector('.resume');\n        const meContentItems = meSection.querySelectorAll('.me-content .item');\n        const footerLinks = meSection.querySelectorAll('.me-footer .url-instagram, .me-footer .url-whatsapp');\n\n        // Hover effects for header image\n        gsap.to(headerImg, {\n            scale: 1.1,\n            duration: 0.5,\n            ease: 'power1.out',\n            paused: true,\n            overwrite: 'auto'\n        });\n\n        headerImg.addEventListener('mouseenter', () => gsap.to(headerImg, { scale: 1.1 }));\n        headerImg.addEventListener('mouseleave', () => gsap.to(headerImg, { scale: 1 }));\n\n        // Hover effects for header texts\n        headerTexts.forEach(text => {\n            gsap.to(text, {\n                color: '#ff007a',\n                duration: 0.5,\n                ease: 'power1.out',\n                paused: true,\n                overwrite: 'auto'\n            });\n\n            text.addEventListener('mouseenter', () => gsap.to(text, { color: '#ff007a', scale: 1.1 }));\n            text.addEventListener('mouseleave', () => gsap.to(text, { color: '#ffffff', scale: 1 }));\n        });\n\n        // Hover effects for online works section\n        gsap.to(onlineWorks, {\n            scale: 1.1,\n            duration: 0.5,\n            ease: 'power1.out',\n            paused: true,\n            overwrite: 'auto'\n        });\n\n        onlineWorks.addEventListener('mouseenter', () => gsap.to(onlineWorks, { scale: 1.1 }));\n        onlineWorks.addEventListener('mouseleave', () => gsap.to(onlineWorks, { scale: 1 }));\n\n        // Hover effects for resume link\n        gsap.to(resumeLink, {\n            backgroundColor: '#63e6be',\n            color: '#fff',\n            duration: 0.5,\n            ease: 'power1.out',\n            paused: true,\n            overwrite: 'auto'\n        });\n\n        resumeLink.addEventListener('mouseenter', () => gsap.to(resumeLink, { color: '#ff007a', scale: 1.1 }));\n        resumeLink.addEventListener('mouseleave', () => gsap.to(resumeLink, { color: '#ff007a', scale: 1 }));\n\n        // Hover effects for me content items\n        meContentItems.forEach(item => {\n            gsap.to(item, {\n                scale: 1.1,\n                rotation: 5,\n                duration: 0.5,\n                ease: 'power1.out',\n                paused: true,\n                overwrite: 'auto'\n            });\n\n            item.addEventListener('mouseenter', () => gsap.to(item, { scale: 1.1, rotation: 5 }));\n            item.addEventListener('mouseleave', () => gsap.to(item, { scale: 1, rotation: 0 }));\n        });\n\n        // Hover effects for footer links\n        footerLinks.forEach(link => {\n            gsap.to(link, {\n                scale: 1.1,\n                color: '#ff007a',\n                duration: 0.5,\n                ease: 'power1.out',\n                paused: true,\n                overwrite: 'auto'\n            });\n\n            link.addEventListener('mouseenter', () => gsap.to(link, { scale: 1.1, color: '#ff007a' }));\n            link.addEventListener('mouseleave', () => gsap.to(link, { scale: 1, color: '#ffffff' }));\n        });\n    }\n};\n\n// GSAP animation for social media\nexport const animateFollowMeSection = () => {\n    const followMeSection = document.querySelector('.follow-me');\n\n    if (followMeSection) {\n        // Tüm bölümün yukarıdan aşağıya animasyonu\n        gsap.from(followMeSection, {\n            opacity: 0,\n            y: -50,\n            duration: 1,\n            ease: 'power2.out',\n            delay: 0\n        });\n\n        // Başlık ve alt başlığı animasyonla yukarıdan aşağıya\n        const followMeTitle = followMeSection.querySelector('.follow-me-title h2');\n        gsap.from(followMeTitle, {\n            opacity: 0,\n            y: -30,\n            duration: 1,\n            ease: 'power2.out',\n            delay: 0.2\n        });\n\n        const followMeSubtitle = followMeSection.querySelector('.follow-me-subtitle h4');\n        gsap.from(followMeSubtitle, {\n            opacity: 0,\n            y: -30,\n            duration: 1,\n            ease: 'power2.out',\n            delay: 0.5\n        });\n\n        // Sosyal medya öğelerini yukarıdan aşağıya dizme animasyonu\n        const socialItems = followMeSection.querySelectorAll('.socials .socaial-item');\n        gsap.from(socialItems, {\n            opacity: 0,\n            y: -30,\n            duration: 1,\n            stagger: 0.3,\n            ease: 'power2.out',\n            delay: 0.8\n        });\n\n        // GitHub diller kısmının animasyonu\n        const githubLanguage = followMeSection.querySelector('.github-language');\n        if (githubLanguage) {\n            gsap.from(githubLanguage, {\n                opacity: 0,\n                y: -30,\n                duration: 1,\n                ease: 'power2.out',\n                delay: 1.2\n            });\n        }\n\n        // Sosyal medya öğeleri için box-shadow ekleme ve hover efektleri\n        socialItems.forEach((item, index) => {\n            const icon = item.querySelector('i');\n            const boxShadowColor = getComputedStyle(icon).color;\n\n            // Box-shadow animasyonu\n            gsap.fromTo(item, {\n                boxShadow: `0 0 0 ${boxShadowColor}`\n            }, {\n                boxShadow: `0 0 10px ${boxShadowColor}`,\n                duration: 1.2,\n                ease: 'power2.out',\n                delay: 1.5 + index * 0.3\n            });\n\n            // Hover efektleri\n            gsap.to(item, {\n                scale: 1.2,\n                duration: 0.4,\n                ease: 'power2.out',\n                paused: true,\n                overwrite: 'auto'\n            });\n\n            item.addEventListener('mouseenter', () => {\n                gsap.to(item, {\n                    scale: 1.2,\n                    duration: 0.4,\n                    ease: 'power2.out'\n                });\n            });\n            item.addEventListener('mouseleave', () => {\n                gsap.to(item, {\n                    scale: 1,\n                    duration: 0.4,\n                    ease: 'power2.out'\n                });\n            });\n        });\n\n        // Sosyal medya ikonları için hover efektleri\n        const socialIcons = followMeSection.querySelectorAll('.social-item i');\n        socialIcons.forEach(icon => {\n            gsap.to(icon, {\n                rotation: 360,\n                duration: 1,\n                ease: 'power2.inOut',\n                paused: true,\n                overwrite: 'auto'\n            });\n\n            icon.addEventListener('mouseenter', () => {\n                gsap.to(icon, {\n                    rotation: 360,\n                    duration: 1,\n                    ease: 'power2.inOut'\n                });\n            });\n            icon.addEventListener('mouseleave', () => {\n                gsap.to(icon, {\n                    rotation: 0,\n                    duration: 1,\n                    ease: 'power2.inOut'\n                });\n            });\n        });\n    }\n};\n\n// GSAP animation for Project Section\nexport const animateProjectSection = () => {\n    const projectCard = document.querySelector('.project-card');\n\n    if (projectCard) {\n        // Animate project card\n        gsap.from(projectCard, {\n            opacity: 0,\n            x: -50,\n            duration: 1.5,\n            ease: 'power2.out',\n            delay: 0.5\n        });\n\n        const projectIframe = projectCard.querySelector('iframe');\n        gsap.from(projectIframe, {\n            opacity: 0,\n            y: 20,\n            duration: 1.5,\n            ease: 'power2.out',\n            delay: 1\n        });\n\n        gsap.to(projectIframe, {\n            boxShadow: '0 0 20px rgba(0, 255, 255, 0.6)',\n            repeat: -1,\n            yoyo: true,\n            duration: 1.5,\n            ease: 'sine.inOut'\n        });\n    }\n};\n\n// GSAP hover effects for Project Section\nexport const hoverEffectsProjectSection = () => {\n    const projectCard = document.querySelector('.project-card');\n\n    if (projectCard) {\n        const projectIframe = projectCard.querySelector('iframe');\n\n        // Hover effect for project card\n        gsap.to(projectCard, {\n            scale: 1.05,\n            boxShadow: '0 4px 15px rgba(0, 0, 0, 0.3)',\n            duration: 0.3,\n            ease: 'power1.out',\n            paused: true,\n            overwrite: 'auto'\n        });\n\n        projectCard.addEventListener('mouseenter', () => {\n            gsap.to(projectCard, { scale: 1.05, boxShadow: '0 4px 15px rgba(0, 0, 0, 0.3)' });\n        });\n        projectCard.addEventListener('mouseleave', () => {\n            gsap.to(projectCard, { scale: 1, boxShadow: '0 0 10px rgba(0, 0, 0, 0.1)' });\n        });\n\n        // Hover effect for project iframe\n        gsap.to(projectIframe, {\n            scale: 1.05,\n            duration: 0.3,\n            ease: 'power1.out',\n            paused: true,\n            overwrite: 'auto'\n        });\n\n        projectIframe.addEventListener('mouseenter', () => {\n            gsap.to(projectIframe, { scale: 1.05 });\n        });\n        projectIframe.addEventListener('mouseleave', () => {\n            gsap.to(projectIframe, { scale: 1 });\n        });\n    }\n};\n\n// GSAP animation for Gallery Section\nexport const animateGallerySection = () => {\n    const gallerySection = document.querySelector('.gallery');\n\n    if (gallerySection) {\n        // Animate gallery section\n        gsap.from(gallerySection, {\n            opacity: 0,\n            x: -100,\n            duration: 1.5,\n            ease: 'power2.out',\n            delay: 0.5\n        });\n\n        const swiperSlides = gallerySection.querySelectorAll('.swiper-slide');\n        gsap.from(swiperSlides, {\n            opacity: 0,\n            scale: 0.8,\n            duration: 1.5,\n            stagger: 0.2,\n            ease: 'back.out(1.7)',\n            delay: 1\n        });\n\n        const galleryImages = gallerySection.querySelectorAll('.gallery-img');\n        gsap.to(galleryImages, {\n            boxShadow: '0 0 20px rgba(0, 255, 255, 0.6)',\n            repeat: -1,\n            yoyo: true,\n            duration: 1.5,\n            ease: 'sine.inOut'\n        });\n    }\n};\n\n/*--------------------------------------------------------------*/\n/* Responsive Custom Bootstrap */\n/*--------------------------------------------------------------*/\n\n","<template>\n  <b-container fluid class=\"custom-container\">\n      <b-row>\n\n        <!--Stack Section-->\n        <div class=\"col-12 col-md-6 col-lg-3 tablet-4\">\n          <div class=\"stacks-card\">\n            <div class=\"card-body\">\n              <div class=\"card-title\">\n                <h1>\n                  <i class=\"fas fa-layer-group custom-icon\"></i>\n                  Benim\n                </h1>\n              </div>\n              <div class=\"card-subtitle\">\n                <h2>Kullandıklarım</h2>\n              </div>\n              <div class=\"stacks-icon\">\n                <div class=\"icon1\">\n                  <i class=\"fa-brands fa-vuejs\"></i>\n                  VueJS\n                </div>\n                <div class=\"icon2\">\n                  <i class=\"fa-brands fa-figma\"></i>\n                  Figma\n                </div>\n                <div class=\"icon3\">\n                  <i class=\"fa-brands fa-react\"></i>\n                  React\n                </div>\n                <div class=\"icon4\">\n                  <i class=\"fa-brands fa-x\"></i>\n                  Adobe XD\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <!--Stack Section-->\n\n        <!-- Number Section -->\n        <div class=\"col-12 col-md-2 col-lg-2\" v-for=\"(project, index) in projects\" :key=\"index\">\n          <div class=\"project\">\n            <div class=\"project-number\">\n              <h1>\n                {{ project.number }}\n                <i class=\"fas fa-plus project-icon\"></i>\n              </h1>\n            </div>\n            <div class=\"project-title\">\n              <h2>\n                <i :class=\"project.icon + ' project-title-icon'\"></i>\n                {{ project.title }}\n              </h2>\n            </div>\n          </div>\n        </div>\n        <!-- Number Section -->\n\n        <!--About Section-->\n        <div class=\"col-12 col-md-6 col-lg-3 about-column\">\n          <div class=\"about-card\">\n            <div class=\"card-body\">\n              <div class=\"card-title\">\n                <h1>\n                  <i class=\"fas fa-address-card custom-icon\"></i>\n                  Hakkında\n                </h1>\n              </div>\n              <div class=\"card-subtitle\">\n                <h2>Frontend Developer</h2>\n              </div>\n              <div class=\"about-card-content\">\n                <p>\n                  Merhaba, ben Hamza. Kastamonu Üniversitesi Bilgisayar Programcılığı bölümünden mezun oldum.\n                  Yazılım geliştirme alanında deneyim kazandım ve kendimi sürekli olarak geliştirmeye odaklanıyorum.\n                </p>\n                <p>\n                  Yazılım geliştirme kariyerimde Git, Microsoft SQL Server, HTML5, CSS3, JavaScript, .NET, .NET CORE, C# ve ASP.NET MVC\n                  gibi teknolojileri etkin bir şekilde kullandım. Frontend tarafında VueJS gibi araçlara da ilgi duyuyorum.\n                </p>\n                <p>\n                  İki e-ticaret projesinde yer aldım ve CMS projelerinde çeşitli görevler üstlendim.\n                  Güncel teknolojilere öncelik vererek projelerde etkili çözümler sunmaya özen gösteriyorum.\n                </p>\n                <p>\n                  Hızlı öğrenme yeteneğim ve analitik düşünme becerim sayesinde kendimi sürekli olarak geliştirmekteyim.\n                  Problem çözme ve iletişim becerilerimle takım içinde etkili bir şekilde çalışıyorum.\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n        <!--About Section-->\n\n        <!--Project Section-->\n        <div class=\"col-12 col-md-6 col-lg-3\">\n          <div class=\"project-card\">\n            <div class=\"card-body\">\n              <div class=\"card-title\">\n                <h1>\n                  <i class=\"fas fa-list-check custom-icon\"></i>\n                  Projelerim\n                </h1>\n              </div>\n              <div class=\"card-subtitle\">\n                <h2>Devam Edenler</h2>\n              </div>\n              <div id=\"project-slider\" class=\"splide\">\n                <div class=\"splide__track\">\n                  <ul class=\"splide__list\">\n                    <li class=\"splide__slide\">\n                      <iframe src=\"https://drd-demo.netlify.app/\" width=\"100%\" style=\"border:none; height: 300px;\">\n                        Tarayıcınız iframe öğelerini desteklemiyor.\n                      </iframe>\n                    </li>\n                    <li class=\"splide__slide\">\n                      <iframe src=\"https://www.indigosolutions.com.tr/\" width=\"100%\" style=\"border:none; height: 300px;\">\n                        Tarayıcınız iframe öğelerini desteklemiyor.\n                      </iframe>\n                    </li>\n                  </ul>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <!--Project Section-->\n\n        <!--Me Section-->\n        <div class=\"col-12 col-md-8 col-lg-4\">\n          <div class=\"me-section\">\n            <div class=\"me-header\">\n              <img src=\"../assets/img/main.webp\" class=\"img-fluid\" width=\"128\" alt=\"hamza-ince-vesikalik-fotografi\">\n              <div class=\"me-header-text\">\n                <div class=\"online-works\">\n                  <h2>\n                    <i class=\"fa-solid fa-circle-notch fa-spin\" style=\"color: #63E6BE;\" aria-label=\"aktif-çalışan\"></i>\n                    Aktif Çalışan\n                  </h2>\n                  <h6 class=\"resume\">\n                    <a href=\"cv/muhammet-hamza-ince.pdf\"\n                        download=\"muhammet-hamza-ince-cv.pdf\"\n                        title=\"Muhammet Hamza İnce'nin özgeçmişini indirin\"\n                        aria-label=\"Muhammet Hamza İnce'nin özgeçmişini indirin\">\n                      Özgeçmişimi İndirin\n                      <i class=\"fa-solid fa-file-arrow-down\" aria-hidden=\"true\"></i>\n                    </a>\n                  </h6>\n                </div>\n                <h2>Muhammet Hamza İnce</h2>\n                <h4><span>Frontend Developer</span></h4>\n              </div>\n            </div>\n            <div class=\"me-content\">\n              <div class=\"item\">\n                <i class=\"fa-solid fa-laptop-code\"></i>\n                <h2>Uzaktan Çalışıyorum</h2>\n              </div>\n              <div class=\"item\">\n                <i class=\"fa-solid fa-code\"></i>\n                <h2>Frontend Geliştirici</h2>\n              </div>\n              <div class=\"item\">\n                <i class=\"fa-brands fa-vuejs\"></i>\n                <h2>VueJs</h2>\n              </div>\n              <div class=\"item\">\n                <i class=\"fa-brands fa-react\"></i>\n                <h2>React</h2>\n              </div>\n              <div class=\"item\">\n                <i class=\"fa-solid fa-smile\"></i>\n                <h2>Neşeli & Rahat</h2>\n              </div>\n              <div class=\"item\">\n                <i class=\"fa-solid fa-clipboard-list\"></i>\n                <h2>Düzenli Çalışmalar</h2>\n              </div>\n              <div class=\"item\">\n                <i class=\"fa-solid fa-palette\"></i>\n                <h2>Bento Design Trend</h2>\n              </div>\n              <div class=\"item\">\n                <i class=\"fa-solid fa-lightbulb\"></i>\n                <h2>UI Design</h2>\n              </div>\n              <div class=\"item\">\n                <i class=\"fa-solid fa-mobile-alt\"></i>\n                <h2>Mobil Uyumlu Tasarım</h2>\n              </div>\n            </div>\n            <div class=\"me-footer\">\n              <div class=\"url-instagram\">\n                <p>\n                  <a href=\"https://www.instagram.com/hamza.ince6/?hl=tr\" target=\"_blank\" rel=\"noopener noreferrer\">\n                    <i class=\"fa-brands fa-instagram\"></i> Takip et\n                  </a>\n                </p>\n              </div>\n              <div class=\"url-whatsapp\">\n                <p>\n                  <a href=\"mailto:hamzaince001@gmail.com\">\n                    <i class=\"fa-solid fa-envelope\"></i> E-posta gönder\n                  </a>\n                </p>\n              </div>\n            </div>\n            <div class=\"me-github-skilss\">\n              <table border=\"0\" align=\"center\">\n                <tr border=\"0\">\n                  <td>\n                    <img src=\"https://github-readme-stats.vercel.app/api?username=hamzaince6&amp;theme=radical&amp;hide_border=false&amp;include_all_commits=false&amp;count_private=false\" alt=\"\">\n                    <hr class=\"github-hr\">\n                    <img src=\"https://github-readme-streak-stats.herokuapp.com/?user=hamzaince6&amp;theme=radical&amp;hide_border=false\" alt=\"\">\n                  </td>\n                </tr>\n              </table>\n            </div>\n          </div>\n        </div>\n        <!--Me Section-->\n\n        <!--Follow Me Section-->\n        <div class=\"col-12 col-md-4 col-lg-2\">\n          <div class=\"follow-me\">\n            <div class=\"follow-me-title\">\n              <h2>\n                <i class=\"fa-brands fa-rocketchat fa-fade custom-icon\"></i>\n                Beni Takip Edin\n              </h2>\n            </div>\n            <div class=\"follow-me-subtitle\">\n              <h4>Çevrimiçi Varlığım</h4>\n            </div>\n            <div class=\"socials\">\n              <div class=\"socaial-item\">\n                <a href=\"https://github.com/hamzaince6\">\n                  <i class=\"fa-brands fa-github fa-beat\" style=\"color: #333;\"></i>\n                  Github\n                </a>\n              </div>\n              <div class=\"socaial-item\">\n                <a href=\"https://gitlab.com/hamzaince6\">\n                  <i class=\"fa-brands fa-gitlab fa-beat\" style=\"color: #e24329;\"></i>\n                  Gitlab\n                </a>\n              </div>\n              <div class=\"socaial-item\">\n                <a href=\"https://www.instagram.com/hamza.ince6/\">\n                  <i class=\"fa-brands fa-instagram fa-beat\" style=\"color: #C13584;\"></i>\n                  Instagram\n                </a>\n              </div>\n              <div class=\"socaial-item\">\n                <a href=\"https://www.facebook.com/ahmetturab.ince/\">\n                  <i class=\"fa-brands fa-facebook fa-beat\" style=\"color: #1877F2;\"></i>\n                  Facebook\n                </a>\n              </div>\n              <div class=\"socaial-item\">\n                <a href=\"https://x.com/Hamza__ince\">\n                  <i class=\"fa-brands fa-twitter fa-beat\" style=\"color: #1DA1F2;\"></i>\n                  Twitter\n                </a>\n              </div>\n              <div class=\"socaial-item\">\n                <a href=\"https://www.linkedin.com/in/hamzaince/\">\n                  <i class=\"fa-brands fa-linkedin fa-beat\" style=\"color: #0077B5;\"></i>\n                  Linkedin\n                </a>\n              </div>\n              <div class=\"socaial-item\">\n                <a href=\"https://codersclub.co/tr/dev/hamzaince6\">\n                  <i class=\"fa-solid fa-code fa-beat\" style=\"color: #63E6BE;\"></i>\n                  CodersClub\n                </a>\n              </div>\n              <div class=\"github-language\">\n                <table border=\"0\" align=\"center\">\n                  <tr border=\"0\">\n                    <td width=\"50%\" align=\"center\">\n                      <img  align=\"center\"  src=\"https://github-readme-stats.anuraghazra1.vercel.app/api/top-langs/?username=hamzaince6&theme=radical&hide_border=true&no-bg=true&no-frame=true&langs_count=6\"/>\n                    </td>\n                  </tr>\n                </table>\n              </div>\n            </div>\n          </div>\n        </div>\n        <!--Follow Me Section-->\n\n        <!--Gallery Section-->\n        <div class=\"col-12 col-md-12 col-lg-3\">\n          <div class=\"gallery\">\n            <div class=\"gallery-title\">\n              <h2>\n                <i class=\"fa-solid fa-image custom-icon\"></i>\n                Galeri</h2>\n            </div>\n            <div class=\"gallery-subtitle\">\n              <h2>Kişisel Yaşam</h2>\n            </div>\n            <swiper\n                :slides-per-view=\"1\"\n                :space-between=\"10\"\n                :loop=\"true\"\n                :autoplay=\"{\n          delay: 3000,\n          disableOnInteraction: false\n        }\"\n                :mousewheel=\"true\"\n                @slideChange=\"onSlideChange\"\n            >\n              <swiper-slide style=\"width: 426px !important;\" v-for=\"(image, index) in images\" :key=\"index\">\n                <img :src=\"image.src\" class=\"gallery-img\" :alt=\"'Image ' + (index + 1)\">\n              </swiper-slide>\n            </swiper>\n          </div>\n        </div>\n        <!--Gallery Section-->\n      </b-row>\n    </b-container>\n</template>\n\n<!--              <div class=\"process-url\">-->\n<!--                <p>-->\n<!--                  <i class=\"fas fa-list-check custom-icon\"></i>-->\n<!--                  DRD Filo Oto Kiralama-->\n<!--                </p>-->\n<!--              </div>-->\n<!--              <div class=\"process-url\">-->\n<!--                <p>-->\n<!--                  <i class=\"fas fa-list-check custom-icon\"></i>-->\n<!--                  DRD Filo Oto Kiralama-->\n<!--                </p>-->\n<!--              </div>-->\n<!--              <div class=\"process-url\">-->\n<!--                <p>-->\n<!--                  <i class=\"fas fa-list-check custom-icon\"></i>-->\n<!--                  DRD Filo Oto Kiralama-->\n<!--                </p>-->\n<!--              </div>-->\n<!--              <div class=\"process-url\">-->\n<!--                <p>-->\n<!--                  <i class=\"fas fa-list-check custom-icon\"></i>-->\n<!--                  DRD Filo Oto Kiralama-->\n<!--                </p>-->\n<!--              </div>-->\n<!--              <div class=\"process-url\">-->\n<!--                <p>-->\n<!--                  <i class=\"fas fa-list-check custom-icon\"></i>-->\n<!--                  DRD Filo Oto Kiralama-->\n<!--                </p>-->\n<!--              </div>-->\n\n<script setup>\n\nimport '@splidejs/splide/dist/css/splide.min.css';\nimport Splide from '@splidejs/splide';\n\n// Splide Slider'ı Vue Bileşeninde Başlatma\nonMounted(() => {\n  new Splide('#project-slider', {\n    type       : 'loop',\n    pagination : true,\n    arrows     : true,\n    perPage    : 1,\n    gap        : '20px',\n  }).mount();\n});\n\nimport img1 from '../assets/img/1.webp';\nimport img2 from '../assets/img/2.webp';\nimport img3 from '../assets/img/3.webp';\nimport img4 from '../assets/img/4.webp';\nimport img5 from '../assets/img/5.webp';\nimport img6 from '../assets/img/6.webp';\nimport img7 from '../assets/img/7.webp';\nimport img8 from '../assets/img/8.webp';\nimport img9 from '../assets/img/9.webp';\nimport img10 from '../assets/img/10.webp';\nimport img11 from '../assets/img/11.webp';\n\nconst images = [\n  { src: img1 },\n  { src: img2 },\n  { src: img3 },\n  { src: img4 },\n  { src: img5 },\n  { src: img6 },\n  { src: img7 },\n  { src: img8 },\n  { src: img9 },\n  { src: img10 },\n  { src: img11 },\n];\n\nimport { Swiper, SwiperSlide } from 'swiper/vue';\nimport 'swiper/css';\n\nimport { onMounted } from 'vue';\nimport { animateIcons, animateProjects, animateAboutContent, animateMeSection, animateFollowMeSection, animateProjectSection, animateGallerySection,\n  hoverEffectsMeSection, hoverEffectsProjectSection } from \"../assets/custom\";\n\nconst onSlideChange = () => {\n  console.log('slide change');\n};\n\nconst projects = [\n  { number: 15, title: 'Proje', icon: 'fas fa-flag' },\n  { number: 7, title: 'Ekip Çalışması', icon: 'fa-solid fa-user-group' },\n  { number: 3, title: 'Deneyim', icon: 'fas fa-star' },\n];\n\nonMounted(() => {\n  animateIcons();\n  animateProjects();\n  animateAboutContent();\n  animateMeSection();\n  animateFollowMeSection();\n  animateProjectSection();\n  animateGallerySection();\n  hoverEffectsMeSection();\n  hoverEffectsProjectSection();\n});\n</script>\n\n<!--<template>-->\n<!--  <b-container fluid class=\"mx-auto stacks-container\">-->\n<!--    <b-row>-->\n<!--      <b-col class=\"col-md-3\">-->\n<!--        <b-card class=\"stacks-card\">-->\n<!--          <b-card-body>-->\n<!--            <b-card-title class=\"card-title\">-->\n<!--              <h1>My Stacks</h1>-->\n<!--            </b-card-title>-->\n<!--            <b-card-subtitle>-->\n<!--              <h2>Tech Arsenal</h2>-->\n<!--            </b-card-subtitle>-->\n<!--          </b-card-body>-->\n<!--        </b-card>-->\n<!--        <div class=\"b-avatar\">-->\n\n<!--        </div>-->\n<!--      </b-col>-->\n<!--    </b-row>-->\n<!--  </b-container>-->\n<!--</template>-->\n","import script from \"./HelloWorld.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./HelloWorld.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import { render } from \"./App.vue?vue&type=template&id=25ad224c\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { createApp } from 'vue';\nimport App from './App.vue';\nimport './assets/main.css';\n\n// Bootstrap CSS\nimport 'bootstrap/dist/css/bootstrap.css';\nimport 'bootstrap-vue-3/dist/bootstrap-vue-3.css';\n\n// BootstrapVue3'i import edin ve Vue uygulamasına ekleyin\nimport BootstrapVue3 from 'bootstrap-vue-3';\n\n// Fontawesome\nimport '@fortawesome/fontawesome-free/css/all.css';\n\n// Swiper CSS\nimport 'swiper/swiper-bundle.css';\n\nconst app = createApp(App);\n\n// BootstrapVue3'ü kullanın\napp.use(BootstrapVue3);\n\napp.mount('#app');\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.p = \"\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t524: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkhamza_portfolio\"] = self[\"webpackChunkhamza_portfolio\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [504], function() { return __webpack_require__(370); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["class","_createElementBlock","_hoisted_1","_createVNode","_component_HelloWorld","animateIcons","icons","document","querySelectorAll","iconColors","gsap","from","opacity","y","scale","duration","stagger","ease","onStart","forEach","icon","iconClass","querySelector","classList","color","set","filter","onComplete","to","repeat","yoyo","paused","addEventListener","animateProjects","projects","project","numberElement","titleElement","fromTo","delay","textContent","trim","finalValue","parseInt","innerText","snap","onUpdate","innerHTML","Math","ceil","animateAboutContent","aboutCards","card","paragraphs","rotation","boxShadow","animateMeSection","meSection","headerImg","headerTexts","onlineWorks","resumeLink","meContentItems","footerLinks","githubSkills","hoverEffectsMeSection","overwrite","text","backgroundColor","item","link","animateFollowMeSection","followMeSection","followMeTitle","followMeSubtitle","socialItems","githubLanguage","index","boxShadowColor","getComputedStyle","socialIcons","animateProjectSection","projectCard","x","projectIframe","hoverEffectsProjectSection","animateGallerySection","gallerySection","swiperSlides","galleryImages","onMounted","Splide","type","pagination","arrows","perPage","gap","mount","images","src","img1","img2","img3","img4","img5","img6","img7","img8","img9","img10","img11","onSlideChange","console","log","number","title","__exports__","name","components","HelloWorld","render","app","createApp","App","use","BootstrapVue3","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","__webpack_modules__","call","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","Infinity","i","length","fulfilled","j","Object","keys","every","key","splice","r","n","getter","__esModule","d","a","definition","o","defineProperty","enumerable","get","g","globalThis","this","Function","e","window","obj","prop","prototype","hasOwnProperty","Symbol","toStringTag","value","p","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","data","moreModules","runtime","some","id","chunkLoadingGlobal","self","bind","push","__webpack_exports__"],"sourceRoot":""}