cupboard 0.2.1 → 0.2.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: cdc7984cb878320d62ba448330f251070b47f05c
-  data.tar.gz: b1401a732f3379950b9edcf15430ce05cd95af71
+  metadata.gz: 345b00ab3083fefc6abd457f61b407fd50da2289
+  data.tar.gz: 03009db3bc11bf72f699de5bc047ef9cacff8077
 SHA512:
-  metadata.gz: 1c24eb88690e2a0bda6761c77ff04a9e52a74d17db6c5aa3fc7a7bc807649dbbd463c3c962d2660f669aac0795ba1b1c8cbe183c3be3db6f2a87d640c71cd960
-  data.tar.gz: 2616a33bf1651261439c7b33359cb7fa1202f917469259411f0cb0e11f90e9c136c3ae5258884dcbde2d00222a411bc7e397eec82e85cb2569c53a0f5486d9af
+  metadata.gz: 4d25484ce60145b0c652e84a54785e2646ae908cd54b8c93edaf9cc0587636139a8c6b2fca8538566700d90e18eda29af60431f6af5760f651c776cc5125fad6
+  data.tar.gz: c57d1223da17ed06b37cb36babb51fd15e588c30034d8fcee0d7931e87d54d6bf69bbf3b781b31b243c8e0a802b5c5d0c1feecaa098b676b2818cbefce14b080

data/README.md

@@ -7,6 +7,7 @@ Welcome to your new gem! In this directory, you'll find the files you need to be
 1. v0.1.0 - static html pages
 2. v0.2.0 - contents generated by Hologram
 3. v0.2.1 - refactor files
+4. v0.2.2 - new desigen elements
 
 ## Installation
 

data/app/assets/images/icook-logo-footer.svg

@@ -0,0 +1 @@
+<svg width="175" height="46" viewBox="0 0 175 46" xmlns="http://www.w3.org/2000/svg"><title>logo copy</title><g fill="none" fill-rule="evenodd"><path d="M6.199 14.324s24.56-4.028 45.953-1.61l1.583-1.612s-10.828-2.82-20.598-4.03c-.623-.076 5.546-5.035 3.96-6.445-1.583-1.411-13.467 0-13.467 0s5.149 5.237 3.96 5.64c-1.187.403-14.062 2.618-22.184 5.64-8.12 3.023.793 2.417.793 2.417M4.9 23.63s1.013-2.814 4.727-3.151c5.186-.47 16.55-1.855 23.64-2.04 7.093-.185 18.64.093 21.096 3.152 2.454 3.059 2.727 6.86 2.183 10.94-.548 4.08-11.003 8.595-19.641 9.335-8.638.742-21.856-1.151-28.51-4.144-3.951-1.779-4.638-4.963-4.586-8.158.04-2.363 1.091-5.934 1.091-5.934M.536 26.597c-.7 3.756-1.087 6.63 1.273 10.754 2.278 3.982 9.548 5.722 16.184 7.297 6.637 1.576 17.659 1.18 22.187.557 4.485-.618 19.275-5.535 20.367-12.302 1.09-6.768-.729-11.774-3.638-14.649-2.908-2.874-15.9-3.111-19.718-3.484-3.82-.37-21.942 1.649-25.38 2-5.873.6-9.778 1.794-11.275 9.827m47.506-3.54c-.194 6.022 2.486 7.256 2.486 7.256 3.847 1.64 3.28-.095 3.28-.095s1.296-1.84-.508-5.135c-1.802-3.297-5.258-2.027-5.258-2.027M29.175 25.78s.485 1.935.16 4.045c-.322 2.11 2.104 2.463 4.69 2.11 2.587-.35 2.427-3.076 2.102-3.867-.322-.793-2.911-5.189-6.952-2.288m-12.677 4.663c-.09.463-.293 5.82 7.132 8.058 6.455 1.947 19.181 1.411 22.184-3.225 1.82-2.813.89-6.244-1.586-6.444-1.419-.117-1.677-1.392-1.584 0 .091 1.39-1.882 5.276-6.517 5.739-4.638.464-10.77-.57-12.497-2.517-1.73-1.947-1.063-4.176-3.17-4.835-3.863-1.208-3.87 2.76-3.962 3.224m-7.13-5.64c-1.636 2.596-2.014 4.063-2.377 5.64-.365 1.575.284 2.483 2.377 3.222 2.092.743 2.259.307 3.168-.805.91-1.112 1.586-6.447 1.586-6.447s-.029-2.1-1.586-2.417c-1.485-.301-3.168.806-3.168.806" fill="#564E4A"/><path d="M76.083 43.465c-4.202 0-7.608-3.414-7.608-7.626V9.913c0-4.211 3.406-7.625 7.608-7.625h91.3c4.202 0 7.608 3.414 7.608 7.625V35.84c0 4.212-3.406 7.626-7.608 7.626h-91.3z" fill="#EF4645"/><path d="M140.73 33.717h-.003c-.167-.03-.887-.237-.878-1.584.001-1.17.296-1.512.428-1.556h.003c.192.026.441.04.703.04.676 0 1.788-.091 3.243-.522l.15-.045.197-8.437s-2.177.43-3.655.645l-.232.034.007.028a.35.35 0 0 1-.293-.123c-.18-.192-.374-.688-.286-1.96a.178.178 0 0 1 .133-.164c.483-.118 1.774-.343 4.165-.4h.212s.051-4.402-.224-5.971l-.03-.173s-1.48-.036-1.785-.036l-.48.081a2.218 2.218 0 0 1-.836.163 2.4 2.4 0 0 1-.545-.064.673.673 0 0 1-.514-.568c-.094-.725-.102-1.414-.037-1.86 0-.003.003-.003.006-.003.157.01.653.018 1.33.018.55 0 7.738-.006 8.566-.106.004 0 .007.003.007.007l-.06 2.507a.006.006 0 0 1-.006.007l-2.99-.097c-.23.882-.435 2.4-.505 5.933l-.004.175s2.567.057 2.826.083c.003 0 .004.003.005.005.056.307.157 1.23-.065 1.692-.026.053-.146.085-.321.085-.232 0-1.581-.106-1.975-.084-.598.034-.518.163-.518.405 0 1.09-.146 6.402-.176 7.456l-.008.292.281-.079c.304-.085 2.437-.766 2.728-.888a3.1 3.1 0 0 0 .255-.122l.604 1.942-.001.004c-.085.112-.453.381-1.09.572l-.353.1c-3.64 1.028-6.324 1.892-7.979 2.568" fill="#FEFEFE"/><path d="M162.227 12.309c-.906 0-1.94.205-2.086.31l-.047.033-.024.053-.073.062-.006.105-.09 3.85 2.756-.06h1.853l.043-2.26c.04-1.718-1.014-1.94-1.21-1.967a4.382 4.382 0 0 0-1.116-.126zm-8.68 3.567l-.004.039c-.02.232.382.692 1.257.787.27.03.676.044 1.209.044.566 0 1.151-.016 1.5-.026.154-.004.266-.007.318-.007l.17-.001.038-.166c.082-.356.064-3.391.061-3.736l-.001-.23-1.364.102a8.754 8.754 0 0 0-1.184-.089c-.581 0-1.003.075-1.287.23-.623.344-.638.787-.649 1.08-.003.076-.006.148-.019.2-.045.178-.043.637-.036 1.219.002.21.005.467-.001.538l-.008.016zm7.091 2.343c-.205 0-.328.022-.395.041l-.158.045.05 3.259.198.012c.282.018 1.74.106 2.68.106.291 0 .769-.008.908-.025l.132-.015.045-.126c.105-.295.353-1.81.167-2.684a.757.757 0 0 0-.863-.586c-.302.051-.76.113-1.227.113-.244 0-.464-.017-.656-.05a5.33 5.33 0 0 0-.88-.09zm-4.805-.037a33.66 33.66 0 0 0-1.867.035l-.164.01-.033.161c-.108.528-.418 2.306.126 3.003a.734.734 0 0 0 .605.294.998.998 0 0 0 .084-.003c1.044-.092 2.505-.19 3.156-.19.21 0 .263.01.27.012l.182.045.07-.174c.125-.314.045-2.54.028-2.983l-.008-.209-.209.002c-.053.001-.154.002-.34.002l-1.9-.005zm-8.112 15.76c1.224.065 2.755.094 3.783.094 3.863 0 6.25-.405 6.51-.452l.187-.033-.171-2.89.077-1.447-.13-.062a.794.794 0 0 0-.346-.059c-.143 0-.316.016-.516.034-.267.025-.57.053-.902.053-1.766 0-4.068.51-4.687 1.025l-.024.005-.644-2.384c.178-.055-.114-.575 1.794-.834 1.26-.172 3.182-.101 4.507-.126.385-.007.639-.012.732-.02l.176-.017.018-.176a36.35 36.35 0 0 0 .176-3.01l.002-.254-.25.04a21.708 21.708 0 0 1-3.914.252l-2.623-.065c.04-.75.217-3.826.328-4.782l-.17-2.397c-.102-2.51-.119-5.212.04-5.723h.034c.207 0 .672-.03 1.262-.07 1.62-.105 4.634-.301 8.263-.301 1.045 0 2.245.106 3.405.208.634.056 1.236.11 1.787.143 0 0 .205.218.247 2.094.042 1.875-.414 9.936-.414 9.936l.015.853-6.177-.27-.107 3.726 2.083.036c3.125 0 4.81-.638 5.439-.944l-.286 3.334c-.664-.013-2.531-.133-4.19-.24-1.395-.09-2.6-.167-2.871-.167l-.223.211-.089 4.12.193.024c.218.027 1.049.116 2.579.116.42 0 .864-.007 1.32-.02 2.236-.071 4.909-.663 5.753-.863l-.838 3.615-1.623-.054c-.215-.019-4.421-.45-8.527-.45-1.364 0-3.57.04-4.365.136-3.147.39-5.172.714-5.715.804l-.908-2.749zM90.187 21.671c-.577 0-.674-.272-.706-.362-.26-.724-.726-1.674-.939-2.095.194-.028.498-.062.842-.062.649 0 1.528.12 2.034.688.16.18.247.394.258.634.023.526-.374 1.012-.924 1.13-.209.044-.399.067-.565.067" fill="#FEFEFE"/><path d="M98.723 24.488c-.461-.817-1.697-2.875-2.869-3.734a1.4 1.4 0 0 0 .185-.205c.186-.25.597-.662 1.258-.604.047.005.095.011.145.02 1.496.3 3.279 3.04 3.279 3.04s-.758.707-1.058.92c-.3.213-.697.473-.94.563zm-9.588-12.116l.027.228c.282 2.404 1.783 3.073 1.847 3.1l.038.017 2.836.066.067-.084c.942-1.2 1.154-3.026 1.187-3.38l.023-.247-6.025.3zm-5.651.427l-.033.153c-.066.318-.371 1.943.21 2.742.195.269.479.426.82.455l.535.053 4.94.042-.657-.405c-.658-.405-1.794-2.248-2.361-3.273l-.07-.125-3.384.358zm5.39 15.502c-.25.004-.437.129-.517.28-.13.25.084.516.107.55.925 1.124 1.671 1.695 2.187 1.95.301.148 2.457-1.664 2.347-2.209-.043-.21-.22-.463-.82-.48-.581-.012-1.135-.033-1.634-.051-.59-.022-1.1-.041-1.498-.041l-.171.001zm-10.29 9.353c-1.363-1.126-2.458-2.203-2.606-2.555.137-.017.413-.02.725-.023 1.928-.019 6.444-.064 11.763-2.696l.324-.16-.295-.21a13.498 13.498 0 0 1-2.953-2.908l-.15-.208-.178.183c-.33.34-2.153 2.112-5.624 3.677a3.075 3.075 0 0 1-1.255.271c-.49 0-.967-.122-1.38-.354-.463-.26-.735-.597-.812-1.007.723-.3 4.5-1.923 7.66-4.302 0 0 1.157-.775 1.209-2.322l.006-.176-.418-.101a1.412 1.412 0 0 1-1.074-1.244c-.126-1.375-.364-3.69-.545-5.373l-.018-.172-.172-.02c-.301-.033-1.867-.201-3.06-.201-.644 0-1.07.048-1.304.146l-.148.063.019.16c.133 1.13.267 3.203-.08 3.81-.14.25-.553.406-1.077.406-.972 0-1.598-.328-1.86-.973l-.003-.004c.305-.221.825-.807.825-2.23l-.148-2.457c.532-.09 2.126-.332 3.786-.332.721 0 1.387.016 1.979.049l.221.012.06-2.44-.287.09a1.15 1.15 0 0 1-.34.045c-.182 0-.382-.03-.594-.09-.462-.134-.435-.68-.401-.908l.035-.241-.493-.01c-.519 0-1.064.14-1.672.43a.343.343 0 0 1-.147.028c-.17 0-.492-.086-1.06-.497-.898-.653-1.055-1.073-1.07-1.266a.33.33 0 0 1 .02-.15c1.036-.067 9.61-.628 15.687-1.26 3.537-.368 5.887-.828 6.89-1.024.274-.054.511-.1.561-.102.388.048.494.335.662.881.074.239.149.483.27.73a.302.302 0 0 1-.015.294.322.322 0 0 1-.275.154l-1.685-.044.019.239c.045.56.04 1.281-.111 1.625-.528 1.208-1.245 2.193-1.38 2.335l-.158.167.565.47.08-.001c.123-.002.642-.01 1.343-.01.933 0 2.385.038 3.447.092a.886.886 0 0 1 .839.965c-.127 1.366-.02 3.567.03 4.397l-2.367-.058s.092-2.938-.156-3.19c-.13-.132-.353-.217-.826-.217 0 0-12.761.196-14.143.21l-.256.003.047.251c.053.287.808 3.074.84 3.192a1.87 1.87 0 0 0 1.853 1.552h.027c.13-.003.268-.003.414-.003.322 0 .68.003 1.053.007.415.005.839.01 1.25.01 1.512 0 2.256-.063 2.57-.215.77-.373 1.303-1.395 1.503-1.83.348.27 1.139.986 1.166 1.945.03 1.06-.584 1.686-1.876 1.912-.467.081-1.289.123-2.444.123a92.23 92.23 0 0 1-3.645-.091l-.312-.013-.058.138c-.22.523-.557 1.448-.35 1.76a.288.288 0 0 0 .248.133c.469-.01.97-.05 1.55-.098.816-.067 1.741-.143 2.78-.143 1.412 0 3.31.19 4.048.548 1.032.502.872 1.771.177 2.466-.724.724-3.15 2.227-3.41 2.55-.086.107.278.3.408.356 1.697.735 5.361 1.313 9.8 1.478.082.003.482 0 .601 0-.192.903-.867 2.43-1.308 3.008-.854-.13-6.229-1.026-11.2-3.618l-.103-.053-.101.056c-.262.146-6.454 3.573-11.958 4.183z" fill="#FEFEFE"/><path d="M80.679 24.348c-.524 0-1.184-.171-1.415-.971.662-.96 1.701-2.569 1.828-3.382.414.052.78.27 1.002.603.293.442.572 1.252.234 2.596-.025.06-.314.785-.95 1.039-.14.056-.398.115-.7.115zM108.681 13.675c.292-.357.893-1.036 1.41-1.41.417.581 2.033 2.853 2.472 3.76-.718.8-1.06 1.128-1.411 1.454-.036-.067-1.642-2.607-2.47-3.804M126.46 17.038c-.821-.652-2.544-1.5-3.411-1.909l.097-.145c1.073-1.311 1.517-1.769 1.682-1.922a30.09 30.09 0 0 0 3.321 2.029l.045.067c-.355 1.064-.921 1.954-1.17 2.316l-.565-.436zM117.878 16.068c.171-.618.748-2.68 1.094-3.634.418.074 1.767.397 2.379 1.556-.615.821-1.651 2.164-2.092 2.591l-1.38-.513z" fill="#FEFEFE"/><path d="M130.818 37.685c-.38 0-.949-.044-1.562-.242.425-3.058.445-10.334.445-10.334s-7.077 2.22-7.949 2.52c-.549-.49-.83-1.269-.905-1.505l-.112-.351-.25.27c-.302.327-.697.54-.883.629l-3.111-3.362.105 6.086c-.045 1.85.115 5.536.122 5.692l.002.037c-.065.038-.317.144-1.167.16l-.222.003c-.987 0-1.398-.142-1.54-.211.067-.762.34-4.004.44-6.285.09-2.044.084-3.365.082-3.8l-.003-.68-.388.528c-.816 1.176-2.315 2.974-3.334 4.17-.826.993-2.404.655-2.58-.479-.175-1.134-.612-2.696-.611-2.697 1.163.466 2.597.207 3.305-.49l.024-.022c3.292-3.234 3.225-5.492 3.178-5.911l-.02-.188-.189-.004a76.54 76.54 0 0 0-1.408-.014c-2.167 0-2.992.122-3.34.277-.003-.402.02-1.198.09-2.524l5.407.126.061-.122c.264-.53-.245-7.921-.32-8.954.828-.568 2.456-.179 2.862.014-.522 1.281-.668 7.065-.7 8.892l-.005.236.235-.017c.228-.017.538-.026.921-.026 1.303 0 3.13-.057 3.73-.076h.022l.006.029-.035 1.803 2.192-1.962 3.492 2.369c-.311.494-1.24 1.606-1.576 1.834-.603-.297-1.021-.582-1.87-1.432-.469-.47-.716-.642-1.03-.701-.46-.086-.954.137-1.127.341-.131.007-.381.013-.887.013-1.302 0-3.43-.039-3.669-.043l-.21-.004-.056 1.49.086.067c.995.777 2.618 2.065 4.705 3.797l-.377.547.441-.027c1.632-.101 7.9-2.397 8.292-2.555l.124-.05.01-.134c.003-.047.083-1.207.052-6.83-.03-5.317-.386-7.568-.446-7.909.03-.045.231-.319 1.251-.37a3.757 3.757 0 0 1 2.12.553l-.032.09-.063.171c-.394 1.013-.377 11.243-.37 13.283l.001.3.283-.097c1.045-.358 2.558-.826 3.068-1.02l-.05 2.566c-1.606.666-3.084.956-3.23 1.041l-.102.061-.089 3.25c-.043 4.65.153 7.821.155 7.853-.033.073-.542.33-1.491.33" fill="#FEFEFE"/></g></svg>

data/app/assets/images/vip_modal.svg

@@ -0,0 +1 @@
+<svg id="圖層_1" data-name="圖層 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 230 230"><defs><style>.cls-1,.cls-10,.cls-2,.cls-6{fill:#fff}.cls-1{opacity:0}.cls-2{stroke:#a39b97}.cls-2,.cls-4,.cls-6,.cls-7,.cls-8,.cls-9{stroke-linecap:round;stroke-linejoin:round}.cls-2,.cls-4,.cls-7,.cls-8,.cls-9{stroke-width:3px}.cls-3{font-size:30px;letter-spacing:-.1em}.cls-15,.cls-3,.cls-5{fill:#706864}.cls-3,.cls-5{font-family:CourierNewPS-BoldMT,Courier New;font-weight:700}.cls-4,.cls-8,.cls-9{fill:none}.cls-4{stroke:#e2e0db;opacity:.7}.cls-5{font-size:23px;letter-spacing:-.1em}.cls-6,.cls-7,.cls-8,.cls-9{stroke:#564e4a}.cls-6{stroke-width:2px}.cls-12,.cls-7{fill:#f04646}.cls-9{stroke-dasharray:3.53 7.07}.cls-11{fill:#a39b97}.cls-13{fill:#564e4a}.cls-14{fill:#e2e0db}.cls-15{font-size:18.91px;stroke:#706864;stroke-miterlimit:10;font-family:Helvetica,Helvetica;letter-spacing:-.1em}</style></defs><title>vip icon</title><path class="cls-1" d="M0 0h230v230H0z"/><path class="cls-2" d="M174.06 51.65c-4.45 2.76-1.08 8.19-5.52 11s-7.82-2.68-12.27.08-1.08 8.2-5.52 11-7.82-2.68-12.27.08-1.08 8.2-5.52 11-7.82-2.68-12.27.08a5.78 5.78 0 0 0-2.63 4.56l42.65 68.81a5.78 5.78 0 0 1 2.63-4.56c4.45-2.76 7.82 2.68 12.27-.08s1.08-8.2 5.52-11 7.82 2.68 12.27-.08 1.08-8.2 5.52-11 7.82 2.68 12.27-.08 1.08-8.19 5.52-11a5.62 5.62 0 0 1 .9-.45L175 51.2a5.62 5.62 0 0 0-.94.45z"/><text class="cls-3" transform="rotate(-31.79 300.829 -208.105)">60</text><path class="cls-4" d="M128.7 95.16l32.24 52.01M176.95 65.24l32.25 52.02"/><text class="cls-5" transform="rotate(-81.19 159.86 -56.804)">%</text><path class="cls-6" d="M21.17 83.68h6a1 1 0 0 1 .83.44l4.63 6.78-8.35.16-3.89-5.82a1 1 0 0 1 .78-1.56zM185 158.66l-1 5.87a1 1 0 0 1-.57.74l-7.48 3.37 1.3-8.25 6.41-2.82a1 1 0 0 1 1.34 1.09z"/><path class="cls-7" d="M185.57 9.76l5.2 7.87 9.09 2.5-5.89 7.38.43 9.42-8.83-3.32-8.82 3.32.42-9.42-5.88-7.38 9.09-2.5 5.19-7.87z"/><path class="cls-8" d="M150.61 56.16l1.18-.92"/><path class="cls-9" d="M157.34 50.86l5.55-4.37"/><path class="cls-8" d="M165.66 44.3l1.18-.93M50.32 128.11l1.03 1.09M55.83 133.95l1.03 1.09"/><path class="cls-2" d="M147.5 99.89c-5.11 1.11-3.76 7.36-8.88 8.46s-6.47-5.15-11.58-4-3.76 7.36-8.88 8.47-6.47-5.15-11.58-4-3.76 7.36-8.88 8.47-6.47-5.15-11.58-4a5.78 5.78 0 0 0-4 3.41l17.1 79.13a5.78 5.78 0 0 1 4-3.41c5.11-1.11 6.47 5.15 11.58 4s3.76-7.36 8.88-8.47 6.47 5.15 11.58 4 3.76-7.36 8.88-8.47 6.47 5.15 11.58 4 3.76-7.36 8.88-8.46a5.62 5.62 0 0 1 1-.12l-17.1-79.14a5.62 5.62 0 0 0-1 .13z"/><text class="cls-3" transform="rotate(-12.2 822.398 -403.96)">50</text><path class="cls-4" d="M90.17 125.66l12.93 59.82M145.66 113.66l12.93 59.82"/><text class="cls-5" transform="rotate(-61.6 206.847 -40.873)">%</text><path class="cls-2" d="M130 34c-5.23 0-5.23 6.4-10.46 6.4s-5.25-6.4-10.48-6.4-5.23 6.4-10.47 6.4S93.36 34 88.12 34s-5.23 6.4-10.47 6.4S72.43 34 67.19 34a5.78 5.78 0 0 0-4.64 2.49v81a5.78 5.78 0 0 1 4.64-2.49c5.23 0 5.23 6.4 10.46 6.4s5.23-6.4 10.47-6.4 5.23 6.4 10.47 6.4 5.23-6.4 10.47-6.4 5.23 6.4 10.47 6.4 5.23-6.4 10.46-6.4a5.62 5.62 0 0 1 1 .09v-81A5.62 5.62 0 0 0 130 34z"/><path class="cls-4" d="M68.5 47.04v61.2M125.28 47.04v61.2"/><rect class="cls-10" x="51.38" y="168.76" width="52.99" height="52.99" rx="1.5" ry="1.5"/><path class="cls-11" d="M102.87 170.26v50h-50v-50h50m0-3h-50a3 3 0 0 0-3 3v50a3 3 0 0 0 3 3h50a3 3 0 0 0 3-3v-50a3 3 0 0 0-3-3z"/><path class="cls-7" d="M73.76 170.26h8.23v49.99h-8.23z"/><path class="cls-12" d="M74.36 170.26l-14.71-1a3.59 3.59 0 0 1-2.9-1.86 2.92 2.92 0 0 1 0-2.83L63 153.46a2.92 2.92 0 0 1 2.63-1.46 3.62 3.62 0 0 1 2.93 1.54L77 165.66a2.94 2.94 0 0 1 .26 3.08 2.9 2.9 0 0 1-2.63 1.53z"/><path class="cls-13" d="M65.63 153.52a2.1 2.1 0 0 1 1.7.89l8.42 12.11a1.37 1.37 0 0 1-1.14 2.26h-.14l-14.71-1c-1.33-.09-2.28-1.46-1.71-2.46l6.29-11.09a1.43 1.43 0 0 1 1.29-.69m0-3a4.4 4.4 0 0 0-3.9 2.21l-6.29 11.09a4.41 4.41 0 0 0 0 4.28 5.1 5.1 0 0 0 4.12 2.65l14.71 1h.34a4.43 4.43 0 0 0 4-2.34 4.47 4.47 0 0 0-.36-4.63l-8.45-12.1a5.07 5.07 0 0 0-4.16-2.18z"/><path class="cls-12" d="M81.14 170.27a2.89 2.89 0 0 1-2.63-1.53 2.94 2.94 0 0 1 .26-3.08l8.42-12.11a3.62 3.62 0 0 1 2.92-1.55 2.92 2.92 0 0 1 2.59 1.45l6.3 11.1a2.92 2.92 0 0 1 0 2.83 3.59 3.59 0 0 1-2.9 1.86l-14.71 1z"/><path class="cls-13" d="M90.11 153.52a1.43 1.43 0 0 1 1.29.69l6.29 11.09c.57 1-.38 2.37-1.71 2.46l-14.71 1h-.14a1.37 1.37 0 0 1-1.13-2.24l8.42-12.11a2.1 2.1 0 0 1 1.7-.89m0-3a5.07 5.07 0 0 0-4.16 2.18l-8.43 12.1a4.47 4.47 0 0 0-.36 4.63 4.43 4.43 0 0 0 4 2.34h.34l14.71-1a5.1 5.1 0 0 0 4.12-2.65 4.41 4.41 0 0 0 0-4.28L94 152.72a4.4 4.4 0 0 0-3.9-2.21z"/><circle class="cls-6" cx="52.32" cy="78.3" r="3.48"/><circle class="cls-6" cx="166.84" cy="195.28" r="3.48"/><path class="cls-7" d="M40.68 109.27l2.59 3.93 4.55 1.26-2.94 3.68.21 4.72-4.41-1.66-4.42 1.66.22-4.72-2.95-3.68 4.55-1.26 2.6-3.93z"/><path class="cls-8" d="M38.69 58.77a4.6 4.6 0 0 1-1.61-8.52c2-1.14 4 0 6-.47a4.6 4.6 0 0 0-.43-9M197.87 172.07a4.6 4.6 0 0 1-1.61-8.52c2-1.14 4 0 6-.47a4.6 4.6 0 0 0-.43-9"/><path class="cls-10" d="M96.77 93.88A16.25 16.25 0 1 1 113 77.64a16.26 16.26 0 0 1-16.23 16.24z"/><path class="cls-14" d="M96.77 62.39a15.25 15.25 0 1 1-15.24 15.25 15.25 15.25 0 0 1 15.24-15.25m0-2A17.25 17.25 0 1 0 114 77.64a17.27 17.27 0 0 0-17.23-17.25z"/><text class="cls-15" transform="translate(91.88 84.21)">$</text></svg>

data/app/assets/stylesheets/_base.scss

@@ -5,5 +5,7 @@
 "base/basic",
 "base/typography",
 "base/lists",
+"base/inputs",
 "base/forms",
-"base/table";
+"base/tables";
+

data/app/assets/stylesheets/_components.scss

@@ -6,7 +6,9 @@
 @import "components/icons/footer-social-icons";  // footer social icons
 
 // Buttons
-@import "components/buttons";
+@import "components/buttons/default-buttons";   // default buttons
+@import "components/buttons/round-buttons";     // round buttons
+@import "components/buttons/card-buttons";      // card buttons
 
 // Sorting cards(order)
 @import "components/sorting-cards";
@@ -26,14 +28,15 @@
 // --------------------------------
 // Cards
 // --------------------------------
-@import "components/cards/recipe-card";  // recipe card - must imported before others
-@import "components/cards/photo-card";   // photo card
-@import "components/cards/list-card";    // list card
-@import "components/cards/dish-card";    // dish card
-@import "components/cards/video-card";   // videor card
-@import "components/cards/feeds-card";   // feed card in homepage
+@import "components/cards/recipe-card";         // recipe card - must imported before others
+@import "components/cards/photo-card";          // photo card
+@import "components/cards/list-card";           // list card
+@import "components/cards/dish-card";           // dish card
+@import "components/cards/video-card";          // videor card
+@import "components/cards/feeds-card";          // feed card in homepage
 @import "components/cards/brand-product-card";  // product card in brands
 @import "components/cards/product-card";        // product card in market
+@import "components/cards/featured-card";       // featrued card in categories
 
 // --------------------------------
 // Alerts
@@ -41,6 +44,7 @@
 @import "components/alerts/alert-global";    // basic alert
 @import "components/alerts/alert-market";    // market notice
 @import "components/alerts/alert-no-result"; // no result
+@import "components/alerts/report-msg";      // comments report-msg flag
 
 // --------------------------------
 // Recipes
@@ -55,10 +59,8 @@
 // Navigations
 // --------------------------------
 @import "components/navigations/categories-navi";  // categories navigaiton
-@import "components/navigations/categories-navi-responsive";
 @import "components/navigations/brand-tabs-navi";  // brand navigation
 @import "components/navigations/blog-navi";        // blog navigation
-@import "components/navigations/tv-navi";          // tv navigation
 
 // --------------------------------
 // Comments
@@ -71,12 +73,30 @@
 // --------------------------------
 @import "components/covers/categories-cover";  // categories cover
 @import "components/covers/brand-cover";       // brands cover
+@import "components/covers/users-cover";       // uers cover
 
 // --------------------------------
-// Users
+// Sidebars
 // --------------------------------
+@import "components/sidebars/sidebar-basic";      // default sidebar styles
+@import "components/sidebars/business-kitchen";   // business kitchen
+@import "components/sidebars/business-sponsors";  // business sponsors
+@import "components/sidebars/popular-search";     // popular search
+@import "components/sidebars/hot-categories";     // hot categories
+@import "components/sidebars/popular-recipes";    // popular recipes
+@import "components/sidebars/recipes-collect";    // recipes collect
+@import "components/sidebars/icook-video";        // icook video
+// - Users
 @import "components/users/user-stats";  // user stats
 @import "components/users/fav-list";    // user favorites list
+// - Brands
+@import "components/sidebars/brand-popular-lists";  // brand popular lists
+@import "components/sidebars/brand-recent-events";  // brand recent events
+@import "components/sidebars/brand-ingredients";    // brand ingredients
+@import "components/sidebars/brand-video";          // brand video
+// - TV
+@import "components/sidebars/tv-more-recipes";  // tv more recipes
+@import "components/sidebars/tv-popular-tags";  // tv popular tags
 
 // --------------------------------
 // Features
@@ -89,23 +109,5 @@
 // --------------------------------
 @import "components/modals/modal-reset";        // override default modal
 @import "components/modals/recipe-list-modal";  // recipe list modal
-
-// --------------------------------
-// Sidebars
-// --------------------------------
-@import "components/sidebars/sidebar-basic";     // default sidebar styles
-@import "components/sidebars/business-kitchen";  // business kitchen
-@import "components/sidebars/popular-search";    // popular search
-@import "components/sidebars/hot-categories";    // hot categories
-@import "components/sidebars/popular-recipes";   // popular recipes
-@import "components/sidebars/recipes-collect";   // recipes collect
-@import "components/sidebars/icook-video";       // icook video
-// - Brands
-@import "components/sidebars/brand-popular-lists";  // brand popular lists
-@import "components/sidebars/brand-recent-events";  // brand recent events
-@import "components/sidebars/brand-ingredients";    // brand ingredients
-@import "components/sidebars/brand-video";          // brand video
-// - TV
-@import "components/sidebars/tv-more-recipes";  // tv more recipes
-@import "components/sidebars/tv-popular-tags";  // tv popular tags
+@import "components/modals/vip-modal";          // vip modal
 

data/app/assets/stylesheets/_helpers.scss

@@ -6,9 +6,10 @@
 
 // mixins
 @import
+"helpers/mixin-alert",
 "helpers/mixin-animation",
-"helpers/mixin-icons",
-"helpers/mixin-buttons",    //must after icons
 "helpers/mixin-badge",
-"helpers/mixin-alert";
+"helpers/mixin-ellipsis",
+"helpers/mixin-flex",
+"helpers/mixin-icons";
 

data/app/assets/stylesheets/_layouts.scss

@@ -6,9 +6,8 @@
 
 // Headers
 @import "layouts/global-navbar";
-@import "layouts/sub-header-market";
 
 // Footers
-@import "layouts/footer-nav";
 @import "layouts/base-footer";
+@import "layouts/mega-footer";
 

data/app/assets/stylesheets/_vendors.scss

@@ -0,0 +1,7 @@
+// --------------------------------
+// Vendors - 3rd party libraries
+// --------------------------------
+
+// loading spinners
+// = require SpinKit/scss/spinners/8-circle
+

data/app/assets/stylesheets/base/_basic.scss

@@ -4,6 +4,12 @@
 
 $selection-color: #564e42 !default;
 $selection-bg: #e3d6cc !default;
+$animation-color: $brown !default;
+
+// loading spinner
+.sk-circle .sk-child::before {
+  background-color: $animation-color;
+}
 
 body {
   font-family: "Helvetica Neue", "Microsoft Jhenghei", Helvetica, Arial, Geneva, sans-serif;
@@ -22,3 +28,32 @@ body {
   padding: 20px 15px;
 }
 
+// override bootstrap's - temp.
+.media-left,
+.media-right,
+.media-body {
+  display: block;
+}
+
+.media-body {
+  width: auto;
+}
+
+.media-left {
+  float: left;
+}
+
+.media-right {
+  float: right;
+}
+
+// avoid mobile safari auto-zoom on input selection
+@media only screen and (max-width: 991px) {
+  input,
+  select,
+  textarea,
+  .form-control, {
+    font-size: 16px;
+  }
+}
+

data/app/assets/stylesheets/base/_forms.scss

@@ -6,7 +6,7 @@
 ---
 parent: 01_base
 title: Forms
-name: 3_forms
+name: 04_forms
 ---
 
 Basic form, select menu, checkbox, radio button
@@ -14,11 +14,14 @@ Basic form, select menu, checkbox, radio button
 ### 基本表格樣式
 <div class="ic-form basic-form"><small>Basic Form</small></div>
 
-<form role="form" class="form-horizontal">
+<form role="form" class="form-horizontal custom-input">
   <div class="form-group">
     <label for="exampleInputUsername1" class="control-label col-sm-2">帳號</label>
     <div class="col-sm-10">
-      <input type="text" class="form-control" id="exampleInputUsername1" placeholder="Username">
+      <div class="input-group username">
+        <div class="input-group-addon">http://icook.tw/users/</div>
+        <input type="text" class="form-control" id="exampleInputUsername1" placeholder="Username">
+      </div>
     </div>
   </div>
   <div class="form-group">
@@ -36,7 +39,7 @@ Basic form, select menu, checkbox, radio button
   <div class="form-group">
     <label for="exampleInputAddress" class="control-label col-sm-2">地址</label>
     <div class="col-sm-10">
-      <div class="input-group">
+      <div class="input-group address">
         <div class="input-group-addon">台北市 110 中正區</div>
         <input type="text" id="exampleInputAddress" placeholder="Address" class="form-control">
       </div>
@@ -46,7 +49,7 @@ Basic form, select menu, checkbox, radio button
     <label for="selectGender" class="control-label col-sm-2">性別</label>
 		<div class="col-sm-10">
 			<select class="form-control" id="selectGender">
-				<option>--</option>
+				<option>---</option>
 				<option>男性</option>
 				<option>女性</option>
 			</select>
@@ -54,29 +57,31 @@ Basic form, select menu, checkbox, radio button
   </div>
   <div class="form-group">
     <label for="checkSubscribe" class="control-label col-sm-2">食譜</label>
-    <div class="col-sm-10 checkbox">
-      <label>
-        <input type="checkbox" value="">訂閱的使用者發表新食譜時通知我
-      </label>
+    <div class="col-sm-10">
+      <div class="checkbox">
+        <input type="checkbox" id="user_email_notification_of_new_recipe">
+        <label for="user_email_notification_of_new_recipe">訂閱的使用者發表新食譜時通知我</label>
+      </div>
     </div>
   </div>
   <div class="form-group">
     <label class="control-label col-sm-2">發表食譜</label>
-    <div class="col-md-10 radio">
-      <label>
-        <input checked="checked" id="showRecipe_true" name="showRecipe_true" type="radio" value="true">顯示
-      </label>
-      <label>
-        <input id="showRecipe_false" name="showRecipe_true" type="radio" value="false">不顯示
-      </label>
+    <div class="col-md-10">
+      <div class="radio radio-inline">
+        <input checked="checked" id="showRecipe_true" name="showRecipe_true" type="radio" value="true">
+        <label for="showRecipe_true">顯示</label>
+      </div>
+      <div class="radio radio-inline">
+        <input id="showRecipe_false" name="showRecipe_true" type="radio" value="false">
+        <label for="showRecipe_false">不顯示</label>
+      </div>
     </div>
   </div>
   <div class="form-group">
     <div class="col-sm-offset-2 col-sm-10">
       <div class="checkbox">
-        <label>
-          <input type="checkbox">訂閱電子報
-        </label>
+        <input type="checkbox" id="subscribe_epaper">
+        <label for="subscribe_epaper">訂閱電子報</label>
       </div>
     </div>
   </div>
@@ -87,46 +92,65 @@ Basic form, select menu, checkbox, radio button
   </div>
 </form>
 
+<p><i class="fa fa-info-circle"></i> for customizing checkbox and radio inputs, notice those html structures are different with bootstrap. and don't forget to add the <code>.custom-input</code> class outside as well.</p>
+
 ```
-<form class="form-horizontal">
+<form class="form-horizontal custom-input">
+  ...
   <div class="form-group">
-    <label class="col-sm-2 control-label">帳號</label>
-    <div class="col-sm-10">
-      <input class="form-control" placeholder="Username">
+    <label class="control-label col-sm-2">發表食譜</label>
+    <div class="col-md-10">
+      <div class="radio radio-inline">
+        <input checked="checked" id="showRecipe_true" name="showRecipe_true" type="radio" value="true">
+        <label for="showRecipe_true">顯示</label>
+      </div>
+      <div class="radio radio-inline">
+        <input id="showRecipe_false" name="showRecipe_true" type="radio" value="false">
+        <label for="showRecipe_false">不顯示</label>
+      </div>
+    </div>
+  </div>
+  <div class="form-group">
+    <div class="col-sm-offset-2 col-sm-10">
+      <div class="checkbox">
+        <input type="checkbox" id="subscribe_epaper">
+        <label for="subscribe_epaper">訂閱電子報</label>
+      </div>
     </div>
   </div>
-  ...
 </form>
 ```
 
 */
 
 $form-input-bg: #fafafa !default;
-$form-input-border: #a39b97 !default;
-$form-input-addon-bg: #efede8 !default;
+$form-input-border: $brown-light30 !default;
+$form-input-addon-bg: $light-gray !default;
 $form-input-text: #777 !default;
 
 .form-horizontal {
-  label {
-    color: $ic-brown;
+  .checkbox,
+  .radio {
+    line-height: 32px;
   }
 
-  input:not([type="radio"], [type="checkbox"]),
+  input:not([type="checkbox"]),
+  input:not([type="radio"]),
   select {
     background-color: $form-input-bg;
     border: 1px solid $form-input-border;
     border-radius: 3px;
     height: 44px;
     padding: 15px;
-  }
 
-  [type="checkbox"] {
-    height: 16px;
-    width: 16px;
+    &:focus {
+      border-color: $brown;
+      box-shadow: none;
+    }
   }
 
   [type="submit"] {
-    background-color: $ic-red;
+    background-color: $red;
     border: 0;
     border-radius: 3px;
     color: $white;
@@ -134,26 +158,48 @@ $form-input-text: #777 !default;
     width: 100%;
   }
 
-  .input-group-addon {
-    background-color: $form-input-addon-bg;
-    border-bottom-left-radius: 3px;
-    border-color: $form-input-border;
-    border-top-left-radius: 3px;
+  .control-label {
+    color: $brown;
+    line-height: 30px;
+  }
+
+  .username {
+    .input-group-addon {
+      background-color: transparent;
+      border: 0;
+      color: $brown;
+      font-size: 15px;
+      font-weight: 300;
+      padding-left: 0;
+    }
 
-    + input {
-      border-left: 0;
-		}
+    .form-control:last-child {
+      border-bottom-left-radius: 3px;
+      border-top-left-radius: 3px;
+    }
   }
 
-	.checkbox,
-  .radio {
-    label {
-      color: $form-input-text;
-		  font-size: 16px;
+  .address {
+    .input-group-addon {
+      background-color: $form-input-addon-bg;
+      border-bottom-left-radius: 3px;
+      border-top-left-radius: 3px;
+      border: 0;
+      height: 42px;
+      left: 1px;
+      position: relative;
+      top: 1px;
+      z-index: 10;
     }
-	}
 
-  .radio label + label {
-    margin-left: 10px;
+    .form-control:last-child {
+      border-bottom-left-radius: 3px;
+      border-top-left-radius: 3px;
+      left: 0;
+      padding-left: 165px;
+      position: absolute;
+      width: 100%;
+    }
   }
 }
+

data/app/assets/stylesheets/base/_inputs.scss

@@ -0,0 +1,85 @@
+// --------------------------------
+// Base - inputs
+// --------------------------------
+// for customize checkbox and radio inputs
+$checked-color: $red;
+
+// checkbox
+.custom-input {
+  .checkbox,
+  .radio {
+    label {
+      position: relative;
+
+      &::before {
+        @include transition(border 0.15s ease-in-out, color 0.15s ease-in-out);
+
+        background-color: $white;
+        border: 1px solid $brown-light20;
+        border-radius: 3px;
+        content: "";
+        display: inline-block;
+        height: 16px;
+        left: 0;
+        position: absolute;
+        top: 7px;
+        width: 16px;
+      }
+    }
+  }
+
+  .checkbox label {
+    padding-left: 25px;
+  }
+
+  .radio {
+    label {
+      padding-left: 5px;
+
+      &::before {
+        border-radius: 50%;
+        margin-left: -20px;
+      }
+    }
+  }
+
+  [type="checkbox"],
+  [type="radio"] {
+    opacity: 0;
+    z-index: 1;
+
+    &:focus {
+      border-color: $brown;
+      box-shadow: none;
+    }
+  }
+
+  [type="checkbox"] {
+    &:checked + label::after {
+      content: "\e80b";
+      color: $checked-color;
+      font-family: "icookfont";
+      font-size: 15px;
+      height: 14px;
+      left: 0;
+      position: absolute;
+      top: -1px;
+      width: 14px;
+    }
+  }
+
+  [type="radio"] {
+    &:checked + label::after {
+      background-color: $checked-color;
+      border-radius: 50%;
+      content: "";
+      height: 10px;
+      left: 3px;
+      margin-left: -20px;
+      position: absolute;
+      top: 10px;
+      width: 10px;
+    }
+  }
+}
+

data/app/assets/stylesheets/base/_lists.scss

@@ -6,7 +6,7 @@
 ---
 parent: 01_base
 title: Lists
-name: 2_Lists
+name: 03_Lists
 ---
 
 ### Unordered list