{"id":6043,"date":"2025-12-26T21:35:34","date_gmt":"2025-12-26T16:05:34","guid":{"rendered":"https:\/\/techjrnl.com\/?page_id=6043"},"modified":"2026-01-03T20:02:53","modified_gmt":"2026-01-03T14:32:53","slug":"home","status":"publish","type":"page","link":"https:\/\/techjrnl.com\/","title":{"rendered":"Home"},"content":{"rendered":"
\n\n\n\n\n\n\nTechnology Journal \u2013 Latest Articles<\/title>\n\n<style>\nhtml, body {\n margin: 0;\n padding: 0;\n width: 100%;\n overflow-x: hidden;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n}\n\n\/* ================= HERO ================= *\/\n#tj-hero {\n position: relative;\n background: linear-gradient(\n 135deg,\n #ff8c42 0%,\n #4facfe 30%,\n #8f5cff 55%,\n #9cff6b 100%\n );\n padding: 28px 60px 22px;\n text-align: center;\n}\n\n\/* ================= SEARCH ================= *\/\n.search-box {\n position: absolute;\n top: 16px;\n right: 24px;\n}\n\n.search-wrapper {\n display: flex;\n align-items: center;\n background: linear-gradient(135deg, #4facfe, #8f5cff, #ff8c42);\n padding: 3px;\n border-radius: 40px;\n box-shadow: 0 0 18px rgba(79,172,254,0.6);\n}\n\n.search-icon {\n color: #ffffff;\n font-size: 14px;\n margin-left: 14px;\n}\n\n.search-wrapper input {\n border: none;\n outline: none;\n padding: 10px 16px 10px 10px;\n border-radius: 36px;\n font-size: 14px;\n width: 210px;\n background: #ffffff;\n}\n\n\/* ================= HERO TEXT ================= *\/\n.badge {\n display: inline-block;\n padding: 12px 30px;\n background: rgba(255,255,255,0.45);\n border-radius: 60px;\n font-size: 18px;\n font-weight: 900;\n text-transform: uppercase;\n margin-bottom: 12px;\n color: #111;\n text-decoration: none;\n}\n\nh1 {\n font-size: clamp(1.9rem, 4vw, 3.5rem);\n font-weight: 900;\n margin: 0 0 14px;\n background: linear-gradient(135deg, #fff, #eef);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n}\n\n.description {\n font-size: 1.15rem;\n font-weight: 600;\n margin-bottom: 18px;\n}\n\n.cta {\n display: inline-block;\n padding: 18px 46px;\n background: #ffffff;\n color: #111;\n font-size: 17px;\n font-weight: 900;\n border-radius: 16px;\n border: 3px solid #111;\n text-decoration: none;\n}\n\n\/* ================= POSTS ================= *\/\n#posts {\n background: #f8fafc;\n padding: 8px 40px 0;\n}\n\n.grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 32px;\n}\n\n.card {\n position: relative;\n background: #ffffff;\n border-radius: 18px;\n overflow: hidden;\n box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n cursor: pointer;\n}\n\n.card-link {\n position: absolute;\n inset: 0;\n z-index: 10;\n}\n\n.card::before {\n content: \"\";\n position: absolute;\n inset: 0;\n padding: 2px;\n border-radius: 18px;\n background: linear-gradient(135deg,#ff8c42,#4facfe,#8f5cff,#9cff6b);\n pointer-events: none;\n -webkit-mask:\n linear-gradient(#fff 0 0) content-box,\n linear-gradient(#fff 0 0);\n -webkit-mask-composite: xor;\n mask-composite: exclude;\n}\n\n.card > *:not(.card-link) {\n position: relative;\n z-index: 2;\n}\n\n.category {\n text-align: center;\n font-size: 12px;\n font-weight: 800;\n color: #4facfe;\n text-transform: uppercase;\n}\n\n.image-wrapper {\n width: 100%;\n aspect-ratio: 16 \/ 9;\n background: #f1f5f9;\n}\n\n.image-wrapper img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n.title {\n font-size: 17px;\n font-weight: 800;\n padding: 14px 16px;\n}\n\n.meta {\n display: flex;\n justify-content: space-between;\n padding: 0 16px 16px;\n font-size: 13px;\n}\n\n.author, .date {\n font-weight: 700;\n}\n\n.verified-badge {\n width: 15px;\n height: 15px;\n background: #1d9bf0;\n border-radius: 50%;\n color: #fff;\n font-size: 10px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-left: 4px;\n}\n\n\/* ================= PAGINATION ================= *\/\n#pagination {\n display: flex;\n justify-content: center;\n gap: 12px;\n margin-top: 12px;\n flex-wrap: wrap;\n}\n\n.page-btn {\n padding: 10px 18px;\n font-size: 14px;\n font-weight: 800;\n border-radius: 14px;\n border: none;\n cursor: pointer;\n background: linear-gradient(135deg,#ff8c42,#4facfe,#8f5cff,#9cff6b);\n}\n\n.page-btn.active {\n outline: 3px solid #111;\n}\n\n.hidden {\n display: none;\n}\n\n\/* ================= RESPONSIVE ================= *\/\n@media (max-width: 900px) {\n .grid { grid-template-columns: repeat(2, 1fr); }\n}\n\n@media (max-width: 600px) {\n #tj-hero { padding: 22px 16px 16px; }\n\n .search-box {\n position: static;\n display: flex;\n justify-content: center;\n margin-bottom: 14px;\n }\n\n .search-wrapper {\n width: 100%;\n max-width: 420px;\n }\n\n .search-wrapper input {\n width: 100%;\n }\n\n #posts {\n padding-left: 12px;\n padding-right: 12px;\n }\n\n .grid { grid-template-columns: 1fr; }\n\n .page-btn {\n padding: 12px 20px;\n font-size: 15px;\n }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<section id=\"tj-hero\">\n <div class=\"search-box\">\n <div class=\"search-wrapper\">\n <span class=\"search-icon\" aria-hidden=\"true\">\ud83d\udd0d<\/span>\n <input type=\"text\" id=\"searchInput\" placeholder=\"Search articles...\" aria-label=\"Search articles\">\n <\/div>\n <\/div>\n\n <a href=\"https:\/\/techjrnl.com\/\" class=\"badge\">Technology Journal<\/a>\n <h1>Unveil the Future with Technology<\/h1>\n\n <p class=\"description\">\n Delivering in-depth insights on artificial intelligence, emerging innovations,\n cybersecurity, and the technologies shaping tomorrow’s digital world.\n <\/p>\n\n <a href=\"https:\/\/techjrnl.com\/\" class=\"cta\">Explore Latest Articles<\/a>\n<\/section>\n\n<section id=\"posts\">\n <div class=\"grid\" id=\"postGrid\"><\/div>\n\n <div id=\"pagination\">\n <button id=\"prevBtn\" class=\"page-btn hidden\">Previous<\/button>\n <button id=\"nextBtn\" class=\"page-btn hidden\">Next<\/button>\n <\/div>\n<\/section>\n\n<script defer>\nconst API = \"https:\/\/techjrnl.com\/wp-json\/wp\/v2\/posts?_embed\";\nconst PER_PAGE = 20;\n\nconst grid = document.getElementById(\"postGrid\");\nconst searchInput = document.getElementById(\"searchInput\");\nconst prevBtn = document.getElementById(\"prevBtn\");\nconst nextBtn = document.getElementById(\"nextBtn\");\n\nlet currentPage = 1;\nlet totalPages = 1;\nlet postsCache = [];\nlet searchTimer = null;\n\nfunction formatDate(value) {\n const d = new Date(value);\n return `${String(d.getDate()).padStart(2,\"0\")} ${d.toLocaleString(\"en-US\",{month:\"short\"})} ${d.getFullYear()}`;\n}\n\nfunction render(posts) {\n grid.innerHTML = \"\";\n const fragment = document.createDocumentFragment();\n\n posts.forEach((p, index) => {\n const author = p._embedded?.author?.[0]?.name || \"\";\n const category = p._embedded?.[\"wp:term\"]?.[0]?.[0]?.name || \"\";\n const image = p._embedded?.[\"wp:featuredmedia\"]?.[0]?.source_url\n || \"https:\/\/via.placeholder.com\/640x360?text=Technology+Journal\";\n\n const card = document.createElement(\"article\");\n card.className = \"card\";\n card.tabIndex = 0;\n\n const link = document.createElement(\"a\");\n link.className = \"card-link\";\n link.href = p.link;\n\n const img = document.createElement(\"img\");\n img.src = image;\n img.loading = index === 0 ? \"eager\" : \"lazy\";\n img.fetchPriority = index === 0 ? \"high\" : \"auto\";\n img.decoding = \"async\";\n img.width = 640;\n img.height = 360;\n img.alt = p.title.rendered || \"Article image\";\n\n card.innerHTML = `\n <div class=\"category\">${category}<\/div>\n <div class=\"image-wrapper\">${img.outerHTML}<\/div>\n <div class=\"title\">${p.title.rendered}<\/div>\n <div class=\"meta\">\n <span class=\"author\">${author}<span class=\"verified-badge\">\u2713<\/span><\/span>\n <span class=\"date\">\ud83d\udcc5 ${formatDate(p.date)}<\/span>\n <\/div>\n `;\n\n card.prepend(link);\n\n card.addEventListener(\"keydown\", e => {\n if (e.key === \"Enter\") location.href = p.link;\n });\n\n fragment.appendChild(card);\n });\n\n grid.appendChild(fragment);\n}\n\nfunction renderPagination() {\n document.querySelectorAll(\".page-btn[data-page]\").forEach(b => b.remove());\n\n let start = Math.max(1, currentPage - 1);\n let end = Math.min(totalPages, start + 2);\n if (end - start < 2) start = Math.max(1, end - 2);\n\n for (let i = start; i <= end; i++) {\n const btn = document.createElement(\"button\");\n btn.className = \"page-btn\" + (i === currentPage ? \" active\" : \"\");\n btn.dataset.page = i;\n btn.textContent = i;\n btn.onclick = () => fetchPage(i);\n nextBtn.before(btn);\n }\n\n prevBtn.classList.toggle(\"hidden\", currentPage === 1);\n nextBtn.classList.toggle(\"hidden\", currentPage === 1 || currentPage === totalPages);\n}\n\nfunction fetchPage(page) {\n if (page < 1 || page > totalPages) return;\n\n fetch(`${API}&per_page=${PER_PAGE}&page=${page}`)\n .then(r => {\n if (!r.ok) throw new Error();\n totalPages = Number(r.headers.get(\"X-WP-TotalPages\")) || 1;\n return r.json();\n })\n .then(data => {\n postsCache = data;\n currentPage = page;\n render(data);\n renderPagination();\n })\n .catch(() => {\n grid.innerHTML = \"<p style='padding:20px;font-weight:700'>Unable to load articles.<\/p>\";\n });\n}\n\nsearchInput.addEventListener(\"input\", () => {\n clearTimeout(searchTimer);\n searchTimer = setTimeout(() => {\n const q = searchInput.value.toLowerCase();\n render(postsCache.filter(p =>\n p.title.rendered.toLowerCase().includes(q)\n ));\n }, 120);\n}, { passive: true });\n\nprevBtn.onclick = () => fetchPage(currentPage - 1);\nnextBtn.onclick = () => fetchPage(currentPage + 1);\n\nfetchPage(1);\n<\/script>\n\n<\/body>\n<\/html>\n\n\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Technology Journal \u2013 Latest Articles \ud83d\udd0d Technology Journal Unveil the Future with Technology Delivering in-depth insights on artificial intelligence, emerging … <\/p>\n<p class=\"read-more-container\"><a title=\"Home\" class=\"read-more button\" href=\"https:\/\/techjrnl.com\/#more-6043\" aria-label=\"Read more about Home\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6043","page","type-page","status-publish"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - Technology Journal<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/techjrnl.com\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Technology Journal\" \/>\n<meta property=\"og:description\" content=\"Technology Journal \u2013 Latest Articles \ud83d\udd0d Technology Journal Unveil the Future with Technology Delivering in-depth insights on artificial intelligence, emerging ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/techjrnl.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Technology Journal\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-03T14:32:53+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/techjrnl.com\\\/\",\"url\":\"https:\\\/\\\/techjrnl.com\\\/\",\"name\":\"Home - Technology Journal\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/techjrnl.com\\\/#website\"},\"datePublished\":\"2025-12-26T16:05:34+00:00\",\"dateModified\":\"2026-01-03T14:32:53+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/techjrnl.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/techjrnl.com\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/techjrnl.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/techjrnl.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/techjrnl.com\\\/#website\",\"url\":\"https:\\\/\\\/techjrnl.com\\\/\",\"name\":\"Technology Journal\",\"description\":\"Unveil the Future with Technology\",\"publisher\":{\"@id\":\"https:\\\/\\\/techjrnl.com\\\/#\\\/schema\\\/person\\\/0c7b97b20142a48b71cc5daf4d2ca9d2\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/techjrnl.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/techjrnl.com\\\/#\\\/schema\\\/person\\\/0c7b97b20142a48b71cc5daf4d2ca9d2\",\"name\":\"Piyush Bhadra\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/techjrnl.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/Logo.webp\",\"url\":\"https:\\\/\\\/techjrnl.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/Logo.webp\",\"contentUrl\":\"https:\\\/\\\/techjrnl.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/Logo.webp\",\"width\":100,\"height\":100,\"caption\":\"Piyush Bhadra\"},\"logo\":{\"@id\":\"https:\\\/\\\/techjrnl.com\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/Logo.webp\"},\"sameAs\":[\"http:\\\/\\\/techjrnl.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - Technology Journal","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/techjrnl.com\/","og_locale":"en_US","og_type":"article","og_title":"Home - Technology Journal","og_description":"Technology Journal \u2013 Latest Articles \ud83d\udd0d Technology Journal Unveil the Future with Technology Delivering in-depth insights on artificial intelligence, emerging ... Read more","og_url":"https:\/\/techjrnl.com\/","og_site_name":"Technology Journal","article_modified_time":"2026-01-03T14:32:53+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/techjrnl.com\/","url":"https:\/\/techjrnl.com\/","name":"Home - Technology Journal","isPartOf":{"@id":"https:\/\/techjrnl.com\/#website"},"datePublished":"2025-12-26T16:05:34+00:00","dateModified":"2026-01-03T14:32:53+00:00","breadcrumb":{"@id":"https:\/\/techjrnl.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/techjrnl.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/techjrnl.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/techjrnl.com\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/techjrnl.com\/#website","url":"https:\/\/techjrnl.com\/","name":"Technology Journal","description":"Unveil the Future with Technology","publisher":{"@id":"https:\/\/techjrnl.com\/#\/schema\/person\/0c7b97b20142a48b71cc5daf4d2ca9d2"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/techjrnl.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/techjrnl.com\/#\/schema\/person\/0c7b97b20142a48b71cc5daf4d2ca9d2","name":"Piyush Bhadra","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/techjrnl.com\/wp-content\/uploads\/2023\/12\/Logo.webp","url":"https:\/\/techjrnl.com\/wp-content\/uploads\/2023\/12\/Logo.webp","contentUrl":"https:\/\/techjrnl.com\/wp-content\/uploads\/2023\/12\/Logo.webp","width":100,"height":100,"caption":"Piyush Bhadra"},"logo":{"@id":"https:\/\/techjrnl.com\/wp-content\/uploads\/2023\/12\/Logo.webp"},"sameAs":["http:\/\/techjrnl.com"]}]}},"_links":{"self":[{"href":"https:\/\/techjrnl.com\/index.php\/wp-json\/wp\/v2\/pages\/6043","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techjrnl.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/techjrnl.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/techjrnl.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/techjrnl.com\/index.php\/wp-json\/wp\/v2\/comments?post=6043"}],"version-history":[{"count":172,"href":"https:\/\/techjrnl.com\/index.php\/wp-json\/wp\/v2\/pages\/6043\/revisions"}],"predecessor-version":[{"id":6955,"href":"https:\/\/techjrnl.com\/index.php\/wp-json\/wp\/v2\/pages\/6043\/revisions\/6955"}],"wp:attachment":[{"href":"https:\/\/techjrnl.com\/index.php\/wp-json\/wp\/v2\/media?parent=6043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}