Add files via upload
This commit is contained in:
FURK4NGG
@@ -0,0 +1,9 @@
|
|||||||
|
# Tüm trafikte HTTPS'ye yönlendirme
|
||||||
|
RewriteEngine On
|
||||||
|
RewriteCond %{HTTPS} off
|
||||||
|
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]
|
||||||
|
RewriteCond %{REQUEST_FILENAME} !-d
|
||||||
|
RewriteCond %{REQUEST_FILENAME}\.html -f
|
||||||
|
RewriteRule ^(.*)$ $1.html [L]
|
||||||
|
|
||||||
|
ErrorDocument 404 /not_found_page.html
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
<!DOCTYPE html><html lang="en" dir="ltr"><head><meta charset="utf-8"><title>Digital-Clock App</title></head><body><div class="clock"><div class="display"></div></div><style>@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400&display=swap);*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{display:grid;place-items:center;background:#131419}.clock{background:#131419;height:120px;line-height:120px;text-align:center;padding:0 30px;box-shadow:-3px -3px 7px rgb(255 255 255 / .05),3px 3px 5px rgb(0 0 0 / .5)}.clock .display{font-size:60px;color:cyan;letter-spacing:5px;font-family:'Orbitron',sans-serif}</style><script>setInterval((function(){const e=document.querySelector(".display");let t=new Date,n=t.getSeconds(),o=t.getMinutes(),s=t.getHours(),c="AM";s>12&&(c="PM",s-=12),0==s&&(s=12),n<10&&(n="0"+n),o<10&&(o="0"+o),s<10&&(s="0"+s),e.textContent=s+":"+o+":"+n+" "+c}));</script></body></html>
|
||||||
@@ -0,0 +1,3 @@
|
|||||||
|
<!DOCTYPE html><html lang="en" dir="ltr"><head><meta charset="utf-8"><title>Notes App</title><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"></head><body><div class="popup-box"><div class="popup"><div class="content"><header><p></p><i class="uil uil-times"></i></header><form action="#"><div class="row title"><label>Title</label><input type="text" spellcheck="false"></div><div class="row description"><label>Description</label><textarea spellcheck="false"></textarea></div><button></button></form></div></div></div><div class="wrapper"><li class="add-box"><div class="icon"><i class="uil uil-plus"></i></div><p>Add new note</p></li></div>
|
||||||
|
<style>@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}body{background:#88ABFF}::selection{color:#fff;background:#618cf8}.wrapper{margin:50px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,265px)}.wrapper li{height:250px;list-style:none;border-radius:5px;padding:15px 20px 20px;background:#fff;box-shadow:0 4px 8px rgb(0 0 0 / .05)}.add-box,.icon,.bottom-content,.popup,header,.settings .menu li{display:flex;align-items:center;justify-content:space-between}.add-box{cursor:pointer;flex-direction:column;justify-content:center}.add-box .icon{height:78px;width:78px;color:#88ABFF;font-size:40px;border-radius:50%;justify-content:center;border:2px dashed #88ABFF}.add-box p{color:#88ABFF;font-weight:500;margin-top:20px}.note{display:flex;flex-direction:column;justify-content:space-between}.note .details{max-height:165px;overflow-y:auto}.note .details::-webkit-scrollbar,.popup textarea::-webkit-scrollbar{width:0}.note .details:hover::-webkit-scrollbar,.popup textarea:hover::-webkit-scrollbar{width:5px}.note .details:hover::-webkit-scrollbar-track,.popup textarea:hover::-webkit-scrollbar-track{background:#f1f1f1;border-radius:25px}.note .details:hover::-webkit-scrollbar-thumb,.popup textarea:hover::-webkit-scrollbar-thumb{background:#e6e6e6;border-radius:25px}.note p{font-size:22px;font-weight:500}.note span{display:block;color:#575757;font-size:16px;margin-top:5px}.note .bottom-content{padding-top:10px;border-top:1px solid #ccc}.bottom-content span{color:#6D6D6D;font-size:14px}.bottom-content .settings{position:relative}.bottom-content .settings i{color:#6D6D6D;cursor:pointer;font-size:15px}.settings .menu{z-index:1;bottom:0;right:-5px;padding:5px 0;background:#fff;position:absolute;border-radius:4px;transform:scale(0);transform-origin:bottom right;box-shadow:0 0 6px rgb(0 0 0 / .15);transition:transform 0.2s ease}.settings.show .menu{transform:scale(1)}.settings .menu li{height:25px;font-size:16px;margin-bottom:2px;padding:17px 15px;cursor:pointer;box-shadow:none;border-radius:0;justify-content:flex-start}.menu li:last-child{margin-bottom:0}.menu li:hover{background:#f5f5f5}.menu li i{padding-right:8px}.popup-box{position:fixed;top:0;left:0;z-index:2;height:100%;width:100%;background:rgb(0 0 0 / .4)}.popup-box .popup{position:absolute;top:50%;left:50%;z-index:3;width:100%;max-width:400px;justify-content:center;transform:translate(-50%,-50%) scale(.95)}.popup-box,.popup{opacity:0;pointer-events:none;transition:all 0.25s ease}.popup-box.show,.popup-box.show .popup{opacity:1;pointer-events:auto}.popup-box.show .popup{transform:translate(-50%,-50%) scale(1)}.popup .content{border-radius:5px;background:#fff;width:calc(100% - 15px);box-shadow:0 0 15px rgb(0 0 0 / .1)}.content header{padding:15px 25px;border-bottom:1px solid #ccc}.content header p{font-size:20px;font-weight:500}.content header i{color:#8b8989;cursor:pointer;font-size:23px}.content form{margin:15px 25px 35px}.content form .row{margin-bottom:20px}form .row label{font-size:18px;display:block;margin-bottom:6px}form :where(input,textarea){height:50px;width:100%;outline:none;font-size:17px;padding:0 15px;border-radius:4px;border:1px solid #999}form :where(input,textarea):focus{box-shadow:0 2px 4px rgb(0 0 0 / .11)}form .row textarea{height:150px;resize:none;padding:8px 15px}form button{width:100%;height:50px;color:#fff;outline:none;border:none;cursor:pointer;font-size:17px;border-radius:4px;background:#6A93F8}@media (max-width:660px){.wrapper{margin:15px;gap:15px;grid-template-columns:repeat(auto-fill,100%)}.popup-box .popup{max-width:calc(100% - 15px)}.bottom-content .settings i{font-size:17px}}</style>
|
||||||
|
<script>const addBox=document.querySelector(".add-box"),popupBox=document.querySelector(".popup-box"),popupTitle=popupBox.querySelector("header p"),closeIcon=popupBox.querySelector("header i"),titleTag=popupBox.querySelector("input"),descTag=popupBox.querySelector("textarea"),addBtn=popupBox.querySelector("button"),months=["January","February","March","April","May","June","July","August","September","October","November","December"],notes=JSON.parse(localStorage.getItem("notes")||"[]");let updateId,isUpdate=!1;function showNotes(){notes&&(document.querySelectorAll(".note").forEach((e=>e.remove())),notes.forEach(((e,t)=>{let o=e.description.replaceAll("\n","<br/>"),n=`<li class="note">\n <div class="details">\n <p>${e.title}</p>\n <span>${o}</span>\n </div>\n <div class="bottom-content">\n <span>${e.date}</span>\n <div class="settings">\n <i onclick="showMenu(this)" class="uil uil-ellipsis-h"></i>\n <ul class="menu">\n <li onclick="updateNote(${t}, '${e.title}', '${o}')"><i class="uil uil-pen"></i>Edit</li>\n <li onclick="deleteNote(${t})"><i class="uil uil-trash"></i>Delete</li>\n </ul>\n </div>\n </div>\n </li>`;addBox.insertAdjacentHTML("afterend",n)})))}function showMenu(e){e.parentElement.classList.add("show"),document.addEventListener("click",(t=>{"I"==t.target.tagName&&t.target==e||e.parentElement.classList.remove("show")}))}function deleteNote(e){confirm("Are you sure you want to delete this note?")&&(notes.splice(e,1),localStorage.setItem("notes",JSON.stringify(notes)),showNotes())}function updateNote(e,t,o){let n=o.replaceAll("<br/>","\r\n");updateId=e,isUpdate=!0,addBox.click(),titleTag.value=t,descTag.value=n,popupTitle.innerText="Update a Note",addBtn.innerText="Update Note"}addBox.addEventListener("click",(()=>{popupTitle.innerText="Add a new Note",addBtn.innerText="Add Note",popupBox.classList.add("show"),document.querySelector("body").style.overflow="hidden",window.innerWidth>660&&titleTag.focus()})),closeIcon.addEventListener("click",(()=>{isUpdate=!1,titleTag.value=descTag.value="",popupBox.classList.remove("show"),document.querySelector("body").style.overflow="auto"})),showNotes(),addBtn.addEventListener("click",(e=>{e.preventDefault();let t=titleTag.value.trim(),o=descTag.value.trim();if(t||o){let e=new Date,n={title:t,description:o,date:`${months[e.getMonth()]} ${e.getDate()}, ${e.getFullYear()}`};isUpdate?(isUpdate=!1,notes[updateId]=n):notes.push(n),localStorage.setItem("notes",JSON.stringify(notes)),showNotes(),closeIcon.click()}}));</script></body></html>
|
||||||
@@ -0,0 +1,2 @@
|
|||||||
|
<!DOCTYPE html><html lang="en" dir="ltr"><head><meta charset="UTF-8"><title>Stopwatch Timer App</title></head><body><div class="wrapper"><div class="time"><span class="hour">00</span><span class="colon">:</span><span class="minute">00</span><span class="colon">:</span><span class="second">00</span><span class="colon ms-colon">:</span><span class="millisecond">00</span></div><div class="buttons"><button class="start">Start</button><button class="stop">Stop</button><button class="reset">Reset</button></div></div>
|
||||||
|
<style>@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif}body{height:100vh;display:flex;align-items:center;justify-content:center;background:#7D2Ae8}.wrapper{user-select:none}.wrapper .time{height:100px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:6px;box-shadow:10px 10px 20px rgb(0 0 0 / .09);padding:0 10px}.wrapper .time span{width:100px;text-align:center;font-size:50px;font-weight:500;color:#333}.time span.colon{width:10px}.time span.ms-colon,.time span.millisecond{color:#7D2Ae8}.wrapper .buttons{text-align:center;margin-top:20px}.buttons button{padding:6px 16px;outline:none;border:none;margin:0 5px;color:#7D2Ae8;background:#fff;font-size:19px;font-weight:500;border-radius:4px;cursor:pointer;box-shadow:10px 10px 20px rgb(0 0 0 / .09)}.buttons button.active,.buttons button.stopActive{pointer-events:none;opacity:.7}</style><script>let startTimer,hr=min=sec=ms="00";const startBtn=document.querySelector(".start"),stopBtn=document.querySelector(".stop"),resetBtn=document.querySelector(".reset");function start(){startBtn.classList.add("active"),stopBtn.classList.remove("stopActive"),startTimer=setInterval((()=>{ms++,ms=ms<10?"0"+ms:ms,100==ms&&(sec++,sec=sec<10?"0"+sec:sec,ms="00"),60==sec&&(min++,min=min<10?"0"+min:min,sec="00"),60==min&&(hr++,hr=hr<10?"0"+hr:hr,min="00"),putValue()}),10)}function stop(){startBtn.classList.remove("active"),stopBtn.classList.add("stopActive"),clearInterval(startTimer)}function reset(){startBtn.classList.remove("active"),stopBtn.classList.remove("stopActive"),clearInterval(startTimer),hr=min=sec=ms="00",putValue()}function putValue(){document.querySelector(".millisecond").innerText=ms,document.querySelector(".second").innerText=sec,document.querySelector(".minute").innerText=min,document.querySelector(".hour").innerText=hr}startBtn.addEventListener("click",start),stopBtn.addEventListener("click",stop),resetBtn.addEventListener("click",reset);</script></body></html>
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:'Open Sans',sans-serif}body{background:#E3F2FD}h1{background:#5372F0;font-size:1.75rem;text-align:center;padding:18px 0;color:#fff}.container{display:flex;gap:35px;padding:30px}.weather-input{width:550px}.weather-input input{height:46px;width:100%;outline:none;font-size:1.07rem;padding:0 17px;margin:10px 0 20px 0;border-radius:4px;border:1px solid #ccc}.weather-input input:focus{padding:0 16px;border:2px solid #5372F0}.weather-input .separator{height:1px;width:100%;margin:25px 0;background:#BBB;display:flex;align-items:center;justify-content:center}.weather-input .separator::before{content:"or";color:#6C757D;font-size:1.18rem;padding:0 15px;margin-top:-4px;background:#E3F2FD}.weather-input button{width:100%;padding:10px 0;cursor:pointer;outline:none;border:none;border-radius:4px;font-size:1rem;color:#fff;background:#5372F0;transition:0.2s ease}.weather-input .search-btn:hover{background:#2c52ed}.weather-input .location-btn{background:#6C757D}.weather-input .location-btn:hover{background:#5c636a}.weather-data{width:100%}.weather-data .current-weather{color:#fff;background:#5372F0;border-radius:5px;padding:20px 70px 20px 20px;display:flex;justify-content:space-between}.current-weather h2{font-weight:700;font-size:1.7rem}.weather-data h6{margin-top:12px;font-size:1rem;font-weight:500}.current-weather .icon{text-align:center}.current-weather .icon img{max-width:120px;margin-top:-15px}.current-weather .icon h6{margin-top:-10px;text-transform:capitalize}.days-forecast h2{margin:20px 0;font-size:1.5rem}.days-forecast .weather-cards{display:flex;gap:20px}.weather-cards .card{color:#fff;padding:18px 16px;list-style:none;width:calc(100% / 5);background:#6C757D;border-radius:5px}.weather-cards .card h3{font-size:1.3rem;font-weight:600}.weather-cards .card img{max-width:70px;margin:5px 0 -12px 0}@media (max-width:1400px){.weather-data .current-weather{padding:20px}.weather-cards{flex-wrap:wrap}.weather-cards .card{width:calc(100% / 4 - 15px)}}@media (max-width:1200px){.weather-cards .card{width:calc(100% / 3 - 15px)}}@media (max-width:950px){.weather-input{width:450px}.weather-cards .card{width:calc(100% / 2 - 10px)}}@media (max-width:750px){h1{font-size:1.45rem;padding:16px 0}.container{flex-wrap:wrap;padding:15px}.weather-input{width:100%}.weather-data h2{font-size:1.35rem}}
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>Weather App</title><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="5.css"></head><body><h1>Weather Dashboard</h1><div class="container"><div class="weather-input"><h3>Enter a City Name</h3><input class="city-input" type="text" placeholder="E.g., New York, London, Tokyo"><button class="search-btn">Search</button><div class="separator"></div><button class="location-btn">Use Current Location</button></div><div class="weather-data"><div class="current-weather"><div class="details"><h2>_______ ( ______ )</h2><h6>Temperature: __°C</h6><h6>Wind: __ M/S</h6><h6>Humidity: __%</h6></div></div><div class="days-forecast"><h2>5-Day Forecast</h2><ul class="weather-cards"><li class="card"><h3>( ______ )</h3><h6>Temp: __C</h6><h6>Wind: __ M/S</h6><h6>Humidity: __%</h6></li><li class="card"><h3>( ______ )</h3><h6>Temp: __C</h6><h6>Wind: __ M/S</h6><h6>Humidity: __%</h6></li><li class="card"><h3>( ______ )</h3><h6>Temp: __C</h6><h6>Wind: __ M/S</h6><h6>Humidity: __%</h6></li><li class="card"><h3>( ______ )</h3><h6>Temp: __C</h6><h6>Wind: __ M/S</h6><h6>Humidity: __%</h6></li><li class="card"><h3>( ______ )</h3><h6>Temp: __C</h6><h6>Wind: __ M/S</h6><h6>Humidity: __%</h6></li></ul></div></div></div><script>const cityInput=document.querySelector(".city-input"),searchButton=document.querySelector(".search-btn"),locationButton=document.querySelector(".location-btn"),currentWeatherDiv=document.querySelector(".current-weather"),weatherCardsDiv=document.querySelector(".weather-cards"),API_KEY="20b42445ddc589983b0a83678e584187",createWeatherCard=(e,t,n)=>0===n?`<div class="details">\n <h2>${e} (${t.dt_txt.split(" ")[0]})</h2>\n <h6>Temperature: ${(t.main.temp-273.15).toFixed(2)}°C</h6>\n <h6>Wind: ${t.wind.speed} M/S</h6>\n <h6>Humidity: ${t.main.humidity}%</h6>\n </div>\n <div class="icon">\n <img src="https://openweathermap.org/img/wn/${t.weather[0].icon}@4x.png" alt="weather-icon">\n <h6>${t.weather[0].description}</h6>\n </div>`:`<li class="card">\n <h3>(${t.dt_txt.split(" ")[0]})</h3>\n <img src="https://openweathermap.org/img/wn/${t.weather[0].icon}@4x.png" alt="weather-icon">\n <h6>Temp: ${(t.main.temp-273.15).toFixed(2)}°C</h6>\n <h6>Wind: ${t.wind.speed} M/S</h6>\n <h6>Humidity: ${t.main.humidity}%</h6>\n </li>`,getWeatherDetails=(e,t,n)=>{fetch(`https://api.openweathermap.org/data/2.5/forecast?lat=${t}&lon=${n}&appid=${API_KEY}`).then((e=>e.json())).then((t=>{const n=[],r=t.list.filter((e=>{const t=new Date(e.dt_txt).getDate();if(!n.includes(t))return n.push(t)}));cityInput.value="",currentWeatherDiv.innerHTML="",weatherCardsDiv.innerHTML="",r.forEach(((t,n)=>{const r=createWeatherCard(e,t,n);0===n?currentWeatherDiv.insertAdjacentHTML("beforeend",r):weatherCardsDiv.insertAdjacentHTML("beforeend",r)}))})).catch((()=>{alert("An error occurred while fetching the weather forecast!")}))},getCityCoordinates=()=>{const e=cityInput.value.trim();if(""===e)return;fetch(`https://api.openweathermap.org/geo/1.0/direct?q=${e}&limit=1&appid=${API_KEY}`).then((e=>e.json())).then((t=>{if(!t.length)return alert(`No coordinates found for ${e}`);const{lat:n,lon:r,name:i}=t[0];getWeatherDetails(i,n,r)})).catch((()=>{alert("An error occurred while fetching the coordinates!")}))},getUserCoordinates=()=>{navigator.geolocation.getCurrentPosition((e=>{const{latitude:t,longitude:n}=e.coords;fetch(`https://api.openweathermap.org/geo/1.0/reverse?lat=${t}&lon=${n}&limit=1&appid=${API_KEY}`).then((e=>e.json())).then((e=>{const{name:r}=e[0];getWeatherDetails(r,t,n)})).catch((()=>{alert("An error occurred while fetching the city name!")}))}),(e=>{e.code===e.PERMISSION_DENIED?alert("Geolocation request denied. Please reset location permission to grant access again."):alert("Geolocation request error. Please reset location permission.")}))};locationButton.addEventListener("click",getUserCoordinates),searchButton.addEventListener("click",getCityCoordinates),cityInput.addEventListener("keyup",(e=>"Enter"===e.key&&getCityCoordinates()));</script></body></html>
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap);*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;list-style-type:none;cursor:none}:root{--1st:#253529;--2nd:#555d50;--3rd:#9DBC98;--black4:#0C0C0C;--3white:#ffffff;--greyyy:#EADBC8;--bg:#F8F6E3}html{z-index:-999999;font-size:62.5%;scroll-behavior:smooth}body{font-size:1.6rem;background:var(--bg)}.container_a{text-align:center;font-family:"Montserrat",sans-serif;max-width:124rem;padding:0 0rem;margin:0 auto}.container{font-family:"Montserrat",sans-serif;max-width:124rem;padding:0 0rem;margin:0 auto}#gallery_title{user-select:none!important;text-align:center;font-family:'Teko',sans-serif;text-shadow:3px 3px 0 #8A817C}#gallery_body{user-select:none!important;text-align:center;align-items:center;font-family:'Teko',sans-serif;text-shadow:3px 3px 0 #555d50}.section-subheading{font-size:6rem;color:var(--black4)}.section-heading{text-align:center;font-size:4rem;color:var(--3rd);padding:2rem 0}#tranding{text-decoration:none}#tranding .tranding-slider{height:52rem;padding:2rem 0;position:relative}@media (max-width:500px){#tranding .tranding-slider{height:45rem}}.tranding-slide{width:37rem;height:42rem;position:relative}@media (max-width:500px){.tranding-slide{width:28rem!important;height:36rem!important}.tranding-slide .tranding-slide-img img{width:28rem!important;height:36rem!important}}.img_filter{z-index:99;position:absolute;object-fit:cover;background-size:cover;bottom:0;left:0;width:100%;height:100%;border-radius:2.7rem}.tranding-slide .tranding-slide-img img{background-image:linear-gradient(#0001,#000);filter:drop-shadow(0 10px 10px rgb(0 0 0 / .7));background-size:cover;width:37rem;height:42rem;border-radius:3rem;object-fit:cover}.tranding-slide .tranding-slide-content{user-select:none!important;position:absolute;border-radius:3rem;z-index:999;left:0;top:0;right:0;bottom:0}.tranding-slide-content-top{text-align:center;justify-content:center;position:absolute;top:2rem;right:1rem;height:6rem;width:6rem;}.documents{fill: var(--greyyy);}.tranding-slide-content .tranding-slide-content-bottom{position:absolute;bottom:2rem;left:2rem;color:var(--greyyy)}.rating ion-icon{color:var(--1st)}.swiper-slide-shadow-left,.swiper-slide-shadow-right{display:none}.tranding-slider-control{user-select:none!important;position:relative;bottom:2rem;display:flex;align-items:center;justify-content:center}.tranding-slider-control:active{cursor:none;background-color:none}.tranding-slider-control .swiper-button-next{left:58%!important;transform:translateX(-58%)!important}@media (max-width:990px){.tranding-slider-control .swiper-button-next{left:70%!important;transform:translateX(-70%)!important}}@media (max-width:450px){.tranding-slider-control .swiper-button-next{left:80%!important;transform:translateX(-80%)!important}}@media (max-width:990px){.tranding-slider-control .swiper-button-prev{left:30%!important;transform:translateX(-30%)!important}}@media (max-width:450px){.tranding-slider-control .swiper-button-prev{left:20%!important;transform:translateX(-20%)!important}}.tranding-slider-control .slider-arrow{cursor:none;background:var(--3white);width:3.5rem;height:3.5rem;border-radius:50%;left:42%;transform:translateX(-42%)}.tranding-slider-control .slider-arrow ion-icon{font-size:2rem;color:#222224}.tranding-slider-control .slider-arrow::after{content:''}.tranding-slider-control .swiper-pagination{position:relative;width:15rem;bottom:1rem}.tranding-slider-control .swiper-pagination .swiper-pagination-bullet{cursor:none;filter:drop-shadow(0 8px 24px rgb(18 28 53 / .1))}.tranding-slider-control .swiper-pagination .swiper-pagination-bullet-active{background:var(--1st)}
|
||||||
+352
@@ -0,0 +1,352 @@
|
|||||||
|
/*SCROLL REVEALING*/
|
||||||
|
document.addEventListener('DOMContentLoaded', () => {
|
||||||
|
const textContainer = document.getElementById('animatedTextContainer');
|
||||||
|
const text = "I am an 18-year-old university student studying Computer Engineering. Since 2020, I have mostly improved myself in back-end departments, particularly in Robotic Coding, Mobile Application Development, Website Creation, Cyber Security, and AI Prompt Engineering. I have also participated in MEB Robot Competitions and TUBITAK projects. In addition to these experiences, I have learned programming languages such as Python, Java, C++, C#, CSS, JavaScript, PHP, and SQL. Right now, I am working on projects related to AI and IoT.I am passionate about creating innovative solutions that can positively impact people’s lives and contribute to society, and I am always open to exploring new ideas that serve humanity.";
|
||||||
|
|
||||||
|
// Split text into words and wrap each word in a span
|
||||||
|
const words = text.split(' ').map(word => {
|
||||||
|
const span = document.createElement('span');
|
||||||
|
span.textContent = word;
|
||||||
|
span.className = 'word';
|
||||||
|
return span;
|
||||||
|
});
|
||||||
|
|
||||||
|
// Append words to the text container
|
||||||
|
words.forEach(word => textContainer.appendChild(word));
|
||||||
|
});
|
||||||
|
|
||||||
|
document.addEventListener('scroll', () => {
|
||||||
|
const words = document.querySelectorAll('.word');
|
||||||
|
const scrollPosition = window.scrollY;
|
||||||
|
const windowHeight = window.innerHeight;
|
||||||
|
const totalHeight = document.body.scrollHeight;
|
||||||
|
|
||||||
|
const scrollPercent = scrollPosition*4 / (totalHeight - windowHeight);
|
||||||
|
|
||||||
|
words.forEach((word, index) => {
|
||||||
|
const wordOffset = index / words.length;
|
||||||
|
const opacity = Math.min(Math.max((scrollPercent - wordOffset) * 2, 0), 1);
|
||||||
|
word.style.color = `rgba(0, 0, 0, ${opacity})`;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
/*LAZY LOADING*/
|
||||||
|
document.addEventListener("DOMContentLoaded", function() {
|
||||||
|
const lazyLoadImages = document.querySelectorAll("img.lazy-load");
|
||||||
|
|
||||||
|
if ("IntersectionObserver" in window) {
|
||||||
|
const imageObserver = new IntersectionObserver((entries, observer) => {
|
||||||
|
entries.forEach(entry => {
|
||||||
|
if (entry.isIntersecting) {
|
||||||
|
const img = entry.target;
|
||||||
|
img.src = img.getAttribute("data-src");
|
||||||
|
img.removeAttribute("data-src");
|
||||||
|
img.classList.remove("lazy-load");
|
||||||
|
observer.unobserve(img);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
lazyLoadImages.forEach(img => {
|
||||||
|
imageObserver.observe(img);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
// Fallback for browsers that do not support IntersectionObserver
|
||||||
|
const loadImages = () => {
|
||||||
|
lazyLoadImages.forEach(img => {
|
||||||
|
if (img.getBoundingClientRect().top < window.innerHeight && img.getBoundingClientRect().bottom > 0 && getComputedStyle(img).display !== "none") {
|
||||||
|
img.src = img.getAttribute("data-src");
|
||||||
|
img.removeAttribute("data-src");
|
||||||
|
img.classList.remove("lazy-load");
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
loadImages();
|
||||||
|
window.addEventListener("scroll", loadImages);
|
||||||
|
window.addEventListener("resize", loadImages);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
/*SAVE DATA AND RUN OFFLINE*/
|
||||||
|
if ('serviceWorker' in navigator) {
|
||||||
|
window.addEventListener('load', () => {
|
||||||
|
navigator.serviceWorker.register('/service-worker.js')
|
||||||
|
.then(registration => {
|
||||||
|
console.log('Service Worker registered with scope:', registration.scope);
|
||||||
|
})
|
||||||
|
.catch(error => {
|
||||||
|
console.log('Service Worker registration failed:', error);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
const toTop = document.querySelector(".to-top");
|
||||||
|
|
||||||
|
window.addEventListener("scroll", () => {
|
||||||
|
if (window.pageYOffset > document.body.scrollHeight/2) {
|
||||||
|
toTop.classList.add("active");
|
||||||
|
} else {
|
||||||
|
toTop.classList.remove("active");
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
|
window.addEventListener('load', function() {
|
||||||
|
const targetElement = document.getElementById('container_1');
|
||||||
|
targetElement.scrollIntoView();
|
||||||
|
});
|
||||||
|
|
||||||
|
/*LOADING SCREEN*/
|
||||||
|
gsap.fromTo(
|
||||||
|
".loading_page",
|
||||||
|
{ opacity: 1 },
|
||||||
|
{
|
||||||
|
opacity: 0,
|
||||||
|
display: "none",
|
||||||
|
duration: 1.5,
|
||||||
|
delay: 3.5,
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
gsap.fromTo(
|
||||||
|
".logo_name",
|
||||||
|
{
|
||||||
|
y: 50,
|
||||||
|
opacity: 0,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
y: 0,
|
||||||
|
opacity: 1,
|
||||||
|
duration: 2,
|
||||||
|
delay: 0.5,
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
/*DARK MODE*/
|
||||||
|
const options = {
|
||||||
|
bottom: '32px', // default: '32px'
|
||||||
|
right: 'unset', // default: '32px'
|
||||||
|
left: '15px', // default: 'unset'
|
||||||
|
time: '0.5s', // default: '0.3s'
|
||||||
|
mixColor: '#fff', // default: '#fff'
|
||||||
|
backgroundColor: '', // default: '#fff'
|
||||||
|
buttonColorDark: '#100f2c', // default: '#100f2c'
|
||||||
|
buttonColorLight: '#fff', // default: '#fff'
|
||||||
|
saveInCookies: true, // default: true,
|
||||||
|
label: '🌓', // default: ''
|
||||||
|
autoMatchOsTheme: true // default: true
|
||||||
|
}
|
||||||
|
|
||||||
|
/*GALLERY IMAGES*/
|
||||||
|
var TrandingSlider = new Swiper('.tranding-slider', {
|
||||||
|
effect: 'coverflow',
|
||||||
|
grabCursor: true,
|
||||||
|
centeredSlides: true,
|
||||||
|
loop: true,
|
||||||
|
slidesPerView: 'auto',
|
||||||
|
coverflowEffect: {
|
||||||
|
rotate: 0,
|
||||||
|
stretch: 0,
|
||||||
|
depth: 100,
|
||||||
|
modifier: 2.5,
|
||||||
|
},
|
||||||
|
pagination: {
|
||||||
|
el: '.swiper-pagination',
|
||||||
|
clickable: true,
|
||||||
|
},
|
||||||
|
navigation: {
|
||||||
|
nextEl: '.swiper-button-next',
|
||||||
|
prevEl: '.swiper-button-prev',
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
/*SMOOTH SCROLL FUNCTION*/
|
||||||
|
document.addEventListener("DOMContentLoaded", function() {
|
||||||
|
// Tüm anchor linklerini seç
|
||||||
|
const links = document.querySelectorAll('a[href^="#"]');
|
||||||
|
|
||||||
|
// Tıklama olaylarını dinle
|
||||||
|
links.forEach(link => {
|
||||||
|
link.addEventListener('click', function(event) {
|
||||||
|
event.preventDefault(); // Varsayılan davranışı engelle (URL değişimi)
|
||||||
|
|
||||||
|
// Hedef elementi seç
|
||||||
|
const targetId = this.getAttribute('href').substring(1);
|
||||||
|
const targetElement = document.getElementById(targetId);
|
||||||
|
|
||||||
|
if (targetElement) {
|
||||||
|
// Smooth scroll işlemini gerçekleştir
|
||||||
|
window.scrollTo({
|
||||||
|
top: targetElement.offsetTop,
|
||||||
|
behavior: 'smooth'
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
/*ANIMATED TEXT*/
|
||||||
|
const dynamicText = document.querySelector(".h1 span");
|
||||||
|
const words = ["Developer", "Athlete", "Musician"];
|
||||||
|
|
||||||
|
// Variables to track the position and deletion status of the word
|
||||||
|
let wordIndex = 0;
|
||||||
|
let charIndex = 0;
|
||||||
|
let isDeleting = false;
|
||||||
|
|
||||||
|
const typeEffect = () => {
|
||||||
|
const currentWord = words[wordIndex];
|
||||||
|
const currentChar = currentWord.substring(0, charIndex);
|
||||||
|
dynamicText.textContent = currentChar;
|
||||||
|
dynamicText.classList.add("stop-blinking");
|
||||||
|
|
||||||
|
if (!isDeleting && charIndex < currentWord.length) {
|
||||||
|
// If condition is true, type the next character
|
||||||
|
charIndex++;
|
||||||
|
setTimeout(typeEffect, 200);
|
||||||
|
} else if (isDeleting && charIndex > 0) {
|
||||||
|
// If condition is true, remove the previous character
|
||||||
|
charIndex--;
|
||||||
|
setTimeout(typeEffect, 100);
|
||||||
|
} else {
|
||||||
|
// If word is deleted then switch to the next word
|
||||||
|
isDeleting = !isDeleting;
|
||||||
|
dynamicText.classList.remove("stop-blinking");
|
||||||
|
wordIndex = !isDeleting ? (wordIndex + 1) % words.length : wordIndex;
|
||||||
|
setTimeout(typeEffect, 1200);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
typeEffect();
|
||||||
|
|
||||||
|
const coords = { x: 0, y: 0 };
|
||||||
|
const circles = document.querySelectorAll(".circle");
|
||||||
|
|
||||||
|
window.addEventListener("mouseout", function (e) {
|
||||||
|
if (!document.body.contains(e.relatedTarget)) {
|
||||||
|
// Daireleri gizle
|
||||||
|
circles.forEach((circle) => {
|
||||||
|
circle.style.visibility = "hidden"; // veya display: none
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
//When the cursor came in the page make visible the circles
|
||||||
|
window.addEventListener("mouseover", function (e) {
|
||||||
|
circles.forEach((circle) => {
|
||||||
|
circle.style.visibility = "visible"; // veya display: block
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
/*CURSOR*/
|
||||||
|
const colors = [
|
||||||
|
"#DCFFB7",
|
||||||
|
"#CBFFA9",
|
||||||
|
"#D0F5BE",
|
||||||
|
"#C3EDC0",
|
||||||
|
"#C8E4B2",
|
||||||
|
"#D9EDBF",
|
||||||
|
"#CDF2CA",
|
||||||
|
"#CDF2CA",
|
||||||
|
"#C3E5AE",
|
||||||
|
"#C7E9B0",
|
||||||
|
"#CCD6A6",
|
||||||
|
"#B3C99C",
|
||||||
|
"#A4BC92",
|
||||||
|
"#99B080",
|
||||||
|
"#789461",
|
||||||
|
"#527853",
|
||||||
|
"#4F6F52",
|
||||||
|
"#436850",
|
||||||
|
"#4F6F52",
|
||||||
|
"#294B29",
|
||||||
|
"#1A4D2E",
|
||||||
|
"#114232"
|
||||||
|
];
|
||||||
|
|
||||||
|
circles.forEach(function (circle, index) {
|
||||||
|
circle.x = 0;
|
||||||
|
circle.y = 0;
|
||||||
|
circle.style.backgroundColor = colors[index % colors.length];
|
||||||
|
});
|
||||||
|
|
||||||
|
window.addEventListener("mousemove", function(e){
|
||||||
|
coords.x = e.clientX;
|
||||||
|
coords.y = e.clientY;
|
||||||
|
});
|
||||||
|
|
||||||
|
function animateCircles() {
|
||||||
|
|
||||||
|
let x = coords.x;
|
||||||
|
let y = coords.y;
|
||||||
|
|
||||||
|
circles.forEach(function (circle, index) {
|
||||||
|
circle.style.left = x - 9 + "px";
|
||||||
|
circle.style.top = y - 9 + "px";
|
||||||
|
|
||||||
|
circle.style.scale = (circles.length - index) / circles.length;
|
||||||
|
|
||||||
|
circle.x = x;
|
||||||
|
circle.y = y;
|
||||||
|
|
||||||
|
const nextCircle = circles[index + 1] || circles[0];
|
||||||
|
x += (nextCircle.x - x) * 0.3;
|
||||||
|
y += (nextCircle.y - y) * 0.3;
|
||||||
|
});
|
||||||
|
requestAnimationFrame(animateCircles);
|
||||||
|
}
|
||||||
|
|
||||||
|
animateCircles();
|
||||||
|
|
||||||
|
/*when see the progress-bar animation*/
|
||||||
|
function runOnVisible() {
|
||||||
|
const progressBar_1 = document.querySelector(".progress-value_1");
|
||||||
|
const progressBar_2 = document.querySelector(".progress-value_2");
|
||||||
|
const progressBar_3 = document.querySelector(".progress-value_3");
|
||||||
|
const progressBar_4 = document.querySelector(".progress-value_4");
|
||||||
|
const progressBar_5 = document.querySelector(".progress-value_5");
|
||||||
|
const progressBar_6 = document.querySelector(".progress-value_6");
|
||||||
|
const progressBar_7 = document.querySelector(".progress-value_7");
|
||||||
|
const progressBar_8 = document.querySelector(".progress-value_8");
|
||||||
|
const progressBar_9 = document.querySelector(".progress-value_9");
|
||||||
|
|
||||||
|
progressBar_1.style.animation = "load_1 3s normal forwards";
|
||||||
|
progressBar_2.style.animation = "load_2 3s normal forwards";
|
||||||
|
progressBar_3.style.animation = "load_3 3s normal forwards";
|
||||||
|
progressBar_4.style.animation = "load_4 3s normal forwards";
|
||||||
|
progressBar_5.style.animation = "load_5 3s normal forwards";
|
||||||
|
progressBar_6.style.animation = "load_6 3s normal forwards";
|
||||||
|
progressBar_7.style.animation = "load_7 3s normal forwards";
|
||||||
|
progressBar_8.style.animation = "load_8 3s normal forwards";
|
||||||
|
progressBar_9.style.animation = "load_9 3s normal forwards";}
|
||||||
|
|
||||||
|
const observer = new IntersectionObserver(
|
||||||
|
(entries) => {
|
||||||
|
entries.forEach((entry) => {
|
||||||
|
if (entry.isIntersecting) {runOnVisible();}//Run when see dhe div
|
||||||
|
});
|
||||||
|
},
|
||||||
|
{ threshold: 0.09 } // Divin %9'si göründüğünde tetikler
|
||||||
|
);
|
||||||
|
const skillsDiv = document.getElementById("skills");
|
||||||
|
observer.observe(skillsDiv);
|
||||||
|
|
||||||
|
/*Disable copy-paste*/
|
||||||
|
const disabledKeys = ["c", "C", "x", "J", "u", "I"]; // keys that will be disabled
|
||||||
|
const showAlert = e => {
|
||||||
|
e.preventDefault(); // preventing its default behaviour
|
||||||
|
return alert("Sorry, you can't view or copy source codes this way!");
|
||||||
|
}
|
||||||
|
document.addEventListener("contextmenu", e => {
|
||||||
|
showAlert(e); // calling showAlert() function on mouse right click
|
||||||
|
});
|
||||||
|
document.addEventListener("keydown", e => {
|
||||||
|
// calling showAlert() function, if the pressed key matched to disabled keys
|
||||||
|
if((e.ctrlKey && disabledKeys.includes(e.key)) || e.key === "F12") {
|
||||||
|
showAlert(e);
|
||||||
|
}
|
||||||
|
});
|
||||||
@@ -0,0 +1,3 @@
|
|||||||
|
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Hangman Game App</title><script src="word-list_en.js"></script></head><body><div class="game-modal"><div class="content"><img src="#" alt="gif"><h4>Game Over!</h4><p>The correct word was:<b>rainbow</b></p><button class="play-again">Play Again</button></div></div><div class="container"><div class="hangman-box"><img src="#" draggable="false" alt="hangman-img"><h1>Hangman Game</h1></div><div class="game-box"><ul class="word-display"></ul><h4 class="hint-text">Hint:<b></b></h4><h4 class="guesses-text">Incorrect guesses:<b></b></h4><div class="keyboard"></div></div></div><style>
|
||||||
|
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"Open Sans",sans-serif}body{display:flex;padding:0 10px;align-items:center;justify-content:center;min-height:100vh;background:#5E63BA}.container{display:flex;width:850px;gap:70px;padding:60px 40px;background:#fff;border-radius:10px;align-items:flex-end;justify-content:space-between;box-shadow:0 10px 20px rgb(0 0 0 / .1)}.hangman-box img{user-select:none;max-width:270px}.hangman-box h1{font-size:1.45rem;text-align:center;margin-top:20px;text-transform:uppercase}.game-box .word-display{gap:10px;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.word-display .letter{width:28px;font-size:2rem;text-align:center;font-weight:600;margin-bottom:40px;text-transform:uppercase;border-bottom:3px solid #000}.word-display .letter.guessed{margin:-40px 0 35px;border-color:#fff0}.game-box h4{text-align:center;font-size:1.1rem;font-weight:500;margin-bottom:15px}.game-box h4 b{font-weight:600}.game-box .guesses-text b{color:red}.game-box .keyboard{display:flex;gap:5px;flex-wrap:wrap;margin-top:40px;justify-content:center}:where(.game-modal,.keyboard) button{color:#fff;border:none;outline:none;cursor:pointer;font-size:1rem;font-weight:600;border-radius:4px;text-transform:uppercase;background:#5E63BA}.keyboard button{padding:7px;width:calc(100% / 9 - 5px)}.keyboard button[disabled]{pointer-events:none;opacity:.6}:where(.game-modal,.keyboard) button:hover{background:#8286c9}.game-modal{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;background:rgb(0 0 0 / .6);display:flex;align-items:center;justify-content:center;z-index:9999;padding:0 10px;transition:opacity 0.4s ease}.game-modal.show{opacity:1;pointer-events:auto;transition:opacity 0.4s 0.4s ease}.game-modal .content{padding:30px;max-width:420px;width:100%;border-radius:10px;background:#fff;text-align:center;box-shadow:0 10px 20px rgb(0 0 0 / .1)}.game-modal img{max-width:130px;margin-bottom:20px}.game-modal img[src="img/victory.gif"]{margin-left:-10px}.game-modal h4{font-size:1.53rem}.game-modal p{font-size:1.15rem;margin:15px 0 30px;font-weight:500}.game-modal p b{color:#5E63BA;font-weight:600}.game-modal button{padding:12px 23px}@media (max-width:782px){.container{flex-direction:column;padding:30px 15px;align-items:center}.hangman-box img{max-width:200px}.hangman-box h1{display:none}.game-box h4{font-size:1rem}.word-display .letter{margin-bottom:35px;font-size:1.7rem}.word-display .letter.guessed{margin:-35px 0 25px}.game-modal img{max-width:120px}.game-modal h4{font-size:1.45rem}.game-modal p{font-size:1.1rem}.game-modal button{padding:10px 18px}}</style><script>
|
||||||
|
const wordDisplay=document.querySelector(".word-display"),guessesText=document.querySelector(".guesses-text b"),keyboardDiv=document.querySelector(".keyboard"),hangmanImage=document.querySelector(".hangman-box img"),gameModal=document.querySelector(".game-modal"),playAgainBtn=gameModal.querySelector("button");let currentWord,correctLetters,wrongGuessCount;const maxGuesses=6,resetGame=()=>{correctLetters=[],wrongGuessCount=0,hangmanImage.src="img/hangman-0.svg",guessesText.innerText=`${wrongGuessCount} / 6`,wordDisplay.innerHTML=currentWord.split("").map((()=>'<li class="letter"></li>')).join(""),keyboardDiv.querySelectorAll("button").forEach((e=>e.disabled=!1)),gameModal.classList.remove("show")},getRandomWord=()=>{const{word:e,hint:r}=wordList[Math.floor(Math.random()*wordList.length)];currentWord=e,document.querySelector(".hint-text b").innerText=r,correctLetters=[],wrongGuessCount=0,hangmanImage.src="img/hangman-0.svg",guessesText.innerText=`${wrongGuessCount} / 6`,wordDisplay.innerHTML=currentWord.split("").map((()=>'<li class="letter"></li>')).join(""),keyboardDiv.querySelectorAll("button").forEach((e=>e.disabled=!1)),gameModal.classList.remove("show")},gameOver=e=>{const r=e?"You found the word:":"The correct word was:";gameModal.querySelector("img").src=`img/${e?"victory":"lost"}.gif`,gameModal.querySelector("h4").innerText=e?"Congrats!":"Game Over!",gameModal.querySelector("p").innerHTML=`${r} <b>${currentWord}</b>`,gameModal.classList.add("show")},initGame=(e,r)=>(currentWord.includes(r)?[...currentWord].forEach(((e,t)=>{e===r&&(correctLetters.push(e),wordDisplay.querySelectorAll("li")[t].innerText=e,wordDisplay.querySelectorAll("li")[t].classList.add("guessed"))})):(wrongGuessCount++,hangmanImage.src=`img/hangman-${wrongGuessCount}.svg`),e.disabled=!0,guessesText.innerText=`${wrongGuessCount} / 6`,6===wrongGuessCount?gameOver(!1):correctLetters.length===currentWord.length?gameOver(!0):void 0);for(let e=97;e<=122;e++){const r=document.createElement("button");r.innerText=String.fromCharCode(e),keyboardDiv.appendChild(r),r.addEventListener("click",(r=>initGame(r.target,String.fromCharCode(e))))}getRandomWord(),playAgainBtn.addEventListener("click",getRandomWord);</script></body></html>
|
||||||
@@ -0,0 +1,307 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>Furkan Karlıoğlu - Main Page</title>
|
||||||
|
<link href="img/icon.ico" rel="shortcut icon" type="image/x-icon">
|
||||||
|
<link rel="manifest" href="/manifest.json">
|
||||||
|
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-XSS-Protection" content="1; mode=block">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="robots" content="INDEX, FOLLOW">
|
||||||
|
<meta http-equiv="content-type" content="text/html; charset=iso-8859-3">
|
||||||
|
<meta name="publisher" content="https://furk4ngg.github.io">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes">
|
||||||
|
<meta name="theme-color" content="#F8F6E3">
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||||
|
<meta name="apple-mobile-web-app-title" content="Furkan Karlıoğlu">
|
||||||
|
<meta name="keywords" content="Software,Programs Languages,Artificial Intelligence,Cybersecurity,Mobile App,Mobile App Development,Robotics Coding,Portfolio,Experience,Enterprising,Software Developer">
|
||||||
|
<meta name="description" content="This portfolio site is a platform I designed to share my passion and skills in the software world with you.Unlock innovation and visit my website."/>
|
||||||
|
<meta property="og:description" content="Furkan Karlioglu's personal web site." />
|
||||||
|
<meta name="author" content="Furkan KARLIOĞLU">
|
||||||
|
<meta name="viewport" content="width=device-width">
|
||||||
|
<link rel="canonical" href="https://furk4ngg.github.io/home.html">
|
||||||
|
<link href='img/icon.ico' rel='apple-touch-icon'/>
|
||||||
|
<link rel="stylesheet" href="CSS/1.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id=# class="loading_page">
|
||||||
|
<svg id="svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
|
||||||
|
<path
|
||||||
|
d="M415.44 512h-95.11L212.12 357.46v91.1L125.69 512H28V29.82L68.47 0h108.05l123.74 176.13V63.45L386.69 0h97.69v461.5zM38.77 35.27V496l72-52.88V194l215.5 307.64h84.79l52.35-38.17h-78.27L69 13zm82.54 466.61l80-58.78v-101l-79.76-114.4v220.94L49 501.89h72.34zM80.63 10.77l310.6 442.57h82.37V10.77h-79.75v317.56L170.91 10.77zM311 191.65l72 102.81V15.93l-72 53v122.72z" />
|
||||||
|
</svg>
|
||||||
|
<div class="name_container">
|
||||||
|
<div class="logo_name">For The Future</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<a href="##" class="to-top" onclick="scrollToElement('#')" aria-label="Scroll to Top" draggable="false">
|
||||||
|
<img src="img/up.webp" alt="scroll_top_button" draggable="false">
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<div id="circle_1" class="circle"></div>
|
||||||
|
<div id="circle_2" class="circle"></div>
|
||||||
|
<div id="circle_3" class="circle"></div>
|
||||||
|
<div id="circle_4" class="circle"></div>
|
||||||
|
<div id="circle_5" class="circle"></div>
|
||||||
|
<div id="circle_6" class="circle"></div>
|
||||||
|
<div id="circle_7" class="circle"></div>
|
||||||
|
<div id="circle_8" class="circle"></div>
|
||||||
|
<div id="circle_9" class="circle"></div>
|
||||||
|
<div id="circle_10" class="circle"></div>
|
||||||
|
<div id="circle_11" class="circle"></div>
|
||||||
|
<div id="circle_12" class="circle"></div>
|
||||||
|
<div id="circle_13" class="circle"></div>
|
||||||
|
<div id="circle_14" class="circle"></div>
|
||||||
|
<div id="circle_15" class="circle"></div>
|
||||||
|
<div id="circle_16" class="circle"></div>
|
||||||
|
<div id="circle_17" class="circle"></div>
|
||||||
|
<div id="circle_18" class="circle"></div>
|
||||||
|
<div id="circle_19" class="circle"></div>
|
||||||
|
<div id="circle_20" class="circle"></div>
|
||||||
|
<div id="container_1">
|
||||||
|
<div class="top">
|
||||||
|
<header>
|
||||||
|
<nav>
|
||||||
|
<input type="checkbox" id="sidebar-active">
|
||||||
|
<label for="sidebar-active" class="open-sidebar-button">
|
||||||
|
<svg class="svg_icon_open" width="40px" height="40px" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><rect x="5" y="10" width="30" height="3" rx="2" ry="2"/><rect x="14" y="21" width="21" height="3" rx="2" ry="2"/></svg>
|
||||||
|
</label>
|
||||||
|
<label id="overlay" for="sidebar-active"></label>
|
||||||
|
<div class="links-container">
|
||||||
|
<label for="sidebar-active" class="close-sidebar-button">
|
||||||
|
<svg class="svg_icon_close" xmlns="http://www.w3.org/2000/svg" height="32" viewBox="0 -960 960 960" width="32"><path d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>
|
||||||
|
</label>
|
||||||
|
<!-- NOT IN TUTORIAL: The <a> tags are linked to the subpages -->
|
||||||
|
<a id='toskills' class="menu" href="#skills_" onclick="scrollToElement('skills_')" aria-label="Scroll to Skills" draggable="false">Skills</a>
|
||||||
|
<a id='togallery' class="menu" href="#tranding" onclick="scrollToElement('tranding')" aria-label="Scroll to Gallery" draggable="false">Gallery</a>
|
||||||
|
<a id='toservices' class="menu" href="#services" onclick="scrollToElement('projects')" aria-label="Scroll to Projects" draggable="false">Services</a>
|
||||||
|
<a id='tocontact' class="menu" href="#form_" onclick="scrollToElement('form_')" aria-label="Scroll to Form" draggable="false">Contact</a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<div id="first">
|
||||||
|
<div id="first_">
|
||||||
|
<div id="container_0">
|
||||||
|
<h2 class="darkmode-ignore text_greeting_1">Hello, It's</h2>
|
||||||
|
<h2 class="darkmode-ignore text_greeting_2">Furkan Karlıoğlu</h2>
|
||||||
|
</div>
|
||||||
|
<div id="container_3">
|
||||||
|
<div class="darkmode-ignore container_0"><h1 class="h1">I'm a <span></span></h1></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a class="darkmode-ignore home_scroll" href="#about_me" onclick="scrollToElement('about_me')" aria-label="Scroll to About Me" draggable="false">
|
||||||
|
<div class="home_scroll_box">
|
||||||
|
<label>
|
||||||
|
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M11 21.883l-6.235-7.527-.765.644 7.521 9 7.479-9-.764-.645-6.236 7.529v-21.884h-1v21.883z"/></svg></label>
|
||||||
|
</div>
|
||||||
|
<span class="home_scroll_text" alt="scroll_about_button" aria-label="Scroll to About Me"></span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p id="about_me" class="text_title">- About Me -</p>
|
||||||
|
<div class="container78">
|
||||||
|
<div class="image-container">
|
||||||
|
<img src="img/profile_photo1.webp" alt="profile_photo" aria-label="Profile Photo" draggable="false">
|
||||||
|
</div>
|
||||||
|
<div class="text_container">
|
||||||
|
<p id="animatedTextContainer"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="divides" class="divide_1"><div class="space"></div></div>
|
||||||
|
<div id="skills_">
|
||||||
|
<p class="text_title">- Skills -</p>
|
||||||
|
<div id="skills">
|
||||||
|
<div id="skills_bottom"></div>
|
||||||
|
<div id="skills_id"><div id="text_skills">PYTHON</div><div class="progress"><div id="progress_value" class="progress-value_1"></div></div></div>
|
||||||
|
<div id="skills_id"><div id="text_skills">JAVA</div><div class="progress"><div id="progress_value" class="progress-value_2"></div></div></div>
|
||||||
|
<div id="skills_id"><div id="text_skills">C++</div><div class="progress"><div id="progress_value" class="progress-value_3"></div></div></div>
|
||||||
|
<div id="skills_id"><div id="text_skills">C#</div><div class="progress"><div id="progress_value" class="progress-value_4"></div></div></div>
|
||||||
|
<div id="skills_id"><div id="text_skills">CSS</div><div class="progress"><div id="progress_value" class="progress-value_5"></div></div></div>
|
||||||
|
<div id="skills_id"><div id="text_skills">JAVASCRIPT</div><div class="progress"><div id="progress_value" class="progress-value_6"></div></div></div>
|
||||||
|
<div id="skills_id"><div id="text_skills">ELECTRIC GUITAR</div><div class="progress"><div id="progress_value" class="progress-value_7"></div></div></div>
|
||||||
|
<div id="skills_id"><div id="text_skills">FRENCH</div><div class="progress"><div id="progress_value" class="progress-value_8"></div></div></div>
|
||||||
|
<div id="skills_id"><div id="text_skills">DRONE FLYING</div><div class="progress"><div id="progress_value" class="progress-value_9"></div></div></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="divides" class="divide_2"><div class="space"></div></div>
|
||||||
|
</div>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css" />
|
||||||
|
<link rel="stylesheet" href="CSS/2.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<section id="tranding">
|
||||||
|
<div class="container_a">
|
||||||
|
<h1 id="gallery_title" class="section-subheading">- Gallery -</h1>
|
||||||
|
<h1 id="gallery_body" class="section-heading darkmode-ignore">My Projects</h1>
|
||||||
|
</div>
|
||||||
|
<div class="container">
|
||||||
|
<div class="swiper tranding-slider">
|
||||||
|
<div class="swiper-wrapper">
|
||||||
|
<!-- Slide-start -->
|
||||||
|
<div class="swiper-slide tranding-slide">
|
||||||
|
<div class="tranding-slide-img">
|
||||||
|
<div class="img_filter"></div>
|
||||||
|
<img id="photo_gallery" class="lazy-load" data-src="img/robotic.webp" href='https://github.com/FURK4NGG/FURK4NGG.github.io' alt="Tranding" draggable="false" aria-label="Gallery Photo 1"></div>
|
||||||
|
<div class="tranding-slide-content">
|
||||||
|
<div class="tranding-slide-content-bottom">
|
||||||
|
<span>2020</span>
|
||||||
|
<h2 class="project-name">
|
||||||
|
Robotic Coding
|
||||||
|
</h2></div></div></div>
|
||||||
|
<!-- Slide-end --><!-- Slide-start -->
|
||||||
|
<div class="swiper-slide tranding-slide">
|
||||||
|
<div class="tranding-slide-img">
|
||||||
|
<div class="img_filter"></div>
|
||||||
|
<img id="photo_gallery" class="lazy-load" data-src="img/game.webp" alt="Tranding" draggable="false" aria-label="Gallery Photo 2"></div>
|
||||||
|
<div class="tranding-slide-content">
|
||||||
|
<div class="tranding-slide-content-bottom">
|
||||||
|
<span>2020</span>
|
||||||
|
<h2 class="project-name">
|
||||||
|
2D/3D Game Development
|
||||||
|
</h2></div></div></div>
|
||||||
|
<!-- Slide-end --><!-- Slide-start -->
|
||||||
|
<div class="swiper-slide tranding-slide">
|
||||||
|
<div class="tranding-slide-img">
|
||||||
|
<div class="img_filter"></div>
|
||||||
|
<img id="photo_gallery" class="lazy-load" data-src="img/app.webp" alt="Tranding" draggable="false" aria-label="Gallery Photo 3"></div>
|
||||||
|
<div class="tranding-slide-content">
|
||||||
|
<div class="tranding-slide-content-bottom">
|
||||||
|
<span>2021</span>
|
||||||
|
<h2 class="project-name">
|
||||||
|
Mobile Application Development
|
||||||
|
</h2></div></div></div>
|
||||||
|
<!-- Slide-end -->
|
||||||
|
<!-- Slide-start -->
|
||||||
|
<div class="swiper-slide tranding-slide">
|
||||||
|
<div class="tranding-slide-img">
|
||||||
|
<div class="img_filter"></div>
|
||||||
|
<img id="photo_gallery" class="lazy-load" data-src="img/web.webp" alt="Tranding" draggable="false" aria-label="Gallery Photo 4"></div>
|
||||||
|
<div class="tranding-slide-content">
|
||||||
|
<a class="tranding-slide-content-top" href='https://github.com/FURK4NGG/FURK4NGG.github.io' aria-label="Documents of Robotic Coding" draggable="false">
|
||||||
|
<svg class="documents" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 16 16" id="copy"><path d="M4.00029246,4.08524952 L4,10.5 C4,11.8254834 5.03153594,12.9100387 6.33562431,12.9946823 L6.5,13 L10.9143985,13.000703 C10.7082819,13.5829319 10.1528467,14 9.5,14 L6,14 C4.34314575,14 3,12.6568542 3,11 L3,5.5 C3,4.84678131 3.41754351,4.29108512 4.00029246,4.08524952 Z M11.5,2 C12.3284271,2 13,2.67157288 13,3.5 L13,10.5 C13,11.3284271 12.3284271,12 11.5,12 L6.5,12 C5.67157288,12 5,11.3284271 5,10.5 L5,3.5 C5,2.67157288 5.67157288,2 6.5,2 L11.5,2 Z M11.5,3 L6.5,3 C6.22385763,3 6,3.22385763 6,3.5 L6,10.5 C6,10.7761424 6.22385763,11 6.5,11 L11.5,11 C11.7761424,11 12,10.7761424 12,10.5 L12,3.5 C12,3.22385763 11.7761424,3 11.5,3 Z"></path></svg></a>
|
||||||
|
<div class="tranding-slide-content-bottom">
|
||||||
|
<span>2022</span>
|
||||||
|
<h2 class="project-name">
|
||||||
|
Website Creation
|
||||||
|
</h2></div></div></div>
|
||||||
|
<!-- Slide-end -->
|
||||||
|
<!-- Slide-start -->
|
||||||
|
<div class="swiper-slide tranding-slide">
|
||||||
|
<div class="tranding-slide-img">
|
||||||
|
<div class="img_filter"></div>
|
||||||
|
<img id="photo_gallery" class="lazy-load" data-src="img/cyber.webp" alt="Tranding" draggable="false" aria-label="Gallery Photo 5"></div>
|
||||||
|
<div class="tranding-slide-content">
|
||||||
|
<div class="tranding-slide-content-bottom">
|
||||||
|
<span>2023</span>
|
||||||
|
<h2 class="project-name">
|
||||||
|
Cyber Security
|
||||||
|
</h2></div></div></div>
|
||||||
|
<!-- Slide-end -->
|
||||||
|
<!-- Slide-start -->
|
||||||
|
<div class="swiper-slide tranding-slide">
|
||||||
|
<div class="tranding-slide-img">
|
||||||
|
<div class="img_filter"></div>
|
||||||
|
<img id="photo_gallery" class="lazy-load" data-src="img/ai.webp" alt="Tranding" draggable="false" aria-label="Gallery Photo 6"></div>
|
||||||
|
<div class="tranding-slide-content">
|
||||||
|
<div class="tranding-slide-content-bottom">
|
||||||
|
<span>2024</span>
|
||||||
|
<h2 class="project-name">
|
||||||
|
AI Prompt Engineering
|
||||||
|
</h2></div></div></div>
|
||||||
|
<!-- Slide-end -->
|
||||||
|
</div>
|
||||||
|
<div class="tranding-slider-control">
|
||||||
|
<div class="swiper-button-prev slider-arrow" aria-label="Swipe to Image Right"><ion-icon name="arrow-back-outline"></ion-icon></div>
|
||||||
|
<div class="swiper-button-next slider-arrow" aria-label="Swipe to Image Left"><ion-icon name="arrow-forward-outline"></ion-icon></div>
|
||||||
|
<div class="swiper-pagination" aria-label="Image Picker"></div>
|
||||||
|
</div></div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
|
||||||
|
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
|
||||||
|
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
<div id="container_2">
|
||||||
|
<div id="divides" class="divide_3"><div class="space"></div></div>
|
||||||
|
<p id="services" class="text_title">- Services -</p>
|
||||||
|
<div id="services_" class="darkmode-ignore">
|
||||||
|
<div class="services_id"><p>Mobile App Development</p></div>
|
||||||
|
<div class="services_id"><p>Cyber Security</p></div>
|
||||||
|
<div class="services_id"><p>Prompt Engineering</p></div>
|
||||||
|
</div>
|
||||||
|
<div id="divides" class="divide_4"><div class="space"></div></div>
|
||||||
|
<div id="form_">
|
||||||
|
<html>
|
||||||
|
<form
|
||||||
|
action="https://formspree.io/f/xyyvprlo"
|
||||||
|
method="POST"
|
||||||
|
enctype="multipart/form-data">
|
||||||
|
<center><table>
|
||||||
|
<div id='form_text'>
|
||||||
|
<p class="form_title">- Contact me! -</p>
|
||||||
|
<p>For a fee quote for your project, to ask a question, or to say 'Hello!' contact me through my e-mail addresses or write to me through my social media addresses! I will get back to you as soon as possible.</div>
|
||||||
|
<div id='form'>
|
||||||
|
<tr>
|
||||||
|
<td><input type="text" name="person" style="width: 300px;height: 40px;" maxlength="41" placeholder="Name Surname" aria-label="Name Entry"/></td>
|
||||||
|
</tr>
|
||||||
|
<tr></tr>
|
||||||
|
<tr>
|
||||||
|
<td><input type="email" name="email" style="width: 300px;height: 40px;" maxlength="41" placeholder="Mail Adress" aria-label="Mail Entry"/></td>
|
||||||
|
</tr>
|
||||||
|
<tr></tr>
|
||||||
|
<tr>
|
||||||
|
<td><input type="text" name="konu" style="width: 300px;height: 50px;" maxlength="41" placeholder="Subject" aria-label="Subject Entry"/></td>
|
||||||
|
</tr>
|
||||||
|
<td></td>
|
||||||
|
<tr>
|
||||||
|
<td><textarea name="message" style="width: 300px;height: 160px;resize: none;" maxlength="280" placeholder="Message" aria-label="Message Entry"></textarea></td>
|
||||||
|
</tr>
|
||||||
|
<tr></tr><tr></tr>
|
||||||
|
<tr>
|
||||||
|
<td id="submit" colspan="2" align="center"><button id="submit" colspan="2" align="center" class="button-send" role="button" aria-label="Send Button">Send</button>
|
||||||
|
</td>
|
||||||
|
</tr></div>
|
||||||
|
</table></center>
|
||||||
|
</form>
|
||||||
|
</html>
|
||||||
|
</div>
|
||||||
|
<footer>
|
||||||
|
<div id='footer_main'>
|
||||||
|
<div id="cc" draggable="false">© 2024 Furkan Karlıoğlu</div>
|
||||||
|
<div id="socialmedia">
|
||||||
|
<a class="main_a" href="https://www.instagram.com/furkan_css/" target="_blank" rel="noopener noreferrer nofollow" aria-label="Go to Instagram Profile" draggable="false"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg></a>
|
||||||
|
<a class="main_a" href="https://discord.gg/ur9ZHAfbzr" target="_blank" rel="noopener noreferrer nofollow" aria-label="Go to Discord Page" draggable="false"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M524.5 69.8a1.5 1.5 0 0 0 -.8-.7A485.1 485.1 0 0 0 404.1 32a1.8 1.8 0 0 0 -1.9 .9 337.5 337.5 0 0 0 -14.9 30.6 447.8 447.8 0 0 0 -134.4 0 309.5 309.5 0 0 0 -15.1-30.6 1.9 1.9 0 0 0 -1.9-.9A483.7 483.7 0 0 0 116.1 69.1a1.7 1.7 0 0 0 -.8 .7C39.1 183.7 18.2 294.7 28.4 404.4a2 2 0 0 0 .8 1.4A487.7 487.7 0 0 0 176 479.9a1.9 1.9 0 0 0 2.1-.7A348.2 348.2 0 0 0 208.1 430.4a1.9 1.9 0 0 0 -1-2.6 321.2 321.2 0 0 1 -45.9-21.9 1.9 1.9 0 0 1 -.2-3.1c3.1-2.3 6.2-4.7 9.1-7.1a1.8 1.8 0 0 1 1.9-.3c96.2 43.9 200.4 43.9 295.5 0a1.8 1.8 0 0 1 1.9 .2c2.9 2.4 6 4.9 9.1 7.2a1.9 1.9 0 0 1 -.2 3.1 301.4 301.4 0 0 1 -45.9 21.8 1.9 1.9 0 0 0 -1 2.6 391.1 391.1 0 0 0 30 48.8 1.9 1.9 0 0 0 2.1 .7A486 486 0 0 0 610.7 405.7a1.9 1.9 0 0 0 .8-1.4C623.7 277.6 590.9 167.5 524.5 69.8zM222.5 337.6c-29 0-52.8-26.6-52.8-59.2S193.1 219.1 222.5 219.1c29.7 0 53.3 26.8 52.8 59.2C275.3 311 251.9 337.6 222.5 337.6zm195.4 0c-29 0-52.8-26.6-52.8-59.2S388.4 219.1 417.9 219.1c29.7 0 53.3 26.8 52.8 59.2C470.7 311 447.5 337.6 417.9 337.6z"/></svg></a>
|
||||||
|
<a class="main_a" href="https://www.linkedin.com/in/furkan-karl%C4%B1o%C4%9Flu-71202b22a/" target="_blank" rel="noopener noreferrer nofollow" aria-label="Go to Linkedin Profile" draggable="false"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 26 26">
|
||||||
|
<path d="M 21.125 0 L 4.875 0 C 2.183594 0 0 2.183594 0 4.875 L 0 21.125 C 0 23.816406 2.183594 26 4.875 26 L 21.125 26 C 23.816406 26 26 23.816406 26 21.125 L 26 4.875 C 26 2.183594 23.816406 0 21.125 0 Z M 8.039063 22.070313 L 4 22.070313 L 3.976563 9.976563 L 8.015625 9.976563 Z M 5.917969 8.394531 L 5.894531 8.394531 C 4.574219 8.394531 3.722656 7.484375 3.722656 6.351563 C 3.722656 5.191406 4.601563 4.3125 5.945313 4.3125 C 7.289063 4.3125 8.113281 5.191406 8.140625 6.351563 C 8.140625 7.484375 7.285156 8.394531 5.917969 8.394531 Z M 22.042969 22.070313 L 17.96875 22.070313 L 17.96875 15.5 C 17.96875 13.910156 17.546875 12.828125 16.125 12.828125 C 15.039063 12.828125 14.453125 13.558594 14.171875 14.265625 C 14.066406 14.519531 14.039063 14.867188 14.039063 15.222656 L 14.039063 22.070313 L 9.945313 22.070313 L 9.921875 9.976563 L 14.015625 9.976563 L 14.039063 11.683594 C 14.5625 10.875 15.433594 9.730469 17.519531 9.730469 C 20.105469 9.730469 22.039063 11.417969 22.039063 15.046875 L 22.039063 22.070313 Z"></path>
|
||||||
|
</svg></a></div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</div>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js"
|
||||||
|
integrity="sha512-gmwBmiTVER57N3jYS3LinA9eb8aHrJua5iQD7yqYCKa5x6Jjc7VDVaEA0je0Lu0bP9j7tEjV3+1qUm6loO99Kw=="
|
||||||
|
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||||
|
|
||||||
|
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
|
||||||
|
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
|
||||||
|
<script src="https://unpkg.com/swiper@8/swiper-bundle.min.js"></script>
|
||||||
|
<script src="JAVASCRIPT/1.js"></script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.5.7/lib/darkmode-js.min.js"></script>
|
||||||
|
<script>
|
||||||
|
function isMobileDevice() {return /Mobi|Android/i.test(navigator.userAgent);}
|
||||||
|
window.onload = function() {
|
||||||
|
if (isMobileDevice()) {
|
||||||
|
var circles = document.getElementsByClassName('circle');
|
||||||
|
for (var i = 0; i < circles.length; i++) {circles[i].style.display = 'none';}}};
|
||||||
|
const darkmode = new Darkmode(options);
|
||||||
|
darkmode.showWidget();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
@@ -0,0 +1,9 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="298.232" height="291" viewBox="0 0 298.232 291">
|
||||||
|
<g id="Group_688" data-name="Group 688" transform="translate(-219 -183)">
|
||||||
|
<rect id="Rectangle_2974" data-name="Rectangle 2974" width="5" height="61.733" transform="translate(310.627 183.247) rotate(45)"/>
|
||||||
|
<rect id="Rectangle_2966" data-name="Rectangle 2966" width="5" height="298.232" rx="2.5" transform="translate(517.232 469) rotate(90)"/>
|
||||||
|
<rect id="Rectangle_2987" data-name="Rectangle 2987" width="5" height="289" rx="2.5" transform="translate(267 183)"/>
|
||||||
|
<rect id="Rectangle_2988" data-name="Rectangle 2988" width="187" height="5" rx="2.5" transform="translate(267 183)"/>
|
||||||
|
<rect id="Rectangle_2989" data-name="Rectangle 2989" width="5" height="49" rx="2.5" transform="translate(449 184)"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 836 B |
@@ -0,0 +1,13 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="298.232" height="291" viewBox="0 0 298.232 291">
|
||||||
|
<g id="Group_691" data-name="Group 691" transform="translate(-219 -183)">
|
||||||
|
<rect id="Rectangle_2974" data-name="Rectangle 2974" width="5" height="61.733" transform="translate(310.627 183.247) rotate(45)"/>
|
||||||
|
<rect id="Rectangle_2966" data-name="Rectangle 2966" width="5" height="298.232" rx="2.5" transform="translate(517.232 469) rotate(90)"/>
|
||||||
|
<g id="Ellipse_32" data-name="Ellipse 32" transform="translate(423.5 228.247)" fill="none" stroke="#000" stroke-width="5">
|
||||||
|
<circle cx="27.5" cy="27.5" r="27.5" stroke="none"/>
|
||||||
|
<circle cx="27.5" cy="27.5" r="25" fill="none"/>
|
||||||
|
</g>
|
||||||
|
<rect id="Rectangle_2987" data-name="Rectangle 2987" width="5" height="289" rx="2.5" transform="translate(267 183)"/>
|
||||||
|
<rect id="Rectangle_2988" data-name="Rectangle 2988" width="187" height="5" rx="2.5" transform="translate(267 183)"/>
|
||||||
|
<rect id="Rectangle_2989" data-name="Rectangle 2989" width="5" height="49" rx="2.5" transform="translate(449 184)"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.1 KiB |
@@ -0,0 +1,14 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="298.232" height="291" viewBox="0 0 298.232 291">
|
||||||
|
<g id="Group_692" data-name="Group 692" transform="translate(-219 -183)">
|
||||||
|
<rect id="Rectangle_2974" data-name="Rectangle 2974" width="5" height="61.733" transform="translate(310.627 183.247) rotate(45)"/>
|
||||||
|
<rect id="Rectangle_2966" data-name="Rectangle 2966" width="5" height="298.232" rx="2.5" transform="translate(517.232 469) rotate(90)"/>
|
||||||
|
<g id="Ellipse_32" data-name="Ellipse 32" transform="translate(423.5 228.247)" fill="none" stroke="#000" stroke-width="5">
|
||||||
|
<circle cx="27.5" cy="27.5" r="27.5" stroke="none"/>
|
||||||
|
<circle cx="27.5" cy="27.5" r="25" fill="none"/>
|
||||||
|
</g>
|
||||||
|
<rect id="Rectangle_2987" data-name="Rectangle 2987" width="5" height="289" rx="2.5" transform="translate(267 183)"/>
|
||||||
|
<rect id="Rectangle_2988" data-name="Rectangle 2988" width="187" height="5" rx="2.5" transform="translate(267 183)"/>
|
||||||
|
<rect id="Rectangle_2989" data-name="Rectangle 2989" width="5" height="49" rx="2.5" transform="translate(449 184)"/>
|
||||||
|
<rect id="Rectangle_2990" data-name="Rectangle 2990" width="5" height="73" rx="2.5" transform="translate(449 281)"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.2 KiB |
@@ -0,0 +1,15 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="298.232" height="291" viewBox="0 0 298.232 291">
|
||||||
|
<g id="Group_694" data-name="Group 694" transform="translate(-219 -183)">
|
||||||
|
<rect id="Rectangle_2970" data-name="Rectangle 2970" width="5" height="56" rx="2.5" transform="translate(448.965 281.247) rotate(45)"/>
|
||||||
|
<rect id="Rectangle_2974" data-name="Rectangle 2974" width="5" height="61.733" transform="translate(310.627 183.247) rotate(45)"/>
|
||||||
|
<rect id="Rectangle_2966" data-name="Rectangle 2966" width="5" height="298.232" rx="2.5" transform="translate(517.232 469) rotate(90)"/>
|
||||||
|
<g id="Ellipse_32" data-name="Ellipse 32" transform="translate(423.5 228.247)" fill="none" stroke="#000" stroke-width="5">
|
||||||
|
<circle cx="27.5" cy="27.5" r="27.5" stroke="none"/>
|
||||||
|
<circle cx="27.5" cy="27.5" r="25" fill="none"/>
|
||||||
|
</g>
|
||||||
|
<rect id="Rectangle_2987" data-name="Rectangle 2987" width="5" height="289" rx="2.5" transform="translate(267 183)"/>
|
||||||
|
<rect id="Rectangle_2988" data-name="Rectangle 2988" width="187" height="5" rx="2.5" transform="translate(267 183)"/>
|
||||||
|
<rect id="Rectangle_2989" data-name="Rectangle 2989" width="5" height="49" rx="2.5" transform="translate(449 184)"/>
|
||||||
|
<rect id="Rectangle_2990" data-name="Rectangle 2990" width="5" height="73" rx="2.5" transform="translate(449 281)"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1,16 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="298.232" height="291" viewBox="0 0 298.232 291">
|
||||||
|
<g id="Group_699" data-name="Group 699" transform="translate(-219 -183)">
|
||||||
|
<rect id="Rectangle_2970" data-name="Rectangle 2970" width="5" height="56" rx="2.5" transform="translate(448.965 281.247) rotate(45)"/>
|
||||||
|
<rect id="Rectangle_2971" data-name="Rectangle 2971" width="5" height="56" rx="2.5" transform="translate(450.5 284.782) rotate(-45)"/>
|
||||||
|
<rect id="Rectangle_2974" data-name="Rectangle 2974" width="5" height="61.733" transform="translate(310.627 183.247) rotate(45)"/>
|
||||||
|
<rect id="Rectangle_2966" data-name="Rectangle 2966" width="5" height="298.232" rx="2.5" transform="translate(517.232 469) rotate(90)"/>
|
||||||
|
<g id="Ellipse_32" data-name="Ellipse 32" transform="translate(423.5 228.247)" fill="none" stroke="#000" stroke-width="5">
|
||||||
|
<circle cx="27.5" cy="27.5" r="27.5" stroke="none"/>
|
||||||
|
<circle cx="27.5" cy="27.5" r="25" fill="none"/>
|
||||||
|
</g>
|
||||||
|
<rect id="Rectangle_2987" data-name="Rectangle 2987" width="5" height="289" rx="2.5" transform="translate(267 183)"/>
|
||||||
|
<rect id="Rectangle_2988" data-name="Rectangle 2988" width="187" height="5" rx="2.5" transform="translate(267 183)"/>
|
||||||
|
<rect id="Rectangle_2989" data-name="Rectangle 2989" width="5" height="49" rx="2.5" transform="translate(449 184)"/>
|
||||||
|
<rect id="Rectangle_2990" data-name="Rectangle 2990" width="5" height="73" rx="2.5" transform="translate(449 281)"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.5 KiB |
@@ -0,0 +1,21 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="298.232" height="291" viewBox="0 0 298.232 291">
|
||||||
|
<g id="Group_698" data-name="Group 698" transform="translate(-16059.232 -14400)">
|
||||||
|
<rect id="Rectangle_2987" data-name="Rectangle 2987" width="5" height="289" rx="2.5" transform="translate(16107.232 14400)"/>
|
||||||
|
<g id="Group_697" data-name="Group 697">
|
||||||
|
<rect id="Rectangle_2974" data-name="Rectangle 2974" width="5" height="61.733" transform="translate(16150.859 14400.247) rotate(45)"/>
|
||||||
|
<rect id="Rectangle_2966" data-name="Rectangle 2966" width="5" height="298.232" rx="2.5" transform="translate(16357.465 14686) rotate(90)"/>
|
||||||
|
<rect id="Rectangle_2988" data-name="Rectangle 2988" width="187" height="5" rx="2.5" transform="translate(16107.232 14400)"/>
|
||||||
|
<rect id="Rectangle_2989" data-name="Rectangle 2989" width="5" height="49" rx="2.5" transform="translate(16289.232 14401)"/>
|
||||||
|
<g id="Group_696" data-name="Group 696">
|
||||||
|
<rect id="Rectangle_2970" data-name="Rectangle 2970" width="5" height="56" rx="2.5" transform="translate(16289.197 14498.247) rotate(45)"/>
|
||||||
|
<rect id="Rectangle_2967" data-name="Rectangle 2967" width="5" height="56" rx="2.5" transform="translate(16291.197 14565.247) rotate(45)"/>
|
||||||
|
<rect id="Rectangle_2971" data-name="Rectangle 2971" width="5" height="56" rx="2.5" transform="translate(16290.732 14501.782) rotate(-45)"/>
|
||||||
|
<g id="Ellipse_32" data-name="Ellipse 32" transform="translate(16263.732 14445.247)" fill="none" stroke="#000" stroke-width="5">
|
||||||
|
<circle cx="27.5" cy="27.5" r="27.5" stroke="none"/>
|
||||||
|
<circle cx="27.5" cy="27.5" r="25" fill="none"/>
|
||||||
|
</g>
|
||||||
|
<rect id="Rectangle_2990" data-name="Rectangle 2990" width="5" height="73" rx="2.5" transform="translate(16289.232 14498)"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 1.8 KiB |
@@ -0,0 +1,22 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="298.232" height="291" viewBox="0 0 298.232 291">
|
||||||
|
<g id="Group_700" data-name="Group 700" transform="translate(-16059.232 -14400)">
|
||||||
|
<rect id="Rectangle_2987" data-name="Rectangle 2987" width="5" height="289" rx="2.5" transform="translate(16107.232 14400)"/>
|
||||||
|
<g id="Group_697" data-name="Group 697">
|
||||||
|
<rect id="Rectangle_2974" data-name="Rectangle 2974" width="5" height="61.733" transform="translate(16150.859 14400.247) rotate(45)"/>
|
||||||
|
<rect id="Rectangle_2966" data-name="Rectangle 2966" width="5" height="298.232" rx="2.5" transform="translate(16357.465 14686) rotate(90)"/>
|
||||||
|
<rect id="Rectangle_2988" data-name="Rectangle 2988" width="187" height="5" rx="2.5" transform="translate(16107.232 14400)"/>
|
||||||
|
<rect id="Rectangle_2989" data-name="Rectangle 2989" width="5" height="49" rx="2.5" transform="translate(16289.232 14401)"/>
|
||||||
|
<g id="Group_696" data-name="Group 696">
|
||||||
|
<rect id="Rectangle_2970" data-name="Rectangle 2970" width="5" height="56" rx="2.5" transform="translate(16289.197 14498.247) rotate(45)"/>
|
||||||
|
<rect id="Rectangle_2967" data-name="Rectangle 2967" width="5" height="56" rx="2.5" transform="translate(16291.197 14565.247) rotate(45)"/>
|
||||||
|
<rect id="Rectangle_2971" data-name="Rectangle 2971" width="5" height="56" rx="2.5" transform="translate(16290.732 14501.782) rotate(-45)"/>
|
||||||
|
<path id="Path_355" data-name="Path 355" d="M5,2.5v51a2.5,2.5,0,0,1-5,0V2.5C0,1.119,5,1.119,5,2.5Z" transform="translate(16288.732 14568.783) rotate(-45)"/>
|
||||||
|
<g id="Ellipse_32" data-name="Ellipse 32" transform="translate(16263.732 14445.247)" fill="none" stroke="#000" stroke-width="5">
|
||||||
|
<circle cx="27.5" cy="27.5" r="27.5" stroke="none"/>
|
||||||
|
<circle cx="27.5" cy="27.5" r="25" fill="none"/>
|
||||||
|
</g>
|
||||||
|
<rect id="Rectangle_2990" data-name="Rectangle 2990" width="5" height="73" rx="2.5" transform="translate(16289.232 14498)"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 158 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 491 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.7 KiB |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 747 B |
BIN
Binary file not shown.
|
After Width: | Height: | Size: 544 B |
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
+34
@@ -0,0 +1,34 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<title>Furkan Karlıoğlu</title>
|
||||||
|
<link href="img/icon.ico" rel="shortcut icon" type="image/x-icon">
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-XSS-Protection" content="1; mode=block">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="robots" content="INDEX, FOLLOW">
|
||||||
|
<meta name="publisher" content="https://furk4ngg.github.io">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<meta http-equiv="refresh" content="0;url=home">
|
||||||
|
<link rel="stylesheet" href="CSS/1.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="body_index"><div id="ref_div" align="center"><h1 id="ref">-You are being redirected to the homepage-</h1></div></div>
|
||||||
|
<script>
|
||||||
|
const disabledKeys = ["c", "C", "x", "J", "u", "I"]; // keys that will be disabled
|
||||||
|
const showAlert = e => {
|
||||||
|
e.preventDefault(); // preventing its default behaviour
|
||||||
|
return alert("Sorry, you can't view or copy source codes this way!");
|
||||||
|
}
|
||||||
|
document.addEventListener("contextmenu", e => {
|
||||||
|
showAlert(e); // calling showAlert() function on mouse right click
|
||||||
|
});
|
||||||
|
document.addEventListener("keydown", e => {
|
||||||
|
// calling showAlert() function, if the pressed key matched to disabled keys
|
||||||
|
if((e.ctrlKey && disabledKeys.includes(e.key)) || e.key === "F12") {
|
||||||
|
showAlert(e);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -0,0 +1,12 @@
|
|||||||
|
{
|
||||||
|
"name": "Furkan KARLIOGLU Personal Web Site",
|
||||||
|
"short_name": "FURK4NGG",
|
||||||
|
"start_url": "/index",
|
||||||
|
"display": "standalone",
|
||||||
|
"background_color": "#ffffff",
|
||||||
|
"theme_color": "#000000",
|
||||||
|
"icons": [
|
||||||
|
"src": "/img/icon.ico",
|
||||||
|
"sizes": "64x64",
|
||||||
|
"type": "image/x-icon"]
|
||||||
|
}
|
||||||
@@ -0,0 +1,4 @@
|
|||||||
|
User-agent:*
|
||||||
|
Disallow:
|
||||||
|
|
||||||
|
Sitemap: https://furk4ngg.github.io/sitemap.xml
|
||||||
@@ -0,0 +1,61 @@
|
|||||||
|
const CACHE_NAME = 'my-site-cache-v1';
|
||||||
|
const urlsToCache = [
|
||||||
|
'/',
|
||||||
|
'/index.html',
|
||||||
|
'/home.html?v=4', //?v=3 Güncel versiyon
|
||||||
|
'/not_found_page.html',
|
||||||
|
'/CSS/1.css?v=5',
|
||||||
|
'/CSS/2.css',
|
||||||
|
'/JAVASCRIPT/1.js',
|
||||||
|
'/service-worker.js',
|
||||||
|
'/img/ai.webp',
|
||||||
|
'/img/app.webp',
|
||||||
|
'/img/cyber.webp',
|
||||||
|
'/img/game.webp',
|
||||||
|
'/img/web.webp',
|
||||||
|
'/img/profile_photo1.webp',
|
||||||
|
'/img/robotic.webp',
|
||||||
|
'/img/up.webp',
|
||||||
|
'/img/icon.ico',
|
||||||
|
'/sitemap.xml',
|
||||||
|
'/manifest.json',
|
||||||
|
'/robots.txt',
|
||||||
|
'/.htaccess.txt'
|
||||||
|
];
|
||||||
|
|
||||||
|
self.addEventListener('install', event => {
|
||||||
|
event.waitUntil(
|
||||||
|
caches.open(CACHE_NAME)
|
||||||
|
.then(cache => {
|
||||||
|
console.log('Opened cache');
|
||||||
|
return cache.addAll(urlsToCache);
|
||||||
|
})
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
self.addEventListener('activate', event => {
|
||||||
|
const cacheWhitelist = [CACHE_NAME];
|
||||||
|
event.waitUntil(
|
||||||
|
caches.keys().then(cacheNames => {
|
||||||
|
return Promise.all(
|
||||||
|
cacheNames.map(cacheName => {
|
||||||
|
if (!cacheWhitelist.includes(cacheName)) {
|
||||||
|
return caches.delete(cacheName);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
);
|
||||||
|
})
|
||||||
|
);
|
||||||
|
});
|
||||||
|
|
||||||
|
self.addEventListener('fetch', event => {
|
||||||
|
event.respondWith(
|
||||||
|
caches.match(event.request)
|
||||||
|
.then(response => {
|
||||||
|
if (response) {
|
||||||
|
return response;
|
||||||
|
}
|
||||||
|
return fetch(event.request);
|
||||||
|
})
|
||||||
|
);
|
||||||
|
});
|
||||||
+67
@@ -0,0 +1,67 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||||
|
|
||||||
|
<url>
|
||||||
|
<loc>https://furk4ngg.github.io/home.html</loc>
|
||||||
|
<lastmod>2024-08-31</lastmod>
|
||||||
|
<changefreq>monthly</changefreq>
|
||||||
|
<priority>1.0</priority>
|
||||||
|
</url>
|
||||||
|
|
||||||
|
<url>
|
||||||
|
<loc>https://furk4ngg.github.io/index.html</loc>
|
||||||
|
<lastmod>2024-08-31</lastmod>
|
||||||
|
<changefreq>monthly</changefreq>
|
||||||
|
<priority>1.0</priority>
|
||||||
|
</url>
|
||||||
|
|
||||||
|
<url>
|
||||||
|
<loc>https://furk4ngg.github.io/not_found_page.html</loc>
|
||||||
|
<lastmod>2024-08-31</lastmod>
|
||||||
|
<changefreq>monthly</changefreq>
|
||||||
|
<priority>1.0</priority>
|
||||||
|
</url>
|
||||||
|
|
||||||
|
<url>
|
||||||
|
<loc>https://furk4ngg.github.io/1.html</loc>
|
||||||
|
<lastmod>2024-08-31</lastmod>
|
||||||
|
<changefreq>monthly</changefreq>
|
||||||
|
<priority>0.6</priority>
|
||||||
|
</url>
|
||||||
|
|
||||||
|
<url>
|
||||||
|
<loc>https://furk4ngg.github.io/3.html</loc>
|
||||||
|
<lastmod>2024-08-31</lastmod>
|
||||||
|
<changefreq>monthly</changefreq>
|
||||||
|
<priority>0.6</priority>
|
||||||
|
</url>
|
||||||
|
|
||||||
|
<url>
|
||||||
|
<loc>https://furk4ngg.github.io/4.html</loc>
|
||||||
|
<lastmod>2024-08-31</lastmod>
|
||||||
|
<changefreq>monthly</changefreq>
|
||||||
|
<priority>0.6</priority>
|
||||||
|
</url>
|
||||||
|
|
||||||
|
<url>
|
||||||
|
<loc>https://furk4ngg.github.io/5.html</loc>
|
||||||
|
<lastmod>2024-08-31</lastmod>
|
||||||
|
<changefreq>monthly</changefreq>
|
||||||
|
<priority>0.6</priority>
|
||||||
|
</url>
|
||||||
|
|
||||||
|
<url>
|
||||||
|
<loc>https://furk4ngg.github.io/tr.html</loc>
|
||||||
|
<lastmod>2024-08-31</lastmod>
|
||||||
|
<changefreq>monthly</changefreq>
|
||||||
|
<priority>0.4</priority>
|
||||||
|
</url>
|
||||||
|
|
||||||
|
<url>
|
||||||
|
<loc>https://furk4ngg.github.io/en.html</loc>
|
||||||
|
<lastmod>2024-08-31</lastmod>
|
||||||
|
<changefreq>monthly</changefreq>
|
||||||
|
<priority>0.4</priority>
|
||||||
|
</url>
|
||||||
|
|
||||||
|
</urlset>
|
||||||
@@ -0,0 +1,3 @@
|
|||||||
|
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Adam Asmaca Oyunu</title><script src="word-list_tr.js"></script></head><body><div class="game-modal"><div class="content"><img src="#" alt="gif"><h4>Kaybettin!</h4><p>Doğru kelime:<b>kelime</b></p><button class="play-again">Tekrar Oyna</button></div></div><div class="container"><div class="hangman-box"><img src="#" draggable="false" alt="hangman-img"><h1>Adam Asmaca Oyunu</h1></div><div class="game-box"><ul class="word-display"></ul><h4 class="hint-text">İpucu:<b></b></h4><h4 class="guesses-text">Yanlış tahminler:<b></b></h4><div class="keyboard"></div></div></div><style>
|
||||||
|
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"Open Sans",sans-serif}body{display:flex;padding:0 10px;align-items:center;justify-content:center;min-height:100vh;background:#5E63BA}.container{display:flex;width:850px;gap:70px;padding:60px 40px;background:#fff;border-radius:10px;align-items:flex-end;justify-content:space-between;box-shadow:0 10px 20px rgb(0 0 0 / .1)}.hangman-box img{user-select:none;max-width:270px}.hangman-box h1{font-size:1.45rem;text-align:center;margin-top:20px;text-transform:uppercase}.game-box .word-display{gap:10px;list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.word-display .letter{width:28px;font-size:2rem;text-align:center;font-weight:600;margin-bottom:40px;text-transform:uppercase;border-bottom:3px solid #000}.word-display .letter.guessed{margin:-40px 0 35px;border-color:#fff0}.game-box h4{text-align:center;font-size:1.1rem;font-weight:500;margin-bottom:15px}.game-box h4 b{font-weight:600}.game-box .guesses-text b{color:red}.game-box .keyboard{display:flex;gap:5px;flex-wrap:wrap;margin-top:40px;justify-content:center}:where(.game-modal,.keyboard) button{color:#fff;border:none;outline:none;cursor:pointer;font-size:1rem;font-weight:600;border-radius:4px;text-transform:uppercase;background:#5E63BA}.keyboard button{padding:7px;width:calc(100% / 9 - 5px)}.keyboard button[disabled]{pointer-events:none;opacity:.6}:where(.game-modal,.keyboard) button:hover{background:#8286c9}.game-modal{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;background:rgb(0 0 0 / .6);display:flex;align-items:center;justify-content:center;z-index:9999;padding:0 10px;transition:opacity 0.4s ease}.game-modal.show{opacity:1;pointer-events:auto;transition:opacity 0.4s 0.4s ease}.game-modal .content{padding:30px;max-width:420px;width:100%;border-radius:10px;background:#fff;text-align:center;box-shadow:0 10px 20px rgb(0 0 0 / .1)}.game-modal img{max-width:130px;margin-bottom:20px}.game-modal img[src="img/victory.gif"]{margin-left:-10px}.game-modal h4{font-size:1.53rem}.game-modal p{font-size:1.15rem;margin:15px 0 30px;font-weight:500}.game-modal p b{color:#5E63BA;font-weight:600}.game-modal button{padding:12px 23px}@media (max-width:782px){.container{flex-direction:column;padding:30px 15px;align-items:center}.hangman-box img{max-width:200px}.hangman-box h1{display:none}.game-box h4{font-size:1rem}.word-display .letter{margin-bottom:35px;font-size:1.7rem}.word-display .letter.guessed{margin:-35px 0 25px}.game-modal img{max-width:120px}.game-modal h4{font-size:1.45rem}.game-modal p{font-size:1.1rem}.game-modal button{padding:10px 18px}}</style><script>
|
||||||
|
const wordDisplay=document.querySelector(".word-display"),guessesText=document.querySelector(".guesses-text b"),keyboardDiv=document.querySelector(".keyboard"),hangmanImage=document.querySelector(".hangman-box img"),gameModal=document.querySelector(".game-modal"),playAgainBtn=gameModal.querySelector("button");let currentWord,correctLetters,wrongGuessCount;const maxGuesses=6,resetGame=()=>{correctLetters=[],wrongGuessCount=0,hangmanImage.src="img/hangman-0.svg",guessesText.innerText=`${wrongGuessCount} / 6`,wordDisplay.innerHTML=currentWord.split("").map((()=>'<li class="letter"></li>')).join(""),keyboardDiv.querySelectorAll("button").forEach((e=>e.disabled=!1)),gameModal.classList.remove("show")},getRandomWord=()=>{const{word:e,hint:r}=wordList[Math.floor(Math.random()*wordList.length)];currentWord=e,document.querySelector(".hint-text b").innerText=r,correctLetters=[],wrongGuessCount=0,hangmanImage.src="img/hangman-0.svg",guessesText.innerText=`${wrongGuessCount} / 6`,wordDisplay.innerHTML=currentWord.split("").map((()=>'<li class="letter"></li>')).join(""),keyboardDiv.querySelectorAll("button").forEach((e=>e.disabled=!1)),gameModal.classList.remove("show")},gameOver=e=>{const r=e?"Kelimeyi buldun:":"Doğru kelime:";gameModal.querySelector("img").src=`img/${e?"victory":"lost"}.gif`,gameModal.querySelector("h4").innerText=e?"Tebrikler!":"Kaybettin!",gameModal.querySelector("p").innerHTML=`${r} <b>${currentWord}</b>`,gameModal.classList.add("show")},initGame=(e,r)=>(currentWord.includes(r)?[...currentWord].forEach(((e,t)=>{e===r&&(correctLetters.push(e),wordDisplay.querySelectorAll("li")[t].innerText=e,wordDisplay.querySelectorAll("li")[t].classList.add("guessed"))})):(wrongGuessCount++,hangmanImage.src=`img/hangman-${wrongGuessCount}.svg`),e.disabled=!0,guessesText.innerText=`${wrongGuessCount} / 6`,6===wrongGuessCount?gameOver(!1):correctLetters.length===currentWord.length?gameOver(!0):void 0);for(let e=97;e<=122;e++){const r=document.createElement("button");r.innerText=String.fromCharCode(e),keyboardDiv.appendChild(r),r.addEventListener("click",(r=>initGame(r.target,String.fromCharCode(e))))}getRandomWord(),playAgainBtn.addEventListener("click",getRandomWord);</script></body></html>
|
||||||
+230
@@ -0,0 +1,230 @@
|
|||||||
|
const wordList = [
|
||||||
|
{
|
||||||
|
word: "guitar",
|
||||||
|
hint: "A musical instrument with strings."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "oxygen",
|
||||||
|
hint: "A colorless, odorless gas essential for life."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "mountain",
|
||||||
|
hint: "A large natural elevation of the Earth's surface."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "painting",
|
||||||
|
hint: "An art form using colors on a surface to create images or expression."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "astronomy",
|
||||||
|
hint: "The scientific study of celestial objects and phenomena."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "football",
|
||||||
|
hint: "A popular sport played with a spherical ball."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "chocolate",
|
||||||
|
hint: "A sweet treat made from cocoa beans."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "butterfly",
|
||||||
|
hint: "An insect with colorful wings and a slender body."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "history",
|
||||||
|
hint: "The study of past events and human civilization."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "pizza",
|
||||||
|
hint: "A savory dish consisting of a round, flattened base with toppings."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "jazz",
|
||||||
|
hint: "A genre of music characterized by improvisation and syncopation."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "camera",
|
||||||
|
hint: "A device used to capture and record images or videos."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "diamond",
|
||||||
|
hint: "A precious gemstone known for its brilliance and hardness."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "adventure",
|
||||||
|
hint: "An exciting or daring experience."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "science",
|
||||||
|
hint: "The systematic study of the structure and behavior of the physical and natural world."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "bicycle",
|
||||||
|
hint: "A human-powered vehicle with two wheels."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "sunset",
|
||||||
|
hint: "The daily disappearance of the sun below the horizon."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "coffee",
|
||||||
|
hint: "A popular caffeinated beverage made from roasted coffee beans."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "dance",
|
||||||
|
hint: "A rhythmic movement of the body often performed to music."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "galaxy",
|
||||||
|
hint: "A vast system of stars, gas, and dust held together by gravity."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "orchestra",
|
||||||
|
hint: "A large ensemble of musicians playing various instruments."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "volcano",
|
||||||
|
hint: "A mountain or hill with a vent through which lava, rock fragments, hot vapor, and gas are ejected."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "novel",
|
||||||
|
hint: "A long work of fiction, typically with a complex plot and characters."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "sculpture",
|
||||||
|
hint: "A three-dimensional art form created by shaping or combining materials."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "symphony",
|
||||||
|
hint: "A long musical composition for a full orchestra, typically in multiple movements."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "architecture",
|
||||||
|
hint: "The art and science of designing and constructing buildings."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "ballet",
|
||||||
|
hint: "A classical dance form characterized by precise and graceful movements."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "astronaut",
|
||||||
|
hint: "A person trained to travel and work in space."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "waterfall",
|
||||||
|
hint: "A cascade of water falling from a height."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "technology",
|
||||||
|
hint: "The application of scientific knowledge for practical purposes."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "rainbow",
|
||||||
|
hint: "A meteorological phenomenon that is caused by reflection, refraction, and dispersion of light."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "universe",
|
||||||
|
hint: "All existing matter, space, and time as a whole."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "piano",
|
||||||
|
hint: "A musical instrument played by pressing keys that cause hammers to strike strings."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "vacation",
|
||||||
|
hint: "A period of time devoted to pleasure, rest, or relaxation."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "rainforest",
|
||||||
|
hint: "A dense forest characterized by high rainfall and biodiversity."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "theater",
|
||||||
|
hint: "A building or outdoor area in which plays, movies, or other performances are staged."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "telephone",
|
||||||
|
hint: "A device used to transmit sound over long distances."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "language",
|
||||||
|
hint: "A system of communication consisting of words, gestures, and syntax."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "desert",
|
||||||
|
hint: "A barren or arid land with little or no precipitation."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "sunflower",
|
||||||
|
hint: "A tall plant with a large yellow flower head."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "fantasy",
|
||||||
|
hint: "A genre of imaginative fiction involving magic and supernatural elements."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "telescope",
|
||||||
|
hint: "An optical instrument used to view distant objects in space."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "breeze",
|
||||||
|
hint: "A gentle wind."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "oasis",
|
||||||
|
hint: "A fertile spot in a desert where water is found."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "photography",
|
||||||
|
hint: "The art, process, or practice of creating images by recording light or other electromagnetic radiation."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "safari",
|
||||||
|
hint: "An expedition or journey, typically to observe wildlife in their natural habitat."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "planet",
|
||||||
|
hint: "A celestial body that orbits a star and does not produce light of its own."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "river",
|
||||||
|
hint: "A large natural stream of water flowing in a channel to the sea, a lake, or another such stream."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "tropical",
|
||||||
|
hint: "Relating to or situated in the region between the Tropic of Cancer and the Tropic of Capricorn."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "mysterious",
|
||||||
|
hint: "Difficult or impossible to understand, explain, or identify."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "enigma",
|
||||||
|
hint: "Something that is mysterious, puzzling, or difficult to understand."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "paradox",
|
||||||
|
hint: "A statement or situation that contradicts itself or defies intuition."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "puzzle",
|
||||||
|
hint: "A game, toy, or problem designed to test ingenuity or knowledge."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "whisper",
|
||||||
|
hint: "To speak very softly or quietly, often in a secretive manner."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "shadow",
|
||||||
|
hint: "A dark area or shape produced by an object blocking the light."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "secret",
|
||||||
|
hint: "Something kept hidden or unknown to others."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
word: "curiosity",
|
||||||
|
hint: "A strong desire to know or learn something."
|
||||||
|
}
|
||||||
|
];
|
||||||
+222
@@ -0,0 +1,222 @@
|
|||||||
|
const wordList = [
|
||||||
|
{
|
||||||
|
"word": "kalem",
|
||||||
|
"hint": "Yazı yazmak için kullanılan araç."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "yazar",
|
||||||
|
"hint": "Kitap veya makale yazan kişi."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "kitap",
|
||||||
|
"hint": "Okumak için yazılmış eser."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "kuyum",
|
||||||
|
"hint": "Altın ve mücevherat ile ilgili iş."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "maden",
|
||||||
|
"hint": "Yer altından çıkarılan değerli taş veya metal."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "orman",
|
||||||
|
"hint": "Ağaçlarla kaplı geniş alan."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "plaka",
|
||||||
|
"hint": "Araçların tanımlandığı metal levha."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "burun",
|
||||||
|
"hint": "Koku alma organı."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "sinek",
|
||||||
|
"hint": "Kanatlı küçük böcek."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "kazak",
|
||||||
|
"hint": "Soğuk havalarda giyilen yünlü giysi."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "akide",
|
||||||
|
"hint": "Geleneksel sert şekerleme."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "mezar",
|
||||||
|
"hint": "Ölülerin gömüldüğü yer."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "kumsal",
|
||||||
|
"hint": "Deniz kenarındaki kumlu alan."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "eldiven",
|
||||||
|
"hint": "Elleri soğuktan korumak için kullanılan giysi."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "karanlık",
|
||||||
|
"hint": "Işık olmayan, loş."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "sanat",
|
||||||
|
"hint": "Estetik yaratıcılık."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "darbe",
|
||||||
|
"hint": "Ani ve sert vuruş."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "melik",
|
||||||
|
"hint": "Kral, hükümdar."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "evrak",
|
||||||
|
"hint": "Resmi belgeler."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "tarla",
|
||||||
|
"hint": "Ekin ekilen arazi."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "kapak",
|
||||||
|
"hint": "Kapağı olan nesne."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "deniz",
|
||||||
|
"hint": "Tuzlu su kütlesi."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "suluk",
|
||||||
|
"hint": "Su içmek için kullanılan kap."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "zarif",
|
||||||
|
"hint": "İnce, nazik."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "topuz",
|
||||||
|
"hint": "Sopa başına takılan yuvarlak cisim."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "karar",
|
||||||
|
"hint": "Verilmiş hüküm."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "renkli",
|
||||||
|
"hint": "Birçok renkten oluşan."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "pasaj",
|
||||||
|
"hint": "Üstü kapalı alışveriş yeri."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "merak",
|
||||||
|
"hint": "Bilme isteği."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "alevli",
|
||||||
|
"hint": "Yanmakta olan, ateşli."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "makas",
|
||||||
|
"hint": "Kumaş veya kağıt kesme aracı."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "havlu",
|
||||||
|
"hint": "Kurulanmak için kullanılan kumaş."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "patik",
|
||||||
|
"hint": "Bebekler için örülen yün çorap."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "leylek",
|
||||||
|
"hint": "Uzun bacaklı, gagalı göçmen kuş."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "incek",
|
||||||
|
"hint": "Çok ince."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "halka",
|
||||||
|
"hint": "Yuvarlak şekil."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "demir",
|
||||||
|
"hint": "Metal element."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "atlas",
|
||||||
|
"hint": "Dünya haritaları içeren kitap."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "karma",
|
||||||
|
"hint": "Karmaşık veya karışık."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "cihaz",
|
||||||
|
"hint": "Elektronik veya mekanik alet."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "perde",
|
||||||
|
"hint": "Işığı kesen örtü."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "kavak",
|
||||||
|
"hint": "Uzun boylu ağaç türü."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "araba",
|
||||||
|
"hint": "Kara taşıtı."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "kelam",
|
||||||
|
"hint": "Söz, laf."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "damar",
|
||||||
|
"hint": "Kan taşıyan boru."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "banka",
|
||||||
|
"hint": "Para işlemleri yapan kurum."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "dalga",
|
||||||
|
"hint": "Su veya hava akımı."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "fidan",
|
||||||
|
"hint": "Genç ağaç."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "lale",
|
||||||
|
"hint": "Baharda açan soğanlı çiçek."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "melek",
|
||||||
|
"hint": "Doğaüstü varlık."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "rüya",
|
||||||
|
"hint": "Uyku sırasında görülen olaylar."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "şarap",
|
||||||
|
"hint": "Üzümden yapılan alkollü içecek."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "tava",
|
||||||
|
"hint": "Yemek pişirmekte kullanılan mutfak eşyası."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "umran",
|
||||||
|
"hint": "Gelişmişlik, medeniyet."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"word": "zihin",
|
||||||
|
"hint": "Düşünme, anlama ve hatırlama yetisi."
|
||||||
|
}
|
||||||
|
];
|
||||||
Reference in New Issue
Block a user