{"id":27071,"date":"2025-06-18T22:41:30","date_gmt":"2025-06-18T20:41:30","guid":{"rendered":"https:\/\/engonien.net\/website\/?page_id=27071"},"modified":"2025-06-18T22:41:31","modified_gmt":"2025-06-18T20:41:31","slug":"timeline","status":"publish","type":"page","link":"https:\/\/engonien.net\/website\/timeline\/","title":{"rendered":"Timeline"},"content":{"rendered":"\r\n    <style type=\"text\/css\">\r\n        .timeline-container{\r\n            background: #f4f4f4;\r\n        }\r\n        .timeline-container .v-line{\r\n            background:none repeat scroll 0 0 #ffffff;\r\n        }\r\n        .timeline li.odd .content{\r\n            border-right:2px solid #ffffff;\r\n        }\r\n        .timeline li.even .content{\r\n            border-left:2px solid #ffffff !important;\r\n        }\r\n        .timeline li.odd .content .arrow{\r\n            border-left: 10px solid #ffffff;\r\n        }\r\n        .timeline li.even .content .arrow{\r\n            border-right:10px solid #ffffff;\r\n        }\r\n        .timeline li.stic .content{\r\n            border-top:2px solid #ffffff !important;\r\n        }\r\n        .post-item-header {\r\n            padding: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n        .post-item-header img {\r\n            width: 60px;\r\n            height: 60px;\r\n        }\r\n        .post-item-header .title {\r\n            flex-grow: 1;\r\n        }\r\n        .post-item-header .title a{\r\n            text-decoration: none;\r\n            outline: none;\r\n            box-shadow: none;\r\n        }\r\n        .post-item-header .title h3 {\r\n            margin: 0;\r\n            color: #000000;\r\n            font-size: 15px;\r\n        }\r\n        .post-item-header .meta {\r\n            display: flex;\r\n            align-items: center;\r\n            gap:5px;\r\n            font-size: 12px;\r\n            color: #666;\r\n        }\r\n        .post-item-header .meta .date {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 5px;\r\n        }\r\n        .post-item-header .meta .category {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 5px;\r\n        }\r\n        .timeline > li.even:after{\r\n            background:none repeat scroll 0 0 #333333;\r\n            border:6px solid #333333;\r\n        }\r\n        .timeline > li.odd:hover:after, .timeline > li.even:hover:after {\r\n            background: none repeat scroll 0 0 #ffffff;\r\n            border:6px solid #ffffff;\r\n        }\r\n        .timeline > li.odd:after{\r\n            background:none repeat scroll 0 0 #333333;\r\n            border:6px solid #333333;\r\n        }\r\n        .timeline li.stic .content:before{\r\n            border-bottom-color:#ffffff;\r\n        }\r\n        .timeline li .content .zoom {\r\n            background-color:#ffffff;\r\n        }\r\n        .timeline li .content .share{\r\n            background: none repeat scroll 0 0 #ffffff;\r\n        }\r\n        .timeline li .content .featured {\r\n            background-color:#ffffff;\r\n        }\r\n        .timeline li .content .meta .title a:hover {\r\n            color: #ffffff;\r\n        }\r\n        .timeline-container .load-more .loading{\r\n            background-color:#ffffff        }\r\n        .timeline-container .load-more .no-post{\r\n            background-color: #ffffff !important;\r\n        }\r\n        .timeline li .content .body .read-more:hover{\r\n            color: #ffffff        }\r\n        .timeline li .content .meta .post-meta .category a {\r\n            text-decoration: none;\r\n        }\r\n        .timeline li .content .meta .post-meta .category a:hover {\r\n            color: #ffffff        }\r\n        .timeline li .content .body .read-more {\r\n            color:#000000        }        \r\n                .timeline li .content .meta-count {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            padding:10px;\r\n            font-size: 12px;\r\n            background: none repeat scroll 0 0 #ffffff        }\r\n        .timeline li .content .meta-count .comments-count {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 5px;\r\n        }\r\n        .timeline li .content .meta-count .comments-count a{\r\n            color:#454545;\r\n            font-size:15px;\r\n            text-decoration: none;\r\n            outline: none;\r\n            box-shadow: none;\r\n        }\r\n        .timeline li .content .meta-count .comments-count i.fa{\r\n            color:#454545;\r\n            font-size:15px;\r\n        }\r\n        .timeline li .content .meta-count .author-info {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 5px;\r\n        }\r\n        .timeline li .content .meta-count .author-info a {\r\n            color: #fff;\r\n            text-decoration: none;\r\n            outline: none;\r\n            box-shadow: none;\r\n        }\r\n        .timeline li .content .meta-count .author-info i.fa {\r\n            color:#fff;\r\n        }\r\n        .timeline li .content .thumb-image{\r\n            line-height: 0;\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"timeline-container\">\r\n        <div class=\"v-line\"><\/div>\r\n        <ul class=\"timeline\">\r\n                            <li class=\"odd\" data-class=\"odd\">\r\n                    <div class=\"content\">\r\n                                                    <div class=\"arrow\"><\/div>\r\n                        \r\n                                                    <div class=\"zoom\"><\/div>\r\n                        \r\n                                                    <div class='share'>\r\n                                <span class='fb'>\r\n                                    <a target='_blank' href='https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/engonien.net\/website\/2025\/06\/001-timeline-test2\/'> <\/a>\r\n                                <\/span>\r\n                                <span class='twitter'>\r\n                                    <a target='_blank' href='https:\/\/twitter.com\/intent\/tweet?text=001 Timeline Test2&url=https:\/\/engonien.net\/website\/2025\/06\/001-timeline-test2\/'> <\/a>\r\n                                <\/span>\r\n                                <span class='gplus'>\r\n                                    <a target='_blank' href='https:\/\/plus.google.com\/share?url=https:\/\/engonien.net\/website\/2025\/06\/001-timeline-test2\/'> <\/a>\r\n                                <\/span>\r\n                            <\/div>\r\n                                                <div class=\"post-item-header\">\r\n                                                        <div class=\"title\">\r\n                                <a href=\"https:\/\/engonien.net\/website\/2025\/06\/001-timeline-test2\/\"><h3>001 Timeline Test2<\/h3><\/a>\r\n                                <div class=\"meta\">\r\n                                                                            <span class=\"date\"><i class=\"fa fa-calendar\" aria-hidden=\"true\"><\/i>Juni 18, 2025<\/span>\r\n                                                                                                                                                            <span class=\"category\"><i class=\"fa fa-tag\" aria-hidden=\"true\"><\/i> \r\n                                                <a href=\"https:\/\/engonien.net\/website\/category\/allgemein\/\">Allgemein<\/a> <a href=\"https:\/\/engonien.net\/website\/category\/it-timeline\/\">IT-Timeline<\/a>                                             <\/span>\r\n                                                                                                            <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"body\">Test<\/div>\r\n                        \r\n                                                    <div class=\"meta-count\">\r\n                                <div class=\"comments-count\">\r\n                                    <i class=\"fa fa-comments\"><\/i>\r\n                                    <a href=\"https:\/\/engonien.net\/website\/2025\/06\/001-timeline-test2\/#respond\">0 Comments<\/a>                                <\/div>\r\n                                <div class=\"author-info\">\r\n                                                                            <i class=\"fa fa-user\" aria-hidden=\"true\"><\/i><a href=\"https:\/\/engonien.net\/website\/author\/lukas\/\" title=\"Beitr\u00e4ge von Lukas\" rel=\"author\">Lukas<\/a>                                                                    <\/div>\r\n                            <\/div>\r\n                                            <\/div>\r\n                <\/li>\r\n            \r\n                            <li class=\"even\" data-class=\"even\">\r\n                    <div class=\"content\">\r\n                                                    <div class=\"arrow\"><\/div>\r\n                        \r\n                                                    <div class=\"zoom\"><\/div>\r\n                        \r\n                                                    <div class='share'>\r\n                                <span class='fb'>\r\n                                    <a target='_blank' href='https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/engonien.net\/website\/2025\/06\/001-timeline-test-1\/'> <\/a>\r\n                                <\/span>\r\n                                <span class='twitter'>\r\n                                    <a target='_blank' href='https:\/\/twitter.com\/intent\/tweet?text=001 Timeline Test 1&url=https:\/\/engonien.net\/website\/2025\/06\/001-timeline-test-1\/'> <\/a>\r\n                                <\/span>\r\n                                <span class='gplus'>\r\n                                    <a target='_blank' href='https:\/\/plus.google.com\/share?url=https:\/\/engonien.net\/website\/2025\/06\/001-timeline-test-1\/'> <\/a>\r\n                                <\/span>\r\n                            <\/div>\r\n                                                <div class=\"post-item-header\">\r\n                                                        <div class=\"title\">\r\n                                <a href=\"https:\/\/engonien.net\/website\/2025\/06\/001-timeline-test-1\/\"><h3>001 Timeline Test 1<\/h3><\/a>\r\n                                <div class=\"meta\">\r\n                                                                            <span class=\"date\"><i class=\"fa fa-calendar\" aria-hidden=\"true\"><\/i>Juni 18, 2025<\/span>\r\n                                                                                                                                                            <span class=\"category\"><i class=\"fa fa-tag\" aria-hidden=\"true\"><\/i> \r\n                                                <a href=\"https:\/\/engonien.net\/website\/category\/it-timeline\/\">IT-Timeline<\/a>                                             <\/span>\r\n                                                                                                            <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <div class=\"body\">Test<\/div>\r\n                        \r\n                                                    <div class=\"meta-count\">\r\n                                <div class=\"comments-count\">\r\n                                    <i class=\"fa fa-comments\"><\/i>\r\n                                    <a href=\"https:\/\/engonien.net\/website\/2025\/06\/001-timeline-test-1\/#respond\">0 Comments<\/a>                                <\/div>\r\n                                <div class=\"author-info\">\r\n                                                                            <i class=\"fa fa-user\" aria-hidden=\"true\"><\/i><a href=\"https:\/\/engonien.net\/website\/author\/lukas\/\" title=\"Beitr\u00e4ge von Lukas\" rel=\"author\">Lukas<\/a>                                                                    <\/div>\r\n                            <\/div>\r\n                                            <\/div>\r\n                <\/li>\r\n            \r\n                    <\/ul>\r\n        \r\n        <div class='load-more' id='load-more' timeline_id=\"27074\" no_more_post=\"No More Posts\" \r\n             has_post=\"yes\" loading_text=\"Loading\" offset=\"25\" per_page=\"25\">\r\n            <div class='content'>Load More<\/div>\r\n        <\/div>\r\n        \r\n    <\/div>\r\n\r\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-27071","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/engonien.net\/website\/wp-json\/wp\/v2\/pages\/27071","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/engonien.net\/website\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/engonien.net\/website\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/engonien.net\/website\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/engonien.net\/website\/wp-json\/wp\/v2\/comments?post=27071"}],"version-history":[{"count":1,"href":"https:\/\/engonien.net\/website\/wp-json\/wp\/v2\/pages\/27071\/revisions"}],"predecessor-version":[{"id":27079,"href":"https:\/\/engonien.net\/website\/wp-json\/wp\/v2\/pages\/27071\/revisions\/27079"}],"wp:attachment":[{"href":"https:\/\/engonien.net\/website\/wp-json\/wp\/v2\/media?parent=27071"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}