@shift72/core-template 0.5.0 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.nvmrc +1 -0
- package/CHANGELOG.md +46 -11
- package/kibble.json +3 -3
- package/package.json +2 -3
- package/scripts/translate.mjs +30 -22
- package/site/ar_LB.all.json +65 -11
- package/site/ca_ES.all.json +65 -11
- package/site/da_DK.all.json +64 -10
- package/site/de_DE.all.json +64 -10
- package/site/el_EL.all.json +64 -10
- package/site/en_AU.all.json +69 -15
- package/site/es_ES.all.json +66 -12
- package/site/es_MX.all.json +66 -12
- package/site/{ee_EE.all.json → et_ET.all.json} +64 -10
- package/site/fi_FI.all.json +67 -13
- package/site/fr_FR.all.json +66 -12
- package/site/hr_HR.all.json +65 -11
- package/site/hu_HU.all.json +65 -11
- package/site/it_IT.all.json +65 -11
- package/site/ja_JP.all.json +64 -10
- package/site/lt_LT.all.json +64 -10
- package/site/nl_BE.all.json +65 -11
- package/site/no_NO.all.json +65 -11
- package/site/pl_PL.all.json +65 -11
- package/site/plans.html.jet +17 -17
- package/site/pt_BR.all.json +65 -11
- package/site/pt_PT.all.json +65 -11
- package/site/ru_RU.all.json +67 -13
- package/site/sr_SR.all.json +67 -13
- package/site/static/fonts/fa-s72.woff +0 -0
- package/site/static/js/main.js +1 -0
- package/site/static/scripts/main.js.map +1 -1
- package/site/styles/_availability-tags.scss +63 -31
- package/site/styles/_awards.scss +4 -3
- package/site/styles/_buttons.scss +15 -3
- package/site/styles/_carousel.scss +21 -24
- package/site/styles/_forms.scss +8 -3
- package/site/styles/_icons.scss +180 -9
- package/site/styles/_legacy.scss +0 -7
- package/site/styles/_meta-detail.scss +65 -40
- package/site/styles/_nav.scss +5 -4
- package/site/styles/_plans.scss +10 -17
- package/site/styles/_poster.scss +3 -9
- package/site/styles/_share-modal.scss +86 -0
- package/site/styles/_shift72.scss +7 -0
- package/site/styles/_shopping.scss +0 -1
- package/site/styles/_skip-link.scss +1 -1
- package/site/styles/_tooltips.scss +7 -0
- package/site/styles/_variables.scss +9 -8
- package/site/styles/_wishlist.scss +2 -2
- package/site/styles/main.scss +3 -2
- package/site/subscriptions.html.jet +11 -0
- package/site/templates/application/application.jet +2 -2
- package/site/templates/application/google.jet +8 -13
- package/site/templates/application/nav/user_logged_in.jet +7 -2
- package/site/templates/collection/carousel_item.jet +5 -3
- package/site/templates/common/social-media-buttons.jet +1 -37
- package/site/templates/common/sponsor-image.jet +18 -0
- package/site/templates/film/item.jet +92 -86
- package/site/templates/tv/detail.jet +30 -21
- package/site/tr_TR.all.json +64 -10
- package/site/uk_UA.all.json +65 -11
- package/site/zh_TW.all.json +64 -10
- package/site/static/fonts/FontAwesome.otf +0 -0
- package/site/static/fonts/fontawesome-webfont.eot +0 -0
- package/site/static/fonts/fontawesome-webfont.svg +0 -565
- package/site/static/fonts/fontawesome-webfont.ttf +0 -0
- package/site/static/fonts/fontawesome-webfont.woff +0 -0
- package/site/static/fonts/fontawesome-webfont.woff2 +0 -0
- package/site/styles/_social-media-buttons.scss +0 -159
| Binary file | 
| Binary file | 
| Binary file | 
| @@ -1,159 +0,0 @@ | |
| 1 | 
            -
            .social-media-buttons {
         | 
| 2 | 
            -
              @extend .d-flex;
         | 
| 3 | 
            -
              flex-direction: row;
         | 
| 4 | 
            -
              padding-bottom: 3px;
         | 
| 5 | 
            -
              padding-top: 2px;
         | 
| 6 | 
            -
            }
         | 
| 7 | 
            -
             | 
| 8 | 
            -
            .social-media-buttons-title {
         | 
| 9 | 
            -
              align-self: center;
         | 
| 10 | 
            -
              display: flex;
         | 
| 11 | 
            -
              padding-right: 10px;
         | 
| 12 | 
            -
             | 
| 13 | 
            -
              h2,
         | 
| 14 | 
            -
              h5 {
         | 
| 15 | 
            -
                align-self: center;
         | 
| 16 | 
            -
                color: var(--body-color);
         | 
| 17 | 
            -
                font-family: $font-family-base;
         | 
| 18 | 
            -
                font-size: 12px;
         | 
| 19 | 
            -
                font-weight: $font-weight-bold;
         | 
| 20 | 
            -
                margin: 0;
         | 
| 21 | 
            -
              }
         | 
| 22 | 
            -
            }
         | 
| 23 | 
            -
             | 
| 24 | 
            -
            .btn-social {
         | 
| 25 | 
            -
              background: #fff;
         | 
| 26 | 
            -
              border: 2px solid #fff;
         | 
| 27 | 
            -
              border-radius: 50%;
         | 
| 28 | 
            -
              //all arbituary values
         | 
| 29 | 
            -
              color: #000;
         | 
| 30 | 
            -
              height: 32px;
         | 
| 31 | 
            -
              line-height: 1;
         | 
| 32 | 
            -
              padding: 0;
         | 
| 33 | 
            -
              position: relative;
         | 
| 34 | 
            -
              width: 32px;
         | 
| 35 | 
            -
             | 
| 36 | 
            -
              .fa {
         | 
| 37 | 
            -
                color: #fff;
         | 
| 38 | 
            -
                font-size: 14px;
         | 
| 39 | 
            -
                left: 50%;
         | 
| 40 | 
            -
                position: absolute;
         | 
| 41 | 
            -
                top: 50%;
         | 
| 42 | 
            -
                transform: translateX(-50%) translateY(-50%);
         | 
| 43 | 
            -
              }
         | 
| 44 | 
            -
             | 
| 45 | 
            -
              &.btn-social-facebook {
         | 
| 46 | 
            -
                background: $facebook-color;
         | 
| 47 | 
            -
                border-color: $facebook-color;
         | 
| 48 | 
            -
             | 
| 49 | 
            -
                .fa {
         | 
| 50 | 
            -
                  color: var(--body-bg);
         | 
| 51 | 
            -
                }
         | 
| 52 | 
            -
              }
         | 
| 53 | 
            -
             | 
| 54 | 
            -
              &.btn-social-instagram {
         | 
| 55 | 
            -
                background-color: $instagram-color;
         | 
| 56 | 
            -
                border-color: $instagram-color;
         | 
| 57 | 
            -
             | 
| 58 | 
            -
                .fa {
         | 
| 59 | 
            -
                  color: var(--body-bg);
         | 
| 60 | 
            -
                }
         | 
| 61 | 
            -
              }
         | 
| 62 | 
            -
             | 
| 63 | 
            -
              &.btn-social-twitter {
         | 
| 64 | 
            -
                background-color: $twitter-color;
         | 
| 65 | 
            -
                border-color: $twitter-color;
         | 
| 66 | 
            -
             | 
| 67 | 
            -
                .fa {
         | 
| 68 | 
            -
                  color: var(--body-bg);
         | 
| 69 | 
            -
                }
         | 
| 70 | 
            -
              }
         | 
| 71 | 
            -
             | 
| 72 | 
            -
              &.btn-social-linkedin {
         | 
| 73 | 
            -
                background-color: $linkedin-color;
         | 
| 74 | 
            -
                border-color: $linkedin-color;
         | 
| 75 | 
            -
             | 
| 76 | 
            -
                .fa {
         | 
| 77 | 
            -
                  color: var(--body-bg);
         | 
| 78 | 
            -
                }
         | 
| 79 | 
            -
              }
         | 
| 80 | 
            -
             | 
| 81 | 
            -
              &.btn-social-youtube {
         | 
| 82 | 
            -
                background-color: $youtube-color;
         | 
| 83 | 
            -
                border-color: $youtube-color;
         | 
| 84 | 
            -
             | 
| 85 | 
            -
                .fa {
         | 
| 86 | 
            -
                  color: var(--body-bg);
         | 
| 87 | 
            -
                }
         | 
| 88 | 
            -
              }
         | 
| 89 | 
            -
             | 
| 90 | 
            -
              &.btn-social-letterboxd {
         | 
| 91 | 
            -
                background-color: $letterboxd-color;
         | 
| 92 | 
            -
                border-color: $letterboxd-color;
         | 
| 93 | 
            -
             | 
| 94 | 
            -
                path {
         | 
| 95 | 
            -
                  fill: var(--body-bg);
         | 
| 96 | 
            -
                  stroke: var(--body-bg);
         | 
| 97 | 
            -
                  stroke-width: 1;
         | 
| 98 | 
            -
                }
         | 
| 99 | 
            -
              }
         | 
| 100 | 
            -
             | 
| 101 | 
            -
              &:hover,
         | 
| 102 | 
            -
              &:active,
         | 
| 103 | 
            -
              &:focus {
         | 
| 104 | 
            -
                &.btn-social-facebook {
         | 
| 105 | 
            -
                  background-color: var(--primary);
         | 
| 106 | 
            -
                  border-color: var(--primary);
         | 
| 107 | 
            -
             | 
| 108 | 
            -
                  .fa {
         | 
| 109 | 
            -
                    color: $facebook-color;
         | 
| 110 | 
            -
                  }
         | 
| 111 | 
            -
                }
         | 
| 112 | 
            -
             | 
| 113 | 
            -
                &.btn-social-instagram {
         | 
| 114 | 
            -
                  background-color: var(--primary);
         | 
| 115 | 
            -
                  border-color: var(--primary);
         | 
| 116 | 
            -
             | 
| 117 | 
            -
                  .fa {
         | 
| 118 | 
            -
                    color: $instagram-color;
         | 
| 119 | 
            -
                  }
         | 
| 120 | 
            -
                }
         | 
| 121 | 
            -
             | 
| 122 | 
            -
                &.btn-social-twitter {
         | 
| 123 | 
            -
                  background-color: var(--primary);
         | 
| 124 | 
            -
                  border-color: var(--primary);
         | 
| 125 | 
            -
             | 
| 126 | 
            -
                  .fa {
         | 
| 127 | 
            -
                    color: $twitter-color;
         | 
| 128 | 
            -
                  }
         | 
| 129 | 
            -
                }
         | 
| 130 | 
            -
             | 
| 131 | 
            -
                &.btn-social-linkedin {
         | 
| 132 | 
            -
                  background-color: var(--primary);
         | 
| 133 | 
            -
                  border-color: var(--primary);
         | 
| 134 | 
            -
             | 
| 135 | 
            -
                  .fa {
         | 
| 136 | 
            -
                    color: $linkedin-color;
         | 
| 137 | 
            -
                  }
         | 
| 138 | 
            -
                }
         | 
| 139 | 
            -
             | 
| 140 | 
            -
                &.btn-social-youtube {
         | 
| 141 | 
            -
                  background-color: var(--primary);
         | 
| 142 | 
            -
                  border-color: var(--primary);
         | 
| 143 | 
            -
             | 
| 144 | 
            -
                  .fa {
         | 
| 145 | 
            -
                    color: $youtube-color;
         | 
| 146 | 
            -
                  }
         | 
| 147 | 
            -
                }
         | 
| 148 | 
            -
             | 
| 149 | 
            -
                &.btn-social-letterboxd {
         | 
| 150 | 
            -
                  background-color: var(--primary);
         | 
| 151 | 
            -
                  border-color: var(--primary);
         | 
| 152 | 
            -
             | 
| 153 | 
            -
                  path {
         | 
| 154 | 
            -
                    fill: $letterboxd-color;
         | 
| 155 | 
            -
                    stroke: $letterboxd-color;
         | 
| 156 | 
            -
                  }
         | 
| 157 | 
            -
                }
         | 
| 158 | 
            -
              }
         | 
| 159 | 
            -
            }
         |