{"id":643,"date":"2026-07-28T11:08:15","date_gmt":"2026-07-28T15:08:15","guid":{"rendered":"https:\/\/luciferscorner.com\/community\/?page_id=643"},"modified":"2026-07-28T11:08:15","modified_gmt":"2026-07-28T15:08:15","slug":"the-devils-collection","status":"publish","type":"page","link":"https:\/\/luciferscorner.com\/community\/the-devils-collection\/","title":{"rendered":"The Devils Collection"},"content":{"rendered":"\n<style>\n  :root {\n    --bg: #0a0a0a;\n    --card-bg: #151515;\n    --card-border: #262626;\n    --red: #b3121c;\n    --red-bright: #e8232f;\n    --text-main: #f2f0ee;\n    --text-dim: #9a9a9a;\n  }\n  .devils-collection * { box-sizing: border-box; }\n  .devils-collection {\n    background: var(--bg);\n    color: var(--text-main);\n    font-family: 'Georgia', 'Times New Roman', serif;\n    padding: 60px 40px 100px;\n  }\n  .devils-collection .eyebrow {\n    text-align: center;\n    color: var(--red-bright);\n    letter-spacing: 4px;\n    font-size: 13px;\n    font-family: Arial, sans-serif;\n    margin-bottom: 10px;\n  }\n  .devils-collection h1 {\n    text-align: center;\n    font-size: 42px;\n    color: var(--red-bright);\n    margin: 0 0 14px;\n    font-style: italic;\n  }\n  .devils-collection p.sub {\n    text-align: center;\n    color: var(--text-dim);\n    font-family: Arial, sans-serif;\n    max-width: 700px;\n    margin: 0 auto 40px;\n    line-height: 1.6;\n    font-size: 15px;\n  }\n  .devils-collection .filter-bar {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 16px;\n    flex-wrap: wrap;\n    margin-bottom: 48px;\n    font-family: Arial, sans-serif;\n  }\n  .devils-collection .filter-bar input[type=\"text\"] {\n    background: var(--card-bg);\n    border: 1px solid var(--card-border);\n    color: var(--text-main);\n    padding: 10px 16px;\n    border-radius: 6px;\n    width: 220px;\n    font-size: 14px;\n  }\n  .devils-collection .filter-bar select {\n    background: var(--card-bg);\n    border: 1px solid var(--card-border);\n    color: var(--text-main);\n    padding: 10px 14px;\n    border-radius: 6px;\n    font-size: 14px;\n  }\n  .devils-collection .filter-bar button {\n    background: var(--red);\n    color: white;\n    border: none;\n    padding: 10px 20px;\n    border-radius: 6px;\n    font-size: 14px;\n    cursor: pointer;\n  }\n  .devils-collection .grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));\n    gap: 28px 24px;\n    max-width: 1200px;\n    margin: 0 auto;\n  }\n  .devils-collection .card {\n    background: var(--card-bg);\n    border: 1px solid var(--card-border);\n    border-radius: 10px;\n    overflow: hidden;\n    transition: transform 0.15s ease, border-color 0.15s ease;\n    cursor: pointer;\n  }\n  .devils-collection .card:hover {\n    transform: translateY(-4px);\n    border-color: var(--red);\n  }\n  .devils-collection .card:focus-visible {\n    outline: 2px solid var(--red-bright);\n    outline-offset: 2px;\n  }\n  .devils-collection .thumb {\n    aspect-ratio: 3 \/ 4;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    font-family: Arial, sans-serif;\n    font-size: 13px;\n    color: rgba(255,255,255,0.35);\n    letter-spacing: 1px;\n    overflow: hidden;\n    background: #1a1a1a;\n  }\n  .devils-collection .thumb img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n  .devils-collection .thumb.g1 { background: linear-gradient(135deg, #3a0d10, #170506); }\n  .devils-collection .thumb.g2 { background: linear-gradient(135deg, #34141d, #12070a); }\n  .devils-collection .thumb.g3 { background: linear-gradient(135deg, #2a1414, #0e0505); }\n  .devils-collection .thumb.g4 { background: linear-gradient(135deg, #3d1a0f, #170a05); }\n  .devils-collection .badge {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    background: rgba(0,0,0,0.55);\n    color: var(--red-bright);\n    font-size: 10px;\n    padding: 3px 7px;\n    border-radius: 4px;\n    font-family: Arial, sans-serif;\n    letter-spacing: 0.5px;\n  }\n  .devils-collection .card-footer {\n    padding: 12px 14px 14px;\n    font-family: Arial, sans-serif;\n  }\n  .devils-collection .card-footer .name {\n    font-size: 15px;\n    font-weight: 600;\n    color: var(--text-main);\n    margin-bottom: 2px;\n  }\n  .devils-collection .card-footer .tag {\n    font-size: 12px;\n    color: var(--text-dim);\n  }\n<\/style>\n\n<div class=\"devils-collection\">\n  <div class=\"filter-bar\">\n    <input type=\"text\" id=\"model-search\" placeholder=\"Search models...\">\n    <select id=\"model-sort\">\n      <option value=\"az\">Sort: A\u2013Z<\/option>\n      <option value=\"newest\">Sort: Newest<\/option>\n      <option value=\"popular\">Sort: Most Popular<\/option>\n    <\/select>\n    <button id=\"model-apply\">Apply<\/button>\n  <\/div>\n\n  <div class=\"grid\" id=\"model-grid\"><\/div>\n  <p id=\"no-results\" style=\"display:none;text-align:center;color:#9a9a9a;font-family:Arial,sans-serif;margin-top:40px;\">\n    No models match your search.\n  <\/p>\n<\/div>\n\n<script>\n  \/\/ Each model can have an \"img\" property with a real photo URL.\n  \/\/ Leave \"img\" out (or set to null) to keep the gray placeholder for now.\n  const models = [\n    { name: \"India\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/India-1.gif\" },\n    { name: \"Maia\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Maia-1.gif\" },\n    { name: \"Charry\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Charry.gif\" },\n    { name: \"Danielle\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Danielle-1.gif\" },\n    { name: \"Ghost\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Ghost-1.gif\" },\n    { name: \"RJ\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/RJ.gif\" },\n    { name: \"Alexie\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Alexie-1.gif\" },\n    { name: \"Nadia\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Nadia-1.gif\" },\n    { name: \"Krystal\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Krystal-1.gif\" },\n    { name: \"Kelly\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Kelly.gif\" },\n    { name: \"Hayze\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Hayze-1.gif\" },\n    { name: \"Malinda\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Malinda-1.gif\" },\n    { name: \"Vanessa\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Vanessa-1.gif\" },\n    { name: \"Thia\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Thia.gif\" },\n    { name: \"Shay\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Shay.gif\" },\n    { name: \"Shaundra\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Shaundra.gif\" },\n    { name: \"Nola\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Nola-1.gif\" },\n    { name: \"Nicole\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Nicole.gif\" },\n    { name: \"Nia\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Nia-1.gif\" },\n    { name: \"Natalie\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Natalie.gif\" },\n    { name: \"Naajee\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Naajee-1.gif\" },\n    { name: \"Michelle\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Michelle.gif\" },\n    { name: \"Mely\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Mely-1.gif\" },\n    { name: \"Mary\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Mary-1.gif\" },\n    { name: \"Loretta\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Loretta-1.gif\" },\n    { name: \"Ling\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Ling-1.gif\" },\n    { name: \"Lacy\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Lacy-1.gif\" },\n    { name: \"Krysten\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Krysten.gif\" },\n    { name: \"Kristen\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Kristen-1.gif\" },\n    { name: \"Joi\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Joi-1.gif\" },\n    { name: \"Jessica\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Jessica-1.gif\" },\n    { name: \"Jenni\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Jenni-1.gif\" },\n    { name: \"Cici\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Cici.gif\" },\n    { name: \"Mouse\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Mouse.gif\" },\n    { name: \"Netta\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Netta.gif\" },\n    { name: \"Rischia\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Rischia.gif\" },\n    { name: \"Ceirra\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Ceirra.gif\" },\n    { name: \"Jasmin\", img: \"https:\/\/luciferscorner.com\/community\/wp-content\/uploads\/2026\/07\/Jasmin.gif\" }\n  ];\n\n  \/\/ \"addedIndex\" preserves original array order, used for the \"Newest\" sort\n  \/\/ (last one added = newest). \"views\" is a PLACEHOLDER popularity number \u2014\n  \/\/ there's no real analytics feed wired up yet, so this is just a stable,\n  \/\/ deterministic stand-in based on the name so results don't shuffle every\n  \/\/ reload. Replace this with real view\/like counts once you have that data.\n  models.forEach((model, i) => {\n    model.addedIndex = i;\n    if (model.views === undefined) {\n      let hash = 0;\n      for (let c = 0; c < model.name.length; c++) {\n        hash = (hash * 31 + model.name.charCodeAt(c)) >>> 0;\n      }\n      model.views = hash % 5000;\n    }\n  });\n\n  const grid = document.getElementById('model-grid');\n  const noResults = document.getElementById('no-results');\n  const searchInput = document.getElementById('model-search');\n  const sortSelect = document.getElementById('model-sort');\n  const applyBtn = document.getElementById('model-apply');\n\n  function renderGrid() {\n    const query = searchInput.value.trim().toLowerCase();\n    const sortMode = sortSelect.value;\n\n    let visible = models.filter(m => m.name.toLowerCase().includes(query));\n\n    if (sortMode === 'az') {\n      visible.sort((a, b) => a.name.localeCompare(b.name));\n    } else if (sortMode === 'newest') {\n      visible.sort((a, b) => b.addedIndex - a.addedIndex);\n    } else if (sortMode === 'popular') {\n      visible.sort((a, b) => b.views - a.views);\n    }\n\n    grid.innerHTML = '';\n\n    if (visible.length === 0) {\n      noResults.style.display = 'block';\n      return;\n    }\n    noResults.style.display = 'none';\n\n    visible.forEach((model, i) => {\n      const card = document.createElement('div');\n      card.className = 'card';\n      card.tabIndex = 0;\n\n      const thumbContent = model.img\n        ? `<img decoding=\"async\" src=\"${model.img}\" alt=\"${model.name}\" loading=\"lazy\">`\n        : `PHOTO`;\n\n      const thumbClass = model.img ? '' : `g${(i % 4) + 1}`;\n\n      card.innerHTML = `\n        <div class=\"thumb ${thumbClass}\">\n          ${thumbContent}\n          <div class=\"badge\">NEW<\/div>\n        <\/div>\n        <div class=\"card-footer\">\n          <div class=\"name\">${model.name}<\/div>\n          <div class=\"tag\">Gallery &amp; video<\/div>\n        <\/div>\n      `;\n      grid.appendChild(card);\n    });\n  }\n\n  \/\/ Live search as you type, sort applies immediately on change,\n  \/\/ and the Apply button re-runs both for anyone who expects to click it.\n  searchInput.addEventListener('input', renderGrid);\n  sortSelect.addEventListener('change', renderGrid);\n  applyBtn.addEventListener('click', renderGrid);\n\n  renderGrid();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Sort: A\u2013ZSort: NewestSort: Most Popular Apply No models match your search.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":true,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-643","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/luciferscorner.com\/community\/wp-json\/wp\/v2\/pages\/643","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luciferscorner.com\/community\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/luciferscorner.com\/community\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/luciferscorner.com\/community\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luciferscorner.com\/community\/wp-json\/wp\/v2\/comments?post=643"}],"version-history":[{"count":10,"href":"https:\/\/luciferscorner.com\/community\/wp-json\/wp\/v2\/pages\/643\/revisions"}],"predecessor-version":[{"id":770,"href":"https:\/\/luciferscorner.com\/community\/wp-json\/wp\/v2\/pages\/643\/revisions\/770"}],"wp:attachment":[{"href":"https:\/\/luciferscorner.com\/community\/wp-json\/wp\/v2\/media?parent=643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}