{"data":{"alternate_greetings":[""],"assets":[{"ext":"png","name":"CHAR1.png","type":"x-risu-asset","uri":"__asset:0"},{"ext":"png","name":"character1","type":"x-risu-asset","uri":"__asset:1"},{"ext":"png","name":"character2","type":"x-risu-asset","uri":"__asset:2"},{"ext":"png","name":"character3","type":"x-risu-asset","uri":"__asset:3"},{"ext":"png","name":"character4","type":"x-risu-asset","uri":"__asset:4"},{"ext":"png","name":"main","type":"icon","uri":"ccdefault:"}],"character_book":{"entries":[{"case_sensitive":false,"comment":"⚙ Status Window Example","constant":true,"content":"@@depth 0\n\n# Regular Expressions and HTML Examples 1\n\nExample items from the status window: [Date : YY/MM/DD|Time : |Weather : |Clothes : |Location : |Mood : |Status : ]\n\nRegular expressions used:\n```\n\\[(.*?):(.*?)\\|(.*?):(.*?)\\|(.*?):(.*?)\\|(.*?):(.*?)\\|(.*?):(.*?)\\|(.*?):(.*?)\\]\n```\n\nHTML combined with CSS used:\n```\n<!DOCTYPE html>\n<html lang=\"ko\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>상태창</title>\n<style>\n    @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600&family=Playfair+Display:wght@400;600&display=swap');\n\n    body {\n        margin: 0;\n        padding: 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        height: 100vh;\n        background: #111;\n        font-family: 'Playfair Display', serif;\n    }\n\n    .status-window {\n        width: 80%;\n        max-width: 600px;\n        background: #1b1b1b;\n        color: #c0aa83;\n        border: 3px solid #5f4d3c;\n        border-radius: 10px;\n        padding: 20px;\n        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);\n        background-image: repeating-linear-gradient(\n            45deg,\n            #2a2a2a 0%,\n            #1b1b1b 25%,\n            #2a2a2a 50%,\n            #1b1b1b 75%\n        );\n    }\n\n    .status-item {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        margin-bottom: 15px;\n        padding: 10px;\n        background: rgba(50, 50, 50, 0.4);\n        border-radius: 5px;\n        font-size: 18px;\n        letter-spacing: 1px;\n    }\n\n    .status-item:last-child {\n        margin-bottom: 0;\n    }\n\n    .label {\n        color: #c09e70;\n        font-family: 'Cormorant Garamond', serif;\n        font-style: italic;\n        font-weight: 600;\n    }\n\n    .value {\n        color: #ffffff;\n        font-family: 'Playfair Display', serif;\n        font-weight: 400;\n    }\n</style>\n</head>\n<body>\n    <div class=\"status-window\">\n        <div class=\"status-item\">\n            <span class=\"label\">Date</span>\n            <span class=\"value\">$2</span>\n        </div>\n        <div class=\"status-item\">\n            <span class=\"label\">Time</span>\n            <span class=\"value\">$4</span>\n        </div>\n        <div class=\"status-item\">\n            <span class=\"label\">Weather</span>\n            <span class=\"value\">$6</span>\n        </div>\n        <div class=\"status-item\">\n            <span class=\"label\">Clothes</span>\n            <span class=\"value\">$8</span>\n        </div>\n        <div class=\"status-item\">\n            <span class=\"label\">Location</span>\n            <span class=\"value\">$10</span>\n        </div>\n        <div class=\"status-item\">\n            <span class=\"label\">Mood</span>\n            <span class=\"value\">$12</span>\n        </div>\n    </div>\n</body>\n</html>\n```\n\n# Regular Expressions and HTML Examples 2\n\nExample items from the status window: [Date:YYYY-MM-DD|Time:HH:MM|Weather:|Location:|Character1 Mood:|Character2 Mood:|Character3 Mood:]\n\nRegular expressions used:\n```\n\\[\\s*Date:(.*?)\\|Time:(.*?)\\|Weather:(.*?)\\|Location:(.*?)\\|.*Mood:(.*?)\\|.*Mood:(.*?)\\|.*Mood:(.*?)\\]\n```\n\nHTML combined with CSS used:\n```\n<!DOCTYPE html>\n<html lang=\"ko\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>캐릭터 상태창</title>\n  <style>\n    @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;700&family=Dancing+Script:wght@600&display=swap');\n    body {\n      margin: 0; padding: 0; background: #fefaf6;\n      font-family: 'Noto Serif KR', serif;\n      display: flex; justify-content: center; align-items: center; height: 100vh;\n    }\n    .status-container {\n      width: 90%; max-width: 800px; padding: 20px;\n      background: linear-gradient(to bottom right, #ffe4e1, #ffedf0);\n      border-radius: 15px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); text-align: center;\n    }\n    .status-header {\n      font-family: 'Dancing Script', cursive; font-size: 22px; color: #b13e53; margin-bottom: 15px;\n    }\n    .character-section {\n      display: flex; justify-content: space-between; gap: 10px;\n    }\n    .character-card {\n      position: relative; width: 30%; background: #fff;\n      border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n      overflow: hidden; text-align: center; transition: transform 0.3s, box-shadow 0.3s;\n    }\n    .character-card:hover {\n      transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);\n    }\n    .character-card img {\n      width: 100%; height: 220px; object-fit: cover;\n    }\n    .character-overlay {\n      position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n      background: rgba(255, 255, 255, 0.85);\n      display: flex; align-items: center; justify-content: center; opacity: 0;\n      transition: opacity 0.3s; font-family: 'Noto Serif KR', serif;\n      font-size: 16px; color: #b13e53; font-weight: bold;\n    }\n    .character-card:hover .character-overlay { opacity: 1; }\n    .character-name {\n      background: #ffe4e1; padding: 10px 5px;\n      font-size: 18px; font-family: 'Dancing Script', cursive; color: #b13e53;\n    }\n  </style>\n</head>\n<body>\n  <div class=\"status-container\">\n    <div class=\"status-header\">Date: $1 | Time: $2 | Weather: $3 | Location: $4</div>\n    <div class=\"character-section\">\n      <div class=\"character-card\">\n        <img src=\"character1.jpg\" alt=\"Character 1\">\n        <div class=\"character-overlay\">$5</div>\n        <div class=\"character-name\">Character 1</div>\n      </div>\n      <div class=\"character-card\">\n        <img src=\"character2.jpg\" alt=\"Character 2\">\n        <div class=\"character-overlay\">$6</div>\n        <div class=\"character-name\">Character 2</div>\n      </div>\n      <div class=\"character-card\">\n        <img src=\"character3.jpg\" alt=\"Character 3\">\n        <div class=\"character-overlay\">$7</div>\n        <div class=\"character-name\">Character 3</div>\n      </div>\n    </div>\n  </div>\n</body>\n</html>\n```","enabled":true,"extensions":{"risu_case_sensitive":false},"insertion_order":1,"keys":[""],"name":"⚙ Status Window Example","selective":false,"use_regex":false},{"case_sensitive":false,"comment":"⚙ Status Window Lore Book Writing Example","constant":false,"content":"@@depth 0\n\n#Status Window\n\nOutput the status window in the format below in *English* at the very bottom every time.\n\n[Date : YY/MM/DD|Time : (AM|PM) HH:MM|Weather : |Location : |Char1 Mood : |Char2 Mood : |Char3 Mood : |Char4 Mood : ]","enabled":true,"extensions":{"risu_case_sensitive":false},"insertion_order":1,"keys":[""],"name":"⚙ Status Window Lore Book Writing Example","selective":false,"use_regex":false}],"extensions":{"risu_fullWordMatching":false}},"character_version":"0.1","creation_date":1738656849233,"creator":"Teapot","creator_notes":"\n# `en`\nBot for creating status windows.\n\nIf you input a simple concept for the desired status window and the values that need to be output, it automatically creates regular expressions and HTML.\n\nGlitches happen frequently, so you'll need to re-roll often and request modifications.\n\n - Script field includes one deactivated test script.\n - Include four character assets for testing.\n# `ko`\n상태창을 만드는 봇.\n\n원하는 상태창의 간단한 구상과 출력해야하는 값을 입력해주면 정규식과 HTML을 자동으로 작성해줍니다.\n\n오류가 자주 발생하므로 자주 리롤하고 수정을 요청해야 합니다.\n\n - 스크립트 란에 비활성화 설정해둔 테스트용 스크립트 1개 포함.\n - 테스팅을 위한 4개의 캐릭터 에셋 포함","description":"@@@SYSTEM\nYou are an utility bot designed to create a status window for an AI chatbot. Please provide {{user}} with a gorgeous and beautiful status window using HTML and Regex.\nFor HTML, be sure to create it by inserting CSS inside. When writing code in HTML, avoid hardcoding values and instead ensure that the code is structured to apply values based on regex variables. This approach allows for more flexibility and dynamic content handling.\nFor Regex, be sure to use syntax that matches HTML and simplify it as much as possible. Make every effort to ensure that regular expressions do not go around in circles and cause errors. Shorten the length of regex to make it as versatile as possible.\n\n\n### Regex\n(Write a Regex according to {{user}}'s request.)\n\n### HTML\n(Write the HTML(combined with CSS) according to {{user}}'s request.)\n\n### Result\n(Please write status window text that can be applied to the HTML code above. Since this is for testing purposes, remove the code writing markdown.)","extensions":{"cardex":{"origins":[{"created":"2025-02-06T06:28:00Z","current":true,"first_seen":"2025-02-06T07:03:08Z","id":"3c5377e3-c265-4acc-b130-5fe008d83971","source":"risuai","url":"https://realm.risuai.net/character/3c5377e3-c265-4acc-b130-5fe008d83971"}],"url":"https://cardex.zip/risuai/3c5377e3-c265-4acc-b130-5fe008d83971","version":1},"depth_prompt":{"depth":0,"prompt":""},"pngExif":{"Author":"u3115892164","Description":"status window hovers by her face around. Anime Art style. She's wearing a shimmering dress made of data streams, with translucent wings shaped like HTML tags. Her long pastel blue hair ripples in the air like scrolling code. Her skin has a subtle purple hue with patterns that look like flowing binary code. Her eyes are like blinking LEDs. Glitter floats in the air around her. A large --profile mxjolj5 --stylize 600 --niji 6 Job ID: 0f250980-106f-49f2-a71e-ba67fa839feb"},"risuai":{"additionalText":"","backgroundHTML":"","bias":[],"customScripts":[{"ableFlag":false,"comment":"⚙ Status Window Test","flag":"g","in":"\\[Date : (.*?)\\|Time : (.*?)\\|Weather : (.*?)\\|Location : (.*?)\\|Status : (.*?)\\|Doyul Clothes : (.*?)\\|Doyul Mood : (.*?)\\|Aiden Clothes : (.*?)\\|Aiden Mood : (.*?)\\|Yuri Clothes : (.*?)\\|Yuri Mood : (.*?)\\]","out":"<!DOCTYPE html>\n<html lang=\"ko\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>고급스러운 상태창</title>\n    <style>\n        @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');\n\n        body {\n            margin: 0;\n            padding: 20px;\n            background-color: #111;\n            font-family: 'Noto Sans KR', sans-serif;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            height: 100vh;\n        }\n\n        .status-container {\n            width: 700px;\n            background: #1c1c1c;\n            border: 2px solid #5a5a5a;\n            border-radius: 12px;\n            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.6);\n            padding: 20px;\n            color: #c0aa83;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .status-container::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background-image: \n                linear-gradient(45deg, transparent 46%, #3d3426 46%, #3d3426 47%, transparent 47%, transparent 53%, #3d3426 53%, #3d3426 54%, transparent 54%),\n                linear-gradient(-45deg, transparent 46%, #3d3426 46%, #3d3426 47%, transparent 47%, transparent 53%, #3d3426 53%, #3d3426 54%, transparent 54%),\n                radial-gradient(#c0aa83 1px, transparent 1px);\n            background-size: 40px 40px, 40px 40px, 40px 40px;\n            background-position: center center;\n            opacity: 0.35;\n            pointer-events: none;\n        }\n\n        .status-header {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px;\n            margin-bottom: 20px;\n            font-size: 14px;\n            color: #c0aa83;\n        }\n\n        .status-item {\n            background-color: rgba(42, 42, 42, 0.8);\n            border: 1px solid #444;\n            border-radius: 6px;\n            padding: 6px 8px;\n            text-align: center;\n            font-weight: 500;\n        }\n\n        .character-section {\n            display: flex;\n            justify-content: space-between;\n            gap: 12px;\n        }\n\n        .character-card {\n            position: relative;\n            flex: 1;\n            aspect-ratio: 3 / 4;\n            background-color: #232323;\n            border-radius: 8px;\n            overflow: hidden;\n            border: 1px solid #5a5a5a;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);\n        }\n\n        .character-card img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center 15%;\n            margin-top: 0em;\n            margin-bottom: 0em;\n        }\n\n        .character-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background-color: rgba(0, 0, 0, 0.8);\n            color: #c0aa83;\n            opacity: 0;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            text-align: center;\n            transition: opacity 0.3s ease-in-out;\n            padding: 8px;\n        }\n\n        .character-card:hover .character-overlay {\n            opacity: 1;\n        }\n\n        .overlay-divider {\n            width: 50%;\n            height: 2px;\n            background-color: #c0aa83;\n            margin: 8px 0;\n        }\n\n        .character-name {\n            position: absolute;\n            bottom: 8px;\n            width: 100%;\n            text-align: center;\n            font-weight: 700;\n            color: #c0aa83;\n            background-color: rgba(0, 0, 0, 0.7);\n            padding: 4px 0;\n            font-size: 14px;\n        }\n    </style>\n</head>\n<body>\n    <div class=\"status-container\">\n        <div class=\"status-header\">\n            <div class=\"status-item\">Date: $1</div>\n            <div class=\"status-item\">Time: $2</div>\n            <div class=\"status-item\">Weather: $3</div>\n            <div class=\"status-item\">Location: $4</div>\n            <div class=\"status-item\" style=\"grid-column: 1 / -1;\">Status: $5</div>\n        </div>\n        <div class=\"character-section\">\n            <div class=\"character-card\">\n                <img src=\"{{raw::character1}}\" alt=\"도율\">\n                <div class=\"character-overlay\">\n                    $6\n                    <div class=\"overlay-divider\"></div>\n                    $7\n                </div>\n                <div class=\"character-name\">도율</div>\n            </div>\n            <div class=\"character-card\">\n                <img src=\"{{raw::character3}}\" alt=\"{{user}}\">\n                <div class=\"character-overlay\">\n                    $8\n                    <div class=\"overlay-divider\"></div>\n                    $9\n                </div>\n                <div class=\"character-name\">{{user}}</div>\n            </div>\n            <div class=\"character-card\">\n                <img src=\"{{raw::character2}}\" alt=\"유리\">\n                <div class=\"character-overlay\">\n                    $10\n                    <div class=\"overlay-divider\"></div>\n                    $11\n                </div>\n                <div class=\"character-name\">유리</div>\n            </div>\n        </div>\n    </div>\n</body>\n</html>","type":"editdisplay"}],"defaultVariables":"","inlayViewScreen":false,"largePortrait":true,"license":"","lorePlus":false,"lowLevelAccess":false,"newGenData":{"emotionInstructions":"","instructions":"","negative":"","prompt":""},"sdData":[["always","solo, 1girl"],["negative",""],["|character's appearance",""],["current situation",""],["$character's pose",""],["$character's emotion",""],["current location",""]],"triggerscript":[],"utilityBot":true,"viewScreen":"none","virtualscript":"","vits":{}}},"first_mes":"Status Window Format Example\n\n[Date : YY/MM/DD|Time : (AM|PM) HH:MM|Weather : |Clothes : |Location : |Mood : |Status : ]\n\nDate : YY/MM/DD\nTime : \nWeather : \nClothes : \nLocation : \nMood : \nStatus :","group_only_greetings":[],"mes_example":"","modification_date":1738842589,"name":"Status Window Bot","nickname":"","personality":"","post_history_instructions":"","scenario":"","source":["risurealm:3c5377e3-c265-4acc-b130-5fe008d83971"],"system_prompt":"","tags":[]},"spec":"chara_card_v3","spec_version":"3.0"}