From 076eacbe4c7ebe13cefde111f4e02038aa1e1123 Mon Sep 17 00:00:00 2001
From: Xusheng <xusheng@vector35.com>
Date: Sat, 25 Jul 2026 22:18:24 -0400
Subject: [PATCH 1/3] Render lang/arch/platform as inline radios instead of
 ugly list boxes (#169)

The Language, Arch and Platform fields on the crackme upload and edit forms
are single-value fields but were rendered as `<select multiple>` list boxes,
which show up as an ugly vertical scrolling list. Present them as inline
radio buttons laid out like the label checkboxes instead.

- Add app/services/crackme_fields.py holding the LANG/ARCH/PLATFORM option
  lists in one place, exposed to templates via the existing context processor
  so the upload and edit forms no longer duplicate the choices.
- Add templates/partial/choice_radios.html, a reusable inline single-choice
  radio widget styled to match partial/labels_checkboxes.html.
- Use the partial in crackme/create.html and crackme/edit.html; the edit form
  pre-checks the crackme's current value.

The search form keeps its multi-select (filtering by several values at once is
intentional there).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 app/__init__.py                      |  7 ++++-
 app/services/crackme_fields.py       | 43 ++++++++++++++++++++++++++
 templates/crackme/create.html        | 45 ++++++++--------------------
 templates/crackme/edit.html          | 45 ++++++++--------------------
 templates/partial/choice_radios.html | 14 +++++++++
 5 files changed, 87 insertions(+), 67 deletions(-)
 create mode 100644 app/services/crackme_fields.py
 create mode 100644 templates/partial/choice_radios.html

diff --git a/app/__init__.py b/app/__init__.py
index e430742..1fcfa2c 100644
--- a/app/__init__.py
+++ b/app/__init__.py
@@ -85,6 +85,8 @@ def create_app(config_path=None, config=None):
     def inject_globals():
         from flask import session
         from app.models.user import user_get_unread_notifications
+        from app.services.crackme_fields import (
+            LANG_CHOICES, ARCH_CHOICES, PLATFORM_CHOICES)
 
         username = session.get('name', '')
         unread_notifs = 0
@@ -96,7 +98,10 @@ def inject_globals():
             'AuthLevel': 'auth' if username else 'anon',
             'usersess': username,
             'unread_notifications': unread_notifs,
-            'RECAPTCHA_SITEKEY': config['Recaptcha'].get('SiteKey', '') if config['Recaptcha'].get('Enabled') else ''
+            'RECAPTCHA_SITEKEY': config['Recaptcha'].get('SiteKey', '') if config['Recaptcha'].get('Enabled') else '',
+            'LANG_CHOICES': LANG_CHOICES,
+            'ARCH_CHOICES': ARCH_CHOICES,
+            'PLATFORM_CHOICES': PLATFORM_CHOICES,
         }
 
     # Register template filters
diff --git a/app/services/crackme_fields.py b/app/services/crackme_fields.py
new file mode 100644
index 0000000..8f9c19f
--- /dev/null
+++ b/app/services/crackme_fields.py
@@ -0,0 +1,43 @@
+"""Controlled vocabularies for a crackme's single-value classification fields.
+
+Language, architecture and platform are each a single value chosen on the
+upload and edit forms. Keeping the option lists here (instead of hardcoding
+them into each template) means the upload form, the edit form and any future
+consumer all agree on the exact same choices.
+"""
+
+LANG_CHOICES = [
+    'C/C++',
+    'Assembler',
+    'Java',
+    'Go',
+    'Rust',
+    'WebAssembly',
+    'Python',
+    'AutoIt',
+    '(Visual) Basic',
+    'Borland Delphi',
+    'Turbo Pascal',
+    '.NET',
+    'Unspecified/other',
+]
+
+ARCH_CHOICES = [
+    'x86',
+    'x86-64',
+    'java',
+    'ARM',
+    'MIPS',
+    'RISC-V',
+    'other',
+]
+
+PLATFORM_CHOICES = [
+    'Mac OS X',
+    'Multiplatform',
+    'Unix/linux etc.',
+    'Windows',
+    'Android',
+    'iOS',
+    'Unspecified/other',
+]
diff --git a/templates/crackme/create.html b/templates/crackme/create.html
index 6b32371..3894c55 100644
--- a/templates/crackme/create.html
+++ b/templates/crackme/create.html
@@ -53,21 +53,10 @@ <h3>Quick Rules</h3>
                 <label class="form-label" for="lang">Language</label>
             </div>
             <div class="col-9 col-sm-12">
-                <select class="form-select" id="lang" name="lang" multiple="">
-                    <option value="C/C++">C/C++</option>
-                    <option value="Assembler">Assembler</option>
-                    <option value="Java">Java</option>
-                    <option value="Go">Go</option>
-                    <option value="Rust">Rust</option>
-                    <option value="WebAssembly">WebAssembly</option>
-                    <option value="Python">Python</option>
-                    <option value="AutoIt">AutoIt</option>
-                    <option value="(Visual) Basic">(Visual) Basic</option>
-                    <option value="Borland Delphi">Borland Delphi</option>
-                    <option value="Turbo Pascal">Turbo Pascal</option>
-                    <option value=".NET">.NET</option>
-                    <option value="Unspecified/other">Unspecified/other</option>
-                </select>
+                {% set radio_name = 'lang' %}
+                {% set radio_options = LANG_CHOICES %}
+                {% set radio_selected = '' %}
+                {% include 'partial/choice_radios.html' %}
             </div>
         </div>
         <div class="form-group">
@@ -75,15 +64,10 @@ <h3>Quick Rules</h3>
                 <label class="form-label" for="arch">Arch</label>
             </div>
             <div class="col-9 col-sm-12">
-                <select class="form-select" id="arch" name="arch" multiple="">
-                    <option value="x86">x86</option>
-                    <option value="x86-64">x86-64</option>
-                    <option value="java">java</option>
-                    <option value="ARM">ARM</option>
-                    <option value="MIPS">MIPS</option>
-                    <option value="RISC-V">RISC-V</option>
-                    <option value="other">other</option>
-                </select>
+                {% set radio_name = 'arch' %}
+                {% set radio_options = ARCH_CHOICES %}
+                {% set radio_selected = '' %}
+                {% include 'partial/choice_radios.html' %}
             </div>
         </div>
         <div class="form-group">
@@ -91,15 +75,10 @@ <h3>Quick Rules</h3>
                 <label class="form-label" for="platform">Platform</label>
             </div>
             <div class="col-9 col-sm-12">
-                <select class="form-select" id="platform" name="platform" multiple="">
-                    <option value="Mac OS X">Mac OS X</option>
-                    <option value="Multiplatform">Multiplatform</option>
-                    <option value="Unix/linux etc.">Unix/linux etc.</option>
-                    <option value="Windows">Windows</option>
-                    <option value="Android">Android</option>
-                    <option value="iOS">iOS</option>
-                    <option value="Unspecified/other">Unspecified/other</option>
-                </select>
+                {% set radio_name = 'platform' %}
+                {% set radio_options = PLATFORM_CHOICES %}
+                {% set radio_selected = '' %}
+                {% include 'partial/choice_radios.html' %}
             </div>
         </div>
         <div class="form-group">
diff --git a/templates/crackme/edit.html b/templates/crackme/edit.html
index 226dc7f..1169d26 100644
--- a/templates/crackme/edit.html
+++ b/templates/crackme/edit.html
@@ -16,21 +16,10 @@ <h2>Edit crackme: {{ crackme.name }}</h2>
                 <label class="form-label" for="lang">Language</label>
             </div>
             <div class="col-9 col-sm-12">
-                <select class="form-select" id="lang" name="lang" multiple="">
-                    <option value="C/C++" {{ 'selected' if crackme.lang == 'C/C++' else '' }}>C/C++</option>
-                    <option value="Assembler" {{ 'selected' if crackme.lang == 'Assembler' else '' }}>Assembler</option>
-                    <option value="Java" {{ 'selected' if crackme.lang == 'Java' else '' }}>Java</option>
-                    <option value="Go" {{ 'selected' if crackme.lang == 'Go' else '' }}>Go</option>
-                    <option value="Rust" {{ 'selected' if crackme.lang == 'Rust' else '' }}>Rust</option>
-                    <option value="WebAssembly" {{ 'selected' if crackme.lang == 'WebAssembly' else '' }}>WebAssembly</option>
-                    <option value="Python" {{ 'selected' if crackme.lang == 'Python' else '' }}>Python</option>
-                    <option value="AutoIt" {{ 'selected' if crackme.lang == 'AutoIt' else '' }}>AutoIt</option>
-                    <option value="(Visual) Basic" {{ 'selected' if crackme.lang == '(Visual) Basic' else '' }}>(Visual) Basic</option>
-                    <option value="Borland Delphi" {{ 'selected' if crackme.lang == 'Borland Delphi' else '' }}>Borland Delphi</option>
-                    <option value="Turbo Pascal" {{ 'selected' if crackme.lang == 'Turbo Pascal' else '' }}>Turbo Pascal</option>
-                    <option value=".NET" {{ 'selected' if crackme.lang == '.NET' else '' }}>.NET</option>
-                    <option value="Unspecified/other" {{ 'selected' if crackme.lang == 'Unspecified/other' else '' }}>Unspecified/other</option>
-                </select>
+                {% set radio_name = 'lang' %}
+                {% set radio_options = LANG_CHOICES %}
+                {% set radio_selected = crackme.lang %}
+                {% include 'partial/choice_radios.html' %}
             </div>
         </div>
         <div class="form-group">
@@ -38,15 +27,10 @@ <h2>Edit crackme: {{ crackme.name }}</h2>
                 <label class="form-label" for="arch">Arch</label>
             </div>
             <div class="col-9 col-sm-12">
-                <select class="form-select" id="arch" name="arch" multiple="">
-                    <option value="x86" {{ 'selected' if crackme.arch == 'x86' else '' }}>x86</option>
-                    <option value="x86-64" {{ 'selected' if crackme.arch == 'x86-64' else '' }}>x86-64</option>
-                    <option value="java" {{ 'selected' if crackme.arch == 'java' else '' }}>java</option>
-                    <option value="ARM" {{ 'selected' if crackme.arch == 'ARM' else '' }}>ARM</option>
-                    <option value="MIPS" {{ 'selected' if crackme.arch == 'MIPS' else '' }}>MIPS</option>
-                    <option value="RISC-V" {{ 'selected' if crackme.arch == 'RISC-V' else '' }}>RISC-V</option>
-                    <option value="other" {{ 'selected' if crackme.arch == 'other' else '' }}>other</option>
-                </select>
+                {% set radio_name = 'arch' %}
+                {% set radio_options = ARCH_CHOICES %}
+                {% set radio_selected = crackme.arch %}
+                {% include 'partial/choice_radios.html' %}
             </div>
         </div>
         <div class="form-group">
@@ -54,15 +38,10 @@ <h2>Edit crackme: {{ crackme.name }}</h2>
                 <label class="form-label" for="platform">Platform</label>
             </div>
             <div class="col-9 col-sm-12">
-                <select class="form-select" id="platform" name="platform" multiple="">
-                    <option value="Mac OS X" {{ 'selected' if crackme.platform == 'Mac OS X' else '' }}>Mac OS X</option>
-                    <option value="Multiplatform" {{ 'selected' if crackme.platform == 'Multiplatform' else '' }}>Multiplatform</option>
-                    <option value="Unix/linux etc." {{ 'selected' if crackme.platform == 'Unix/linux etc.' else '' }}>Unix/linux etc.</option>
-                    <option value="Windows" {{ 'selected' if crackme.platform == 'Windows' else '' }}>Windows</option>
-                    <option value="Android" {{ 'selected' if crackme.platform == 'Android' else '' }}>Android</option>
-                    <option value="iOS" {{ 'selected' if crackme.platform == 'iOS' else '' }}>iOS</option>
-                    <option value="Unspecified/other" {{ 'selected' if crackme.platform == 'Unspecified/other' else '' }}>Unspecified/other</option>
-                </select>
+                {% set radio_name = 'platform' %}
+                {% set radio_options = PLATFORM_CHOICES %}
+                {% set radio_selected = crackme.platform %}
+                {% include 'partial/choice_radios.html' %}
             </div>
         </div>
         <div class="form-group">
diff --git a/templates/partial/choice_radios.html b/templates/partial/choice_radios.html
new file mode 100644
index 0000000..2b9f9a1
--- /dev/null
+++ b/templates/partial/choice_radios.html
@@ -0,0 +1,14 @@
+{# Inline single-choice radio buttons, laid out to match the label checkboxes
+   (templates/partial/labels_checkboxes.html) instead of an ugly multi-line
+   select list box.
+
+   Expects:
+     radio_name     - form field name (e.g. 'lang')
+     radio_options  - list of allowed string values
+     radio_selected - the currently selected value ('' when none) #}
+{% for opt in radio_options %}
+<label class="form-radio" style="display: inline-block; margin-right: 16px;">
+    <input type="radio" name="{{ radio_name }}" value="{{ opt }}"{{ ' checked' if radio_selected == opt else '' }}>
+    <i class="form-icon"></i> {{ opt }}
+</label>
+{% endfor %}

From cd2e590810d74ed62a18c23dbf9d29fb8f00b2d8 Mon Sep 17 00:00:00 2001
From: Xusheng <xusheng@vector35.com>
Date: Sat, 25 Jul 2026 22:25:51 -0400
Subject: [PATCH 2/3] Box the metadata choices, add difficulty radios, unify
 search (#169)

Follow-up on the same forms:

- Upload form: render Difficulty as radio buttons too, so all four
  classification fields (difficulty/lang/arch/platform) are consistent.
- Wrap each choice group in a bordered ".choice-box" so the fields are
  clearly separated from one another.
- Search form: replace the lang/arch/platform `<select multiple>` list boxes
  with the same boxed inline layout. These stay multi-select (filtering by
  several values is backed by `$in`), so they render as checkboxes rather
  than radios. Search now shares the canonical option lists from
  app/services/crackme_fields, dropping the stale legacy platform values.

Generalise partial/choice_radios.html into partial/choice_inputs.html, which
handles both radio (single-select) and checkbox (multi-select) groups and
accepts either plain string options or (value, label) pairs (for difficulty).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 app/__init__.py                      |  3 +-
 app/services/crackme_fields.py       | 10 ++++++
 static/css/custom.css                | 13 +++++++
 templates/crackme/create.html        | 40 ++++++++++-----------
 templates/crackme/edit.html          | 27 ++++++++-------
 templates/partial/choice_inputs.html | 22 ++++++++++++
 templates/partial/choice_radios.html | 14 --------
 templates/search/search.html         | 52 ++++++++--------------------
 8 files changed, 97 insertions(+), 84 deletions(-)
 create mode 100644 templates/partial/choice_inputs.html
 delete mode 100644 templates/partial/choice_radios.html

diff --git a/app/__init__.py b/app/__init__.py
index 1fcfa2c..461c546 100644
--- a/app/__init__.py
+++ b/app/__init__.py
@@ -86,7 +86,7 @@ def inject_globals():
         from flask import session
         from app.models.user import user_get_unread_notifications
         from app.services.crackme_fields import (
-            LANG_CHOICES, ARCH_CHOICES, PLATFORM_CHOICES)
+            DIFFICULTY_CHOICES, LANG_CHOICES, ARCH_CHOICES, PLATFORM_CHOICES)
 
         username = session.get('name', '')
         unread_notifs = 0
@@ -99,6 +99,7 @@ def inject_globals():
             'usersess': username,
             'unread_notifications': unread_notifs,
             'RECAPTCHA_SITEKEY': config['Recaptcha'].get('SiteKey', '') if config['Recaptcha'].get('Enabled') else '',
+            'DIFFICULTY_CHOICES': DIFFICULTY_CHOICES,
             'LANG_CHOICES': LANG_CHOICES,
             'ARCH_CHOICES': ARCH_CHOICES,
             'PLATFORM_CHOICES': PLATFORM_CHOICES,
diff --git a/app/services/crackme_fields.py b/app/services/crackme_fields.py
index 8f9c19f..b288611 100644
--- a/app/services/crackme_fields.py
+++ b/app/services/crackme_fields.py
@@ -6,6 +6,16 @@
 consumer all agree on the exact same choices.
 """
 
+# (submitted value, display label) pairs — the value is the stored integer.
+DIFFICULTY_CHOICES = [
+    ('1', '1. Very Easy'),
+    ('2', '2. Easy'),
+    ('3', '3. Medium'),
+    ('4', '4. Hard'),
+    ('5', '5. Very Hard'),
+    ('6', '6. Insane'),
+]
+
 LANG_CHOICES = [
     'C/C++',
     'Assembler',
diff --git a/static/css/custom.css b/static/css/custom.css
index b6cbb16..5545fbb 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -37,6 +37,19 @@ a:active { color: #9acc14;}
 .form-select:focus {
     border-color: #9acc14;
 }
+/* Boxed inline radio/checkbox group (templates/partial/choice_inputs.html).
+   Keeps each metadata field (difficulty/lang/arch/platform) visually
+   separated instead of blending into the fields around it. */
+.choice-box {
+    border: .05rem solid #444;
+    border-radius: .1rem;
+    padding: 8px 10px 4px;
+}
+.choice-box .form-radio,
+.choice-box .form-checkbox {
+    margin-bottom: 4px;
+}
+
 button, select {
     text-transform: none;
 }
diff --git a/templates/crackme/create.html b/templates/crackme/create.html
index 3894c55..8be2a7a 100644
--- a/templates/crackme/create.html
+++ b/templates/crackme/create.html
@@ -38,14 +38,11 @@ <h3>Quick Rules</h3>
                 <label class="form-label">Difficulty</label>
             </div>
             <div class="col-9 col-sm-12">
-                <select class="form-select" id="difficulty" name="difficulty" multiple="">
-                    <option value="1">1. Very Easy</option>
-                    <option value="2">2. Easy</option>
-                    <option value="3">3. Medium</option>
-                    <option value="4">4. Hard</option>
-                    <option value="5">5. Very Hard</option>
-                    <option value="6">6. Insane</option>
-                </select>
+                {% set choice_type = 'radio' %}
+                {% set choice_name = 'difficulty' %}
+                {% set choice_options = DIFFICULTY_CHOICES %}
+                {% set choice_selected = '' %}
+                {% include 'partial/choice_inputs.html' %}
             </div>
         </div>
         <div class="form-group">
@@ -53,10 +50,11 @@ <h3>Quick Rules</h3>
                 <label class="form-label" for="lang">Language</label>
             </div>
             <div class="col-9 col-sm-12">
-                {% set radio_name = 'lang' %}
-                {% set radio_options = LANG_CHOICES %}
-                {% set radio_selected = '' %}
-                {% include 'partial/choice_radios.html' %}
+                {% set choice_type = 'radio' %}
+                {% set choice_name = 'lang' %}
+                {% set choice_options = LANG_CHOICES %}
+                {% set choice_selected = '' %}
+                {% include 'partial/choice_inputs.html' %}
             </div>
         </div>
         <div class="form-group">
@@ -64,10 +62,11 @@ <h3>Quick Rules</h3>
                 <label class="form-label" for="arch">Arch</label>
             </div>
             <div class="col-9 col-sm-12">
-                {% set radio_name = 'arch' %}
-                {% set radio_options = ARCH_CHOICES %}
-                {% set radio_selected = '' %}
-                {% include 'partial/choice_radios.html' %}
+                {% set choice_type = 'radio' %}
+                {% set choice_name = 'arch' %}
+                {% set choice_options = ARCH_CHOICES %}
+                {% set choice_selected = '' %}
+                {% include 'partial/choice_inputs.html' %}
             </div>
         </div>
         <div class="form-group">
@@ -75,10 +74,11 @@ <h3>Quick Rules</h3>
                 <label class="form-label" for="platform">Platform</label>
             </div>
             <div class="col-9 col-sm-12">
-                {% set radio_name = 'platform' %}
-                {% set radio_options = PLATFORM_CHOICES %}
-                {% set radio_selected = '' %}
-                {% include 'partial/choice_radios.html' %}
+                {% set choice_type = 'radio' %}
+                {% set choice_name = 'platform' %}
+                {% set choice_options = PLATFORM_CHOICES %}
+                {% set choice_selected = '' %}
+                {% include 'partial/choice_inputs.html' %}
             </div>
         </div>
         <div class="form-group">
diff --git a/templates/crackme/edit.html b/templates/crackme/edit.html
index 1169d26..6974bc2 100644
--- a/templates/crackme/edit.html
+++ b/templates/crackme/edit.html
@@ -16,10 +16,11 @@ <h2>Edit crackme: {{ crackme.name }}</h2>
                 <label class="form-label" for="lang">Language</label>
             </div>
             <div class="col-9 col-sm-12">
-                {% set radio_name = 'lang' %}
-                {% set radio_options = LANG_CHOICES %}
-                {% set radio_selected = crackme.lang %}
-                {% include 'partial/choice_radios.html' %}
+                {% set choice_type = 'radio' %}
+                {% set choice_name = 'lang' %}
+                {% set choice_options = LANG_CHOICES %}
+                {% set choice_selected = crackme.lang %}
+                {% include 'partial/choice_inputs.html' %}
             </div>
         </div>
         <div class="form-group">
@@ -27,10 +28,11 @@ <h2>Edit crackme: {{ crackme.name }}</h2>
                 <label class="form-label" for="arch">Arch</label>
             </div>
             <div class="col-9 col-sm-12">
-                {% set radio_name = 'arch' %}
-                {% set radio_options = ARCH_CHOICES %}
-                {% set radio_selected = crackme.arch %}
-                {% include 'partial/choice_radios.html' %}
+                {% set choice_type = 'radio' %}
+                {% set choice_name = 'arch' %}
+                {% set choice_options = ARCH_CHOICES %}
+                {% set choice_selected = crackme.arch %}
+                {% include 'partial/choice_inputs.html' %}
             </div>
         </div>
         <div class="form-group">
@@ -38,10 +40,11 @@ <h2>Edit crackme: {{ crackme.name }}</h2>
                 <label class="form-label" for="platform">Platform</label>
             </div>
             <div class="col-9 col-sm-12">
-                {% set radio_name = 'platform' %}
-                {% set radio_options = PLATFORM_CHOICES %}
-                {% set radio_selected = crackme.platform %}
-                {% include 'partial/choice_radios.html' %}
+                {% set choice_type = 'radio' %}
+                {% set choice_name = 'platform' %}
+                {% set choice_options = PLATFORM_CHOICES %}
+                {% set choice_selected = crackme.platform %}
+                {% include 'partial/choice_inputs.html' %}
             </div>
         </div>
         <div class="form-group">
diff --git a/templates/partial/choice_inputs.html b/templates/partial/choice_inputs.html
new file mode 100644
index 0000000..3123f18
--- /dev/null
+++ b/templates/partial/choice_inputs.html
@@ -0,0 +1,22 @@
+{# Inline radio/checkbox group, boxed and laid out like the label checkboxes
+   (templates/partial/labels_checkboxes.html) instead of an ugly multi-line
+   select list box.
+
+   Expects:
+     choice_type      - 'radio' (single-select) or 'checkbox' (multi-select)
+     choice_name      - form field name (e.g. 'lang')
+     choice_options   - list of options; each item is either a plain string
+                        (value == label) or a (value, label) pair
+     choice_selected  - radio:    the selected value string ('' when none)
+                        checkbox: a list of the selected values #}
+<div class="choice-box">
+{% for opt in choice_options %}
+    {% set val = opt if opt is string else opt[0] %}
+    {% set text = opt if opt is string else opt[1] %}
+    {% set is_checked = (val in choice_selected) if choice_type == 'checkbox' else (choice_selected == val) %}
+    <label class="form-{{ choice_type }}" style="display: inline-block; margin-right: 16px;">
+        <input type="{{ choice_type }}" name="{{ choice_name }}" value="{{ val }}"{{ ' checked' if is_checked else '' }}>
+        <i class="form-icon"></i> {{ text }}
+    </label>
+{% endfor %}
+</div>
diff --git a/templates/partial/choice_radios.html b/templates/partial/choice_radios.html
deleted file mode 100644
index 2b9f9a1..0000000
--- a/templates/partial/choice_radios.html
+++ /dev/null
@@ -1,14 +0,0 @@
-{# Inline single-choice radio buttons, laid out to match the label checkboxes
-   (templates/partial/labels_checkboxes.html) instead of an ugly multi-line
-   select list box.
-
-   Expects:
-     radio_name     - form field name (e.g. 'lang')
-     radio_options  - list of allowed string values
-     radio_selected - the currently selected value ('' when none) #}
-{% for opt in radio_options %}
-<label class="form-radio" style="display: inline-block; margin-right: 16px;">
-    <input type="radio" name="{{ radio_name }}" value="{{ opt }}"{{ ' checked' if radio_selected == opt else '' }}>
-    <i class="form-icon"></i> {{ opt }}
-</label>
-{% endfor %}
diff --git a/templates/search/search.html b/templates/search/search.html
index 50b260f..7b6c979 100644
--- a/templates/search/search.html
+++ b/templates/search/search.html
@@ -114,21 +114,11 @@ <h2>Crackme search</h2>
                 <label class="form-label" for="lang">Language</label>
             </div>
             <div class="col-9 col-sm-12">
-                <select class="form-select" id="lang" name="lang" multiple="">
-                    <option value="C/C++" {{ 'selected' if 'C/C++' in search_params.get('lang', []) else '' }}>C/C++</option>
-                    <option value="Assembler" {{ 'selected' if 'Assembler' in search_params.get('lang', []) else '' }}>Assembler</option>
-                    <option value="Java" {{ 'selected' if 'Java' in search_params.get('lang', []) else '' }}>Java</option>
-                    <option value="Go" {{ 'selected' if 'Go' in search_params.get('lang', []) else '' }}>Go</option>
-                    <option value="Rust" {{ 'selected' if 'Rust' in search_params.get('lang', []) else '' }}>Rust</option>
-                    <option value="WebAssembly" {{ 'selected' if 'WebAssembly' in search_params.get('lang', []) else '' }}>WebAssembly</option>
-                    <option value="Python" {{ 'selected' if 'Python' in search_params.get('lang', []) else '' }}>Python</option>
-                    <option value="AutoIt" {{ 'selected' if 'AutoIt' in search_params.get('lang', []) else '' }}>AutoIt</option>
-                    <option value="(Visual) Basic" {{ 'selected' if '(Visual) Basic' in search_params.get('lang', []) else '' }}>(Visual) Basic</option>
-                    <option value="Borland Delphi" {{ 'selected' if 'Borland Delphi' in search_params.get('lang', []) else '' }}>Borland Delphi</option>
-                    <option value="Turbo Pascal" {{ 'selected' if 'Turbo Pascal' in search_params.get('lang', []) else '' }}>Turbo Pascal</option>
-                    <option value=".NET" {{ 'selected' if '.NET' in search_params.get('lang', []) else '' }}>.NET</option>
-                    <option value="Unspecified/other" {{ 'selected' if 'Unspecified/other' in search_params.get('lang', []) else '' }}>Unspecified/other</option>
-                </select>
+                {% set choice_type = 'checkbox' %}
+                {% set choice_name = 'lang' %}
+                {% set choice_options = LANG_CHOICES %}
+                {% set choice_selected = search_params.get('lang', []) %}
+                {% include 'partial/choice_inputs.html' %}
             </div>
         </div>
         <div class="form-group">
@@ -136,15 +126,11 @@ <h2>Crackme search</h2>
                 <label class="form-label" for="arch">Arch</label>
             </div>
             <div class="col-9 col-sm-12">
-                <select class="form-select" id="arch" name="arch" multiple="">
-                    <option value="x86" {{ 'selected' if 'x86' in search_params.get('arch', []) else '' }}>x86</option>
-                    <option value="x86-64" {{ 'selected' if 'x86-64' in search_params.get('arch', []) else '' }}>x86-64</option>
-                    <option value="java" {{ 'selected' if 'java' in search_params.get('arch', []) else '' }}>java</option>
-                    <option value="ARM" {{ 'selected' if 'ARM' in search_params.get('arch', []) else '' }}>ARM</option>
-                    <option value="MIPS" {{ 'selected' if 'MIPS' in search_params.get('arch', []) else '' }}>MIPS</option>
-                    <option value="RISC-V" {{ 'selected' if 'RISC-V' in search_params.get('arch', []) else '' }}>RISC-V</option>
-                    <option value="other" {{ 'selected' if 'other' in search_params.get('arch', []) else '' }}>other</option>
-                </select>
+                {% set choice_type = 'checkbox' %}
+                {% set choice_name = 'arch' %}
+                {% set choice_options = ARCH_CHOICES %}
+                {% set choice_selected = search_params.get('arch', []) %}
+                {% include 'partial/choice_inputs.html' %}
             </div>
         </div>
         <div class="form-group">
@@ -152,19 +138,11 @@ <h2>Crackme search</h2>
                 <label class="form-label" for="platform">Platform</label>
             </div>
             <div class="col-9 col-sm-12">
-                <select class="form-select" id="platform" name="platform" multiple="">
-                    <option value="DOS" {{ 'selected' if 'DOS' in search_params.get('platform', []) else '' }}>DOS</option>
-                    <option value="Mac OS X" {{ 'selected' if 'Mac OS X' in search_params.get('platform', []) else '' }}>Mac OS X</option>
-                    <option value="Multiplatform" {{ 'selected' if 'Multiplatform' in search_params.get('platform', []) else '' }}>Multiplatform</option>
-                    <option value="Unix/linux etc." {{ 'selected' if 'Unix/linux etc.' in search_params.get('platform', []) else '' }}>Unix/linux etc.</option>
-                    <option value="Windows" {{ 'selected' if 'Windows' in search_params.get('platform', []) else '' }}>Windows</option>
-                    <option value="Windows 2000/XP only" {{ 'selected' if 'Windows 2000/XP only' in search_params.get('platform', []) else '' }}>Windows 2000/XP only</option>
-                    <option value="Windows 7 Only" {{ 'selected' if 'Windows 7 Only' in search_params.get('platform', []) else '' }}>Windows 7 Only</option>
-                    <option value="Windows Vista Only" {{ 'selected' if 'Windows Vista Only' in search_params.get('platform', []) else '' }}>Windows Vista Only</option>
-                    <option value="Android" {{ 'selected' if 'Android' in search_params.get('platform', []) else '' }}>Android</option>
-                    <option value="iOS" {{ 'selected' if 'iOS' in search_params.get('platform', []) else '' }}>iOS</option>
-                    <option value="Unspecified/other" {{ 'selected' if 'Unspecified/other' in search_params.get('platform', []) else '' }}>Unspecified/other</option>
-                </select>
+                {% set choice_type = 'checkbox' %}
+                {% set choice_name = 'platform' %}
+                {% set choice_options = PLATFORM_CHOICES %}
+                {% set choice_selected = search_params.get('platform', []) %}
+                {% include 'partial/choice_inputs.html' %}
             </div>
         </div>
         <div class="form-group">

From eb82f0debc123dee5c94d8da4a9b8c3b188d9c80 Mon Sep 17 00:00:00 2001
From: Xusheng <xusheng@vector35.com>
Date: Sat, 25 Jul 2026 22:29:49 -0400
Subject: [PATCH 3/3] Box the labels region on the upload form too (#169)

Wrap the label checkboxes in the same .choice-box as difficulty/lang/arch/
platform so every choice group on the upload form is visually separated.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 templates/crackme/create.html | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/templates/crackme/create.html b/templates/crackme/create.html
index 8be2a7a..9bfd1c3 100644
--- a/templates/crackme/create.html
+++ b/templates/crackme/create.html
@@ -92,9 +92,11 @@ <h3>Quick Rules</h3>
                     applies, the specific technique underneath &mdash; ticking a technique ticks its category
                     automatically. Reviewers may adjust these later.
                 </p>
-                {% set label_input_name = 'labels' %}
-                {% set checked_labels = [] %}
-                {% include 'partial/labels_checkboxes.html' %}
+                <div class="choice-box">
+                    {% set label_input_name = 'labels' %}
+                    {% set checked_labels = [] %}
+                    {% include 'partial/labels_checkboxes.html' %}
+                </div>
             </div>
         </div>
         <div class="form-group">