1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta content="IE=edge" http-equiv="X-UA-Compatible" /> 6 <meta content="width=device-width,initial-scale=1" name="viewport" /> 7 <link rel="canonical" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" /> 8 9 <title>About | Beautiful Bastard</title> 10 11 12<meta name="description" content="WEAR YOUR FEELINGS. Be a Bastard. ð¤ 13Apparel & Lifestyle based in Los Angeles, CA. " /> 14<meta property="og:site_name" content="Beautiful Bastard" /> 15<meta property="og:url" content="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" /> 16<meta property="og:description" content="WEAR YOUR FEELINGS. Be a Bastard. ð¤ 17Apparel & Lifestyle based in Los Angeles, CA. " /> 18 19 20 21 22 23<meta property="og:title" content="About | Beautiful Bastard" /> 24<meta property="og:type" content="website" /> 25 26 27 <meta property="og:image" content="https://imgproxy.fourthwall.dev/rI0b14gbLPpw0yCdMVzL6IML2-ysT8lAE9oLb05aiXY/w:1200/sm:1/enc/zDOB5lyHRXSJQoRE/cwuF4kthIPxUJRDc/UDeeL2t56C1-ykII/8PzwNb45T2M-cQ6O/XZ13iB9vyVIfaX-H/BaElxJYSE1VsQGxP/-tohGa17RIwVbg_a/l5AQh_GPeC5mX1NW/evnvULX3UWvg285e/-eWGxYcibxCWtNnx/MOW_ILd9o92x5Wit/_jJpQ4_JmL5GuQz4/gTr-Ptwt9SXyPlcs/T9Ts9-u9_5l9kgGN/w8PimCExDLy42-lA/y_dD9cHELtZVZeEz.webp" /> 28 <meta property="og:image:secure_url" content="https://imgproxy.fourthwall.dev/rI0b14gbLPpw0yCdMVzL6IML2-ysT8lAE9oLb05aiXY/w:1200/sm:1/enc/zDOB5lyHRXSJQoRE/cwuF4kthIPxUJRDc/UDeeL2t56C1-ykII/8PzwNb45T2M-cQ6O/XZ13iB9vyVIfaX-H/BaElxJYSE1VsQGxP/-tohGa17RIwVbg_a/l5AQh_GPeC5mX1NW/evnvULX3UWvg285e/-eWGxYcibxCWtNnx/MOW_ILd9o92x5Wit/_jJpQ4_JmL5GuQz4/gTr-Ptwt9SXyPlcs/T9Ts9-u9_5l9kgGN/w8PimCExDLy42-lA/y_dD9cHELtZVZeEz.webp" /> 29 <meta property="twitter:image" content="https://imgproxy.fourthwall.dev/rI0b14gbLPpw0yCdMVzL6IML2-ysT8lAE9oLb05aiXY/w:1200/sm:1/enc/zDOB5lyHRXSJQoRE/cwuF4kthIPxUJRDc/UDeeL2t56C1-ykII/8PzwNb45T2M-cQ6O/XZ13iB9vyVIfaX-H/BaElxJYSE1VsQGxP/-tohGa17RIwVbg_a/l5AQh_GPeC5mX1NW/evnvULX3UWvg285e/-eWGxYcibxCWtNnx/MOW_ILd9o92x5Wit/_jJpQ4_JmL5GuQz4/gTr-Ptwt9SXyPlcs/T9Ts9-u9_5l9kgGN/w8PimCExDLy42-lA/y_dD9cHELtZVZeEz.webp" /> 30 31<meta name="twitter:card" content="summary_large_image" /> 32<meta name="twitter:title" content="About | Beautiful Bastard" /> 33<meta name="twitter:description" content="WEAR YOUR FEELINGS. Be a Bastard. ð¤ 34Apparel & Lifestyle based in Los Angeles, CA. " /> 35 36 37 <link rel="shortcut icon" href="https://imgproxy.fourthwall.dev/YOHLZ3mkx3M6s2kaA_13fY2d9HjWIzUjO6aSZ4fnpxw/s:96:96/sm:1/enc/EN6Vc_YF0FmGCmYG/o7fjWj836UlGGLVa/s5m76KAZLQeOctNT/1FBuiNAaqrW7cIse/OrJSuRT4UWAwNYOP/5hfW3V-li0Eh7jnA/OzvwJVeGbD7OAIdC/UJx7M_crap8JVxgc/KKfl2N9nDtuPzZOh/S5PM9bA3UrsdOAzM/-DINMlOVgDA0Vff0/6gnEpmrEjJbccMbp/qtha-HPkTpLxFIO_/EczfomqpwfXeSim4/YXKaQ9vISq8v_iGa/JUvhhmcNxm-XaD-F.webp" sizes="96x96" type="image/png" /> 38<link rel="shortcut icon" href="https://imgproxy.fourthwall.dev/_-Gmd29bQn1ndc5kEYedRWX0TucLE960dzd9qVdFsAM/s:48:48/sm:1/enc/EN6Vc_YF0FmGCmYG/o7fjWj836UlGGLVa/s5m76KAZLQeOctNT/1FBuiNAaqrW7cIse/OrJSuRT4UWAwNYOP/5hfW3V-li0Eh7jnA/OzvwJVeGbD7OAIdC/UJx7M_crap8JVxgc/KKfl2N9nDtuPzZOh/S5PM9bA3UrsdOAzM/-DINMlOVgDA0Vff0/6gnEpmrEjJbccMbp/qtha-HPkTpLxFIO_/EczfomqpwfXeSim4/YXKaQ9vISq8v_iGa/JUvhhmcNxm-XaD-F.webp" sizes="48x48" type="image/png" /> 39 40 41 <link rel="apple-touch-icon" href="https://imgproxy.fourthwall.dev/_erof1bFf0wnbbr8Zpr_E9oOUJvkyp2k80mdfCsSQR0/s:180:180/sm:1/enc/EN6Vc_YF0FmGCmYG/o7fjWj836UlGGLVa/s5m76KAZLQeOctNT/1FBuiNAaqrW7cIse/OrJSuRT4UWAwNYOP/5hfW3V-li0Eh7jnA/OzvwJVeGbD7OAIdC/UJx7M_crap8JVxgc/KKfl2N9nDtuPzZOh/S5PM9bA3UrsdOAzM/-DINMlOVgDA0Vff0/6gnEpmrEjJbccMbp/qtha-HPkTpLxFIO_/EczfomqpwfXeSim4/YXKaQ9vISq8v_iGa/JUvhhmcNxm-XaD-F.webp" sizes="180x180" type="image/png" /> 42 43 44<meta content="#ffffff" name="msapplication-TileColor" /> 45<meta content="1.0.0" name="version" /> 46 47 48 <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes-library/assets/59e2151b-904a-413a-b78f-75659c7081b8/assets/vendor.css?v=b7fdac61a90ad1e625b76fc6f1342182af70842cac88754be5a33627c4de548e" media="all" integrity="sha256-t/2sYakK0eYlt2/G8TQhgq9whCysiHVL5aM2J8TeVI4=" crossorigin="anonymous" /> 49 50 <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/b9c8164a-28ac-4fe9-b6a5-e635455d0f19/assets/styles/css-variables.scss.css?v=c34338bc433c90ba10cf5b16a24f8e6482501627ce3e55f2991264159b1e4f8b" media="all" integrity="sha256-w0M4vEM8kLoQz1sWok+OZIJQFifOPlXymRJkFZseT4s=" crossorigin="anonymous" /> 51 <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/b9c8164a-28ac-4fe9-b6a5-e635455d0f19/assets/styles/theme.scss.css?v=fe8b6d0bf8931f8e6340af56a7cbfc7b9168eeefbcefe65da538e0d51a03901f" media="all" integrity="sha256-/ottC/iTH45jQK9Wp8v8e5Fo7u+87+ZdpTjg1
51RoDkB8=" crossorigin="anonymous" /> 52 53 <link rel="preconnect" href="https://imgproxy.fourthwall.com" crossorigin> 54<link rel="preconnect" href="https://storage.googleapis.com" crossorigin>
55<script src="/en-usd/platform/geo/redirect.js"></script>
vendor: 1 bytes, line 55
55
56<script src="https://js.stripe.com/v3/" async></script>
56 57<link rel="alternate" href="https://beautifulbastard.com/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="x-default" /> 58<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-AQ" /> 59<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-AS" /> 60<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-BQ" /> 61<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-EC" /> 62<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-FM" /> 63<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-GU" /> 64<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-IO" /> 65<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-MH" /> 66<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-MP" /> 67<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-PR" /> 68<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-PW" /> 69<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-SV" /> 70<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-TC" /> 71<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-UM" /> 72<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-US" /> 73<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-VG" /> 74<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-VI" /> 75<link rel="alternate" href="https://beautifulbastard.com/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-ZW" /> 76<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-AD" /> 77<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-AT" /> 78<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-AX" /> 79<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-BE" /> 80<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-BG" /> 81<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-BL" /> 82<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-CY" /> 83<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-DE" /> 84<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-EE" /> 85<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-ES" /> 86<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-FI" /> 87<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-FR" /> 88<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-GF" /> 89<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-GP" /> 90<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-GR" /> 91<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-HR" /> 92<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-IE" /> 93<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-IT" /> 94<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-LT" /> 95<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-LU" /> 96<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-LV" /> 97<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-MC" /> 98<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-ME" /> 99<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-MF" /> 100<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-MQ" /> 101<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-MT" /> 102<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-NL" /> 103<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-PM" /> 104<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-PT" /> 105<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-RE" /> 106<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-SI" /> 107<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-SK" /> 108<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-SM" /> 109<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-TF" /> 110<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-VA" /> 111<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-YT" /> 112<link rel="alternate" href="https://beautifulbastard.com/en-eur/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-XK" /> 113<link rel="alternate" href="https://beautifulbastard.com/en-cad/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-CA" /> 114<link rel="alternate" href="https://beautifulbastard.com/en-gbp/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-GB" /> 115<link rel="alternate" href="https://beautifulbastard.com/en-gbp/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-GG" /> 116<link rel="alternate" href="https://beautifulbastard.com/en-gbp/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-GS" /> 117<link rel="alternate" href="https://beautifulbastard.com/en-gbp/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-IM" /> 118<link rel="alternate" href="https://beautifulbastard.com/en-gbp/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-JE" /> 119<link rel="alternate" href="https://beautifulbastard.com/en-aud/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-AU" /> 120<link rel="alternate" href="https://beautifulbastard.com/en-aud/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-CC" /> 121<link rel="alternate" href="https://beautifulbastard.com/en-aud/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-CX" /> 122<link rel="alternate" href="https://beautifulbastard.com/en-aud/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-HM" /> 123<link rel="alternate" href="https://beautifulbastard.com/en-aud/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-KI" /> 124<link rel="alternate" href="https://beautifulbastard.com/en-aud/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-NF" /> 125<link rel="alternate" href="https://beautifulbastard.com/en-aud/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-NR" /> 126<link rel="alternate" href="https://beautifulbastard.com/en-aud/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-TV" /> 127<link rel="alternate" href="https://beautifulbastard.com/en-nzd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-CK" /> 128<link rel="alternate" href="https://beautifulbastard.com/en-nzd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-NU" /> 129<link rel="alternate" href="https://beautifulbastard.com/en-nzd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-NZ" /> 130<link rel="alternate" href="https://beautifulbastard.com/en-nzd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-PN" /> 131<link rel="alternate" href="https://beautifulbastard.com/en-nzd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-TK" /> 132<link rel="alternate" href="https://beautifulbastard.com/en-sek/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-SE" /> 133<link rel="alternate" href="https://beautifulbastard.com/en-nok/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-BV" /> 134<link rel="alternate" href="https://beautifulbastard.com/en-nok/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-NO" /> 135<link rel="alternate" href="https://beautifulbastard.com/en-nok/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-SJ" /> 136<link rel="alternate" href="https://beautifulbastard.com/en-dkk/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-DK" /> 137<link rel="alternate" href="https://beautifulbastard.com/en-dkk/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-FO" /> 138<link rel="alternate" href="https://beautifulbastard.com/en-dkk/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-GL" /> 139<link rel="alternate" href="https://beautifulbastard.com/en-pln/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-PL" /> 140<link rel="alternate" href="https://beautifulbastard.com/en-inr/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-IN" /> 141<link rel="alternate" href="https://beautifulbastard.com/en-jpy/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-JP" /> 142<link rel="alternate" href="https://beautifulbastard.com/en-myr/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-MY" /> 143<link rel="alternate" href="https://beautifulbastard.com/en-sgd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-SG" /> 144<link rel="alternate" href="https://beautifulbastard.com/en-mxn/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-MX" /> 145<link rel="alternate" href="https://beautifulbastard.com/en-brl/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-BR" /> 146<link rel="alternate" href="https://beautifulbastard.com/en-chf/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-CH" /> 147<link rel="alternate" href="https://beautifulbastard.com/en-chf/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" hreflang="en-LI" />
vendor: 68 bytes, lines 147-148
147 148<script src="https://www.google.com/recaptcha/enterprise.js?render=
1486LcUIoYlAAAAALE9OrjdIcUfeYTpTq5RlXh5HuZt
vendor: 18 bytes, line 148
148" async></script>
149<script>window.recaptchaSiteKey = '6LcUIoYlAAAAALE9OrjdIcUfeYTpTq5RlXh5HuZt';</script>
149 150<style> 151 .grecaptcha-badge { display: none !important; } 152</style>
153<script type='module' src="https://cdn.fourthwall.dev/web-perf/instant.js" defer></script>
vendor: 1 bytes, line 153
153
154<script> 155 window.shopName = 'Beautiful Bastard'; 156 window.shopId = 'sh_a770864c-ac52-45bc-9e66-4314ef3ef294'; 157 window.cookie_policy = 'ShowInEu'; 158</script>
158 159<!-- Google Tag Manager -->
160<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 161new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 162j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 163'/_c/mtg.js?id='+i+dl;f.parentNode.insertBefore(j,f); 164})(window,document,'script','dataLayer','GTM-PV2BBNN');</script>
164 165<!-- End Google Tag Manager -->
166<script>window.creatorGa4Id = 'G-T95X2FEVE9'; window.creatorFbPixelId = '220227113810388'; window.creatorTiktokAnalyticsId = ''; window.creatorKlaviyoAnalyticsId = 'Qpe36t'; window.useServerAnalytics = true;</script>
vendor: 1 bytes, line 166
166
167<script> 168 (function () { 169 function setCookie(name, value, days) { 170 if (typeof days === 'undefined') days = 90; 171 var expires = new Date(Date.now() + days * 86400000).toUTCString(); 172 document.cookie = encodeURIComponent(name) + '=' + encodeURIComponent(value.substring(0, 200)) + '; expires=' + expires + '; path=/'; 173 } 174 175 function getCookie(name) { 176 var cookies = document.cookie.split('; '); 177 for (var i = 0; i < cookies.length; i++) { 178 if (cookies[i].indexOf(name + '=') === 0) { 179 return cookies[i].split('=')[1]; 180 } 181 } 182 return null; 183 } 184 185 function handleTrackingParams() { 186 var params = window.location.search.substring(1).split('&'); 187 var paramMap = {}; 188 189 for (var i = 0; i < params.length; i++) { 190 var kv = params[i].split('='); 191 if (kv.length === 2) { 192 paramMap[decodeURIComponent(kv[0])] = decodeURIComponent(kv[1]); 193 } 194 } 195 196 if (!getCookie('_fbp')) { 197 var randomPart = Math.floor(Math.random() * 10000000000); 198 var fbp = 'fb.1.' + Date.now() + '.' + randomPart; 199 setCookie('_fbp', fbp); 200 } 201 202 for (var key in paramMap) { 203 if (paramMap.hasOwnProperty(key)) { 204 var value = paramMap[key]; 205 var isUTM = key.indexOf('utm_') === 0; 206 207 if(key === 'utm_source' && getCookie('utm_source') === 'fourthwall_ads') { 208 continue; 209 } 210 211 if (isUTM || key === 'gclid' || key === 'fbclid') { 212 setCookie(key, value); 213 } 214 215 if (key === 'fbclid' && !getCookie('_fbc')) { 216 var fbc = 'fb.1.' + Date.now() + '.' + value; 217 setCookie('_fbc', fbc); 218 } 219 } 220 } 221 } 222 223 handleTrackingParams(); 224 })(); 225</script>
vendor: 1 bytes, line 225
225
226<script type='text/javascript'>var eventsListenerScript = document.createElement('script');eventsListenerScript.async = true;eventsListenerScript.src = "https://cdn.fourthwall.dev/shop-event-listener/shop-events-listener.js";document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);</script>
226 227<link rel="manifest" href="/manifest.json" /> 228<meta name='theme-color' content='#e6e6e6' /> 229<link rel="stylesheet" type="text/css" href="https://themes.fourthwall.dev/themes/assets/b9c8164a-28ac-4fe9-b6a5-e635455d0f19/assets/styles/custom_sections.css?v=fe834788accbb36a0c73df22cf4465e5d137000189d04e7b63095355dc41da4c" media="all">
230<script src="https://echo-brain.com/b4c5b5636170406fb08638178aee75e3/reviews.js?service=fourthwall" async></script>
230 231<style> 232.collection { 233 overflow: visible; 234} 235.footer { 236 z-index: 1; 237} 238.input-field--invert { 239 border: 0; 240} 241/* Hide badges globally 242.badge.badge--PROMOTION, .product-info__promotion-description, .image__badges { 243 display: none; 244} 245 */ 246</style> 247<style> 248 /*Size chart styles*/ 249 .hidden { 250 display: none !important; 251 } 252 .size-chart-modal { 253 position: fixed; 254 inset: 0; 255 z-index: 10; 256 display: flex; 257 align-items: center; 258 justify-content: center; 259 margin-top: 0; 260 } 261 .size-chart-overlay { 262 position: absolute; 263 inset: 0; 264 background: rgba(var(--color-background-rgb), 0.7); 265 top: -10px; 266 } 267 .size-chart-content { 268 position: relative; 269 max-width: 900px; 270 width: 90%; 271 max-height: calc(100vh - 96px); 272 overflow: auto; 273 background: var(--color-background); 274 color: var(--color-on-background); 275 padding: 20px 20px 40px; 276 border-radius: 8px; 277 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); 278 } 279 .size-chart-close { 280 position: absolute; 281 top: 5px; 282 right: 15px; 283 font-size: 28px; 284 background: none; 285 border: none; 286 color: var(--color-on-background); 287 cursor: pointer; 288 opacity: 0.5; 289 transition: opacity 0.2s ease; 290 } 291 .size-chart-close:hover { 292 opacity: 1; 293 } 294 .size-chart-trigger { 295 text-decoration: underline; 296 text-underline-offset: 3px; 297 color: var(--color-on-background); 298 font-weight: var(--font-weight-base-bold); 299 font-size: 0.875rem; 300 padding-left: 6px; 301 } 302 .size-chart-header { 303 display: flex; 304 justify-content: space-between; 305 align-items: flex-end; 306 gap: 16px; 307 margin-bottom: 20px; 308 } 309 .size-chart-heading { 310 margin: 0; 311 font-size: 1rem; 312 font-weight: 600; 313 } 314 .size-chart-unit-toggle { 315 display: flex; 316 gap: 4px; 317 margin-left: auto; 318 } 319 .size-chart-unit-btn { 320 background: rgba(var(--color-on-background-rgb), 0.05); 321 border-radius: 100px; 322 display: flex; 323 align-items: center; 324 color: rgba(var(--color-on-background-rgb), 0.6); 325 padding: 4px 12px; 326 font-size: 0.875rem; 327 line-height: 21px; 328 cursor: pointer; 329 white-space: nowrap; 330 user-select: none; 331 transition: background 0.2s ease, color 0.2s ease; 332 } 333 .size-chart-unit-btn:hover { 334 background: rgba(var(--color-on-background-rgb), 0.1); 335 color: var(--color-on-background); 336 } 337 .size-chart-unit-btn.active { 338 background: var(--color-primary); 339 color: var(--color-on-primary); 340 } 341 .size-chart-inner { 342 display: flex; 343 gap: 30px; 344 align-items: flex-start; 345 } 346 .size-chart-image { 347 border: 1px solid rgba(var(--color-on-background-rgb), 0.1); 348 padding: 5px; 349 } 350 .size-chart-image img { 351 max-width: 100%; 352 height: auto; 353 } 354 @media (min-width: 640px) { 355 .size-chart-image img { 356 max-width: 390px; 357 } 358 .size-chart-content { 359 padding: 40px 30px 30px; 360 } 361 } 362 @media (max-width: 768px) { 363 .size-chart-inner { 364 flex-direction: column; 365 } 366 } 367 .size-chart-table { 368 flex: 1; 369 min-width: 300px; 370 } 371 .size-chart-table-info { 372 margin-top: 12px; 373 } 374 .size-chart-table-info .size-note { 375 font-size: 13px; 376 } 377 .size-chart-table table { 378 width: 100%; 379 border-collapse: collapse; 380 font-size: 14px; 381 border: 1px solid rgba(var(--color-on-background-rgb), 0.1); 382 } 383 .size-chart-table thead th { 384 text-align: left; 385 font-weight: 600; 386 letter-spacing: 0.5px; 387 padding: 14px 20px; 388 border-bottom: 1px solid rgba(var(--color-on-background-rgb), 0.1); 389 font-size: 12px; 390 color: rgba(var(--color-on-background-rgb), 0.6); 391 user-select: none; 392 } 393 .size-chart-table tbody td { 394 padding: 14px 20px; 395 border-bottom: 1px solid rgba(var(--color-on-background-rgb), 0.1); 396 color: var(--color-on-background); 397 } 398 .size-chart-table tbody tr:nth-child(odd) { 399 background: rgba(var(--color-on-background-rgb), 0.05); 400 } 401 .size-chart-table tbody td:first-child { 402 font-weight: 600; 403 } 404 .size-chart-table th:not(:first-child), 405 .size-chart-table td:not(:first-child) { 406 text-align: center; 407 } 408 .size-chart-value-fraction sup, 409 .size-chart-value-fraction sub { 410 font-size: 70%; 411 line-height: 0; 412 position: relative; 413 vertical-align: baseline; 414 } 415 .size-chart-value-fraction sup { 416 top: -0.45em; 417 } 418 .size-chart-value-fraction sub { 419 bottom: -0.1em; 420 } 421 .size-chart-value-slash { 422 font-size: 80%; 423 } 424 .size-chart-text { 425 margin-top: 24px; 426 text-align: center; 427 } 428 .size-note { 429 margin: 0; 430 font-size: 14px; 431 color: rgba(var(--color-on-background-rgb), 0.6); 432 } 433 .size-note-heading { 434 margin-top: 16px; 435 } 436 .product-option__name-container { 437 display: flex; 438 align-items: center; 439 } 440 .product-option__size-chart-container { 441 margin-bottom: 12px; 442 line-height: 21px; 443 } 444 body:has(#sizeChartModal:not(.hidden)) .product { 445 z-index: 10; 446 } 447</style>
448<script> 449 document.addEventListener('DOMContentLoaded', function () { 450 var modal = document.getElementById('sizeChartModal') 451 function openModal() { 452 if (!modal) return 453 modal.classList.remove('hidden') 454 document.body.style.overflow = 'hidden' 455 } 456 function closeModal() { 457 if (!modal) return 458 modal.classList.add('hidden') 459 document.body.style.overflow = '' 460 } 461 document.addEventListener('click', function (e) { 462 var trigger = e.target.closest('.size-chart-trigger') 463 var content = e.target.closest('.size-chart-content') 464 var isCloseBtn = e.target.closest('.size-chart-close') 465 if (trigger) { 466 e.preventDefault() 467 openModal() 468 return 469 } 470 if (isCloseBtn) { 471 closeModal() 472 return 473 } 474 if (modal && !modal.classList.contains('hidden') && !content) { 475 closeModal() 476 } 477 }) 478 document.addEventListener('keydown', function (e) { 479 if (e.key === 'Escape') closeModal() 480 }) 481 var sizeGuides = document.querySelectorAll('[data-size="size-guide"]') 482 sizeGuides.forEach(function (sizeGuide) { 483 var inchesBtn = sizeGuide.querySelector('[data-size="inches-button"]') 484 var cmBtn = sizeGuide.querySelector('[data-size="cm-button"]') 485 var rows = sizeGuide.querySelectorAll('[data-size-guide]') 486 function formatSingleValue(numValue, unit) { 487 if (unit === 'in') { 488 var integerPart = Math.floor(numValue) 489 var decimalPart = numValue - integerPart 490 if (decimalPart === 0.5) { 491 return '<span class="size-chart-value-fraction">' + integerPart + ' <sup>1</sup><span class="size-chart-value-slash">/</span><sub>2</sub></span>' 492 } else { 493 return '<span class="size-chart-value-integer">' + (numValue % 1 === 0 ? numValue : numValue.toFixed(1)) + '</span>' 494 } 495 } else { 496 return '<span class="size-chart-value-integer">' + (numValue % 1 === 0 ? numValue : numValue.toFixed(1)) + '</span>' 497 } 498 } 499 function updateCell(cell, value, unit) { 500 var parts = String(value).split('-') 501 if (parts.length === 2 && parts[0] !== '') { 502 var html = formatSingleValue(parseFloat(parts[0]), unit) + '<span>-</span>' + formatSingleValue(parseFloat(parts[1]), unit) 503 cell.innerHTML = html 504 } else { 505 cell.innerHTML = formatSingleValue(parseFloat(value), unit) 506 } 507 } 508 function updateTable(unit) { 509 rows.forEach(function (row) { 510 row.querySelectorAll('[data-size-type]').forEach(function (cell) { 511 var value = cell.dataset[unit] 512 if (value) updateCell(cell, value, unit) 513 }) 514 }) 515 } 516 function switchUnit(unit) { 517 updateTable(unit) 518 inchesBtn.classList.toggle('active', unit === 'in') 519 cmBtn.classList.toggle('active', unit === 'cm') 520 } 521 inchesBtn.addEventListener('click', function () { switchUnit('in') }) 522 cmBtn.addEventListener('click', function () { switchUnit('cm') }) 523 switchUnit('in') 524 }) 525 }) 526</script>
vendor: 1 bytes, line 526
526
527<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Beautiful Bastard","description":"WEAR YOUR FEELINGS. Be a Bastard. ð¤\nApparel \u0026 Lifestyle based in Los Angeles, CA. ","url":"https://beautifulbastard.com","sameAs":["https://instagram.com/shopbeautifulbastard","https://twitch.tv/defrancolive"]}</script>
vendor: 1 bytes, line 527
527
528<script type="module"> 529 function iframeReady(section, iframe, url, appId, settings) { 530 const baseIframeUrl = url; 531 532 function buildUrl(url, params) { 533 if (!params) return url; 534 var qs = Object.keys(params) 535 .map((k) => encodeURIComponent(k) + '=' + encodeURIComponent(params[k])) 536 .join('&'); 537 return url + (url.includes('?') ? '&' : '?') + qs + '&' + settings; 538 } 539 540 const params = { 541 hmac: window.appHmac[appId], 542 timestamp: window.hmacTimestamp, 543 tier_id: window.tierId, 544 supporter_id: window.supporterId, 545 shop_id: window.shopId, 546 }; 547 548 iframe.src = buildUrl(baseIframeUrl, window.appHmac[appId] ? params : null); 549 iframe.onload = null 550 551 // Extract origin from URL for security checking 552 let expectedOrigin; 553 try { 554 expectedOrigin = new URL(url).origin; 555 } catch (e) { 556 console.warn('Could not parse URL origin:', url); 557 } 558 559 // Listen for messages specifically from this iframe 560 const messageHandler = (event) => { 561 // Check if the message is from this specific iframe 562 if (event.source !== iframe.contentWindow) { 563 return; // Ignore messages from other iframes/windows 564 } 565 566 // Optional: Also verify the origin for security 567 if (expectedOrigin && event.origin !== expectedOrigin) { 568 console.warn('Message received from unexpected origin:', event.origin); 569 return; 570 } 571 572 if (event.data.type === 'RESIZE') { 573 iframe.style.height = event.data.data.height + 'px'; 574 } else if (event.data.type === 'CLOSE') { 575 section.style.height = '0px'; 576 } 577 }; 578 579 window.addEventListener('message', messageHandler); 580 581 // Store the handler for cleanup (optional) 582 iframe._messageHandler = messageHandler; 583 } 584 585 class Hmac extends HTMLElement { 586 constructor() { 587 super() 588 this.section = this.parentElement.parentElement; 589 this.iframe = this.querySelector('iframe') 590 this.url = this.getAttribute('url') 591 this.appId = this.getAttribute('app_id') 592 this.settings = this.getAttribute('settings') 593 } 594 595 connectedCallback() { 596 if (this.iframe && this.iframe.contentDocument && this.iframe.contentDocument.readyState === 'complete') { 597 iframeReady(this.section, this.iframe, this.url, this.appId, this.settings) 598 } else { 599 this.iframe.onload = () => iframeReady(this.section, this.iframe, this.url, this.appId, this.settings) 600 } 601 } 602 603 disconnectedCallback() { 604 if (this.iframe && this.iframe._messageHandler) { 605 window.removeEventListener('message', this.iframe._messageHandler); 606 delete this.iframe._messageHandler; 607 } 608 } 609 } 610 611 customElements.define('app-hmac-component', Hmac) 612</script>
612 613 614 </head> 615 616 617 618 619 620 621 <body class="body page " > 622 <!-- Google Tag Manager (noscript) --> 623<noscript><iframe src='/_c/ns.html?id=GTM-PV2BBNN' 624height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript> 625<!-- End Google Tag Manager (noscript) --> 626 627 <div class="page"> 628 <header class="page__header" data-page-header> 629 <div id="fw-section-announcement-bar-4ab45f67-a648-48ba-a03b-e3b7a6c1aea2" class="fw-section"><section class="announcement-bar"> 630 <div class="wrapper"> 631 632 633 634 635 636 637 638 <div class="announcement-bar__inner"> 639 640 641 642 <div class="announcement-bar__label"> 643 FREE SHIPPING ON ORDERS OVER $100! (US ONLY) 644 </div> 645 646 647 648 </div> 649 650 </div> 651</section> 652 653 654</div><div id="fw-section-header" class="fw-section"><div data-testid="main.single.section" class="header "> 655 <div class="wrapper container"> 656 <div class="header__grid header--top-center header__size--sm"> 657 <div class="header__mobile-menu hidden@sm"> 658 <button data-drawer-trigger-primary="mobile-menu" class="header__icon"> 659 <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 660 <title>Hamburger</title> 661 <path d="M0 3.75H20M0 10H20M0 16.25H20" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5"/> 662</svg> 663 664 </button> 665 </div> 666 667 668 669 <div class="header__logo-container"> 670 671 <div class="header__logo"> 672 673 674 <a href="/en-usd/" class="header__logo-link"> 675 676 677 678 <img 679 src="https://imgproxy.fourthwall.dev/3iRJ8Jvz4OX8vrRtD_7qMt5dfJfk86ODeMcyOyz9p44/w:300/sm:1/enc/GiaAt-wDBIPPjRwc/tjRzNNz8tHTFXP6Q/Ttkbfp0-iFv9LfBL/F5P0yx1dXyK8HrrE/58M7qdy2HkN8soBj/PNKzePdbWqx_MhF6/Zg16RQwD80Qoub6G/C5PmiJ5Xk-ek1S4A/2uOa4yyVRUsFbgwn/WS_LZ6dfhlALeGD5/UGtmoXSOdrn8twI3/HcFf_T_6SB2K6IV1/KyGIwdBs6xYaUIYD/l7AnGwHXwJK5meZ4/XJwm8p1YSYZlrDtx/Kn16ddrCo7AZ0q6e.webp" 680 srcset="https://imgproxy.fourthwall.dev/3iRJ8Jvz4OX8vrRtD_7qMt5dfJfk86ODeMcyOyz9p44/w:300/sm:1/enc/GiaAt-wDBIPPjRwc/tjRzNNz8tHTFXP6Q/Ttkbfp0-iFv9LfBL/F5P0yx1dXyK8HrrE/58M7qdy2HkN8soBj/PNKzePdbWqx_MhF6/Zg16RQwD80Qoub6G/C5PmiJ5Xk-ek1S4A/2uOa4yyVRUsFbgwn/WS_LZ6dfhlALeGD5/UGtmoXSOdrn8twI3/HcFf_T_6SB2K6IV1/KyGIwdBs6xYaUIYD/l7AnGwHXwJK5meZ4/XJwm8p1YSYZlrDtx/Kn16ddrCo7AZ0q6e.webp 1x, https://imgproxy.fourthwall.dev/5mlT6tcL1YrSkqBtyZBkJ1jNdND3Zv1KjMo1K6rCFCg/w:300/dpr:2/sm:1/enc/GiaAt-wDBIPPjRwc/tjRzNNz8tHTFXP6Q/Ttkbfp0-iFv9LfBL/F5P0yx1dXyK8HrrE/58M7qdy2HkN8soBj/PNKzePdbWqx_MhF6/Zg16RQwD80Qoub6G/C5PmiJ5Xk-ek1S4A/2uOa4yyVRUsFbgwn/WS_LZ6dfhlALeGD5/UGtmoXSOdrn8twI3/HcFf_T_6SB2K6IV1/KyGIwdBs6xYaUIYD/l7AnGwHXwJK5meZ4/XJwm8p1YSYZlrDtx/Kn16ddrCo7AZ0q6e.webp 2x" 681 alt="Beautiful Bastard" 682 class="header__logo-image header__logo-image--sm" 683 itemprop="logo" 684 > 685 686 687 </a> 688 689 690 </div> 691 692 </div> 693 694 695 <div class="header__nav-container visible@sm"> 696 <nav class="header__nav"> 697 <ul class="header__list list--horizontal"> 698 699 <li class="header__list-item"> 700 <a 701 href="/en-usd/collections/core-tees" 702 class="header__link" 703 > 704 Core 705 706 707 </a> 708 709 710 </li> 711 712 <li class="header__list-item"> 713 <a 714 href="/en-usd/collections/crashing-out" 715 class="header__link" 716 > 717 Crashing Out 718 719 720 </a> 721 722 723 </li> 724 725 </ul> 726 </nav> 727 </div> 728 729 730 <div class="header__icons"> 731 <ul class="header__list list list--horizontal"> 732 733 734 735 736 737 <li class="header__list-item visible@sm"> 738 <a class="header__link header__link--icon" tabindex="0"> 739 USD 740 741 742 <span class="header__link-icon"> 743 <svg class="svg-fill-current-color" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 744 <title>Chevron Bottom</title> 745 <path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" vector-effect="non-scaling-stroke"/> 746</svg> 747 748 </span> 749 750 </a> 751 752 753 <div class="header__dropdown header__dropdown--content"> 754 <ul class="header__dropdown-inner"> 755 756 <li class="header__dropdown-item"> 757 <a class="header__dropdown-link" href="/localization?currency=USD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 758 USD 759 </a> 760 </li> 761 762 <li class="header__dropdown-item"> 763 <a class="header__dropdown-link" href="/localization?currency=EUR&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 764 EUR 765 </a> 766 </li> 767 768 <li class="header__dropdown-item"> 769 <a class="header__dropdown-link" href="/localization?currency=CAD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 770 CAD 771 </a> 772 </li> 773 774 <li class="header__dropdown-item"> 775 <a class="header__dropdown-link" href="/localization?currency=GBP&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 776 GBP 777 </a> 778 </li> 779 780 <li class="header__dropdown-item"> 781 <a class="header__dropdown-link" href="/localization?currency=AUD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 782 AUD 783 </a> 784 </li> 785 786 <li class="header__dropdown-item"> 787 <a class="header__dropdown-link" href="/localization?currency=NZD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 788 NZD 789 </a> 790 </li> 791 792 <li class="header__dropdown-item"> 793 <a class="header__dropdown-link" href="/localization?currency=SEK&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 794 SEK 795 </a> 796 </li> 797 798 <li class="header__dropdown-item"> 799 <a class="header__dropdown-link" href="/localization?currency=NOK&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 800 NOK 801 </a> 802 </li> 803 804 <li class="header__dropdown-item"> 805 <a class="header__dropdown-link" href="/localization?currency=DKK&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 806 DKK 807 </a> 808 </li> 809 810 <li class="header__dropdown-item"> 811 <a class="header__dropdown-link" href="/localization?currency=PLN&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 812 PLN 813 </a> 814 </li> 815 816 <li class="header__dropdown-item"> 817 <a class="header__dropdown-link" href="/localization?currency=INR&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 818 INR 819 </a> 820 </li> 821 822 <li class="header__dropdown-item"> 823 <a class="header__dropdown-link" href="/localization?currency=JPY&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 824 JPY 825 </a> 826 </li> 827 828 <li class="header__dropdown-item"> 829 <a class="header__dropdown-link" href="/localization?currency=MYR&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 830 MYR 831 </a> 832 </li> 833 834 <li class="header__dropdown-item"> 835 <a class="header__dropdown-link" href="/localization?currency=SGD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 836 SGD 837 </a> 838 </li> 839 840 <li class="header__dropdown-item"> 841 <a class="header__dropdown-link" href="/localization?currency=MXN&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 842 MXN 843 </a> 844 </li> 845 846 <li class="header__dropdown-item"> 847 <a class="header__dropdown-link" href="/localization?currency=BRL&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 848 BRL 849 </a> 850 </li> 851 852 <li class="header__dropdown-item"> 853 <a class="header__dropdown-link" href="/localization?currency=CHF&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 854 CHF 855 </a> 856 </li> 857 858 </ul> 859 </div> 860 861 </li> 862 863 864 865 866
867 <div class="product-search" data-collection-products="product-search"> 868 <div class="product-search__inner"> 869 <div class="product-search__open"> 870 <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> 871 <title>Search</title> 872 <path d="M14.072 12.84l4.802 4.803a1 1 0 1 1-1.414 1.414l-4.802-4.802a7.462 7.462 0 1 1 1.414-1.414zm-3.8.504A5.462 5.462 0 1 0 5.998 3.291a5.462 5.462 0 0 0 4.272 10.053z" fill-rule="nonzero"/> 873</svg> 874 875 </div> 876 877 <div class="product-search__content product-search__content--hidden"> 878 <div class="container container--6"> 879 <form class="product-search__form"> 880 <div class="product-search__container"> 881 <span class="product-search__icon"><svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> 882 <title>Search</title> 883 <path d="M14.072 12.84l4.802 4.803a1 1 0 1 1-1.414 1.414l-4.802-4.802a7.462 7.462 0 1 1 1.414-1.414zm-3.8.504A5.462 5.462 0 1 0 5.998 3.291a5.462 5.462 0 0 0 4.272 10.053z" fill-rule="nonzero"/> 884</svg> 885</span> 886 <input 887 class="product-search__input" 888 type="text" 889 name="search" 890 placeholder="Hoodie" 891 > 892 </div> 893 <button type="button" class="product-search__cancel">CANCEL</button> 894 </form> 895 896 <div class="product-search__popular"> 897 <h3 class="product-search__heading"> 898 <span>POPULAR SEARCHES</span> 899 </h3> 900 <ul class="product-search__popular-list"> 901 <li class="product-search__popular-item"> 902 <a href="/collections/all">Hoodie</a> 903 </li> 904 <li class="product-search__popular-item"> 905 <a href="/collections/all">Tee</a> 906 </li> 907 <li class="product-search__popular-item"> 908 <a href="/collections/all">Mug</a> 909 </li> 910 <li class="product-search__popular-item"> 911 <a href="/collections/all">Tumbler</a> 912 </li> 913 <li class="product-search__popular-item"> 914 <a href="/collections/all">Tops</a> 915 </li> 916 </ul> 917 </div> 918 </div> 919 920 <div class="product-search__results"> 921 <div class="product-search__products"></div> 922 </div> 923 </div> 924 </div> 925</div> 926 927 928 <li class="header__list-item"> 929 <a href="/en-usd/cart" class="header__icon"> 930 <div 931 data-cart-widget="widget" 932 data-testid="cart.icon" 933 class="cart-widget cart-widget--icons empty" 934> 935 936 <span data-cart-widget="quantity" class="cart-widget__items"></span> 937 <svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 938 <title>Cart</title> 939<path fill-rule="evenodd" clip-rule="evenodd" d="M9.00563 1.5C8.31329 1.5 7.65576 1.76317 7.1761 2.22157C6.69759 2.67888 6.43546 3.29168 6.43546 3.92308V5.07692H11.5758V3.92308C11.5758 3.29168 11.3137 2.67888 10.8352 2.22157C10.3555 1.76317 9.69798 1.5 9.00563 1.5ZM13.0758 5.07692V3.92308C13.0758 2.87137 12.6383 1.86999 11.8715 1.13716C11.1059 0.405445 10.0744 0 9.00563 0C7.93685 0 6.90537 0.405444 6.13973 1.13716C5.37293 1.86999 4.93546 2.87137 4.93546 3.92308V5.07692H1.7079L0 18H18.0113L16.3034 5.07692H13.0758ZM3.0227 6.57692L1.71128 16.5H16.3L14.9886 6.57692H3.0227Z" fill="currentColor" style="fill:currentColor;fill-opacity:1;"/> 940</svg> 941 942 943</div> 944 </a> 945 </li> 946 </ul> 947 </div> 948 </div> 949 </div> 950</div> 951 952<aside 953 data-drawer="mobile-menu" 954 class="drawer hidden@sm" 955> 956 <div class="drawer__background" data-drawer-trigger-primary="mobile-menu"></div> 957 <div class="drawer__content drawer__content--small mobile-menu"> 958 <div class="mobile-menu__section mobile-menu__section--header"> 959 <a href="#" class="mobile-menu__close" data-drawer-trigger-primary="mobile-menu"> 960 <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 961 <title>Close</title> 962 <path d="M1.25 18.75L18.75 1.25M18.75 18.75L1.25 1.25" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/> 963</svg> 964 965 </a> 966 </div> 967 <div class="mobile-menu__section mobile-menu__section--body"> 968 <div class="mobile-menu__nav"> 969 <ul class="mobile-menu__list"> 970 971 <li class="mobile-menu__list-item"> 972 973 <a 974 href="/en-usd/collections/core-tees" 975 class="mobile-menu__link" 976 > 977 Core 978 </a> 979 980 981 982 </li> 983 984 <li class="mobile-menu__list-item"> 985 986 <a 987 href="/en-usd/collections/crashing-out" 988 class="mobile-menu__link" 989 > 990 Crashing Out 991 </a> 992 993 994 995 </li> 996 997 998 999 <li class="mobile-menu__list-item"> 1000 <a for="input-drawer" class="mobile-menu__link" data-accordion="trigger"> 1001 USD 1002 1003 1004 <div class="mobile-menu__link-icon"> 1005 <svg class="svg-fill-current-color" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 1006 <title>Chevron Bottom</title> 1007 <path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" vector-effect="non-scaling-stroke"/> 1008</svg> 1009 1010 </div> 1011 1012 </a> 1013 1014 1015 <div class="mobile-menu__dropdown mobile-menu__dropdown--content"> 1016 <ul class="mobile-menu__dropdown-inner"> 1017 1018 <li class="mobile-menu__dropdown-item"> 1019 <a class="mobile-menu__dropdown-link" href="/localization?currency=USD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1020 USD 1021 </a> 1022 </li> 1023 1024 <li class="mobile-menu__dropdown-item"> 1025 <a class="mobile-menu__dropdown-link" href="/localization?currency=EUR&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1026 EUR 1027 </a> 1028 </li> 1029 1030 <li class="mobile-menu__dropdown-item"> 1031 <a class="mobile-menu__dropdown-link" href="/localization?currency=CAD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1032 CAD 1033 </a> 1034 </li> 1035 1036 <li class="mobile-menu__dropdown-item"> 1037 <a class="mobile-menu__dropdown-link" href="/localization?currency=GBP&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1038 GBP 1039 </a> 1040 </li> 1041 1042 <li class="mobile-menu__dropdown-item"> 1043 <a class="mobile-menu__dropdown-link" href="/localization?currency=AUD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1044 AUD 1045 </a> 1046 </li> 1047 1048 <li class="mobile-menu__dropdown-item"> 1049 <a class="mobile-menu__dropdown-link" href="/localization?currency=NZD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1050 NZD 1051 </a> 1052 </li> 1053 1054 <li class="mobile-menu__dropdown-item"> 1055 <a class="mobile-menu__dropdown-link" href="/localization?currency=SEK&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1056 SEK 1057 </a> 1058 </li> 1059 1060 <li class="mobile-menu__dropdown-item"> 1061 <a class="mobile-menu__dropdown-link" href="/localization?currency=NOK&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1062 NOK 1063 </a> 1064 </li> 1065 1066 <li class="mobile-menu__dropdown-item"> 1067 <a class="mobile-menu__dropdown-link" href="/localization?currency=DKK&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1068 DKK 1069 </a> 1070 </li> 1071 1072 <li class="mobile-menu__dropdown-item"> 1073 <a class="mobile-menu__dropdown-link" href="/localization?currency=PLN&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1074 PLN 1075 </a> 1076 </li> 1077 1078 <li class="mobile-menu__dropdown-item"> 1079 <a class="mobile-menu__dropdown-link" href="/localization?currency=INR&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1080 INR 1081 </a> 1082 </li> 1083 1084 <li class="mobile-menu__dropdown-item"> 1085 <a class="mobile-menu__dropdown-link" href="/localization?currency=JPY&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1086 JPY 1087 </a> 1088 </li> 1089 1090 <li class="mobile-menu__dropdown-item"> 1091 <a class="mobile-menu__dropdown-link" href="/localization?currency=MYR&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1092 MYR 1093 </a> 1094 </li> 1095 1096 <li class="mobile-menu__dropdown-item"> 1097 <a class="mobile-menu__dropdown-link" href="/localization?currency=SGD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1098 SGD 1099 </a> 1100 </li> 1101 1102 <li class="mobile-menu__dropdown-item"> 1103 <a class="mobile-menu__dropdown-link" href="/localization?currency=MXN&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1104 MXN 1105 </a> 1106 </li> 1107 1108 <li class="mobile-menu__dropdown-item"> 1109 <a class="mobile-menu__dropdown-link" href="/localization?currency=BRL&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1110 BRL 1111 </a> 1112 </li> 1113 1114 <li class="mobile-menu__dropdown-item"> 1115 <a class="mobile-menu__dropdown-link" href="/localization?currency=CHF&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1116 CHF 1117 </a> 1118 </li> 1119 1120 </ul> 1121 </div> 1122 1123 </li> 1124 1125 </ul> 1126 </div> 1127 </div> 1128 <div class="mobile-menu__section mobile-menu__section--socials"> 1129 <div class="mobile-menu__list-social"> 1130 <ul class="mobile-menu__socials"> 1131 1132 1133 1134 1135 1136 <li class="mobile-menu__social"> 1137 <a 1138 1139 href="https://instagram.com/shopbeautifulbastard" 1140 1141 target="_blank" 1142 class="mobile-menu__social-link" 1143 > 1144 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1145<path fill-rule="evenodd" clip-rule="evenodd" d="M4.99525 0H15.0047C17.7635 0 20 2.23604 20 4.99525V15.0047C20 17.7635 17.764 20 15.0047 20H4.99525C2.23645 20 0 17.764 0 15.0047V4.99525C0 2.23645 2.23604 0 4.99525 0ZM2 15.0047C2 16.6592 3.34085 18 4.99525 18H15.0047C16.6592 18 18 16.6591 18 15.0047V4.99525C18 3.34078 16.6591 2 15.0047 2H4.99525C3.34078 2 2 3.34085 2 4.99525V15.0047ZM5 10C5 7.23858 7.23858 5 10 5C12.7614 5 15 7.23858 15 10C15 12.7614 12.7614 15 10 15C7.23858 15 5 12.7614 5 10ZM13 10C13 8.34315 11.6569 7 10 7C8.34315 7 7 8.34315 7 10C7 11.6569 8.34315 13 10 13C11.6569 13 13 11.6569 13 10ZM15 6C15.5523 6 16 5.55228 16 5C16 4.44772 15.5523 4 15 4C14.4477 4 14 4.44772 14 5C14 5.55228 14.4477 6 15 6Z" fill="currentColor"/> 1146</svg> 1147 1148 1149 </a> 1150 </li> 1151 1152 1153 1154 1155 <li class="mobile-menu__social"> 1156 <a 1157 1158 href="https://twitch.tv/defrancolive" 1159 1160 target="_blank" 1161 class="mobile-menu__social-link" 1162 > 1163 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1164<path d="M4.89583 0L1.25 3.57143V16.4286H5.625V20L9.27083 16.4286H12.1875L18.75 10V0H4.89583ZM17.2917 9.28571L14.375 12.1429H11.4583L8.90625 14.6429V12.1429H5.625V1.42857H17.2917V9.28571Z" fill="currentColor"/> 1165<path d="M15.1042 3.92857H13.6458V8.21429H15.1042V3.92857Z" fill="currentColor"/> 1166<path d="M11.0938 3.92857H9.63542V8.21429H11.0938V3.92857Z" fill="currentColor"/> 1167</svg> 1168 1169 1170 </a> 1171 </li> 1172 1173 1174 1175 </ul> 1176 </div> 1177 </div> 1178 </div> 1179</aside> 1180
1181<script> 1182 const currencyData = { 1183 locale: "en-US", 1184 currency: "USD" 1185 } 1186</script>
1186 1187 1188 1189</div> 1190 </header> 1191 1192 <div class="page__main"> 1193 <div class="main"> 1194 <div class="main__sections" data-testid="main.sections"> 1195 <div id="fw-section-rich-text-176419368057293" class="fw-section"><style> 1196 .section-fw-section-rich-text-176419368057293-padding { 1197 padding-top: 36px; 1198 padding-bottom: 36px; 1199 } 1200 1201 @media screen and (min-width: 640px) { 1202 .section-fw-section-rich-text-176419368057293-padding { 1203 padding-top: 48px; 1204 padding-bottom: 48px; 1205 } 1206 } 1207</style> 1208 1209<section 1210 data-section-id="fw-section-rich-text-176419368057293" 1211 data-section-type="rich-text" 1212 data-testid="main.single.section" 1213 class="rich-text rich-text--fw-section-rich-text-176419368057293 section-fw-section-rich-text-176419368057293-padding" 1214> 1215 <div class="rich-text__inner"> 1216 <div class="container container--8 wrapper"> 1217 1218 <div class="rich-text__header"> 1219 <h2 class="rich-text__heading"> 1220 About 1221 </h2> 1222 </div> 1223 1224 1225 <div class="rich-text__text"> 1226 <div class="html-formatter html-formatter--center"> 1227 <p>Welcome to Beautiful Bastard.</p> 1228<p>Born in the heart of Los Angeles, Beautiful Bastard is all about embracing your beautifully messy self in a city that celebrates the same. Here, weâre inviting you to wear your feelings and express every side of yourself unapologetically. Letâs be realâthereâs no light without shadow, and no life worth living without a bit of both. We all have an angel on one shoulder and a devil on the other, and we believe in making room for both. So why not live it all deliciously? Weâre here to celebrate every piece of what makes you,<span> </span><em>you<span> </span></em>âto live with freedom, fire, and a lot less holding back. <br><br>Our clothing is built to elevate your wardrobe without sacrificing quality or authenticity. Each piece is crafted from breathable cotton blends, designed to keep you comfortable while adding an eco-conscious edge to your closet. And because everyone deserves something that feels like it was made just for them, we proudly offer sizes from Small to 5X. At Beautiful Bastard, we believe clothes should fit<span> </span><strong>you</strong>, not the other way around. These are pieces made to look good, feel good, and become as unique and personal as the person wearing them.</p> 1229<p>So, welcome. Weâre thrilled youâre here.<br>Youâre one of us nowâforever a Beautiful Bastard.</p> 1230 </div> 1231 </div> 1232 </div> 1233 </div> 1234</section> 1235 1236 1237</div> 1238 1239 1240 <aside data-drawer="product" class="drawer"> 1241 <div data-drawer-trigger-primary="product" class="drawer__background"></div> 1242 1243 <div class="drawer__content" aria-hidden="true" tabindex="-1"> 1244 <div class="drawer__content-inner"> 1245 <div class="product-drawer"> 1246 <div class="product-drawer__section"> 1247 <div class="product-drawer__header"> 1248 <div class="product-drawer__header-item product-drawer__header-item--tick"> 1249 <svg class="svg-fill-current-color" width="23" height="20" viewBox="0 0 23 20" xmlns="http://www.w3.org/2000/svg"> 1250 <title>Accept</title> 1251 <path d="M1 9.17l7.926 7.927L20.889 1" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="3" fill="none" fill-rule="evenodd"/> 1252</svg> 1253 1254 </div> 1255 1256 <div class="product-drawer__header-item product-drawer__header-item--heading"> 1257 <h4 class="product-drawer__heading">Added to cart</h4> 1258 </div> 1259 1260 <div class="product-drawer__header-item product-drawer__header-item--close"> 1261 <button data-drawer-trigger-primary="product" class="product-drawer__close" data-testid="product.close.dialog"> 1262 <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 1263 <title>Close</title> 1264 <path d="M1.25 18.75L18.75 1.25M18.75 18.75L1.25 1.25" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/> 1265</svg> 1266 1267 </button> 1268 </div> 1269 </div> 1270 </div> 1271 1272 <div class="product-drawer__section"> 1273 <div class="product-drawer__item-info"> 1274 <div class="inline-image"> 1275 <div class="inline-image__image"> 1276 <div class="image image--background-color"> 1277 <div data-product-info="image-container" class="image__object"></div> 1278 </div> 1279 </div> 1280 1281 <div class="inline-image__content"> 1282 <div data-product-info="title" class="inline-image__heading"> 1283 1284 </div> 1285 <p data-product-info="price" class="inline-image__price"></p> 1286 <p class="inline-image__quantity"> 1287 Quantity:
1288 <span data-product-info="quantity"></span> 1289 </p> 1290 </div> 1291 </div> 1292 </div> 1293 </div> 1294 1295 <div class="product-drawer__section"> 1296 <div class="product-drawer__subtotal"> 1297 <div class="product-drawer__subtotal-item"> 1298 <span class="product-drawer__subtotal-label"> 1299 Cart Subtotal (<span data-product-info="cart-quantity"></span>): 1300 </span> 1301 </div> 1302 1303 <div class="product-drawer__subtotal-item product-drawer__subtotal-item--value"> 1304 <span data-product-info="cart-price" class="product-drawer__subtotal-value"></span> 1305 </div> 1306 </div> 1307 </div> 1308 1309 <div class="product-drawer__section"> 1310 <div class="product-drawer__cta"> 1311 <div class="product-drawer__cta-item product-drawer__cta-item--view-cart"> 1312 <a 1313 href="/en-usd/cart" 1314 class="button button--outline button--expand" 1315 > 1316 View Cart 1317 </a> 1318 </div> 1319 1320 <div class="product-drawer__cta-item product-drawer__cta-item--checkout"> 1321 <form 1322 action="/en-usd/cart" 1323 method="post" 1324 novalidate 1325 class="product-drawer__checkout-form" 1326 > 1327 <button 1328 type="submit" 1329 name="checkout" 1330 class="button button--primary button--expand" 1331 > 1332 Checkout 1333 </button> 1334 </form> 1335 </div> 1336 </div> 1337 </div> 1338 1339 <product-recommendations-drawer product-id="" class="product-drawer__section" /> 1340 1341 </div> 1342 </div> 1343 </div> 1344 </aside> 1345 1346 </div> 1347</div> 1348 1349 </div> 1350 1351 <footer class="page__footer"> 1352 <div id="fw-section-footer" class="fw-section"><style> 1353 .section-fw-section-footer-padding { 1354 padding-top: 52px; 1355 padding-bottom: 15px; 1356 } 1357 1358 @media screen and (min-width: 640px) { 1359 .section-fw-section-footer-padding { 1360 padding-top: 69px; 1361 padding-bottom: 20px; 1362 } 1363 } 1364</style> 1365 1366 1367 1368 1369<div data-testid="main.single.section" class="footer section-fw-section-footer-padding"> 1370 1371 <div class="wrapper container"> 1372 <div class="footer__inner"> 1373 <div class="footer__top"> 1374 <div class="grid"> 1375 <div class="grid__column grid__column--12 grid__column--6@md"> 1376 <div class="footer__newsletter-container"> 1377 1378 <div class="footer__newsletter-header"> 1379 <div class="footer__newsletter-image"> 1380 <img 1381 class="footer__newsletter-picture" 1382 src="https://imgproxy.fourthwall.dev/uLqZB_DdJqLoE5H-kRnwCfkc2MMQOPYiwJruJDqsACA/w:1400/sm:1/enc/lbuxS5Qz6dQSZodw/6aQHQwUC7Z1iNN8d/vy-Q_op_VFCsAoIp/0ap5y8tivjg8Xiza/kduH2WZIWqWS35a7/Zk_kNhEoBwcaDmMY/PUhu-ExB-shIP5fY/BfvNso8D9y2T8Hp_/DyM0rccisgs5G35P/3YZuFn3EXr6Q-FFm/zhLWuPMgXWPSsvdb/ZK9u7YqWfaqrANK5/LxKrGG47nuOhCAcq/q7ci8KgL47heAY0d/PP-QJEcj2d-jLHwq/synLbGmgkaP916rt.webp" 1383 alt="" 1384 /> 1385 </div> 1386 1387 <h2 class="footer__newsletter-heading"> Join our mailing list</h2> 1388 1389 </div> 1390 <div class="newsletter-form newsletter-form--invert"> 1391 <div class="form" data-newsletter="form-container"> 1392 <form action="" method="post" data-turbo="false"> 1393 1394 <div class="form__section"> 1395 <div class="newsletter-form__input-button-container"> 1396 <div class="newsletter-form__input"> 1397 <div data-input="container" class="input-field input-field--base input-field--invert"> 1398 <input id="newsletter-email" name="contact[email]" type="email" data-newsletter="email" data-input="input" 1399 class="input-field__input" placeholder="YOUR E-MAIL" required> 1400 </div> 1401 1402 1403 1404 1405 1406 1407 1408 1409 1410 <div data-form-error="email" class="form__error"></div> 1411 </div> 1412 1413 <div class="newsletter-form__button"> 1414 <button type="submit" data-newsletter="submit" 1415 class="button button--primary button--expand button--transparent button--narrow"> 1416 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 1417 <path d="M5 12H19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" /> 1418 <path d="M12 5L19 12L12 19" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" /> 1419</svg>
1420 <span class="button__spinner"> 1421 <div class="spinner spinner--small"></div> 1422 </span> 1423 </button> 1424 </div> 1425 </div> 1426 </div> 1427 1428 <div class="form__response-container"> 1429 <div data-form="response-success" class="form__response"> 1430 <div class="alert alert--success"> 1431 Thanks for subscribing! 1432 </div> 1433 </div> 1434 1435 <div data-form="response-error" class="form__response"> 1436 <div class="alert alert--error"> 1437 <ul data-form="response-error-content" class="alert__list"> 1438 </ul> 1439 </div> 1440 </div> 1441 </div> 1442 1443</form> 1444 </div> 1445</div> 1446 1447 </div> 1448 </div> 1449 1450 <div class="grid__column grid__column--12 grid__column--3@md"> 1451 <nav class="footer__nav"> 1452 <ul class="footer__list footer__list--menu"> 1453 1454 <li class="footer__list-item"> 1455 <a class="footer__menu-link footer__menu-link--icon" tabindex="0"> 1456 USD 1457 1458 <span class="footer__link-icon"> 1459 <svg class="svg-fill-current-color" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> 1460 <title>Chevron Bottom</title> 1461 <path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z" vector-effect="non-scaling-stroke"/> 1462</svg> 1463 1464 </span> 1465 1466 </a> 1467 1468 <div class="footer__dropdown footer__dropdown--content"> 1469 <ul class="footer__dropdown-inner"> 1470 1471 <li class="footer__dropdown-item"> 1472 <a class="footer__dropdown-link" href="/localization?currency=USD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1473 USD 1474 </a> 1475 </li> 1476 1477 <li class="footer__dropdown-item"> 1478 <a class="footer__dropdown-link" href="/localization?currency=EUR&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1479 EUR 1480 </a> 1481 </li> 1482 1483 <li class="footer__dropdown-item"> 1484 <a class="footer__dropdown-link" href="/localization?currency=CAD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1485 CAD 1486 </a> 1487 </li> 1488 1489 <li class="footer__dropdown-item"> 1490 <a class="footer__dropdown-link" href="/localization?currency=GBP&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1491 GBP 1492 </a> 1493 </li> 1494 1495 <li class="footer__dropdown-item"> 1496 <a class="footer__dropdown-link" href="/localization?currency=AUD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1497 AUD 1498 </a> 1499 </li> 1500 1501 <li class="footer__dropdown-item"> 1502 <a class="footer__dropdown-link" href="/localization?currency=NZD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1503 NZD 1504 </a> 1505 </li> 1506 1507 <li class="footer__dropdown-item"> 1508 <a class="footer__dropdown-link" href="/localization?currency=SEK&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1509 SEK 1510 </a> 1511 </li> 1512 1513 <li class="footer__dropdown-item"> 1514 <a class="footer__dropdown-link" href="/localization?currency=NOK&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1515 NOK 1516 </a> 1517 </li> 1518 1519 <li class="footer__dropdown-item"> 1520 <a class="footer__dropdown-link" href="/localization?currency=DKK&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1521 DKK 1522 </a> 1523 </li> 1524 1525 <li class="footer__dropdown-item"> 1526 <a class="footer__dropdown-link" href="/localization?currency=PLN&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1527 PLN 1528 </a> 1529 </li> 1530 1531 <li class="footer__dropdown-item"> 1532 <a class="footer__dropdown-link" href="/localization?currency=INR&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1533 INR 1534 </a> 1535 </li> 1536 1537 <li class="footer__dropdown-item"> 1538 <a class="footer__dropdown-link" href="/localization?currency=JPY&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1539 JPY 1540 </a> 1541 </li> 1542 1543 <li class="footer__dropdown-item"> 1544 <a class="footer__dropdown-link" href="/localization?currency=MYR&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1545 MYR 1546 </a> 1547 </li> 1548 1549 <li class="footer__dropdown-item"> 1550 <a class="footer__dropdown-link" href="/localization?currency=SGD&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1551 SGD 1552 </a> 1553 </li> 1554 1555 <li class="footer__dropdown-item"> 1556 <a class="footer__dropdown-link" href="/localization?currency=MXN&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1557 MXN 1558 </a> 1559 </li> 1560 1561 <li class="footer__dropdown-item"> 1562 <a class="footer__dropdown-link" href="/localization?currency=BRL&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1563 BRL 1564 </a> 1565 </li> 1566 1567 <li class="footer__dropdown-item"> 1568 <a class="footer__dropdown-link" href="/localization?currency=CHF&return_to=/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997"> 1569 CHF 1570 </a> 1571 </li> 1572 1573 </ul> 1574 </div> 1575 1576 </li> 1577 1578 1579 1580 <li class="footer__list-item"> 1581 <a href="/en-usd/pages/privacy-policy" class="footer__menu-link">Privacy policy</a> 1582 </li> 1583 1584 <li class="footer__list-item"> 1585 <a href="/en-usd/pages/returns-faq" class="footer__menu-link">Returns & FAQ</a> 1586 </li> 1587 1588 <li class="footer__list-item"> 1589 <a href="/en-usd/pages/terms-of-service" class="footer__menu-link">Terms of Service</a> 1590 </li> 1591 1592 <li class="footer__list-item"> 1593 <a href="/en-usd/pages/about-f066e9ef-c34a-498d-8d99-f2d3a689f997" class="footer__menu-link">About</a> 1594 </li> 1595 1596 <li class="footer__list-item"> 1597 <a href="mailto:[email protected]" class="footer__menu-link">Contact</a> 1598 </li> 1599 1600 <li class="footer__list-item"> 1601 <a href="/contact" class="footer__menu-link">Contact Support</a> 1602 </li> 1603 1604 </ul> 1605 </nav> 1606 </div> 1607 <div class="grid__column grid__column--12 grid__column--3@md"> 1608 <nav class="footer__nav"> 1609 <ul class="footer__list footer__list--menu footer__list--menu-2"> 1610 1611 1612 <li class="footer__list-item"> 1613 <a href="https://instagram.com/shopbeautifulbastard" class="footer__menu-link">Instagram</a> 1614 </li> 1615 1616 1617 1618 <li class="footer__list-item"> 1619 <a href="https://twitch.tv/defrancolive" class="footer__menu-link">Twitch</a> 1620 </li> 1621 1622 1623 1624 <li class="footer__list-item"> 1625 <a href="https://www.youtube.com/PhilipDeFranco" class="footer__menu-link">YouTube</a> 1626 </li> 1627 1628 1629 </ul> 1630 </nav> 1631 </div> 1632 </div> 1633 </div> 1634 1635 <div class="footer__bottom"> 1636 <div class="grid grid--middle"> 1637 <div class="grid__column grid__column--12 grid__column--6@md"></div> 1638 <div class="grid__column grid__column--6 grid__column--3@md"> 1639 <ul class="footer__list footer__list--bottom"> 1640 <li class="footer__list-item">
1641 <div class="footer__copy">© 2026 Beautiful Bastard</div> 1642 </li> 1643 </ul> 1644 </div> 1645 <div class="grid__column grid__column--6 grid__column--3@md"> 1646 <ul class="footer__list footer__list--bottom"> 1647 1648 <li class="footer__list-item"> 1649 <div class="footer__powered-by"> 1650 Powered by <a href="https://fourthwall.com/?utm_source=footer&utm_medium=fourthwall&utm_campaign=poweredby" style="padding-left: 0;" target="_blank" rel="noopener">Fourthwall</a> 1651 </div> 1652 </li> 1653 1654 </ul> 1655 </div> 1656 </div> 1657 </div> 1658 </div> 1659 </div> 1660</div> 1661 1662 1663</div> 1664 </footer> 1665 </div> 1666 1667
1667<script> 1668 var fourthwallTheme = { 1669 strings: { 1670 addToCart: "Add to Cart", 1671 redeemGift: "Redeem Your Gift", 1672 viewCart: "View Cart", 1673 checkout: "Checkout", 1674 outOfStock: "Out of Stock", 1675 unavailable: "Not Available", 1676 soldOut: "Sold Out", 1677 soldOutSuffix: " - Sold Out", 1678 missingQuantityError: "Please choose the quantity.", 1679 generalError: "An error occurred. Please try refreshing the page.", 1680 item: "item", 1681 items: "items", 1682 startShopping: "Start Shopping", 1683 subtotal: "Subtotal", 1684 backToShopping: "Back to Shopping", 1685 cart: { 1686 heading: "[item_count] [item_count_label] in your cart for [total]", 1687 emptyHeading: "Your Shopping Cart is Empty", 1688 tableHeader: { 1689 item: "Item", 1690 quantity: "Quantity", 1691 price: "Price" 1692 }, 1693 deleteModal: { 1694 heading: "Are you sure you want to remove [title] from your cart?", 1695 cancel: "Cancel", 1696 delete: "Delete" 1697 } 1698 }, 1699 newsletter: { 1700 missingEmailError: 'Please enter your email.', 1701 invalidEmailError: 'Please enter a valid email.' 1702 }, 1703 donation: { 1704 missingAmountError: 'Please select or enter the donation amount.', 1705 invalidAmountError: 'Please enter a valid donation amount.', 1706 missingNameError: 'Please enter your name.', 1707 missingMessageError: 'Please enter the message.' 1708 } 1709 }, 1710 urls: { 1711 cart: "/en-usd/cart", 1712 cartItemLocalizedPrefix: "/en-usd", 1713 cartAddUrl: "/en-usd/cart/add", 1714 cartChangeUrl: "/en-usd/cart/change", 1715 productsUrlPrefix: "/en-usd/products", 1716 allProductsCollection: "/en-usd/collections/all", 1717 } 1718 }; 1719</script>
1719 1720 1721 1722
1722<script src="https://themes.fourthwall.dev/themes-library/assets/59e2151b-904a-413a-b78f-75659c7081b8/assets/theme.js?v=f7ba9e84b026a1797cc5c8f0b9e38798f4ba95c038b0bc377c866e1ab2795474" rel="preload" integrity="sha256-97qehLAmoXl8xcjwueOHmPS6lcA4sLw3fIZuGrJ5VHQ=" crossorigin="anonymous"></script>
1722 1723 1724 1725<div id="cookie-consent-banner-container" data-turbo-permanent="true"></div> 1726<!-- 1727 hide account icon
1728<script> document.addEventListener("DOMContentLoaded", () => { 1729 const headerList = document.querySelector(".header__list.list.list--horizontal.list--end"); 1730 1731 if (headerList) { 1732 const listItems = headerList.querySelectorAll(".header__list-item"); 1733 1734 let count = 0; 1735 listItems.forEach((item) => { 1736 if (item.classList.contains("visible@sm")) { 1737 count++; 1738 if (count === 2) { 1739 item.classList.add("hidden"); 1740 } 1741 } 1742 }); 1743 } 1744 }); 1745</script>
1745 1746--> 1747
1748<script> 1749 if (window.location.pathname.includes('/free-unhinged-keychain')) { 1750 // Select the button using its data attributes 1751 var button = document.querySelector('button[data-product="add"][data-testid="product.add.to.cart"]'); 1752 if (button) { 1753 // Hide the button 1754 button.style.display = 'none'; 1755 } 1756 } 1757 1758 if (window.location.pathname.includes('/free-wear-your-feelings-stickers-5-pack')) { 1759 // Select the button using its data attributes 1760 var button = document.querySelector('button[data-product="add"][data-testid="product.add.to.cart"]'); 1761 if (button) { 1762 // Hide the button 1763 button.style.display = 'none'; 1764 } 1765 } 1766</script>
1766 1767
1768<script> 1769 // Wait for the DOM to be fully loaded 1770 document.addEventListener('DOMContentLoaded', function() { 1771 // Select all elements with the class 'badge' 1772 var badges = document.querySelectorAll('.badge'); 1773 1774 // Loop through each badge element 1775 badges.forEach(function(badge) { 1776 // Check if the badge contains the text 'Promo available' (case-insensitive) 1777 if (badge.textContent.trim().toLowerCase() === 'promo available') { 1778 // Hide the badge 1779 badge.style.display = 'none'; 1780 } 1781 }); 1782 }); 1783</script>
1783 1784 1785
1786<script> 1787 if (window.location.pathname.includes('/vip-only')) { 1788 document.querySelectorAll('.grid__column').forEach(column => { 1789 const productTile = column.querySelector('.product-tile'); 1790 if (productTile) { 1791 const hasDataId = productTile.hasAttribute('data-id'); 1792 const image = productTile.querySelector('img'); 1793 const hasValidImage = image && image.src.trim() !== ''; 1794 const productName = productTile.querySelector('.tile__heading'); 1795 const hasProductName = productName && productName.textContent.trim() !== ''; 1796 1797 // Remove column only if it fails all checks 1798 if (!hasDataId || !hasValidImage || !hasProductName) { 1799 column.remove(); 1800 } 1801 } 1802 }); 1803} 1804</script>
1804 1805 1806<!--
1807<script> 1808document.addEventListener('DOMContentLoaded', () => { 1809 document.querySelectorAll('.product-option__value.product-option__value--regular').forEach(el => { 1810 const input = el.querySelector('input'); 1811 if (input && input.value === 'Chocolate, Blush, Bone') { 1812 el.style.display = 'none'; 1813 } 1814 }); 1815}); 1816</script>
1816 1817--> 1818 1819 <div class="admin-bar-container hidden"> 1820 <div id="admin-bar" class="admin-bar sticky hidden"> 1821 <div class="wrapper"> 1822 <div> 1823 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> 1824 <path fill="#FDFCFB" d="m11.947 6-.682 3.151H9.983c-1.61 0-1.964.081-2.237 1.195l-.136.733h3.246l-.683 3.178H6.928L4.5 25.692H0l2.428-11.435H.409l.682-3.178h1.991l.219-.923C4.01 6.706 5.7 6 9.628 6h2.319Zm3.525 5.08 1.936 9.913 1.718-9.914h4.637l1.69 9.914 1.938-9.914H32l-3.382 14.613h-5.21L21.446 14.91 19.48 25.692h-5.237L10.862 11.08h4.61Z"/> 1825 </svg> 1826 </div> 1827 <div class="actions"> 1828 <div class='desktop'> 1829 <div class="dropdown"> 1830 <button class="dropdown-button desktop-switcher pill" data-target="desktop-switcher">View as: </button> 1831 <div class="dropdown-content" id="desktop-switcher"> 1832 <ul> 1833 <li class="dropdown-item" data-mode="creator">Admin</li> 1834 <li class="dropdown-item" data-mode="supporter">Supporter</li> 1835 </ul> 1836 </div> 1837 </div> 1838 <a href="/admin/dashboard/store-design/layout/82be802b-49bb-4768-a563-6bd05de5ddcb/" class='pill edit-page' rel='noopener noreferrer'>Edit page</a> 1839 <a href="/admin/dashboard" rel="noopener noreferrer" class="pill dashboard-link">Go to dashboard</a> 1840 </div> 1841 1842 <div class='mobile'> 1843 <div class="dropdown"> 1844 <button class="dropdown-button pill mobile-switcher" data-target="mobile-switcher">View as</button> 1845 <div class="dropdown-content" id="mobile-switcher"> 1846 <ul> 1847 <li class="dropdown-item" data-mode="creator">Admin</li> 1848 <li class="dropdown-item" data-mode="supporter">Supporter</li> 1849 </ul> 1850 </div> 1851 </div> 1852 1853 <div class="dropdown mobile"> 1854 <button class="dropdown-button pill" data-target="mobile-links"> 1855 <svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1856 <g id="Dots horizontal"> 1857 <g> 1858 <path d="M2.96875 7C2.96875 7.42284 2.62597 7.76562 2.20312 7.76562C1.78028 7.76562 1.4375 7.42284 1.4375 7C1.4375 6.57716 1.78028 6.23438 2.20312 6.23438C2.62597 6.23438 2.96875 6.57716 2.96875 7Z" stroke="#FDFCFB" stroke-width="1.5"/> 1859 <path d="M8.76562 7C8.76562 7.42284 8.42284 7.76562 8 7.76562C7.57716 7.76562 7.23438 7.42284 7.23438 7C7.23438 6.57716 7.57716 6.23438 8 6.23438C8.42284 6.23438 8.76562 6.57716 8.76562 7Z" stroke="#FDFCFB" stroke-width="1.5"/> 1860 <path d="M14.5625 7C14.5625 7.42284 14.2197 7.76562 13.7969 7.76562C13.374 7.76562 13.0312 7.42284 13.0312 7C13.0312 6.57716 13.374 6.23438 13.7969 6.23438C14.2197 6.23438 14.5625 6.57716 14.5625 7Z" stroke="#FDFCFB" stroke-width="1.5"/> 1861 </g> 1862 </g> 1863 </svg> 1864 </button> 1865 <div class="dropdown-content" id="mobile-links"> 1866 <a href="/admin/dashboard" rel="noopener noreferrer" class="dropdown-item">Go to dashboard</a> 1867 </div> 1868 </div> 1869 </div> 1870 1871 <div class="pill close"> 1872 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1873 <g> 1874 <path d="M0.875 13.125L13.125 0.875M13.125 13.125L0.875 0.875" stroke="#FDFCFB" stroke-width="1.5" stroke-linejoin="bevel"/> 1875 </g> 1876 </svg> 1877 </div> 1878 </div> 1879 </div> 1880 </div> 1881 1882 <div id="admin-bar-small" class="admin-bar-small sticky hidden"> 1883 <div class="wrapper"> 1884 <div> 1885 <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> 1886 <path fill="#FDFCFB" d="m11.947 6-.682 3.151H9.983c-1.61 0-1.964.081-2.237 1.195l-.136.733h3.246l-.683 3.178H6.928L4.5 25.692H0l2.428-11.435H.409l.682-3.178h1.991l.219-.923C4.01 6.706 5.7 6 9.628 6h2.319Zm3.525 5.08 1.936 9.913 1.718-9.914h4.637l1.69 9.914 1.938-9.914H32l-3.382 14.613h-5.21L21.446 14.91 19.48 25.692h-5.237L10.862 11.08h4.61Z"/> 1887 </svg> 1888 </div> 1889 </div> 1890 </div> 1891</div> 1892
1893<script> 1894 const cookieModule = { 1895 setCookie: function (name, value, days = 365, maxAge) { 1896 const expires = new Date(Date.now() + days * 24 * 60 * 60 * 1000).toUTCString(); 1897 let cookieString = `${name}=${value}; expires=${expires}; path=/`; 1898 1899 if (maxAge) { 1900 cookieString += `; max-age=${maxAge}`; 1901 } 1902 1903 document.cookie = cookieString; 1904 }, 1905 1906 getCookie: function (name) { 1907 const cookie = document.cookie.split(';').find(c => c.trim().startsWith(`${name}=`)); 1908 return cookie ? cookie.split('=')[1] : null; 1909 } 1910 }; 1911 1912 const AdminBar = { 1913 adminBar: document.getElementById("admin-bar"), 1914 adminBarContainer: document.querySelector(".admin-bar-container"), 1915 adminBarSmall: document.getElementById("admin-bar-small"), 1916 closeButton: document.querySelector('#admin-bar .close'), 1917 viewAsDesktopButton: document.querySelector(".desktop-switcher"), 1918 dropdownButtons: document.querySelectorAll(".dropdown-button"), 1919 dropdownContents: document.querySelectorAll(".dropdown-content"), 1920 inIframe: () => { 1921 try { 1922 return window.self !== window.top; 1923 } catch (e) { 1924 return true; 1925 } 1926 }, 1927 inThemeEditor: () => cookieModule.getCookie('view_as') === 'theme_editor' || AdminBar.inIframe(), 1928 viewAsCreator: () => cookieModule.getCookie('view_as') === 'creator', 1929 viewAsSupporter: () => cookieModule.getCookie('view_as') === 'supporter', 1930 verifyCreator: () => { 1931 document.cookie = 'return_to=' + window.location.href + '; path=/; max-age=30;'; 1932 window.location.href = '/platform/creators/handoff/start?return=' + encodeURIComponent(window.location.pathname + window.location.search); 1933 }, 1934 getSelectedView: () => (AdminBar.viewAsCreator() ? 'Admin' : 'Supporter'), 1935 toggleDropdown: (dropdownContent) => { 1936 dropdownContent.style.display = dropdownContent.style.display === 'none' || dropdownContent.style.display === '' ? 'block' : 'none'; 1937 }, 1938 init() { 1939 if ( 1940 !AdminBar.inThemeEditor() && 1941 cookieModule.getCookie('core_dashboard_visited') 1942 ) { 1943 AdminBar.viewAsDesktopButton.textContent = 'View as: ' + AdminBar.getSelectedView(); 1944 AdminBar.adminBarContainer.classList.toggle('hidden'); 1945 if (cookieModule.getCookie('admin_bar_mode') === 'condensed') { 1946 AdminBar.adminBarSmall.classList.toggle('hidden'); 1947 } else { 1948 AdminBar.adminBar.classList.toggle('hidden'); 1949 } 1950 } 1951 1952 AdminBar.closeButton.addEventListener('click', () => { 1953 cookieModule.setCookie('admin_bar_mode', 'condensed'); 1954 AdminBar.adminBar.classList.toggle('hidden'); 1955 AdminBar.adminBarSmall.classList.toggle('hidden'); 1956 }); 1957 1958 AdminBar.adminBarSmall.addEventListener('click', () => { 1959 cookieModule.setCookie('admin_bar_mode', 'expanded'); 1960 AdminBar.adminBar.classList.toggle('hidden'); 1961 AdminBar.adminBarSmall.classList.toggle('hidden'); 1962 }); 1963 1964 // Add event listeners to each dropdown button 1965 AdminBar.dropdownButtons.forEach((button) => { 1966 button.addEventListener("click", () => { 1967 const dropdownId = button.getAttribute("data-target"); 1968 const dropdownContent = document.getElementById(dropdownId); 1969 AdminBar.toggleDropdown(dropdownContent); 1970 }); 1971 }); 1972 1973 // Close the dropdowns when clicking outside 1974 document.addEventListener("click", (event) => { 1975 AdminBar.dropdownButtons.forEach((button) => { 1976 const dropdownId = button.getAttribute("data-target"); 1977 const dropdownContent = document.getElementById(dropdownId); 1978 if (event.target !== button && !button.contains(event.target) && event.target !== dropdownContent) { 1979 dropdownContent.style.display = "none"; 1980 } 1981 }); 1982 }); 1983 1984 document.querySelectorAll(".dropdown-content li").forEach((item) => { 1985 item.addEventListener("click", (event) => { 1986 const mode = event.target.getAttribute("data-mode"); 1987 if (mode === 'creator') { 1988 cookieModule.setCookie('view_as', 'creator'); 1989 AdminBar.verifyCreator(); 1990 } else { 1991 cookieModule.setCookie('view_as', 'supporter'); 1992 window.location.reload(); 1993 } 1994 }); 1995 }); 1996 }, 1997 }; 1998
1999 AdminBar.init(); 2000</script>
2000 2001 2002<style> 2003 .admin-bar-container { 2004 height: 56px; 2005 } 2006 2007 .hidden { 2008 display: none; 2009 } 2010 2011 .admin-bar, 2012 .admin-bar-small { 2013 z-index: 1000; 2014 background-color: rgba(0, 0, 0, 0.7); 2015 backdrop-filter: blur(15px); 2016 -webkit-backdrop-filter: blur(15px); 2017 height: 56px; 2018 width: 100%; 2019 } 2020 2021 .admin-bar-small { 2022 width: 73px; 2023 cursor: pointer; 2024 } 2025 2026 .sticky { 2027 position: fixed; 2028 bottom: 0; 2029 } 2030 2031 .admin-bar a { 2032 color: #FDFCFB; 2033 padding: 14px; 2034 font-size: 14px; 2035 text-decoration: none; 2036 } 2037 2038 .admin-bar button { 2039 padding: 14px; 2040 font-size: 14px; 2041 } 2042 2043 .admin-bar .wrapper, 2044 .admin-bar-small .wrapper { 2045 display: flex; 2046 justify-content: space-between; 2047 align-items: center; 2048 padding: 10px 20px; 2049 } 2050 2051 .admin-bar-small .wrapper { 2052 padding: 12px 20px; 2053 } 2054 2055 .admin-bar .pill { 2056 display: flex; 2057 justify-content: center; 2058 align-items: center; 2059 gap: 10px; 2060 text-transform: capitalize; 2061 2062 padding: 6px 14px; 2063 border-radius: 100px; 2064 background: rgba(253, 252, 251, 0.12); 2065 2066 cursor: pointer; 2067 } 2068 2069 .admin-bar .pill:hover { 2070 background: rgba(253, 252, 251, 0.22); 2071 } 2072 2073 .admin-bar .close { 2074 padding: 6px 11px; 2075 } 2076 2077 .admin-bar .actions, 2078 .admin-bar .actions .desktop, 2079 .admin-bar .actions .mobile { 2080 display: flex; 2081 gap: 10px; 2082 } 2083 2084 .admin-bar .actions .desktop, 2085 .admin-bar .actions .edit-page { 2086 display: none; 2087 } 2088 2089 @media (min-width: 768px) { 2090 .admin-bar a, 2091 .admin-bar button { 2092 font-size: 16px; 2093 } 2094 2095 .admin-bar .actions .desktop, 2096 .admin-bar .actions .edit-page { 2097 display: flex; 2098 gap: 10px; 2099 } 2100 2101 .admin-bar .actions .mobile { 2102 display: none; 2103 } 2104 } 2105 2106 .dropdown { 2107 position: relative; 2108 } 2109 2110 .dropdown-content { 2111 display: none; 2112 position: absolute; 2113 background-color: rgba(0,0,0,0.9); 2114 min-width: 130px; 2115 box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 2116 bottom: 100%; /* Position above the button */ 2117 border-radius: 10px; 2118 bottom: calc((100% + 8px) - 0px); 2119 right: 0; 2120 } 2121 2122 /* Style for each list item */ 2123 .dropdown-content .dropdown-item { 2124 color: white; 2125 padding: 12px 16px; 2126 text-decoration: none; 2127 white-space: nowrap; 2128 display: block; 2129 cursor: pointer; 2130 border-radius: 10px; 2131 } 2132 2133 .dropdown-content .dropdown-item:hover { 2134 background-color: rgba(255,255,255,0.2) 2135 } 2136 2137 /* Style for the button */ 2138 .dropdown-button { 2139 color: white; 2140 padding: 10px 20px; 2141 border: none; 2142 border-radius: 5px; 2143 cursor: pointer; 2144 line-height: 24px; 2145 } 2146</style> 2147 2148</body> 2149</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.