{"id":2242,"date":"2026-03-15T12:34:26","date_gmt":"2026-03-15T20:34:26","guid":{"rendered":"https:\/\/www.explodingkittens.biz\/community\/recipesfordisaster\/?page_id=2242"},"modified":"2026-03-17T07:28:51","modified_gmt":"2026-03-17T15:28:51","slug":"submit-a-recipe","status":"publish","type":"page","link":"https:\/\/www.explodingkittens.biz\/community\/recipesfordisaster\/submit-a-recipe\/","title":{"rendered":"Submit a Recipe"},"content":{"rendered":"<div style='text-align:left' class='yasr-auto-insert-visitor'><\/div>\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Submit Your Recipe<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@700;800;900&#038;family=Barlow:wght@400;500;600&#038;display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n  --teal:        #3a8fa8;\n  --teal-dark:   #2d7089;\n  --teal-deeper: #1e5468;\n  --teal-light:  #5aafc8;\n  --white:       #ffffff;\n  --off-white:   #f0f8fb;\n  --red:         #cc2b1d;\n  --red-dark:    #991f14;\n  --gold:        #f5c842;\n  --gold-dark:   #c89e20;\n  --error-red:   #d93b2b;\n  --text-main:   #1a3a45;\n  --text-muted:  #4a7a8a;\n  --text-light:  rgba(255,255,255,0.75);\n  --panel-bg:    #ffffff;\n  --panel-border:#c8e4ed;\n  --input-bg:    #f5fbfd;\n  --input-border:#a8d4e0;\n  --radius:      8px;\n  --radius-lg:   12px;\n  --font-display:'Barlow Condensed', 'Arial Narrow', Impact, sans-serif;\n  --font-body:   'Barlow', Arial, sans-serif;\n}\n\nhtml { scroll-behavior: smooth; }\n\n\/* Hide WordPress page title and remove theme padding above form *\/\n.entry-title,\n.page-title,\nh1.title,\n.wp-block-post-title { display: none !important; }\n.entry-content,\n.page-content { padding-top: 0 !important; margin-top: 0 !important; }\n\nbody {\n  font-family: var(--font-body);\n  font-size: 15px;\n  background-color: var(--teal);\n  color: var(--text-main);\n  min-height: 100vh;\n  background-image: radial-gradient(ellipse 120% 60% at 50% 0%, rgba(255,255,255,0.07) 0%, transparent 60%);\n}\n\n.page-wrap {\n  max-width: 820px;\n  margin: 0 auto;\n  padding: 12px 20px 72px;\n}\n\n.form-header {\n  text-align: center;\n  margin-bottom: 36px;\n}\n\n.form-header h1 {\n  font-family: var(--font-display);\n  font-size: clamp(48px, 10vw, 80px);\n  font-weight: 900;\n  line-height: 1;\n  letter-spacing: 0.02em;\n  text-transform: uppercase;\n  color: var(--white);\n  text-shadow: 3px 3px 0 var(--teal-deeper), 0 2px 12px rgba(0,0,0,0.2);\n  margin-bottom: 12px;\n}\n\n.form-header .subtitle {\n  font-size: 15px;\n  color: var(--text-light);\n  max-width: 460px;\n  margin: 0 auto;\n  line-height: 1.55;\n}\n\n.panel {\n  background: var(--panel-bg);\n  border: 1px solid var(--panel-border);\n  border-radius: var(--radius-lg);\n  padding: 24px 24px 28px;\n  margin-bottom: 16px;\n  box-shadow: 0 2px 12px rgba(0,0,0,0.12);\n}\n\n.panel-heading {\n  font-family: var(--font-display);\n  font-size: 20px;\n  font-weight: 700;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  color: var(--white);\n  background: var(--teal-dark);\n  margin: -24px -24px 22px;\n  padding: 10px 20px;\n  border-radius: var(--radius-lg) var(--radius-lg) 0 0;\n}\n\n.field-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 14px;\n  margin-bottom: 14px;\n}\n.field-row.single { grid-template-columns: 1fr; }\n.field-row.triple { grid-template-columns: 1fr 1fr 1fr; }\n.field-row.quad   { grid-template-columns: 1fr 1fr 1fr 1fr; }\n.field-row:last-child { margin-bottom: 0; }\n\n@media (max-width: 600px) {\n  .field-row, .field-row.triple, .field-row.quad { grid-template-columns: 1fr 1fr; }\n}\n\n.field { display: flex; flex-direction: column; gap: 5px; }\n\n.field-hint {\n  font-size: 11px;\n  color: var(--text-muted);\n  line-height: 1.4;\n  font-style: italic;\n}\n\nlabel {\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n  color: var(--text-muted);\n  \/* Force labels to all the same height so inputs align *\/\n  min-height: 16px;\n}\nlabel .req { color: var(--error-red); }\n\ninput[type=\"text\"],\ninput[type=\"email\"],\ninput[type=\"number\"],\ntextarea {\n  background: var(--input-bg);\n  border: 1.5px solid var(--input-border);\n  border-radius: var(--radius);\n  color: var(--text-main);\n  font-family: var(--font-body);\n  font-size: 15px;\n  padding: 9px 13px;\n  outline: none;\n  transition: border-color 0.15s, box-shadow 0.15s;\n  width: 100%;\n}\ninput:focus, textarea:focus {\n  border-color: var(--teal);\n  box-shadow: 0 0 0 3px rgba(58,143,168,0.18);\n}\ntextarea { resize: vertical; min-height: 82px; }\n::placeholder { color: #aac8d4; }\n\n.field-error { font-size: 11px; color: var(--error-red); display: none; }\n.field-error.visible { display: block; }\n\n.cards-intro {\n  font-size: 13px;\n  color: var(--text-muted);\n  margin-bottom: 18px;\n  line-height: 1.55;\n  border-left: 3px solid var(--teal-light);\n  padding-left: 12px;\n}\n\n.required-note {\n  font-size: 12px;\n  color: rgba(255,255,255,0.65);\n  margin-bottom: 14px;\n  text-align: right;\n}\n.required-note span { color: var(--gold); }\n\n.submit-area { text-align: center; margin-top: 28px; }\n\n.submit-btn {\n  font-family: var(--font-display);\n  font-size: 26px;\n  font-weight: 800;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--white);\n  background: var(--red);\n  border: none;\n  border-radius: 50px;\n  padding: 14px 52px;\n  cursor: pointer;\n  box-shadow: 0 5px 0 var(--red-dark), 0 8px 20px rgba(0,0,0,0.25);\n  transition: transform 0.1s, box-shadow 0.1s;\n}\n.submit-btn:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 7px 0 var(--red-dark), 0 12px 28px rgba(0,0,0,0.3);\n}\n.submit-btn:active {\n  transform: translateY(3px);\n  box-shadow: 0 2px 0 var(--red-dark), 0 3px 8px rgba(0,0,0,0.2);\n}\n.submit-btn:disabled {\n  opacity: 0.55;\n  cursor: not-allowed;\n  transform: none;\n  box-shadow: none;\n}\n\n.submit-hint {\n  margin-top: 10px;\n  font-size: 12px;\n  color: rgba(255,255,255,0.6);\n}\n\n.status-msg {\n  margin-top: 18px;\n  padding: 14px 18px;\n  border-radius: var(--radius);\n  font-size: 14px;\n  display: none;\n  text-align: left;\n}\n.status-msg.success {\n  display: block;\n  background: #f0fdf4;\n  border: 1px solid #86efac;\n  color: #166534;\n}\n.status-msg.error {\n  display: block;\n  background: #fef2f2;\n  border: 1px solid #fca5a5;\n  color: #991b1b;\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"page-wrap\">\n\n  <header class=\"form-header\">\n    <h1>Submit Your Recipe<\/h1>\n    <p class=\"subtitle\">Build your own game variant using any cards from the Exploding Kittens lineup and share it with the world.<\/p>\n  <\/header>\n\n  <form id=\"rfd-form\" novalidate>\n    <p class=\"required-note\"><span>*<\/span> Required fields<\/p>\n\n    <!-- About You -->\n    <div class=\"panel\">\n      <div class=\"panel-heading\">About You<\/div>\n      <p style=\"font-size:12px;color:#4a7a8a;margin-bottom:16px;font-style:italic;\">Use a real email \u2014 it&#8217;s how we send you your recipe card. A fake one just means your recipe won&#8217;t be created.<\/p>\n      <div class=\"field-row\">\n        <div class=\"field\">\n          <label for=\"rfd-name\">Display Name <span class=\"req\">*<\/span><\/label>\n          <input type=\"text\" id=\"rfd-name\" name=\"name\" placeholder=\"e.g. TacocatFan42\" required autocomplete=\"nickname\">\n          <div class=\"field-error\" id=\"name-error\">Please enter a display name.<\/div>\n        <\/div>\n        <div class=\"field\">\n          <label for=\"rfd-email\">Email Address <span class=\"req\">*<\/span><\/label>\n          <input type=\"email\" id=\"rfd-email\" name=\"email\" placeholder=\"you@example.com\" required autocomplete=\"email\">\n          <div class=\"field-error\" id=\"email-error\">Please enter a valid email address.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Your Recipe -->\n    <div class=\"panel\">\n      <div class=\"panel-heading\">Your Recipe<\/div>\n      <div class=\"field-row single\">\n        <div class=\"field\">\n          <label for=\"rfd-recipe-name\">Recipe Name <span class=\"req\">*<\/span><\/label>\n          <input type=\"text\" id=\"rfd-recipe-name\" name=\"recipeName\" placeholder=\"Give your recipe a great name\" required>\n          <div class=\"field-error\" id=\"recipe-name-error\">Please name your recipe.<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"field-row single\">\n        <div class=\"field\">\n          <label for=\"rfd-description\">Description <span class=\"req\">*<\/span><\/label>\n          <textarea id=\"rfd-description\" name=\"description\" placeholder=\"Describe the game variant, the goal, the vibe, what makes it fun...\" required><\/textarea>\n          <div class=\"field-error\" id=\"description-error\">Please add a description (at least 10 characters).<\/div>\n        <\/div>\n      <\/div>\n      <!-- Quad row: fixed label height keeps all inputs vertically aligned -->\n      <div class=\"field-row quad\">\n        <div class=\"field\">\n          <label for=\"rfd-players\" style=\"min-height:32px;display:flex;align-items:flex-end;\">Number of Players <span class=\"req\" style=\"margin-left:3px;\">*<\/span><\/label>\n          <input type=\"text\" id=\"rfd-players\" name=\"players\" placeholder=\"e.g. 2-5\" required>\n          <div class=\"field-error\" id=\"players-error\">Please specify player count.<\/div>\n        <\/div>\n        <div class=\"field\">\n          <label for=\"rfd-playtime\" style=\"min-height:32px;display:flex;align-items:flex-end;\">Play Time (mins)<\/label>\n          <input type=\"number\" id=\"rfd-playtime\" name=\"playTime\" placeholder=\"e.g. 20\" min=\"1\" max=\"999\">\n          <span class=\"field-hint\">Minutes \u2014 whole number only<\/span>\n        <\/div>\n        <div class=\"field\">\n          <label for=\"rfd-hand-size\" style=\"min-height:32px;display:flex;align-items:flex-end;\">Starting Hand Size<\/label>\n          <select id=\"rfd-hand-size\" name=\"handSize\" style=\"background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:var(--radius);color:var(--text-main);font-family:var(--font-body);font-size:15px;padding:9px 13px;outline:none;width:100%;transition:border-color 0.15s,box-shadow 0.15s;\">\n            <option value=\"\">\u2014 Select \u2014<\/option>\n            <option value=\"0 CARDS\">0 CARDS<\/option>\n            <option value=\"1 CARD\">1 CARD<\/option>\n            <option value=\"2 CARDS\">2 CARDS<\/option>\n            <option value=\"3 CARDS\">3 CARDS<\/option>\n            <option value=\"4 CARDS\">4 CARDS<\/option>\n            <option value=\"5 CARDS\">5 CARDS<\/option>\n            <option value=\"6 CARDS\">6 CARDS<\/option>\n            <option value=\"7 CARDS\">7 CARDS<\/option>\n            <option value=\"8 CARDS\">8 CARDS<\/option>\n            <option value=\"9 CARDS\">9 CARDS<\/option>\n            <option value=\"10 CARDS\">10 CARDS<\/option>\n          <\/select>\n          <span class=\"field-hint\">Not including starting Defuse card(s)<\/span>\n        <\/div>\n        <div class=\"field\">\n          <label for=\"rfd-starting-defuses\" style=\"min-height:32px;display:flex;align-items:flex-end;\">Starting Defuses<\/label>\n          <input type=\"text\" id=\"rfd-starting-defuses\" name=\"startingDefuses\" placeholder=\"e.g. 1\">\n          <span class=\"field-hint\">In hand at start, not deck Defuses<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Ingredients -->\n    <div class=\"panel\">\n      <div class=\"panel-heading\">Ingredients<\/div>\n      <div id=\"cards-container\"><\/div>\n      <div id=\"ingredients-summary\" style=\"display:none;\"><\/div>\n      <div id=\"rfd-card-count-bottom\" style=\"display:none;\"><\/div>\n    <\/div>\n\n    <!-- Notes -->\n    <div class=\"panel\">\n      <div class=\"panel-heading\">Special Rules and Notes<\/div>\n      <div class=\"field-row single\">\n        <div class=\"field\">\n          <label for=\"rfd-notes\">Additional Comments<\/label>\n          <textarea id=\"rfd-notes\" name=\"notes\" placeholder=\"Any special rules, setup instructions, or tips for playing your recipe...\"><\/textarea>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Submit -->\n    <div class=\"submit-area\">\n      <button type=\"submit\" class=\"submit-btn\" id=\"submit-btn\">Submit Your Recipe<\/button>\n      <p class=\"submit-hint\">You will receive a confirmation email when your recipe card is ready.<\/p>\n      <div class=\"status-msg\" id=\"status-msg\"><\/div>\n    <\/div>\n\n  <\/form>\n<\/div>\n\n<\/body>\n<\/html>\n\n<div style='text-align:left' class='yasr-auto-insert-visitor'><\/div>","protected":false},"excerpt":{"rendered":"<p>Submit Your Recipe Submit Your Recipe Build your own game variant using any cards from the Exploding Kittens lineup and share it with the world. * Required fields About You Use a real email \u2014 it&#8217;s how we send you your recipe card. A fake one just means your recipe won&#8217;t be created. Display Name&#8230;<\/p>\n<p class=\"more-link-wrap\"><a href=\"https:\/\/www.explodingkittens.biz\/community\/recipesfordisaster\/submit-a-recipe\/\" class=\"more-link\">Read More<span class=\"screen-reader-text\"> &ldquo;Submit a Recipe&rdquo;<\/span> &raquo;<\/a><\/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,"yasr_overall_rating":0,"yasr_post_is_review":"","yasr_auto_insert_disabled":"","yasr_review_type":"","yasr_pro_reviews_in_comment_enabled":0,"footnotes":""},"class_list":["post-2242","page","type-page","status-publish","hentry"],"acf":[],"number_of_players":null,"_number_of_players":null,"description":null,"_description":null,"starting_hand_size":null,"_starting_hand_size":null,"rating":null,"_rating":null,"yasr_visitor_votes":{"stars_attributes":{"read_only":false,"span_bottom":false},"number_of_votes":0,"sum_votes":0},"_links":{"self":[{"href":"https:\/\/www.explodingkittens.biz\/community\/recipesfordisaster\/wp-json\/wp\/v2\/pages\/2242","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.explodingkittens.biz\/community\/recipesfordisaster\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.explodingkittens.biz\/community\/recipesfordisaster\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.explodingkittens.biz\/community\/recipesfordisaster\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.explodingkittens.biz\/community\/recipesfordisaster\/wp-json\/wp\/v2\/comments?post=2242"}],"version-history":[{"count":10,"href":"https:\/\/www.explodingkittens.biz\/community\/recipesfordisaster\/wp-json\/wp\/v2\/pages\/2242\/revisions"}],"predecessor-version":[{"id":2285,"href":"https:\/\/www.explodingkittens.biz\/community\/recipesfordisaster\/wp-json\/wp\/v2\/pages\/2242\/revisions\/2285"}],"wp:attachment":[{"href":"https:\/\/www.explodingkittens.biz\/community\/recipesfordisaster\/wp-json\/wp\/v2\/media?parent=2242"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}