diff --git a/.htaccess.txt b/.htaccess.txt new file mode 100644 index 0000000..3c7a90a --- /dev/null +++ b/.htaccess.txt @@ -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 diff --git a/1.html b/1.html new file mode 100644 index 0000000..5fde4dd --- /dev/null +++ b/1.html @@ -0,0 +1 @@ +Digital-Clock App
\ No newline at end of file diff --git a/3.html b/3.html new file mode 100644 index 0000000..a508325 --- /dev/null +++ b/3.html @@ -0,0 +1,3 @@ +Notes App

  • Add new note

    • + + \ No newline at end of file diff --git a/4.html b/4.html new file mode 100644 index 0000000..37b917e --- /dev/null +++ b/4.html @@ -0,0 +1,2 @@ +Stopwatch Timer App
    00:00:00:00
    + \ No newline at end of file diff --git a/5.css b/5.css new file mode 100644 index 0000000..5bbd64a --- /dev/null +++ b/5.css @@ -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}} \ No newline at end of file diff --git a/5.html b/5.html new file mode 100644 index 0000000..c4d9e51 --- /dev/null +++ b/5.html @@ -0,0 +1 @@ +Weather App

    Weather Dashboard

    Enter a City Name

    _______ ( ______ )

    Temperature: __°C
    Wind: __ M/S
    Humidity: __%

    5-Day Forecast

    • ( ______ )

      Temp: __C
      Wind: __ M/S
      Humidity: __%

    • ( ______ )

      Temp: __C
      Wind: __ M/S
      Humidity: __%

    • ( ______ )

      Temp: __C
      Wind: __ M/S
      Humidity: __%

    • ( ______ )

      Temp: __C
      Wind: __ M/S
      Humidity: __%

    • ( ______ )

      Temp: __C
      Wind: __ M/S
      Humidity: __%
    \ No newline at end of file diff --git a/CSS/1.css b/CSS/1.css new file mode 100644 index 0000000..a86a090 --- /dev/null +++ b/CSS/1.css @@ -0,0 +1 @@ +@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Tac+One&family=Teko&family=Whisper&display=swap);@import url(https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Tac+One&family=Teko&family=Whisper&display=swap);@import url(https://fonts.googleapis.com/css2?family=Michroma&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);.word{transition:color 0.5s;display:inline-block;margin-right:.5rem}#ref{font-size:1.6rem;padding:1em;object-fit:contain}#ref_div{font-family:'Teko',sans-serif;display:flex;justify-content:center;align-items:center;object-fit:contain;overflow-x:hidden}#body_index{align-items:center;width:100%;height:100%;min-height:100vh;background:var(--bg);overflow-y:hidden}.loading_page{z-index:999999999;position:fixed;top:0;left:0;background:linear-gradient(to right,#B3E2A7,#80B9AD,#0f2027);height:100%;width:100%;display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:center;color:#191654}#svg{height:150px;width:150px;stroke:#fff;fill-opacity:0;stroke-width:3px;stroke-dasharray:4500;animation:draw 8s ease}@keyframes draw{0%{stroke-dashoffset:4500}100%{stroke-dashoffset:0}}.name_container{height:30px;width:wrap;overflow:hidden}.logo_name{user-select:none!important;font-family:'Teko',sans-serif;font-weight:600;font-style:normal;text-decoration:none;color:var(--white);font-size:20px;letter-spacing:12px;text-transform:uppercase;font-weight:bolder}*{--primary:#0C0C0C;--secondary:#75A47F;--third:#4F6F52;--white:#ffffff;--black1:#000000;--black2:#31363F;--black3:#222831;--darkblue1:#0D1028;--bg:#F8F6E3;--bej:#EEEBD2;--darkgreen:#9DBC98;--opengreen:#D9EDBF;--green2:#94bf73;--color-1:#F8F6E3;--text-color:#f0f0f0;--accent-color:#006aff;--grey:#F0EBE3;--grey2:#b1a7a6;cursor:none;margin:0;padding:0;box-sizing:border-box}.darkmode--activated{.text_greeting_1{color:var(--white)}.container_0 .h1{color:var(--white)}.services_id{background-color:var(--darkblue1);color:var(--3white)}.main_a svg,.svg_icon_open,.svg_icon_close{fill:var(--white)}.home_scroll_box label{fill:var(--black2);}.home_scroll_box{background-color:var(--3white)}.img_filter{background:linear-gradient(180deg,#fff00%,rgba(0,0,0,4)100%);width:100%;height:100%}.tranding-slider-control .swiper-pagination .swiper-pagination-bullet{background-color:azure;filter:none;transition:background-color 1s ease-in-out}.tranding-slider-control .swiper-pagination .swiper-pagination-bullet-active{background:var(--3white);box-shadow:0 0 30px .5px #fff}}.darkmode-toggle{z-index:999999}.darkmode-toggle:hover{cursor:none}.darkmode-toggle.darkmode-toggle--white:hover{cursor:none}::-webkit-scrollbar{width:11px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--opengreen)}::-webkit-scrollbar-thumb:hover{background:var(--darkgreen)}::selection{background-color:var(--primary);;color:var(--bg)}::-moz-selection{background-color:var(--bg);color:var(--primary)}#photo::selection{background-color:#fff0;color:#fff0;user-select:none!important}#photo_gallery::selection{background-color:#fff0;color:#fff0;user-select:none!important}.img_filter{background:linear-gradient(180deg,#fff00%,rgb(0 0 0 / .61)100%);width:100%;height:100%}.circle{height:18px;width:18px;border-radius:24px;background-color:var(--black1);position:fixed;top:0;left:0;pointer-events:none}#circle_1{z-index:99999999;box-shadow:0 4px 6px rgb(0 0 0 / .5)}#circle_2{z-index:99999998}#circle_3{z-index:99999997}#circle_4{z-index:99999996}#circle_5{z-index:99999995}#circle_6{z-index:99999994}#circle_7{z-index:99999993}#circle_8{z-index:99999992}#circle_9{z-index:99999991}#circle_10{z-index:99999990}#circle_11{z-index:99999989}#circle_12{z-index:99999988}#circle_13{z-index:99999987}#circle_14{z-index:99999986}#circle_15{z-index:99999985}#circle_16{z-index:99999984}#circle_17{z-index:99999983}#circle_18{z-index:99999982}#circle_19{z-index:99999981}#circle_20{z-index:99999980}html{min-width:310px;overflow-x:hidden}html,body{height:100%;background-attachment:fixed;background-repeat:repeat;background-size:cover}.text_greeting_1{order:0;object-fit:cover;font-family:'Teko',sans-serif;padding-right:17px;font-weight:600;color:var(--black2);transition:color 2s ease-in-out}.text_greeting_2{order:1;text-align:left;font-family:'Teko',sans-serif;font-weight:600;color:var(--secondary)}.home_scroll{display:block;width:max-content;margin:10vh auto}.home_scroll_box{border-radius:30%;background-color:var(--black2);width:6rem;height:6rem;display:grid;place-items:center;font-size:1rem;overflow:hidden;transition:background-color 1s ease-in-out}.home_scroll_text{display:none}.home_scroll_box label{fill:var(--white);animation:scroll_down 3s infinite;transition:fill 1s ease-in-out}@keyframes scroll_down{0%{transform:translateY(-1rem);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(.6rem);opacity:0}}.h1{font-family:'Teko',sans-serif;font-weight:600;color:var(--black2)}.h1 span{font-family:"Tac One",sans-serif;font-weight:400;font-style:normal;color:var(--secondary);position:relative}.h1 span::before{content:"";height:45px;width:2px;position:absolute;top:50%;right:-8px;background:var(--third);;transform:translateY(-45%);animation:blink 0.7s infinite}.h1 span.stop-blinking::before{animation:none}@keyframes blink{50%{opacity:0}}.top{height:100vh!important}#first{padding:0 3vh 0;display:flex;width:wrap;flex-direction:column;margin-top:10vh;padding-top:10%;height:auto;width:100%;align-items:center;text-align:left;letter-spacing:.5px}#first_{user-select:none!important;text-align:center;flex-wrap:wrap;flex-direction:column}#container_0{font-size:3.5rem;margin:0 auto 0;width:wrap;display:flex;justify-content:center;overflow:hidden;flex-wrap:wrap}.container_0{font-size:2rem;width:wrap;display:flex;align-items:flex-start;white-space:nowrap;padding-right:24rem;overflow:hidden;flex-direction:row;flex-wrap:wrap}.container_0 .h1{transition:color 2s ease-in-out;position:absolute}#container_1{display:flex;flex-wrap:wrap;flex-direction:column;color:var(--primary);min-width:100%;min-height:100%;background-color:var(--bg)}#container_2{display:flex;flex-wrap:wrap;flex-direction:column;color:var(--primary);font-family:'Teko',sans-serif;max-width:100%;background-color:var(--bg)}#container_not_found_page{object-fit:cover;display:flex;width:100%;height:100%;max-height:100vh;flex-direction:column;background-color:var(--bg);color:var(--primary);font-family:'Teko',sans-serif;overflow-x:hidden}header{width:100%;height 100%;padding-top:5vh;color:var(--white);background-color:var(--bg);letter-spacing:1px}.check_btn{float:right;display:none;font-size:30px;color:var(--black1);float:right;line-height:100px;margin-right:40px;cursor:pointer}#check{display:none}#icon{width:30px}.menu{user-select:none!important;font-family:'Teko',sans-serif;font-size:6.5vh;text-decoration:none;color:var(--black1)}.menu{background:linear-gradient(currentColor 0 0) bottom /var(--d,0) 2px no-repeat;transition:0.3s}.menu_2{font-family:'Teko',sans-serif;font-size:35px;text-decoration:none;color:var(--black1)}#toskills{text-align:center}#togallery{text-align:center}#tocontact{text-align:center}#toskills:hover{--d:55%}#toskills:active{--d:55%}#togallery:hover{--d:60%}#togallery:active{--d:60%}#toservices:hover{--d:65%}#toservices:active{--d:65%}#tocontact:hover{--d:65%}#tocontact:active{--d:65%}#services{padding-top:7vh}#services_{animation:fade-in linear;animation-timeline:view();animation-range-start:cover;animation-range-end:cover;margin:4vh 0 2vh;max-width:100%;width:wrap;height:auto;display:flex;outline:none;text-transform:uppercase;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:row;text-align:justify}.services_id{user-select:none!important;border-radius:4%;display:flex;margin:2vh 4vh 4vh;width:400px;height:50vh;font-size:7vh;text-align:center;justify-content:center;align-items:center;color:var(--primary);background-color:var(--bej);transition:background-color 0.75s ease-in-out}main{font-family:"Inter",sans-serif;font-optical-sizing:auto;font-weight:;font-style:normal;font-variation-settings:"slnt" 0;margin:100px 60px 80px 60px;height:auto;width:auto}main_2{margin:80px 60px 80px 60px;height:auto;width:auto}#portfolio{display:flex;flex-grow:1;margin:100px 60px 80px}footer{margin:10px 90px 45px 90px;width:inherit;height:inherit}#footer_main{overflow:visible;display:flex;flex-wrap:wrap;align-items:center;text-align:center;justify-content:space-between;width:100%;height:100px}#cc{user-select:none!important;font-size:2.7vh;order:0;width:wrap;height:auto;color:var(--black2)}#socialmedia{display:flex;flex-direction:row;order:1;white-space:nowrap;height:wrap;width:wrap}.main_a svg{transform:scale(1.2);overflow:visible;flex:1;align-items:center;height:4vh;width:4vh;margin:0 7px 0;color:var(--black3);transition:fill 2s ease-in-out}.main_a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:visible;flex-wrap:wrap;justify-content:center;align-items:center;transition:transform 0.5s ease-in-out}.to-top{user-select:none!important;box-shadow:0 0 10px rgb(0 0 0 / .5);background:var(--white);position:fixed;bottom:32px;right:15px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;text-decoration:none;opacity:0;pointer-events:none;transition:all .4s}.to-top.active{bottom:32px;pointer-events:auto;opacity:1}.to-top img{height:10px;width:10px}.container78{max-width:100%;margin-top:5vh;align-items:flex-start;overflow:hidden;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;padding:20px}.image-container{user-select:none!important;margin-left:40px;margin-right:40px;border-radius:12px;flex:none;width:84vh;height:99.12vh;display:flex;justify-content:center;align-items:center}.image-container img{border-radius:12px;object-fit:cover;width:100%;height:100%}.image{background:linear-gradient(180deg,#fff00%,rgb(0 0 0 / .61)100%),url(img/game.webp)no-repeat center/cover}.text_container{user-select:none!important;min-width:440px;box-sizing:border-box;flex:1;padding:40px;text-align:left}.text_container p{font-family:'Teko',sans-serif;font-size:4.536vh}.container78>.text_container{order:1}.container78>.image-container{order:0}#form_{padding:0 0 0}#form_text{user-select:none!important;font-size:25px;max-width:70%;margin-top:6vh}.form_title{font-size:50px;padding-bottom:30px;text-shadow:3px 3px 0 #8A817C}textarea{user-select:none!important}.button-send{font-family:"Open Sans",sans-serif;font-size:16px;letter-spacing:2px;text-decoration:none;text-transform:uppercase;color:var(--black1);cursor:pointer;border:3px solid;padding:.25em .5em;box-shadow:1px 1px 0 0,2px 2px 0 0,3px 3px 0 0,4px 4px 0 0,5px 5px 0 0;position:relative;user-select:none;-webkit-user-select:none;touch-action:manipulation}.button-send:hover{cursor:none}.button-send:active{cursor:none;box-shadow:0 0 0 0;top:5px;left:5px}#divides{display:flex;width:100%;height:3px;justify-content:center;align-items:center}.space{user-select:none!important;width:87%;height:3px;border-radius:10px;background-color:var(--primary)}#skills_{text-align:center;max-width:100%;margin-top:5.5rem;margin-bottom:6vh}#skills_>p{font-family:'Teko',sans-serif;font-size:6rem;color:var(--primary)}#skills{animation:fade-in linear;animation-timeline:view();animation-range-start:cover;animation-range-end:cover;width:auto;display:flex;flex-direction:row;float:left;flex-wrap:wrap;justify-content:center;width:100%;justify-content:center;align-items:center}#skills_id{user-select:none!important;max-width:100%;width:wrap;height:auto;display:flex;outline:none;text-transform:uppercase;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column;text-align:justify;font-size:20px;font-family:"Barlow Condensed",sans-serif;font-weight:400;font-style:normal;box-sizing:border-box;margin-bottom:1vh;letter-spacing:2px;line-height:1.4}.text_title{user-select:none!important;text-align:center;font-family:'Teko',sans-serif;font-size:6rem;color:var(--primary);text-shadow:3px 3px 0 #8A817C}#text_skills{flex-wrap:wrap;padding-bottom:.5vh}@keyframes fadee-in{from{scale:.8;opacity:.4}to{scale:1;opacity:1}}.progress{background:#CCD3CA;justify-content:flex-start;border-radius:100px;align-items:center;position:relative;padding:0 1vh;display:flex;height:6.5vh;width:50vh;max-width:80%}#progress_value{box-shadow:0 10px 40px -10px #fff;border-radius:100px;background:var(--black3);height:4.7vh;width:0vh}@keyframes load_1{0%{width:0}100%{width:80%}}@keyframes load_2{0%{width:0}100%{width:85%}}@keyframes load_3{0%{width:0}100%{width:95%}}@keyframes load_4{0%{width:0}100%{width:60%}}@keyframes load_5{0%{width:0}100%{width:50%}}@keyframes load_6{0%{width:0}100%{width:40%}}@keyframes load_7{0%{width:0}100%{width:60%}}@keyframes load_8{0%{width:0}100%{width:40%}}@keyframes load_9{0%{width:0}100%{width:70%}}#main_404{margin-top:10rem;margin-bottom:8rem}.text_404{font-size:3.3rem}.text_404_info{font-size:2.6rem}.ref_404{font-size:2.6rem;color:var(--primary);text-decoration:none;transition:0.5s}.ref_404:hover{opacity:.4;transition:0.5s}.svg_icon_open,.svg_icon_close{fill:var(--black2);transition:fill 1s ease-in-out}nav{margin:0 auto 0;height:auto;width:92%;background-color:var(--bg);display:flex;overflow:hidden;justify-content:center}.links-container{height:100%;width:wrap;display:flex;flex-direction:row;align-items:center}nav a{height:100%;padding:0 20px;display:flex;align-items:center;text-decoration:none}nav .home-link{margin-right:auto}nav svg{fill:var(--text-color)}#sidebar-active{fill:var(--black1);display:none}.open-sidebar-button,.close-sidebar-button{display:none}@media(max-width:1655px){nav{justify-content:center;align-items:center}.links-container{flex-direction:column;align-items:flex-start;position:fixed;top:0;right:-100%;z-index:10;width:300px;background-color:rgb(255 255 255 / .15);backdrop-filter:blur(12px);box-shadow:-10px 0 10px rgb(0 0 0 / .1);transition:0.67s ease-out}nav a{box-sizing:border-box;height:auto;width:wrap;padding:20 30px;justify-content:flex-start;color:var(--black2)}.open-sidebar-button{display:block;position:absolute;right:10%}.close-sidebar-button{padding:20px;display:block}#sidebar-active:checked~.links-container{right:0}#sidebar-active:checked~#overlay{height:100%;width:100%;position:fixed;top:0;left:0;z-index:9}}.divide_1{margin-top:10vh}.divide_2{margin-bottom:4.5rem}.divide_3{margin-top:4.5rem}@media only screen and (max-width:1655px){#first{padding-top:0;margin-top:7vh}.divide_1{margin-top:0}.darkmode--activated{.menu{color:#D9EDBF}}.menu{width:100%}nav{height:wrap;width:100%;justify-content:center}header{height:150px;width:100%;display:grid;place-items:center}.image-container{width:80%;height:80%}#tocontact:hover{--d:0%}#tocontact:active{--d:0%}#toservices:hover{--d:0%}#toservices:active{--d:0%}#togallery:hover{--d:0%}#togallery:active{--d:0%}#toskills:hover{--d:0%}#toskills:active{--d:0%}}@media only screen and (max-width:580px){.text_container{min-width:100px}}@media(max-width:476px){#footer_main{justify-content:center}}@media(max-width:410px){.sidebar{width:100%}} diff --git a/CSS/2.css b/CSS/2.css new file mode 100644 index 0000000..5134ac3 --- /dev/null +++ b/CSS/2.css @@ -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)} diff --git a/JAVASCRIPT/1.js b/JAVASCRIPT/1.js new file mode 100644 index 0000000..f04357d --- /dev/null +++ b/JAVASCRIPT/1.js @@ -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); + } + }); diff --git a/en.html b/en.html new file mode 100644 index 0000000..c6c8337 --- /dev/null +++ b/en.html @@ -0,0 +1,3 @@ +Hangman Game App
    gif

    Game Over!

    The correct word was:rainbow

    hangman-img

    Hangman Game

      Hint:

      Incorrect guesses:

      \ No newline at end of file diff --git a/home.html b/home.html new file mode 100644 index 0000000..ae8e50d --- /dev/null +++ b/home.html @@ -0,0 +1,307 @@ + + + + Furkan Karlıoğlu - Main Page + + + + + + + + + + + + + + + + + + + + + + + + +
      + + + +
      +
      For The Future
      +
      +
      + + + scroll_top_button + + +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      +
      + +
      +
      +
      +
      +

      Hello, It's

      +

      Furkan Karlıoğlu

      +
      +
      +

      I'm a

      +
      +
      + +
      + +
      + +       +
      +
      +

      - About Me -

      +
      +
      + profile_photo +
      +
      +

      +
      +
      +
      +
      +

      - Skills -

      +
      +
      +
      PYTHON
      +
      JAVA
      +
      C++
      +
      C#
      +
      CSS
      +
      JAVASCRIPT
      +
      ELECTRIC GUITAR
      +
      FRENCH
      +
      DRONE FLYING
      +
      +
      +
      +
      + + + + + + + + +
      +
      +

      - Gallery -

      +

      My Projects

      +
      +
      +
      +
      + +
      +
      +
      + Tranding
      +
      +
      + 2020 +

      + Robotic Coding +

      + +
      +
      +
      + Tranding
      +
      +
      + 2020 +

      + 2D/3D Game Development +

      + +
      +
      +
      + Tranding
      +
      +
      + 2021 +

      + Mobile Application Development +

      + + +
      +
      +
      + Tranding
      +
      + + +
      + 2022 +

      + Website Creation +

      + + +
      +
      +
      + Tranding
      +
      +
      + 2023 +

      + Cyber Security +

      + + +
      +
      +
      + Tranding
      +
      +
      + 2024 +

      + AI Prompt Engineering +

      + +
      +
      +
      +
      +
      +
      +
      +
      + + + + + + +
      +
      +

      - Services -

      +
      +

      Mobile App Development

      +

      Cyber Security

      +

      Prompt Engineering

      +
      +
      +
      + +
      +
      +
      +

      - Contact me! -

      +

      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.

      +
      +
      + + + + + + + + + + + + + + + + + + +
      +
      +
      + +
      +
      + +
      +
      + + + + + + + + + + diff --git a/img/ai.webp b/img/ai.webp new file mode 100644 index 0000000..6fbd27c Binary files /dev/null and b/img/ai.webp differ diff --git a/img/app.webp b/img/app.webp new file mode 100644 index 0000000..96504ed Binary files /dev/null and b/img/app.webp differ diff --git a/img/cyber.webp b/img/cyber.webp new file mode 100644 index 0000000..48fd356 Binary files /dev/null and b/img/cyber.webp differ diff --git a/img/game.webp b/img/game.webp new file mode 100644 index 0000000..fee800a Binary files /dev/null and b/img/game.webp differ diff --git a/img/hangman-0.svg b/img/hangman-0.svg new file mode 100644 index 0000000..1e7cd8b --- /dev/null +++ b/img/hangman-0.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/img/hangman-1.svg b/img/hangman-1.svg new file mode 100644 index 0000000..e549635 --- /dev/null +++ b/img/hangman-1.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/img/hangman-2.svg b/img/hangman-2.svg new file mode 100644 index 0000000..a0a3a65 --- /dev/null +++ b/img/hangman-2.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/img/hangman-3.svg b/img/hangman-3.svg new file mode 100644 index 0000000..c605f93 --- /dev/null +++ b/img/hangman-3.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/img/hangman-4.svg b/img/hangman-4.svg new file mode 100644 index 0000000..e23445a --- /dev/null +++ b/img/hangman-4.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/img/hangman-5.svg b/img/hangman-5.svg new file mode 100644 index 0000000..2a60dd5 --- /dev/null +++ b/img/hangman-5.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/img/hangman-6.svg b/img/hangman-6.svg new file mode 100644 index 0000000..c8a6a74 --- /dev/null +++ b/img/hangman-6.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/img/icon.ico b/img/icon.ico new file mode 100644 index 0000000..c18dc0d Binary files /dev/null and b/img/icon.ico differ diff --git a/img/lost.gif b/img/lost.gif new file mode 100644 index 0000000..dc892b7 Binary files /dev/null and b/img/lost.gif differ diff --git a/img/profile_photo1.webp b/img/profile_photo1.webp new file mode 100644 index 0000000..c46d6a6 Binary files /dev/null and b/img/profile_photo1.webp differ diff --git a/img/robotic.webp b/img/robotic.webp new file mode 100644 index 0000000..5b63b4f Binary files /dev/null and b/img/robotic.webp differ diff --git a/img/up.png b/img/up.png new file mode 100644 index 0000000..69d61c9 Binary files /dev/null and b/img/up.png differ diff --git a/img/up.webp b/img/up.webp new file mode 100644 index 0000000..49af116 Binary files /dev/null and b/img/up.webp differ diff --git a/img/victory.gif b/img/victory.gif new file mode 100644 index 0000000..d33e5f8 Binary files /dev/null and b/img/victory.gif differ diff --git a/img/web.webp b/img/web.webp new file mode 100644 index 0000000..04c0480 Binary files /dev/null and b/img/web.webp differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..6e42585 --- /dev/null +++ b/index.html @@ -0,0 +1,34 @@ + + + + Furkan Karlıoğlu + + + + + + + + + + + +

      -You are being redirected to the homepage-

      + + + diff --git a/manifest.json b/manifest.json new file mode 100644 index 0000000..4948a23 --- /dev/null +++ b/manifest.json @@ -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"] +} diff --git a/not_found_page.html b/not_found_page.html new file mode 100644 index 0000000..e69de29 diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..81aee8b --- /dev/null +++ b/robots.txt @@ -0,0 +1,4 @@ +User-agent:* +Disallow: + +Sitemap: https://furk4ngg.github.io/sitemap.xml diff --git a/service-worker.js b/service-worker.js new file mode 100644 index 0000000..91d5d77 --- /dev/null +++ b/service-worker.js @@ -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); + }) + ); +}); diff --git a/sitemap.xml b/sitemap.xml new file mode 100644 index 0000000..3cae126 --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,67 @@ + + + + + https://furk4ngg.github.io/home.html + 2024-08-31 + monthly + 1.0 + + + + https://furk4ngg.github.io/index.html + 2024-08-31 + monthly + 1.0 + + + + https://furk4ngg.github.io/not_found_page.html + 2024-08-31 + monthly + 1.0 + + + + https://furk4ngg.github.io/1.html + 2024-08-31 + monthly + 0.6 + + + + https://furk4ngg.github.io/3.html + 2024-08-31 + monthly + 0.6 + + + + https://furk4ngg.github.io/4.html + 2024-08-31 + monthly + 0.6 + + + + https://furk4ngg.github.io/5.html + 2024-08-31 + monthly + 0.6 + + + + https://furk4ngg.github.io/tr.html + 2024-08-31 + monthly + 0.4 + + + + https://furk4ngg.github.io/en.html + 2024-08-31 + monthly + 0.4 + + + diff --git a/tr.html b/tr.html new file mode 100644 index 0000000..f5e5d52 --- /dev/null +++ b/tr.html @@ -0,0 +1,3 @@ +Adam Asmaca Oyunu
      gif

      Kaybettin!

      Doğru kelime:kelime

      hangman-img

      Adam Asmaca Oyunu

        İpucu:

        Yanlış tahminler:

        diff --git a/word-list_en.js b/word-list_en.js new file mode 100644 index 0000000..c9203bf --- /dev/null +++ b/word-list_en.js @@ -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." + } +]; \ No newline at end of file diff --git a/word-list_tr.js b/word-list_tr.js new file mode 100644 index 0000000..9d9e432 --- /dev/null +++ b/word-list_tr.js @@ -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." +} +]; \ No newline at end of file