{"id":685,"date":"2026-11-10T11:51:58","date_gmt":"2026-11-10T08:51:58","guid":{"rendered":"https:\/\/serefsen.com\/uzay\/?page_id=685"},"modified":"2026-11-10T15:38:36","modified_gmt":"2026-11-10T12:38:36","slug":"uzay-oyunlari","status":"publish","type":"page","link":"https:\/\/serefsen.com\/uzay\/uzay-oyunlari\/","title":{"rendered":"Uzay Oyunlar\u0131"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n.space-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr); \/* Masa\u00fcst\u00fcnde 3 s\u00fctun *\/\n    gap: 24px;\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n\/* Zorunlu 2'li veya 1'li kullanmak istersen bu classlar\u0131 .space-grid'in yan\u0131na ekleyebilirsin *\/\n.space-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }\n.space-grid.cols-1 { grid-template-columns: 1fr; }\n\n\n.space-card {\n    position: relative;\n    text-decoration: none;\n    display: block;\n    border-radius: 8px;\n    background: linear-gradient(145deg, rgba(15, 15, 25, 0.9), rgba(5, 5, 10, 0.95));\n    border: 1px solid rgba(0, 255, 255, 0.15); \/* Saydam Cyan Kenarl\u0131k *\/\n    overflow: hidden;\n    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n    font-family: 'Space Mono', monospace;\n    backdrop-filter: blur(10px);\n}\n\n\/* Kart \u0130\u00e7 Bo\u015fluklar\u0131 *\/\n.space-card-inner {\n    padding: 30px 24px;\n    position: relative;\n    z-index: 2;\n}\n\n\/* Hover Animasyonu ve I\u015f\u0131ma *\/\n.space-card:hover {\n    transform: translateY(-5px);\n    border-color: rgba(0, 255, 255, 0.8);\n    box-shadow: 0 10px 30px rgba(0, 255, 255, 0.15), \n                inset 0 0 20px rgba(0, 255, 255, 0.05);\n}\n\n\/* Rozet (Badge) *\/\n.space-badge {\n    display: inline-block;\n    font-size: 11px;\n    letter-spacing: 0.2em;\n    color: #00ffff;\n    border: 1px solid #00ffff;\n    padding: 4px 8px;\n    border-radius: 4px;\n    margin-bottom: 20px;\n    background: rgba(0, 255, 255, 0.05);\n    text-shadow: 0 0 5px rgba(0, 255, 255, 0.5);\n}\n\n\/* Ba\u015fl\u0131k *\/\n.space-card h3 {\n    color: #ffffff;\n    font-size: 22px;\n    margin: 0 0 12px 0;\n    letter-spacing: 0.05em;\n}\n\n\/* A\u00e7\u0131klama Metni *\/\n.space-card p {\n    color: rgba(255, 255, 255, 0.6);\n    font-size: 14px;\n    line-height: 1.6;\n    margin: 0 0 24px 0;\n    font-family: sans-serif; \/* Okunabilirlik i\u00e7in *\/\n}\n\n\/* Alt Ba\u011flant\u0131 Metni *\/\n.space-card-footer {\n    font-size: 13px;\n    color: #00ffff;\n    letter-spacing: 0.1em;\n    font-weight: bold;\n    display: flex;\n    align-items: center;\n    transition: transform 0.3s ease;\n}\n\n\/* Hoverda oku sa\u011fa kayd\u0131rma *\/\n.space-card:hover .space-card-footer {\n    transform: translateX(8px);\n    text-shadow: 0 0 8px rgba(0, 255, 255, 0.6);\n}\n\n\n\/* --- Detay Animasyon: Tarama \u00c7izgisi (Scanline) --- *\/\n.scan-line {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(to bottom, transparent 0%, rgba(0, 255, 255, 0.05) 50%, transparent 100%);\n    opacity: 0;\n    transform: translateY(-100%);\n    transition: opacity 0.3s;\n    z-index: 1;\n    pointer-events: none;\n}\n\n.space-card:hover .scan-line {\n    opacity: 1;\n    animation: scan 2s linear infinite;\n}\n\n@keyframes scan {\n    0% { transform: translateY(-100%); }\n    100% { transform: translateY(100%); }\n}\n\n\n\/* --- Varyasyon: Magenta Tema (\u0130ste\u011fe Ba\u011fl\u0131) --- *\/\n.space-card.magenta-theme {\n    border-color: rgba(255, 0, 255, 0.15);\n}\n.space-card.magenta-theme:hover {\n    border-color: rgba(255, 0, 255, 0.8);\n    box-shadow: 0 10px 30px rgba(255, 0, 255, 0.15), inset 0 0 20px rgba(255, 0, 255, 0.05);\n}\n.space-card.magenta-theme .space-badge {\n    color: #ff00ff;\n    border-color: #ff00ff;\n    background: rgba(255, 0, 255, 0.05);\n    text-shadow: 0 0 5px rgba(255, 0, 255, 0.5);\n}\n.space-card.magenta-theme .space-card-footer {\n    color: #ff00ff;\n}\n.space-card.magenta-theme .scan-line {\n    background: linear-gradient(to bottom, transparent 0%, rgba(255, 0, 255, 0.05) 50%, transparent 100%);\n}\n\n\n\/* --- Responsive (Mobil Uyumluluk) --- *\/\n\n\/* Tablet: 992px alt\u0131nda 2 S\u00fctun *\/\n@media (max-width: 992px) {\n    .space-grid {\n        grid-template-columns: repeat(2, 1fr);\n    }\n}\n\n\/* Mobil: 768px alt\u0131nda Tek S\u00fctun *\/\n@media (max-width: 768px) {\n    .space-grid {\n        grid-template-columns: 1fr;\n    }\n}\n<\/style>\n\n<div class=\"space-grid\">\n    <a href=\"https:\/\/serefsen.com\/oyunlar\/galaxy.html\" class=\"space-card\">\n        <div class=\"space-card-inner\">\n            <span class=\"space-badge\">01<\/span>\n            <h3>Galaxy Drawing Space\n<\/h3>\n            <div class=\"space-card-footer\">BA\u011eLANTI KUR \u2192<\/div>\n        <\/div>\n        <div class=\"scan-line\"><\/div>\n    <\/a>\n\n    <a href=\"https:\/\/serefsen.com\/oyunlar\/drift.html\" class=\"space-card magenta-theme\">\n        <div class=\"space-card-inner\">\n            <span class=\"space-badge\">02<\/span>\n            <h3>Paper Drift<\/h3>\n            <div class=\"space-card-footer\">BA\u011eLANTI KUR \u2192<\/div>\n        <\/div>\n        <div class=\"scan-line\"><\/div>\n    <\/a>\n\n    <a href=\"https:\/\/serefsen.com\/oyunlar\/space-memory_game.html\" class=\"space-card\">\n        <div class=\"space-card-inner\">\n            <span class=\"space-badge\">03<\/span>\n            <h3>Space Memory Game<\/h3>\n            <div class=\"space-card-footer\">BA\u011eLANTI KUR \u2192<\/div>\n        <\/div>\n        <div class=\"scan-line\"><\/div>\n    <\/a>\n   \n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>01 Galaxy Drawing Space BA\u011eLANTI KUR \u2192 02 Paper Drift BA\u011eLANTI KUR \u2192 03 Space Memory Game BA\u011eLANTI KUR \u2192<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"space_lang":[],"class_list":["post-685","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/serefsen.com\/uzay\/wp-json\/wp\/v2\/pages\/685","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/serefsen.com\/uzay\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/serefsen.com\/uzay\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/serefsen.com\/uzay\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/serefsen.com\/uzay\/wp-json\/wp\/v2\/comments?post=685"}],"version-history":[{"count":7,"href":"https:\/\/serefsen.com\/uzay\/wp-json\/wp\/v2\/pages\/685\/revisions"}],"predecessor-version":[{"id":702,"href":"https:\/\/serefsen.com\/uzay\/wp-json\/wp\/v2\/pages\/685\/revisions\/702"}],"wp:attachment":[{"href":"https:\/\/serefsen.com\/uzay\/wp-json\/wp\/v2\/media?parent=685"}],"wp:term":[{"taxonomy":"space_lang","embeddable":true,"href":"https:\/\/serefsen.com\/uzay\/wp-json\/wp\/v2\/space_lang?post=685"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}