CRT Search: Difference between revisions

(8 intermediate revisions by 2 users not shown)

Line 1:

~~__NOTOC__~~

__NOTOC____NOEDITSECTION__

~~__NOEDITSECTION__~~

{{DISPLAYTITLE:CRT Search}}<templatestyles src="MediaWiki:CRT_Search.css" />

'''Welcome to the CRT Search page.''' Use the filters to find CRTs by brand, specifications, inputs, mods, and more.

<div style="~~font-size: 1.125rem;~~ font-weight: 600; margin-bottom: 0.~~5rem~~;">~~Can't find what you're looking~~ for?</div>

<div style="~~color~~: ~~#a0aec0~~; margin-bottom: ~~1rem~~;">Help expand the database by adding a new CRT model to the wiki.</div>

<div style="font-weight: 600; margin-bottom: 0.25rem;">[[CRT Queries|🔬 Advanced Queries]]</div>

~~{{#forminput:~~

<div class="crt-card-subtitle">Power queries for finding specific CRTs by specs, inputs, mods, and more.</div>

~~form=CRT model~~

</div>

~~|button text=Create or edit CRT~~

~~|placeholder=Sony KV-27S42~~

<div style="font-weight: 600; margin-bottom: 0.25rem;">[[Create a CRT|➕ Add a New CRT]]</div>

~~|autocomplete on category=CRT models~~

<div class="crt-card-subtitle">Help expand the database by adding a new CRT model to the wiki.</div>

~~|no autofocus~~

</div>

}}

</div>

Line 23:

Line 20:

<p style="color:#888; font-size:13px; margin-top: 12px;">If this message persists, make sure JavaScript is enabled in your browser.</p>

<p style="color:#666; font-size:12px; margin-top: 24px;">Alternatively, try the [[CRT Search|basic search]] or [[Special:RunQuery/CRT query|query by specs]].</p>

</div>

[[Category:Special pages]]

@@ Line 1: / Line 1: @@
-__NOTOC__
+__NOTOC____NOEDITSECTION__
-__NOEDITSECTION__
+{{DISPLAYTITLE:CRT Search}}<templatestyles src="MediaWiki:CRT_Search.css" />
-{{DISPLAYTITLE:CRT Search}}
-<templatestyles src="MediaWiki:CRT_Search.css" />
 '''Welcome to the CRT Search page.''' Use the filters to find CRTs by brand, specifications, inputs, mods, and more.
-<div style="margin-bottom: 1.5rem; padding: 1.5rem; background: rgba(96, 165, 250, 0.1); border: 1px solid rgba(96, 165, 250, 0.3); border-radius: 0.75rem;">
+<div style="display: flex; gap: 1rem; margin-bottom: 1.5rem; flex-wrap: wrap;">
-<div style="font-size: 1.125rem; font-weight: 600; margin-bottom: 0.5rem;">Can't find what you're looking for?</div>
+<div style="flex: 1; min-width: 200px; padding: 1rem 1.25rem; background: rgba(96, 165, 250, 0.08); border: 1px solid rgba(96, 165, 250, 0.25); border-radius: 0.625rem;">
-<div style="color: #a0aec0; margin-bottom: 1rem;">Help expand the database by adding a new CRT model to the wiki.</div>
+<div style="font-weight: 600; margin-bottom: 0.25rem;">[[CRT Queries|🔬 Advanced Queries]]</div>
-{{#forminput:
+<div class="crt-card-subtitle">Power queries for finding specific CRTs by specs, inputs, mods, and more.</div>
-  form=CRT model
+</div>
-  |button text=Create or edit CRT
+<div style="flex: 1; min-width: 200px; padding: 1rem 1.25rem; background: rgba(74, 222, 128, 0.08); border: 1px solid rgba(74, 222, 128, 0.25); border-radius: 0.625rem;">
-  |placeholder=Sony KV-27S42
+<div style="font-weight: 600; margin-bottom: 0.25rem;">[[Create a CRT|➕ Add a New CRT]]</div>
-  |autocomplete on category=CRT models
+<div class="crt-card-subtitle">Help expand the database by adding a new CRT model to the wiki.</div>
-  |no autofocus
+</div>
-}}
 </div>
@@ Line 23: / Line 20: @@
 <p style="color:#888; font-size:13px; margin-top: 12px;">If this message persists, make sure JavaScript is enabled in your browser.</p>
 <p style="color:#666; font-size:12px; margin-top: 24px;">Alternatively, try the [[CRT Search|basic search]] or [[Special:RunQuery/CRT query|query by specs]].</p>
+</div>
 </div>
 </div>
 [[Category:Special pages]]