{"id":334,"date":"2025-08-26T01:19:41","date_gmt":"2025-08-26T00:19:41","guid":{"rendered":"https:\/\/nafisa.tuktak.dev\/?page_id=334"},"modified":"2025-09-11T17:13:49","modified_gmt":"2025-09-11T16:13:49","slug":"homepage","status":"publish","type":"page","link":"https:\/\/nafisa.tuktak.dev\/","title":{"rendered":"homepage"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"334\" class=\"elementor elementor-334\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82871df e-flex e-con-boxed e-con e-parent\" data-id=\"82871df\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3687671 e-flex e-con-boxed e-con e-parent\" data-id=\"3687671\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f537d1 elementor-widget elementor-widget-image\" data-id=\"5f537d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"204\" src=\"https:\/\/nafisa.tuktak.dev\/wp-content\/uploads\/2025\/08\/sign-1024x204.png\" class=\"attachment-large size-large wp-image-357\" alt=\"\" srcset=\"https:\/\/nafisa.tuktak.dev\/wp-content\/uploads\/2025\/08\/sign-1024x204.png 1024w, https:\/\/nafisa.tuktak.dev\/wp-content\/uploads\/2025\/08\/sign-300x60.png 300w, https:\/\/nafisa.tuktak.dev\/wp-content\/uploads\/2025\/08\/sign-768x153.png 768w, https:\/\/nafisa.tuktak.dev\/wp-content\/uploads\/2025\/08\/sign-1536x306.png 1536w, https:\/\/nafisa.tuktak.dev\/wp-content\/uploads\/2025\/08\/sign-2048x408.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cfeeb27 e-con-full e-flex e-con e-parent\" data-id=\"cfeeb27\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a3cca2 elementor-widget elementor-widget-html\" data-id=\"2a3cca2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"wh-admin\">\n  <div class=\"wh-admin-inner\">\n    <div class=\"wh-admin-grid\">\n      <!-- title sits above columns 2\u20134 -->\n      <h2 class=\"wh-admin-title\">The Administration<\/h2>\n\n      <!-- 1) PRESIDENT \u2014 taller card spanning two grid rows -->\n      <a class=\"admin-card is-tall pos-1\" href=\"https:\/\/nafisa.tuktak.dev\/?page_id=36\"\n         aria-label=\"Donald J. Trump \u2014 President of the United States\">\n        <figure class=\"card-media\"\n                style=\"--img:url('https:\/\/nafisa.tuktak.dev\/wp-content\/uploads\/2025\/08\/Image-16-08-2025-at-1.40-am-1.jpeg')\"><\/figure>\n        <div class=\"card-txt\">\n          <div class=\"card-name\">DONALD J. TRUMP<\/div>\n          <\/div>\n          <div class=\"card-role\">PRESIDENT OF THE UNITED STATES<\/div>\n      <\/a>\n\n      <!-- 2) VICE PRESIDENT -->\n      <a class=\"admin-card pos-2\" href=\"https:\/\/nafisa.tuktak.dev\/?page_id=38\"\n         aria-label=\"JD Vance \u2014 Vice President of the United States\">\n        <figure class=\"card-media\"\n                style=\"--img:url('https:\/\/nafisa.tuktak.dev\/wp-content\/uploads\/2025\/08\/Image-16-08-2025-at-1.42-am-1.jpeg')\"><\/figure>\n        <div class=\"card-txt\">\n          <div class=\"card-name\">JD VANCE<\/div>\n          <\/div>\n          <div class=\"card-role\">VICE PRESIDENT OF THE UNITED STATES<\/div>\n      <\/a>\n\n      <!-- 3) FIRST LADY -->\n      <a class=\"admin-card pos-3\" href=\"https:\/\/nafisa.tuktak.dev\/?page_id=40\"\n         aria-label=\"Melania Trump \u2014 First Lady of the United States\">\n        <figure class=\"card-media\"\n                style=\"--img:url('https:\/\/nafisa.tuktak.dev\/wp-content\/uploads\/2025\/08\/Image-16-08-2025-at-1.42-am.jpeg')\"><\/figure>\n        <div class=\"card-txt\">\n          <div class=\"card-name\">MELANIA TRUMP<\/div>\n          <\/div>\n          <div class=\"card-role\">FIRST LADY OF THE UNITED STATES<\/div>\n      <\/a>\n\n      <!-- 4) CABINET -->\n      <a class=\"admin-card pos-4\" href=\"https:\/\/nafisa.tuktak.dev\/?page_id=44\"\n         aria-label=\"The Cabinet of the 47th Administration\">\n        <figure class=\"card-media\"\n                style=\"--img:url('https:\/\/nafisa.tuktak.dev\/wp-content\/uploads\/2025\/08\/Image-16-08-2025-at-1.44-am.jpeg')\"><\/figure>\n        <div class=\"card-txt\">\n          <div class=\"card-name\">THE CABINET<\/div>\n          <\/div>\n          <div class=\"card-role\">OF THE 47TH ADMINISTRATION<\/div>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* section frame *\/\n.wh-admin{background:#0d132d;padding:clamp(40px,6vw,84px) 0;}\n.wh-admin-inner{max-width:min(1280px,94vw);margin:0 auto;padding:0 clamp(16px,3vw,28px);}\n\n\/* GRID: 4 equal columns, items bottom-aligned *\/\n.wh-admin-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  grid-auto-rows:auto;\n  align-items:end;                    \/* <\u2014 bottoms line up *\/\n  gap:clamp(20px,2.8vw,40px);\n  position:relative;\n}\n\n\/* Title: sit only above column 2 and be smaller *\/\n.wh-admin-title{\n  grid-column: 2;          \/* was 2 \/ 5 \u2013 now only above the VP card *\/\n  grid-row: 1;\n  align-self: end;\n  margin: 0 0 clamp(6px, .9vw, 0px);\n  color: #fff;\n\n  font-family: \"Cinzel\", serif;\n  font-weight: 500;\n  font-size: clamp(19px, 2.1vw, 1px);   \/* smaller so it fits *\/\n  line-height: 1.2;\n  letter-spacing: .02em;\n  text-transform: none;\n  max-width: 18ch;         \/* keeps the line from stretching too wide *\/\n}\n\n\/* Card base *\/\n.admin-card{position:relative;display:block;text-decoration:none;border-radius:10px;overflow:hidden;}\n.card-media{\n  aspect-ratio:var(--ratio, 5 \/ 6);   \/* default (shorter) *\/\n  background:var(--img) center\/cover no-repeat;\n  transition:transform .6s ease;\n}\n.admin-card::after{\n  content:\"\";position:absolute;inset:0;\n  background:linear-gradient(180deg,rgba(13,31,54,0) 55%,rgba(13,31,54,.72) 78%,#0D1F36 100%);\n  pointer-events:none;\n}\n.card-txt{\n  position:absolute;\n  left:0; right:0; bottom:clamp(10px, 1.4vw, 18px);   \/* lower = closer to the bottom *\/\n  padding:0 clamp(14px,1.6vw,20px);\n  color:#fff;\n  text-align:center;\n}\n\n.card-name{\n  font-family:\"Cinzel\", serif;\n  font-weight:700;\n  font-size:clamp(18px, 2.1vw, 28px);  \/* default for all *\/\n  line-height:1;\n  letter-spacing:.06em;\n  text-transform:uppercase;\n  text-shadow:0 2px 14px rgba(0,0,0,.35);\n}\n\n.card-role{\n  margin-top:.1px;color:rgba(207,214,229,.95);\n  font:600 clamp(10px,.95vw,13px)\/1.35 \"Inter\",system-ui;\n  letter-spacing:.08em;text-transform:uppercase;\n}\n.admin-card:hover .card-media{transform:scale(1.03);}\n.admin-card:focus-visible{outline:2px solid #fff;outline-offset:-2px;border-radius:10px;}\n\n\/* Make Trump taller (same width) *\/\n.admin-card.is-tall .card-media{ --ratio: 3 \/ 4.3; } \/* taller than 5\/6 *\/\n\n\/* Explicit grid positions so the heading lands over JD *\/\n.admin-card.pos-1{ grid-column:1; grid-row:1 \/ span 2; } \/* Trump spans two rows *\/\n.admin-card.pos-1 .card-name{            \/* the tall President card *\/\n  font-size:clamp(22px, 2.8vw, 36px);\n}\n\n.admin-card.pos-2{ grid-column:2; grid-row:2; }\n.admin-card.pos-3{ grid-column:3; grid-row:2; }\n.admin-card.pos-4{ grid-column:4; grid-row:2; }\n\n.admin-card .card-role{\n  position:static;                        \/* no absolute positioning *\/\n  display:block;\n  padding:12px 6px 0;\n  text-align:center;\n  color:rgba(207,214,229,.95);\n  font:600 clamp(12px, .95vw, 14px)\/1.35 \"Inter\", system-ui;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n\/* Responsive: stack nicely *\/\n@media (max-width:1100px){\n  .wh-admin-grid{grid-template-columns:repeat(2,1fr);}\n  .wh-admin-title{grid-column:1 \/ -1; grid-row:1; margin-bottom:16px;}\n  .admin-card.pos-1{grid-column:1 \/ -1; grid-row:2;}\n  .admin-card.pos-2{grid-column:1; grid-row:3;}\n  .admin-card.pos-3{grid-column:2; grid-row:3;}\n  .admin-card.pos-4{grid-column:1 \/ -1; grid-row:4;}\n}\n@media (max-width:560px){\n  .wh-admin-grid{grid-template-columns:1fr;}\n  .admin-card.pos-1,\n  .admin-card.pos-2,\n  .admin-card.pos-3,\n  .admin-card.pos-4{grid-column:1 \/ -1; grid-row:auto;}\n  .admin-card.is-tall .card-media{ --ratio: 4 \/ 5; } \/* tone down on phones *\/\n}\n\n\/* Don't darken the whole card; we'll darken the IMAGE only *\/\n.admin-card::after { content: none !important; }\n\n\/* Card should NOT clip things below the image *\/\n.admin-card{\n  overflow: visible !important;\n}\n\n\/* The image area keeps the rounded corners and the gradient *\/\n.card-media{\n  position: relative;\n  border-radius: 10px;\n  overflow: hidden;                 \/* clip the gradient to the image *\/\n}\n\n\/* Gradient now sits ONLY on the image, not on text below *\/\n.card-media::after{\n  content:\"\";\n  position:absolute; inset:0;\n  background:linear-gradient(180deg,\n              rgba(13,31,54,0) 55%,\n              rgba(13,31,54,.72) 78%,\n              #0D1F36 100%);\n  pointer-events:none;\n}\n\n\/* Name stays over the image at the very bottom *\/\n.card-txt{\n  position:absolute;\n  left:0; right:0; bottom:0;\n  padding: clamp(12px,1.4vw,18px);\n  text-align:center;\n  color:#fff;\n}\n\n\/* Base name size *\/\n.card-name{\n  font-family:\"Cinzel\",serif;\n  font-weight:700;\n  font-size:clamp(18px, 2.1vw, 28px);\n  line-height:1;\n  letter-spacing:.06em;\n  text-transform:uppercase;\n  text-shadow:0 2px 14px rgba(0,0,0,.35);\n}\n\n\/* Only the PRESIDENT name bigger *\/\n.admin-card.pos-1 .card-name{\n  font-size: clamp(22px, 2.8vw, 36px);\n}\n\n\/* Role appears BELOW the image, centered, and white *\/\n.card-role{\n  margin-top: 10px;                 \/* gap under the image *\/\n  text-align:center;\n  color:#fff;                       \/* <- white as requested *\/\n  font:600 clamp(12px, .95vw, 14px)\/1.35 \"Inter\", system-ui;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n}\n\n\/* more breathing room between NAME (on image) and ROLE (below) *\/\n.card-txt{\n  padding-bottom: clamp(18px, 2vw, 28px);  \/* raises the name slightly *\/\n}\n\n.card-role{\n  margin-top:    clamp(18px, 2vw, 30px);  \/* moves the role down *\/\n}\n\n\/* If the president's longer name still feels tight, give just that card a touch more *\/\n.admin-card.pos-1 .card-txt{\n  padding-bottom: clamp(22px, 2.4vw, 34px);\n}\n\n\/* === Admin cards: only spacing + president name size (safe override) === *\/\n.wh-admin{\n  --wh-name-offset: 20px;            \/* how low the NAME sits on the image *\/\n  --wh-role-gap:    14px;            \/* gap between image and ROLE text     *\/\n}\n\n\/* Keep the NAME on the image; move it independently *\/\n.wh-admin .card-txt{\n  bottom: var(--wh-name-offset) !important;\n}\n\n\/* ROLE below the image with more gap, in white *\/\n.wh-admin .card-role{\n  margin-top: var(--wh-role-gap) !important;\n  color: #fff !important;\n}\n\n\/* Only the PRESIDENT name a bit bigger *\/\n.wh-admin .admin-card.pos-1 .card-name{\n  font-size: clamp(22px, 2.8vw, 36px) !important;\n}\n\n\n<\/style>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b204b7c e-grid e-con-boxed e-con e-parent\" data-id=\"b204b7c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-622e295 elementor-widget elementor-widget-image\" data-id=\"622e295\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/nafisa.tuktak.dev\/?page_id=32\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"769\" src=\"https:\/\/nafisa.tuktak.dev\/wp-content\/uploads\/2025\/08\/Image-31-08-2025-at-5.32-pm-1024x769.jpeg\" class=\"elementor-animation-grow attachment-large size-large wp-image-394\" alt=\"\" srcset=\"https:\/\/nafisa.tuktak.dev\/wp-content\/uploads\/2025\/08\/Image-31-08-2025-at-5.32-pm-1024x769.jpeg 1024w, https:\/\/nafisa.tuktak.dev\/wp-content\/uploads\/2025\/08\/Image-31-08-2025-at-5.32-pm-300x225.jpeg 300w, https:\/\/nafisa.tuktak.dev\/wp-content\/uploads\/2025\/08\/Image-31-08-2025-at-5.32-pm-768x577.jpeg 768w, https:\/\/nafisa.tuktak.dev\/wp-content\/uploads\/2025\/08\/Image-31-08-2025-at-5.32-pm.jpeg 1166w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8dd34c8 elementor-widget elementor-widget-image\" data-id=\"8dd34c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/nafisa.tuktak.dev\/?page_id=12\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/nafisa.tuktak.dev\/wp-content\/uploads\/2025\/08\/Image-31-08-2025-at-5.34-pm-1024x768.jpeg\" class=\"elementor-animation-grow attachment-large size-large wp-image-395\" alt=\"\" srcset=\"https:\/\/nafisa.tuktak.dev\/wp-content\/uploads\/2025\/08\/Image-31-08-2025-at-5.34-pm-1024x768.jpeg 1024w, https:\/\/nafisa.tuktak.dev\/wp-content\/uploads\/2025\/08\/Image-31-08-2025-at-5.34-pm-300x225.jpeg 300w, https:\/\/nafisa.tuktak.dev\/wp-content\/uploads\/2025\/08\/Image-31-08-2025-at-5.34-pm-768x576.jpeg 768w, https:\/\/nafisa.tuktak.dev\/wp-content\/uploads\/2025\/08\/Image-31-08-2025-at-5.34-pm.jpeg 1234w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bd28233 e-flex e-con-boxed e-con e-parent\" data-id=\"bd28233\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The Administration DONALD J. TRUMP PRESIDENT OF THE UNITED STATES JD VANCE VICE PRESIDENT OF THE UNITED STATES MELANIA TRUMP FIRST LADY OF THE UNITED STATES THE CABINET OF THE 47TH ADMINISTRATION<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-334","page","type-page","status-publish","hentry"],"blocksy_meta":[],"acf":[],"_links":{"self":[{"href":"https:\/\/nafisa.tuktak.dev\/index.php?rest_route=\/wp\/v2\/pages\/334","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nafisa.tuktak.dev\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nafisa.tuktak.dev\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nafisa.tuktak.dev\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nafisa.tuktak.dev\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=334"}],"version-history":[{"count":40,"href":"https:\/\/nafisa.tuktak.dev\/index.php?rest_route=\/wp\/v2\/pages\/334\/revisions"}],"predecessor-version":[{"id":416,"href":"https:\/\/nafisa.tuktak.dev\/index.php?rest_route=\/wp\/v2\/pages\/334\/revisions\/416"}],"wp:attachment":[{"href":"https:\/\/nafisa.tuktak.dev\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=334"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}