Albert/portfoli-ulleres
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Produccio estable amb API PHP, HTTPS net i formularis corregits

Browse Source
This commit is contained in:
Albert
2026-04-08 13:00:36 +02:00
parent 7d0fea670f
commit 70a20938ac
4 changed files with 38 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+33 -12
View File
@@ -4,6 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>KAPVOE Portfolio · Blood Bros Sports</title>
<link rel="icon" type="image/png" href="/assets/logo/bloodbros-sports-logo.png">
<style>
:root{
--bg-1:#040b16;
@@ -107,11 +108,19 @@
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
color:var(--text);padding:0 18px;font-size:15px;outline:none;box-shadow:var(--shadow-soft);
}
.field{width:100%;-webkit-appearance:none;appearance:none;color-scheme:dark}
select.field{
background:
linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
.field{
width:100%;
min-height:58px;
border-radius:20px;
border:1px solid rgba(255,255,255,.10);
background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
color:var(--text);
padding:0 18px;
font-size:15px;
outline:none;
box-shadow:var(--shadow-soft);
-webkit-appearance:none;
appearance:none;
}
select.field option{
background:#14233d;
@@ -409,6 +418,18 @@
.media-actions{justify-content:stretch}
.action-btn{flex:1}
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
select:-webkit-autofill {
-webkit-text-fill-color: #f4f7fb !important;
transition: background-color 9999s ease-in-out 0s;
box-shadow: 0 0 0px 1000px rgba(255,255,255,.05) inset !important;
border: 1px solid rgba(255,255,255,.10) !important;
}
</style>
</head>
<body>
@@ -428,7 +449,7 @@
<div style="margin:8px 0 10px;color:var(--muted);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:800;">Explora el catàleg</div>
<section class="controls">
<input id="searchInput" class="field" type="text" placeholder="🔎 Cerca per codi, model, família, colors o descripció..." />
<input id="searchInput" class="field" type="search" autocomplete="off" placeholder="🔎 Cerca per codi, model, família, colors o descripció..." />
<select id="topFilter" class="field">
<option value="all">🏷️ Tots</option>
<option value="top">Només TOP VENDES</option>
@@ -485,13 +506,13 @@
<div id="buySummary" class="buy-summary"></div>
<form id="buyForm">
<div class="buy-grid">
<input class="buy-input full" name="customer_name" placeholder="Nom complet" required>
<input class="buy-input full" name="address" placeholder="Adreça postal" required>
<input class="buy-input" name="postal_code" placeholder="Codi postal" required>
<input class="buy-input" name="city" placeholder="Ciutat" required>
<input class="buy-input" name="province" placeholder="Província" required>
<input class="buy-input" name="phone" placeholder="Telèfon" required>
<input class="buy-input full" type="email" name="email" placeholder="Correu electrònic" required>
<input class="buy-input full" name="customer_name" autocomplete="name" placeholder="Nom complet" required>
<input class="buy-input full" name="address" autocomplete="street-address" placeholder="Adreça postal" required>
<input class="buy-input" name="postal_code" autocomplete="postal-code" placeholder="Codi postal" required>
<input class="buy-input" name="city" autocomplete="address-level2" placeholder="Ciutat" required>
<input class="buy-input" name="province" autocomplete="address-level1" placeholder="Província" required>
<input class="buy-input" name="phone" autocomplete="tel" placeholder="Telèfon" required>
<input class="buy-input full" type="email" name="email" autocomplete="email" placeholder="Correu electrònic" required>
<input type="hidden" name="product_code">
<input type="hidden" name="product_name">
<input type="hidden" name="price">