fixing http links which is throwing mixed content errors

ExtraordinaryLabs · Jan 21, 2020 · 59f5285 · 59f5285
1 parent 55afbc2
commit 59f5285
Show file tree

Hide file tree

Showing 11 changed files with 26 additions and 26 deletions.
diff --git a/.editorconfig b/.editorconfig
@@ -1,4 +1,4 @@
-# http://editorconfig.org
+# https://editorconfig.org
 
 # A special property that should be specified at the top of the file outside of
 # any sections. Set to true to stop .editor config file search on current file

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -2,7 +2,7 @@
 
 ## Code of Conduct
 
-This project adheres to the Contributor Covenant [code of conduct](http://contributor-covenant.org/version/1/4/). By participating, you are expected to uphold this code. Please report unacceptable behavior to [[email protected]](mailto:[email protected]).
+This project adheres to the Contributor Covenant [code of conduct](https://contributor-covenant.org/version/1/4/). By participating, you are expected to uphold this code. Please report unacceptable behavior to [[email protected]](mailto:[email protected]).
 
 ## Packages
 

diff --git a/README.md b/README.md
@@ -3,7 +3,7 @@
 If you're looking for MJML 3.3.X check [this branch](https://github.com/mjmlio/mjml/tree/3.3.x)
 
 <p align="center">
-  <a href="http://mjml.io" target="_blank">
+  <a href="https://mjml.io" target="_blank">
     <img width="250"src="https://mjml.io/assets/img/litmus/mjmlbymailjet.png">
 
   </a>
@@ -33,7 +33,7 @@ If you're looking for MJML 3.3.X check [this branch](https://github.com/mjmlio/m
 `MJML` is a markup language created by [Mailjet](https://www.mailjet.com/) and designed to reduce the pain of coding a responsive email. Its semantic syntax makes it easy and straightforward while its rich standard components library fastens your development time and lightens your email codebase. MJML’s open-source engine takes care of translating the `MJML` you wrote into responsive HTML.
 
 <p align="center">
-  <a href="http://mjml.io" target="_blank">
+  <a href="https://mjml.io" target="_blank">
     <img width="75%" src="https://cloud.githubusercontent.com/assets/6558790/12450760/ee034178-bf85-11e5-9dda-98d0c8f9f8d6.png">
   </a>
 </p>
@@ -66,7 +66,7 @@ You can also run `yarn build:watch` to rebuild the package as you code.
 Don't want to install anything? Use the free online editor!
 
 <p align="center">
-  <a href="http://mjml.io/try-it-live" target="_blank"><img src="https://cloud.githubusercontent.com/assets/6558790/12195421/58a40618-b5f7-11e5-9ed3-80463874ab14.png" alt="try it live" width="75%"></a>
+  <a href="https://mjml.io/try-it-live" target="_blank"><img src="https://cloud.githubusercontent.com/assets/6558790/12195421/58a40618-b5f7-11e5-9ed3-80463874ab14.png" alt="try it live" width="75%"></a>
 </p>
 <br>
 

diff --git a/doc/basic.md b/doc/basic.md
@@ -6,7 +6,7 @@ In this section, you're going to learn how to code a basic email template using
 Here is the final render we want to end with:
 
 <p align="center">
-  <a href="http://mjml.io/try-it-live/templates/hello-world"><img width="350px" src="https://cloud.githubusercontent.com/assets/6558790/12779864/d9c20556-ca6a-11e5-9007-d40ac89c5088.png" alt="sexy"></a>
+  <a href="https://mjml.io/try-it-live/templates/hello-world"><img width="350px" src="https://cloud.githubusercontent.com/assets/6558790/12779864/d9c20556-ca6a-11e5-9007-d40ac89c5088.png" alt="sexy"></a>
 </p>
 
 <p align="center">
@@ -72,7 +72,7 @@ The text padding represents the inner space around the content within the `mj-te
 ``` html
 
 <!-- Image Header -->
-  <mj-section background-url="http://1.bp.blogspot.com/-TPrfhxbYpDY/Uh3Refzk02I/AAAAAAAALw8/5sUJ0UUGYuw/s1600/New+York+in+The+1960's+-+70's+(2).jpg"
+  <mj-section background-url="https://1.bp.blogspot.com/-TPrfhxbYpDY/Uh3Refzk02I/AAAAAAAALw8/5sUJ0UUGYuw/s1600/New+York+in+The+1960's+-+70's+(2).jpg"
               background-size="cover"
               background-repeat="no-repeat">
 
@@ -171,13 +171,13 @@ For the text part, you are going to need two `<mj-text>`s like above. One with a
 <!-- Icons -->
 <mj-section background-color="#fbfbfb">
   <mj-column>
-    <mj-image width="100px" src="http://191n.mj.am/img/191n/3s/x0l.png" />
+    <mj-image width="100px" src="https://191n.mj.am/img/191n/3s/x0l.png" />
   </mj-column>
   <mj-column>
-    <mj-image width="100px" src="http://191n.mj.am/img/191n/3s/x01.png" />
+    <mj-image width="100px" src="https://191n.mj.am/img/191n/3s/x01.png" />
   </mj-column>
   <mj-column>
-    <mj-image width="100px" src="http://191n.mj.am/img/191n/3s/x0s.png" />
+    <mj-image width="100px" src="https://191n.mj.am/img/191n/3s/x0s.png" />
   </mj-column>
 </mj-section>
 ```

diff --git a/doc/install.md b/doc/install.md
@@ -25,7 +25,7 @@ You can also run `yarn build:watch` to rebuild the package as you code.
 Don't want to install anything? Use the free online editor!
 
 <p align="center">
-  <a href="http://mjml.io/try-it-live" target="_blank"><img src="https://cloud.githubusercontent.com/assets/6558790/12195421/58a40618-b5f7-11e5-9ed3-80463874ab14.png" alt="try it live" width="75%"></a>
+  <a href="https://mjml.io/try-it-live" target="_blank"><img src="https://cloud.githubusercontent.com/assets/6558790/12195421/58a40618-b5f7-11e5-9ed3-80463874ab14.png" alt="try it live" width="75%"></a>
 </p>
 <br>
 

diff --git a/packages/mjml-accordion/README.md b/packages/mjml-accordion/README.md
@@ -1,7 +1,7 @@
 ## mjml-accordion
 
 <p align="center">
-  <img src="http://i.imgur.com/C4S9MVc.gif" alt="accordion" />
+  <img src="https://i.imgur.com/C4S9MVc.gif" alt="accordion" />
 </p>
 
 `mjml-accordion` is an interactive MJML component to stack content in tabs, so the information is collapsed and only the titles are visible. Readers can interact by clicking on the tabs to reveal the content, providing a great experience on mobile devices where space is scarce.
@@ -11,7 +11,7 @@
   <mj-head>
     <mj-attributes>
       <mj-accordion border="none" padding="1px" />
-      <mj-accordion-element icon-wrapped-url="http://i.imgur.com/Xvw0vjq.png" icon-unwrapped-url="http://i.imgur.com/KKHenWa.png" icon-height="24px" icon-width="24px" />
+      <mj-accordion-element icon-wrapped-url="https://i.imgur.com/Xvw0vjq.png" icon-unwrapped-url="https://i.imgur.com/KKHenWa.png" icon-height="24px" icon-width="24px" />
       <mj-accordion-title font-family="Roboto, Open Sans, Helvetica, Arial, sans-serif" background-color="#fff" color="#031017" padding="15px" font-size="18px" />
       <mj-accordion-text font-family="Open Sans, Helvetica, Arial, sans-serif" background-color="#fafafa" padding="15px" color="#505050" font-size="14px" />
     </mj-attributes>
@@ -65,10 +65,10 @@ icon-align | n/a | icon alignment | middle
 icon-height | px | icon width | 32px
 icon-position | n/a | display icon left or right | right
 icon-unwrapped-alt | n/a | alt text when accordion is unwrapped | -
-icon-unwrapped-url | n/a | icon when accordion is unwrapped | http://i.imgur.com/w4uTygT.png
+icon-unwrapped-url | n/a | icon when accordion is unwrapped | https://i.imgur.com/w4uTygT.png
 icon-width | px | icon height | 32px
 icon-wrapped-alt | n/a | alt text when accordion is wrapped | +
-icon-wrapped-url | n/a | icon when accordion is wrapped | http://i.imgur.com/bIXv1bk.png
+icon-wrapped-url | n/a | icon when accordion is wrapped | https://i.imgur.com/bIXv1bk.png
 padding | px | padding | 10px 25px
 padding-bottom | px | padding bottom | n/a
 padding-left | px | padding left | n/a
@@ -88,10 +88,10 @@ icon-align | n/a | icon alignment | middle
 icon-height | n/a | icon width | 32px
 icon-position | n/a | display icon left or right | right
 icon-unwrapped-alt | n/a | alt text when accordion is unwrapped | -
-icon-unwrapped-url | n/a | icon when accordion is unwrapped | http://i.imgur.com/w4uTygT.png
+icon-unwrapped-url | n/a | icon when accordion is unwrapped | https://i.imgur.com/w4uTygT.png
 icon-width | n/a | icon height | 32px
 icon-wrapped-alt | n/a | alt text when accordion is wrapped | +
-icon-wrapped-url | n/a | icon when accordion is wrapped | http://i.imgur.com/bIXv1bk.png
+icon-wrapped-url | n/a | icon when accordion is wrapped | https://i.imgur.com/bIXv1bk.png
 
 ### mjml-accordion-title
 

diff --git a/packages/mjml-accordion/src/Accordion.js b/packages/mjml-accordion/src/Accordion.js
@@ -24,9 +24,9 @@ export default class MjAccordion extends BodyComponent {
     border: '2px solid black',
     'font-family': 'Ubuntu, Helvetica, Arial, sans-serif',
     'icon-align': 'middle',
-    'icon-wrapped-url': 'http://i.imgur.com/bIXv1bk.png',
+    'icon-wrapped-url': 'https://i.imgur.com/bIXv1bk.png',
     'icon-wrapped-alt': '+',
-    'icon-unwrapped-url': 'http://i.imgur.com/w4uTygT.png',
+    'icon-unwrapped-url': 'https://i.imgur.com/w4uTygT.png',
     'icon-unwrapped-alt': '-',
     'icon-position': 'right',
     'icon-height': '32px',

diff --git a/packages/mjml-carousel/README.md b/packages/mjml-carousel/README.md
@@ -1,7 +1,7 @@
 ## mjml-carousel
 
 <p align="center">
-  <img src="http://i.imgur.com/wHqIzgd.gif" alt="desktop" />
+  <img src="https://i.imgur.com/wHqIzgd.gif" alt="desktop" />
 </p>
 
 `mjml-carousel` displays a gallery of images or "carousel". Readers can interact by hovering and clicking on thumbnails depending on the email client they use.

diff --git a/packages/mjml-image/README.md b/packages/mjml-image/README.md
@@ -8,7 +8,7 @@ Note that if no width is provided, the image will use the parent column width.
   <mj-body>
     <mj-section>
       <mj-column>
-        <mj-image width="300px" src="http://www.online-image-editor.com//styles/2014/images/example_image.png" />
+        <mj-image width="300px" src="https://www.online-image-editor.com//styles/2014/images/example_image.png" />
       </mj-column>
     </mj-section>
   </mj-body>

diff --git a/packages/mjml-parser-xml/test/test-values.js b/packages/mjml-parser-xml/test/test-values.js
@@ -12,10 +12,10 @@ module.exports = [
         &amp;
         lorem
       </mj-button>
-      <mj-button href="http://mjml.io?encodedUrl=http%3A%2F%2Fmjml.io&coin=coi">
+      <mj-button href="https://mjml.io?encodedUrl=https%3A%2F%2Fmjml.io&coin=coi">
         Blu
       </mj-button>
-      <mj-button href="&é(§&è!çà)">http%3A%2F%2Fmjml.io</mj-button>
+      <mj-button href="&é(§&è!çà)">https%3A%2F%2Fmjml.io</mj-button>
       <mj-raw>
         <coin color="#CCCCCC">bla</coin>
       </mj-raw>
@@ -62,7 +62,7 @@ module.exports = [
                   "includedIn": [],
                   "tagName": "mj-button",
                   "attributes": {
-                    "href": "http://mjml.io?encodedUrl=http%3A%2F%2Fmjml.io&coin=coi"
+                    "href": "https://mjml.io?encodedUrl=https%3A%2F%2Fmjml.io&coin=coi"
                   },
                   "content": "Blu"
                 },
@@ -74,7 +74,7 @@ module.exports = [
                   "attributes": {
                     "href": "&é(§&è!çà)"
                   },
-                  "content": "http%3A%2F%2Fmjml.io"
+                  "content": "https%3A%2F%2Fmjml.io"
                 },
                 {
                   "file": ".",

diff --git a/packages/mjml-wrapper/README.md b/packages/mjml-wrapper/README.md
@@ -1,7 +1,7 @@
 ## mjml-wrapper
 
 <p align="center">
-  <img src="http://i.imgur.com/6YKq83B.png" alt="wrapper" />
+  <img src="https://i.imgur.com/6YKq83B.png" alt="wrapper" />
 </p>
 
 Wrapper enables to wrap multiple sections together. It's especially useful to achieve nested layouts with shared border or background images across sections.