Diff -- /var/www/vhosts/3dshawn.com/affiliate.3dshawn.com/TEMPLATES/store_layouts/blueprint.html

O Operator
Diff

/var/www/vhosts/3dshawn.com/affiliate.3dshawn.com/TEMPLATES/store_layouts/blueprint.html

added on local at 2026-07-01 13:47:49

Added
+99
lines
Removed
-0
lines
Context
0
unchanged
Blobs
from
to 2b6405fc613e
Restore this content →
Unified diff
Naive LCS-based line diff. Additions in emerald, deletions in rose. Both sides decompressed live from BLOB_STORE.
1<!-- =====================================================================
2 LAYOUT: Blueprint
3 Technical drawing aesthetic. Grid background, callout style.
4===================================================================== -->
5
6<style>
7:root { $theme_css_vars }
8body { background-color: var(--col-bg); }
9.bp-grid-bg {
10 background-image:
11 linear-gradient(var(--col-border) 1px, transparent 1px),
12 linear-gradient(90deg, var(--col-border) 1px, transparent 1px);
13 background-size: 24px 24px;
14 background-color: var(--col-bg);
15}
16.bp-card { background:var(--col-surface-1); border:1px solid var(--col-accent); border-radius:0; position:relative; padding:0; text-decoration:none; display:block; transition:border-color 0.15s; }
17.bp-card:hover { border-color:var(--col-accent-bright); box-shadow: 0 0 0 1px var(--col-accent-bright); }
18.bp-card::before { content:""; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:1px dashed var(--col-accent); border-color:var(--col-accent-bright); pointer-events:none; opacity:0.4; }
19.bp-tag { font-family:var(--font-mono,monospace); font-size:10px; letter-spacing:1px; text-transform:uppercase; color:var(--col-accent-bright); }
20</style>
21
22[if:$preview_banner]
23<div style="position:sticky;top:0;z-index:9999;background:#0a0e1c;border-bottom:1px solid rgba(59,130,246,0.40);box-shadow:0 4px 16px rgba(0,0,0,0.55);padding:10px 20px;text-align:center;font-size:13px;color:#93c5fd;font-weight:600">$preview_banner</div>
24[/if]
25
26<header style="background:var(--col-bg-2);padding:14px 24px;display:flex;align-items:center;gap:14px;border-bottom:2px solid var(--col-accent);font-family:var(--font-mono,monospace)">
27 <a href="/store.cgi?id=$store_id" style="display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0">
28 <div class="brand-mark" style="background:var(--col-accent);border-radius:0;border:2px solid var(--col-accent-bright);width:30px;height:30px;font-size:11px;font-family:var(--font-mono,monospace)">$store_initials</div>
29 <div>
30 <div style="font-size:14px;font-weight:700;color:var(--col-text)">$store_name</div>
31 <div style="font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--col-accent-bright)">// blueprint v1.0 // $product_count designs</div>
32 </div>
33 </a>
34 <nav style="display:flex;gap:18px;align-items:center;flex-wrap:wrap">
35 [loop:@nav_pages]<a href="$loop1.href" style="font-size:13px;color:var(--col-text-2);font-weight:600;text-decoration:none">$loop1.title</a>[/loop]
36 </nav>
37 <div style="flex:1;display:flex;justify-content:center;min-width:0">$store_search_form</div>
38 <div style="display:flex;gap:8px;align-items:center;flex-wrap:wrap">$store_signin_link $store_cart_link</div>
39</header>
40
41[if:$is_specific_page]
42 [if:$page_not_found]<section class="bp-grid-bg" style="padding:120px 32px;text-align:center"><h1 class="hero-title" style="font-size:48px;font-family:var(--font-mono,monospace)">[404] page not found</h1></section>[/if]
43 [if:!$page_not_found]<section class="bp-grid-bg" style="padding:60px 32px;max-width:900px;margin:0 auto"><h1 class="hero-title" style="font-size:42px;font-family:var(--font-mono,monospace)">$page_title</h1><div class="text-secondary" style="font-size:14px;line-height:1.7;margin-top:18px;white-space:pre-wrap;font-family:var(--font-mono,monospace)">$page_body</div></section>[/if]
44[/if]
45
46[if:!$is_specific_page]
47<!-- Spec sheet header -->
48<section class="bp-grid-bg" style="padding:48px 32px;border-bottom:1px solid var(--col-accent)">
49 <div style="max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center">
50 <div>
51 <span class="bp-tag">// project specs</span>
52 <h1 style="font-family:var(--font-mono,monospace);font-size:clamp(36px,5vw,56px);font-weight:700;color:var(--col-text);margin:8px 0;letter-spacing:-0.01em">$store_name</h1>
53 <p style="font-size:14px;color:var(--col-text-2);max-width:600px;line-height:1.6;font-family:var(--font-mono,monospace)">// $store_tagline</p>
54 </div>
55 <div style="font-family:var(--font-mono,monospace);font-size:11px;color:var(--col-text-3);text-align:right;line-height:1.8">
56 <div>REV: 1.0.0</div>
57 <div>UNITS: $product_count</div>
58 <div>SCALE: 1:1</div>
59 <div style="color:var(--col-accent-bright)">STATUS: shipping</div>
60 </div>
61 </div>
62</section>
63
64<!-- Component grid: blueprint-style cards -->
65<section id="shop" class="bp-grid-bg" style="padding:32px;min-height:60vh">
66 <div style="max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px">
67 [loop:@products]
68 <a href="/listing_details.cgi?id=$loop1.id" class="bp-card">
69 <div style="aspect-ratio:1;background:url('$loop1.hero_image') center/cover;border-bottom:1px solid var(--col-accent)"></div>
70 <div style="padding:12px;font-family:var(--font-mono,monospace)">
71 <div style="display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--col-accent-bright);margin-bottom:6px">
72 <span>// part-$loop1.id</span>
73 <span>fig.$loop1.id</span>
74 </div>
75 <div style="font-size:13px;font-weight:700;color:var(--col-text);margin-bottom:8px">$loop1.title</div>
76 <div style="display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--col-border);padding-top:8px">
77 <span style="font-size:14px;font-weight:700;color:var(--col-accent-bright)">$loop1.price</span>
78 <span style="font-size:10px;color:var(--col-text-3)">[$loop1.rating_n reviews]</span>
79 </div>
80 </div>
81 </a>
82 [/loop]
83 $pagination_html
84 </div>
85</section>
86
87<!-- Notes block -->
88<section id="about" style="background:var(--col-bg-2);border-top:2px solid var(--col-accent);padding:48px 32px">
89 <div style="max-width:900px;margin:0 auto;border:1px solid var(--col-accent);padding:24px;font-family:var(--font-mono,monospace)">
90 <div class="bp-tag" style="margin-bottom:8px">// project notes</div>
91 <p style="font-size:14px;color:var(--col-text-2);line-height:1.8;margin:0">$store_about</p>
92 </div>
93</section>
94[/if]
95
96<footer style="background:var(--col-bg);border-top:2px solid var(--col-accent);padding:14px 32px;font-family:var(--font-mono,monospace);font-size:10px;color:var(--col-text-3);display:flex;justify-content:space-between">
97 <span>// $store_name :: rev 1.0.0</span>
98 <span>// powered by affiliate.3dshawn.com</span>
99</footer>