54 performance improvements (#57) · rogerioromao.dev/purrform-frontend@b0337de

+16 -4

assets/scss/custom.scss

··· 1 1 @font-face { 2 2 font-family: 'Filson Pro'; 3 - src: url('../fonts/FilsonPro-Bold.woff2') format('woff2'), 3 + src: 4 + url('../fonts/FilsonPro-Bold.woff2') format('woff2'), 4 5 url('../fonts/FilsonPro-Bold.woff') format('woff'); 5 6 font-weight: 700; 6 7 font-style: normal; ··· 9 10 10 11 @font-face { 11 12 font-family: 'Filson Pro'; 12 - src: url('../fonts/FilsonPro-Regular.woff2') format('woff2'), 13 + src: 14 + url('../fonts/FilsonPro-Regular.woff2') format('woff2'), 13 15 url('../fonts/FilsonPro-Regular.woff') format('woff'); 14 16 font-weight: normal; 15 17 font-style: normal; ··· 94 96 } 95 97 96 98 a { 99 + color: #38b6e8; 97 100 text-decoration: none; 101 + 102 + &:hover { 103 + color: #1e8fba; 104 + text-decoration: underline; 105 + } 98 106 } 99 107 100 108 p { ··· 2920 2928 font-size: 14px; 2921 2929 padding: 10px 20px 10px 18px; 2922 2930 text-decoration: none; 2923 - transition: border, background-color 0.1s; 2931 + transition: 2932 + border, 2933 + background-color 0.1s; 2924 2934 } 2925 2935 2926 2936 .mapplic-list-location > a:after { ··· 3075 3085 margin-top: 4px; 3076 3086 padding: 4px 8px; 3077 3087 text-decoration: none; 3078 - transition: background-color 0.2s, box-shadow 0.2s; 3088 + transition: 3089 + background-color 0.2s, 3090 + box-shadow 0.2s; 3079 3091 } 3080 3092 3081 3093 .mapplic-popup-link:hover {

+1 -6

templates/components/common/header.html

··· 1 1  2 - <link rel="stylesheet" href="https://use.typekit.net/drc3iaj.css"> 2 + <link rel="stylesheet" href="https://use.typekit.net/drc3iaj.css" fetchpriority="high"> 3 3 4 4  5 5 <script src="https://code.jquery.com/jquery-3.6.2.min.js" integrity="sha256-2krYZKh//PcchRtd+H+VyyQoZ/e3EcrkxhM8ycwASPA=" crossorigin="anonymous"></script> 6 - <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 7 - <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> 8 - 9 - <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.min.css"> 10 - 11 6 12 7 <a href="#main-content" class="skip-to-main-link">{{lang 'header.skip_to_main'}}</a> 13 8 {{#if banners.top}}

+5 -40

templates/pages/cart.html

··· 1 1 --- 2 2 cart: true 3 3 --- 4 - {{inject 'cancelButtonText' (lang 'common.cancel')}} {{#partial "page"}} 4 + 5 + {{#partial "page"}} 6 + {{inject 'cancelButtonText' (lang 'common.cancel')}} 5 7 {{inject 'invalidEntryMessage' (lang 'cart.invalid_entry_message')}} 6 8 {{inject 'cartId' cart_id}} 7 9 ··· 206 208 </i> 207 209 {{lang 'cart.added_to_cart.continue_shopping'}} 208 210 </a> 209 - <a id="do_checkout" class="button button--primary ui-state-disabled" 211 + <a id="do_checkout" class="button button--primary" 210 212 href="{{urls.checkout.single_address}}" title="{{lang 'cart.checkout.title'}}" 211 213 data-primary-checkout-now-action> 212 214 {{lang 'cart.checkout.button'}} ··· 237 239 {{/if}} 238 240 239 241 </main> 240 - <script src="https://code.jquery.com/jquery-3.6.2.min.js" 241 - integrity="sha256-2krYZKh//PcchRtd+H+VyyQoZ/e3EcrkxhM8ycwASPA=" crossorigin="anonymous"></script> 242 - 243 - <div class="modal fade" id="redeem_point" tabindex="-1" aria-labelledby="redeem_point" 244 - style="display: none;" aria-hidden="true"> 245 - <div class="modal-dialog"> 246 - <div class="modal-content swal2-content"> 247 - <div class="swal2-icon swal2-warning swal2-icon-show" style="display: flex;"> 248 - <div class="swal2-icon-content">!</div> 249 - </div> 250 - <h4 style="text-align:center;margin-bottom:5px;" id="swal2-title"> 251 - </h2> 252 - <button type="button" class="swal2-close" 253 - onclick="document.getElementById('redeem_point').style.display='none';">x</button> 254 - <div id="swal2-content" class="swal2-html-container uk-margin-small-bottom" 255 - style="display: block;">Enter the points to redeem:</div> 256 - <input type="number" class="uk-input uk-text-center" id="redeem" name="redeem" min="" max="" 257 - value="" style="max-width:200px;"> 258 - </div> 259 - <div class="swal2-footer"> 260 - <span style="display:none;" id="total_point"></span> 261 - <a onclick="redeem_loyalty()" 262 - style="background-color: #BD9B60 !important; border-color: #BD9B60 !important; border-radius: 50px;font-weight: 500;font-size: 16px;" 263 - class="button button--primary">Redeem point  </a> 264 - <a onclick="document.getElementById('redeem_point').style.display='none';" 265 - style="background-color: #FFF !important; border-color: #BD9B60 !important; border-radius: 50px;font-weight: 500;font-size: 16px;color: #BD9B60;" 266 - class="button button--primary">Cancel</a> 267 - </div> 268 - </div> 269 - </div> 270 242 271 243 <div class="modal fade" id="newsletter-box" tabindex="-1" aria-labelledby="redeem_point" 272 244 style="text-align:center;display: none;box-shadow:0px 0px 39px 9px rgb(0 0 0 / 20%);border-radius:50px" ··· 322 294 </div> 323 295 </div> 324 296 </div> 325 - <div style="display:none" id="gift_wrap" 326 - class="coupon-box-small-icon-wrap coupon-box-small-icon-position-bottom-left coupon-box-small-icon-hidden-mobile"> 327 - <div class="coupon-box-small-icon-container"> 328 - <span id="gift_close" class="coupon-box-small-icon-close button_close_icons-cancel" 329 - title="Do not show again"></span> 330 - <span id="gift_box" class="coupon-box-small-icon giftbox-gifbox-with-ribbon-on-top"></span> 331 - </div> 332 - </div> 297 + 333 298 {{/partial}} 334 299 {{> layout/base}} 335 300

+16 -16

templates/pages/checkout.html

··· 17 17 18 18 {{#partial "page"}} 19 19 20 -  21 - <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.15.14/dist/css/uikit.min.css" /> 22 - <link rel="stylesheet" href="https://use.typekit.net/drc3iaj.css" /> 23 - 24 -  25 - <script src="https://cdn.jsdelivr.net/npm/uikit@3.15.14/dist/js/uikit.min.js"></script> 26 - <script src="https://cdn.jsdelivr.net/npm/uikit@3.15.14/dist/js/uikit-icons.min.js"></script> 27 20 28 21  29 22 <script src="https://code.jquery.com/jquery-3.6.2.min.js" 30 23 integrity="sha256-2krYZKh//PcchRtd+H+VyyQoZ/e3EcrkxhM8ycwASPA=" crossorigin="anonymous"></script> 31 24 <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 32 - <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> 25 + <link rel="stylesheet" 26 + href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.min.css" /> 33 27 34 - <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" 35 - integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous" /> 36 - <link rel="stylesheet" 37 - href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.min.css" /> 38 28 39 29 {{inject "checkoutId" cart_id}} 40 30 ··· 1558 1548 border-color: red; 1559 1549 } 1560 1550 1551 + #ui-datepicker-div > * { 1552 + font-family: 'Filson Pro', sans-serif; 1553 + } 1554 + 1561 1555 .ui-datepicker, 1556 + .ui-datepicker-title, 1557 + .ui-datepicker-month, 1558 + .ui-datepicker-year, 1562 1559 .ui-datepicker table, 1563 1560 .ui-datepicker tr, 1564 1561 .ui-datepicker td, ··· 1567 1564 padding: 0; 1568 1565 border: none; 1569 1566 border-spacing: 0; 1567 + font-family: 'Filson Pro', sans-serif; 1570 1568 } 1571 1569 1570 + 1571 + 1572 1572 .ui-datepicker { 1573 1573 box-shadow: 0 5px 12px rgb(0 0 0 / 15%); 1574 1574 display: none; ··· 1576 1576 padding: 15px; 1577 1577 cursor: default; 1578 1578 text-transform: uppercase; 1579 - font-family: Filson-Soft; 1579 + font-family: 'Filson Pro', sans-serif; 1580 1580 font-size: 24px; 1581 1581 background: #fff; 1582 1582 -webkit-border-radius: 4px; ··· 1594 1594 1595 1595 .ui-datepicker-title { 1596 1596 text-align: center; 1597 - font-family: Filson-Soft; 1597 + font-family: 'Filson Pro', sans-serif; 1598 1598 } 1599 1599 1600 1600 .ui-datepicker-month { 1601 1601 position: relative; 1602 1602 padding-right: 15px; 1603 1603 color: #fff; 1604 - font-family: Filson-Soft; 1604 + font-family: 'Filson Pro', sans-serif; 1605 1605 } 1606 1606 1607 1607 /* .ui-datepicker-current-day .ui-state-default {background-color:#687d6a;color: #bd9b60;} */ 1608 1608 .ui-datepicker-year { 1609 1609 padding-left: 8px; 1610 1610 color: #fff; 1611 - font-family: Filson-Soft; 1611 + font-family: 'Filson Pro', sans-serif; 1612 1612 } 1613 1613 1614 1614 .ui-datepicker-month:before {

Configure Feed

Configure Feed