{"id":18199,"date":"2023-02-09T18:49:09","date_gmt":"2023-02-09T17:49:09","guid":{"rendered":"https:\/\/base.abusizz.ch\/?page_id=18199"},"modified":"2023-02-09T18:50:03","modified_gmt":"2023-02-09T17:50:03","slug":"tic-tac-toe","status":"publish","type":"page","link":"https:\/\/base.abusizz.ch\/de\/tic-tac-toe\/","title":{"rendered":"Tic Tac Toe"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18199\" class=\"elementor elementor-18199\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-36dfcdd2 elementor-section-full_width elementor-section-height-full elementor-section-height-default elementor-section-items-middle\" data-id=\"36dfcdd2\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6b56fab7\" data-id=\"6b56fab7\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-783036c elementor-widget elementor-widget-abusizz-html\" data-id=\"783036c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"abusizz-html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\t\t<div class=\"abusizz-code-wrapper\">\n\t\t\t<div class=\"abusizz-code-content\">\n\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/4.0.0\/css\/bootstrap.min.css\" integrity=\"sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW\/dAiS6JXm\" crossorigin=\"anonymous\">\n\n<div class=\"container\">\t\n<div id=\"app-wrapper\"><\/div>\n<\/div>\t\t\t<\/div>\n\t\t\t<script type=\"text\/javascript\">\n\t\t\t\t(function($) {\n\t\n\tvar p1_human = true;\n\tvar p2_human = false;\n\tvar mainGame;\n\tvar manager;\n\n\tloadStartScreen();\n\n\t\/\/ Click handlers\n\n\t$(document).on('click', \"#1P\", function(){\n\t\tif(!p1_human){\n\t\t\t$(this).removeClass(\"btn-secondary\");\n\t\t\t$(\"#CPU-X\").addClass(\"btn-secondary\");\n\t\t\tp1_human = true;\n\t\t}\n\t});\n\n\t$(document).on('click', \"#CPU-X\", function(){\n\t\tif(p1_human){\n\t\t\t$(this).removeClass(\"btn-secondary\");\n\t\t\t$(\"#1P\").addClass(\"btn-secondary\");\n\t\t\tp1_human = false;\n\t\t}\n\t});\n\n\t$(document).on('click', \"#2P\", function(){\n\t\tif(!p2_human){\n\t\t\t$(this).removeClass(\"btn-secondary\");\n\t\t\t$(\"#CPU-O\").addClass(\"btn-secondary\");\n\t\t\tp2_human = true;\n\t\t}\n\t});\n\n\t$(document).on('click', \"#CPU-O\", function(){\n\t\tif(p2_human){\n\t\t\t$(this).removeClass(\"btn-secondary\");\n\t\t\t$(\"#2P\").addClass(\"btn-secondary\");\n\t\t\tp2_human = false;\n\t\t}\n\t});\n\n\t$(document).on('click', \"#start-game\", function(){\n\t\tloadGameScreen();\n\t});\n\n\t$(document).on('click', \"#board>div\", function(){\n\t\tif(manager.turn.type === \"Human\" && !manager.gameover){\n\t\t\tmanager.play(this.id);\n\t\t\tmanager.updateGame();\n\t\t}\n\t});\n\n\t$(document).on('click', \"#quit-bar>p\", function(){\n\t\tloadStartScreen();\n\t});\n\n\t$(document).on('click', \"#restart-no\", function(){\n\t\tloadStartScreen();\n\t});\n\n\t$(document).on('click', \"#restart-yes\", function(){\n\t\tloadGameScreen();\n\t});\n\n\t\/\/ Prototype definitions\n\n\tfunction GameManager(){\n\n\t\tthis.gameover = false;\n\t\tthis.turn = null;\n\n\t\tthis.startNewGame = function(){\n\t\t\tvar p1 = p1_human ? new Player(\"X\", \"Human\") : new Player(\"X\", \"CPU\");\n\t\t\tvar p2 = p2_human ? new Player(\"O\", \"Human\") : new Player(\"O\", \"CPU\");\n\t\t\tvar board = [null, null, null,\n\t\t\t\t\t\t\t\t\t null, null, null,\n\t\t\t\t\t\t\t\t\t null, null, null];\n\t\t\tmainGame = new Game(p1, p2, board);\n\t\t}\n\n\t\t\/\/returns an array with \"X\", \"O\", \"DRAW\" or null and the winning sequence [,,].\n\t\tthis.checkWinner = function(board){\n\n\t\t\tvar winningcases = [[0,1,2], [3,4,5], [6,7,8], [0,3,6], [1,4,7], [2,5,8],\t[0,4,8], [2,4,6]];\n\n\t\t\tfor(var i = 0; i < winningcases.length; i++){\n\t\t\t\tvar sequenceCheck = [board[winningcases[i][0]], board[winningcases[i][1]], board[winningcases[i][2]]];\n\t\t\t\tif(!sequenceCheck.includes(null) && sequenceCheck[0] === sequenceCheck[1] && sequenceCheck[0] === sequenceCheck[2]){\n\t\t\t\t\treturn [board[winningcases[i][0]], winningcases[i]];\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t\/\/no more moves and no winners -> draw\n\t\t\tif(!board.includes(null) && !this.gameover){\n\t\t\t\treturn [\"DRAW\", null];\n\t\t\t}\n\n\t\t\treturn [null, null];\n\n\t\t} \/\/end of checkWinner\n\n\t\tthis.updateGame = function(){\n\t\t\tvar winner = this.checkWinner(mainGame.board);\n\t\t\tmainGame.renderBoard(winner[1]);\n\t\t\tswitch (winner[0]) {\n\t\t\t\tcase \"X\":\n\t\t\t\t\tthis.gameover = true;\n\t\t\t\t\tvar msg = (\"X\" === mainGame.player1.symbol) ? \"Spieler 1 gewinnt!\" : \"Spieler 2 gewinnt!\";\n\t\t\t\t\tsetTimeout(function(){loadGameOverScreen(msg);}, 2000);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"O\":\n\t\t\t\t\tthis.gameover = true;\n\t\t\t\t\tvar msg = (\"O\" === mainGame.player1.symbol) ? \"Spieler 1 gewinnt!\" : \"Spieler 2 gewinnt!\";\n\t\t\t\t\tsetTimeout(function(){loadGameOverScreen(msg);}, 2000);\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"DRAW\":\n\t\t\t\t\tthis.gameover = true;\n\t\t\t\t\tsetTimeout(function(){loadGameOverScreen(\"Unentschieden!\");}, 2000);\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tif(!this.gameover){\n\t\t\t\tthis.changeTurn();\n\t\t\t\tvar currentTurn = (this.turn==mainGame.player1) ? \"Spieler 1\" : \"Spieler 2\";\n\t\t\t\tdocument.getElementById(\"status-bar\").innerHTML = \"<p>\"+ currentTurn + \" am Zug<\/p>\"\n\t\t\t}\n\n\t\t\tif(this.turn.type === \"CPU\"){\n\t\t\t\tvar move = this.turn.getNextMove(mainGame.board, 0, this.turn.symbol);\n\t\t\t\tmainGame.addMove(move[0], this.turn.symbol);\n\t\t\t\tif(!this.gameover){\n\t\t\t\t\tsetTimeout(function(){manager.updateGame()}, 500);\n\t\t\t\t}\n\t\t\t}\n\n\t\t} \/\/end of updateGame\n\n\t\tthis.play = function(pos){\n\t\t\tif(!this.gameover){\n\t\t\t\tif(mainGame.isFree(pos)){\n\t\t\t\t\tmainGame.addMove(pos, this.turn.symbol);\n\n\t\t\t\t\t\/\/Check if cpu is next player, if so, it plays the next move\n\t\t\t\t\tif(!this.gameover && this.turn.type === \"CPU\"){\n\t\t\t\t\t\tvar move = this.turn.getNextMove(mainGame.board, 0, this.turn.symbol); \/\/AI\n\t\t\t\t\t\tmainGame.addMove(move[0], this.turn.symbol);\n\t\t\t\t\t\tsetTimeout(function(){this.updateGame();}, 1000);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} \/\/end of play\n\n\t\tthis.changeTurn = function(){\n\t\t\tthis.turn = (this.turn==mainGame.player1) ? mainGame.player2 : mainGame.player1;\n\t\t} \/\/end of changeTurn\n\n\t}\n\n\tfunction Game(p1, p2, board){\n\n\t\tthis.player1 = p1;\n\t\tthis.player2 = p2;\n\t\tthis.board = board;\n\n\t\tthis.renderBoard = function(winnerSequence){\n\n\t\t\tfor(var i = 0; i < this.board.length; i++){\n\t\t\t\tif(this.board[i] === null){\n\t\t\t\t\tdocument.getElementById(parseInt(i)).innerHTML = \"\";\n\t\t\t\t} else {\n\t\t\t\t\tvar move = \"<p>\" + this.board[i] + \"<\/p>\"\n\t\t\t\t\tdocument.getElementById(parseInt(i)).innerHTML = move;\n\t\t\t\t\t\/\/console.log(i + \" \" + winnerSequence);\n\t\t\t\t\tif(winnerSequence != null && winnerSequence.includes(i)){\n\t\t\t\t\t\tdocument.getElementById(parseInt(i)).style.color = \"red\";\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} \/\/end of renderBoard\n\n\t\tthis.addMove = function(pos, symbol){\n\t\t\tthis.board[pos] = symbol;\n\t\t}\n\n\t\tthis.isFree = function(pos){\n\t\t\treturn this.board[pos] === null;\n\t\t}\n\n\t} \/\/end of game object\n\n\tfunction Player(symbol, type){\n\t\tthis.symbol = symbol;\n\t\tthis.type = type;\n\n\t\tthis.getNextMove = function(board, depth, symbol){\n\t\t\tvar move;\n\t\t\tvar isFirstMove = true;\n\t\t\tfor(var i = 0; i < board.length; i++){\n\t\t\t\tif(board[i] !== null) {\n\t\t\t\t\tisFirstMove = false;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t\tif(isFirstMove)\treturn [4, 10]; \/\/first move center\n\n\t\t\tvar scores = [-10, -10, -10, -10, -10, -10, -10, -10, -10];\n\t\t\t\n\t\t\tfor(var i = 0; i < scores.length; i++){\n\t\t\t\tif(board[i] !== null){\n\t\t\t\t\tscores[i] = -10; \/\/spot taken\n\t\t\t\t} else {\n\t\t\t\t\tvar newBoard = board.slice();\n\t\t\t\t\tnewBoard[i] = symbol;\n\t\t\t\t\tvar winner = manager.checkWinner(newBoard);\n\t\t\t\t\t\n\t\t\t\t\tif(winner[0] === null){\n\t\t\t\t\t\t\/\/if there is no winner, simulate game\n\t\t\t\t\t\tvar newSymbol = (symbol === \"X\") ? \"O\" : \"X\";\n\t\t\t\t\t\tvar newDepth = depth + 1;\n\t\t\t\t\t\tvar score = this.getNextMove(newBoard, newDepth, newSymbol);\n\t\t\t\t\t\tscores[i] = score[1];\n\t\t\t\t\t} else if (winner[0] === \"DRAW\"){\n\t\t\t\t\t\t\/\/draw\n\t\t\t\t\t\tscores[i] = 0;\n\t\t\t\t\t} else {\n\t\t\t\t\t\t\/\/there is a winner\n\t\t\t\t\t\tscores[i] = (winner[0] === this.symbol) ? 10 - depth : depth - 10;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tvar finalScore = -10;\n\t\t\tif(this.symbol === symbol){\n\t\t\t\tfor(var i = 0; i < scores.length; i++){\n\t\t\t\t\tif(scores[i] > finalScore){finalScore = scores[i]; move = i;}\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tfinalScore = 10;\n\t\t\t\tfor(var i = 0; i < scores.length; i++){\n\t\t\t\t\tif(scores[i] < finalScore && scores[i] > -10){finalScore = scores[i]; move = i;}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\treturn [move, finalScore];\n\n\t\t}\/\/end of getNextMove\n\n\t}\/\/end of Player\n\n\t\/\/ Screen loaders\n\n\tfunction loadStartScreen(){\n\t\tp1_human = true;\n\t\tp2_human = false;\n\t\t$(\"#app-wrapper\").html('<div id=\"start-screen\" class=\"container\"><div id=\"title\" class=\"row\"><h1>Tic Tac Toe<\/h1><\/div><div class=\"row\"><h2>W\u00e4hle die Spieler<\/h2><\/div><div id=\"choose-player\" class=\"row\"><div class=\"col-sm\"><div class=\"row\"><p>Spieler 1<\/p><\/div><div class=\"row\"><p class=\"option btn\" id=\"1P\">Mensch<\/p><\/div><div class=\"row\"><p class=\"option btn btn-secondary\" id=\"CPU-X\">AI<\/p><\/div><\/div><div id=\"choose-player-vs\" class=\"col-sm\"><p>gegen<\/p><\/div><div class=\"col-sm\"><div class=\"row\"><p>Spieler 2<\/p><\/div><div class=\"row\"><p class=\"option btn btn-secondary\" id=\"2P\">Mensch<\/p><\/div><div class=\"row\"><p class=\"option btn\" id=\"CPU-O\">AI<\/p><\/div><\/div><div id=\"start-game-wrapper\" class=\"col-sm-12\"><p id=\"start-game\" class=\"option btn\">Start<\/p><\/div><\/div><\/div>');\n\t}\n\n\tfunction loadGameScreen(){\n\t\t$(\"#app-wrapper\").html('<div id=\"game-screen\" class=\"container\"><div id=\"status-bar\" class=\"row\"><p>Player 1 turn<\/p><\/div><div id=\"board\" class=\"row\"><div class=\"col-xs-4\" id=\"0\"><\/div><div class=\"col-xs-4\" id=\"1\"><\/div><div class=\"col-xs-4\" id=\"2\"><\/div><div class=\"col-xs-4\" id=\"3\"><\/div><div class=\"col-xs-4\" id=\"4\"><\/div><div class=\"col-xs-4\" id=\"5\"><\/div><div class=\"col-xs-4\" id=\"6\"><\/div><div class=\"col-xs-4\" id=\"7\"><\/div><div class=\"col-xs-4\" id=\"8\"><\/div><\/div><div id=\"quit-bar\" class=\"row\"><p class=\"btn btn-secondary\">Zur\u00fcck<\/p><\/div><\/div>');\n\n\t\tmanager = new GameManager();\n\t\tmanager.startNewGame();\n\t\tmanager.updateGame();\n\t}\n\n\tfunction loadGameOverScreen(result){\n\t\t$(\"#app-wrapper\").html('<div id=\"gameover-screen\" class=\"container\"><div id=\"gameover\" class=\"row\"><h1>Spiel Ende<\/h1><\/div><div id=\"gameover-result\" class=\"row\"><p>'+result+'<\/p><\/div><div id=\"restart-wrapper\" class=\"row\"><div id=\"restart-question\" class=\"col-12\"><p>Neustart mit gleichen Spieleinstellungen?<\/p><\/div><div id=\"restart-yes\" class=\"col-sm\"><p class=\"option btn\">Ja<\/p><\/div><div id=\"restart-no\" class=\"col-sm\"><p class=\"option btn btn-secondary\">Nein<\/p><\/div><\/div><\/div>');\n\t}\n\n\n\tfunction showBoard(gameBoard){\n\t\tgameBoard = gameBoard.map(function(elem){\n\t\t\treturn (elem === null) ? \"-\" : elem;\n\t\t});\n\t\tvar boardStr = gameBoard[0] + \" | \" + gameBoard[1] + \" | \" + gameBoard[2] + \"\\n----------\\n\" +\n\t\t\t\t\t\t\t\t\t\tgameBoard[3] + \" | \" + gameBoard[4] + \" | \" + gameBoard[5] + \"\\n----------\\n\" +\n\t\t\t\t\t\t\t\t\t\tgameBoard[6] + \" | \" + gameBoard[7] + \" | \" + gameBoard[8];\n\t\tconsole.log(boardStr);\n\t}\n})(jQuery);\t\t\t<\/script>\n\t\t\t<style>\n\t\t\t\t.container {\n\theight: 100%;\n\twidth: 100%;\n}\n\n.row {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -ms-flex-wrap: wrap;\n    flex-wrap: wrap; \n    justify-content: center;\n   \n}\n\n.row > p {\n    margin-bottom: 1.75em;\n\n}\n\n.btn {\n  font-family: \"Karla\", sans-serif;\n  font-size: 30px;\n  line-height: 35px;\n  border-radius: 100px;\n  border: 0;\n  padding: 12px 25px 13px;\n  background-color: white;\n  color:black;\n}\n\n\n.btn-secondary {\n  background-color: transparent;\n  color: white;\n  border: 3px solid white;\n  border-radius: 30px;\n  padding: 9px 25px 10px;\n}\n\n\n\n\t#app-wrapper {\n\t\twidth: 640px;\n\t\tmargin: 0 auto;\n\t}\n\n\t\t#start-screen {\n\t\t\ttext-align: center;\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\n\t\t}\n\n\t\t#title{\n\t\t\tmargin: 100px 0px;\n\t\t}\n\n\t\t#choose-player {\n\t\t\theight: 320px;\n\t\t\tbackground: #303030;\n            padding: 2rem 0rem;\n            margin-top: 4rem;\n            border-radius: 2.5rem;\n\t\t}\n\n\t\t#choose-player>div:nth-child(-n+2) {\n\t\t\theight: 120px;\n\t\t}\n\n\t\t#start-game-wrapper {\n\t\t\tpadding-top: 40px;\n\t\t}\n\n\t#game-screen {\n\t\twidth: 100%;\n\t\ttext-align: center;\n\t}\n\n\t\t#status-bar {\n\t\t\tfont-size: 24px;\n\t\t\tmargin-bottom: 30px;\n\t\t}\n\n\t\t.board-row{\n\t\t\theight: 100px;\n\t\t}\n\t\t\n\t\t.board-row>div:nth-child(-n+2){\n\t\t\theight: 100%;\n\t\t\tborder-right: 5px solid white;\n\t\t}\n\n\t\t#board-row-1, #board-row-2 {\n\t\t\tborder-bottom: 5px solid white;\n\t\t}\n\n\t\t#board>div>p {\n\t\t\tfont-size: 160px;\n\t\t\tpadding-top: 70px;\n\t\t\tpadding-right: 5px;\n\t\t}\n\t\t\n\t\t#board {\n\t\t\theight: 600px;\n\t\t\twidth: 600px;\n\t\t\tmargin: 0 auto;\n\t\t}\n\n\t\t#board>div {\n\t\t\theight: 200px;\n\t\t\twidth: 200px;\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t#board>div:nth-child(1), #board>div:nth-child(2), #board>div:nth-child(4), #board>div:nth-child(5) {\n\t\t\tborder-bottom: 7px solid white;\n\t\t\tborder-right: 7px solid white;\n\t\t}\n\t\t\n\t\t#board>div:nth-child(3), #board>div:nth-child(6) {\n\t\t\tborder-bottom: 7px solid white;\n\t\t}\n\n\t\t#board>div:nth-child(7), #board>div:nth-child(8) {\n\t\t\tborder-right: 7px solid white;\n\t\t}\n\t\t\n\t\t#quit-bar {\n\t\t\tpadding-top: 32px;\n\t\t}\n\n\t\t#quit-bar p {\n\t\t\tdisplay: inline-block;\n\t\t\tcursor: pointer;\n\t\t}\n\n\t#gameover-screen {\n\t\ttext-align: center;\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\n\t\t#gameover {\n\t\t\tmargin-top: 40px;\n\t\t\tmargin-bottom: 40px;\n\t\t\tfont-size: 24px;\n\t\t}\n\n\t\t\n\t\t#restart-question{\n\t\t\tmargin-bottom: 20px;\n\t\t}\n\n\t.option {\n\t\tcursor: pointer;\n\t\tdisplay: inline-block;\n\t}\t\t\t<\/style>\n\t\t<\/div>\n\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-18199","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/base.abusizz.ch\/de\/wp-json\/wp\/v2\/pages\/18199","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/base.abusizz.ch\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/base.abusizz.ch\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/base.abusizz.ch\/de\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/base.abusizz.ch\/de\/wp-json\/wp\/v2\/comments?post=18199"}],"version-history":[{"count":4,"href":"https:\/\/base.abusizz.ch\/de\/wp-json\/wp\/v2\/pages\/18199\/revisions"}],"predecessor-version":[{"id":18203,"href":"https:\/\/base.abusizz.ch\/de\/wp-json\/wp\/v2\/pages\/18199\/revisions\/18203"}],"wp:attachment":[{"href":"https:\/\/base.abusizz.ch\/de\/wp-json\/wp\/v2\/media?parent=18199"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}