Browse Source

Remove 'http://'

pull/2301/head
Artur Arseniev 8 years ago
parent
commit
c4cc74ba04
  1. 14
      demo-mjml.html
  2. 20
      demo-newsletter-editor.html
  3. 20
      demo.html

14
demo-mjml.html

@ -53,7 +53,7 @@
</mj-section> </mj-section>
<!-- Image Header --> <!-- 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" background-size="cover" background-repeat="no-repeat"> <mj-section background-url="//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">
<mj-column> <mj-column>
<mj-text align="center" color="#fff" font-size="40" font-family="Helvetica Neue">Slogan here</mj-text> <mj-text align="center" color="#fff" font-size="40" font-family="Helvetica Neue">Slogan here</mj-text>
<mj-button background-color="#F63A4D" href="#"> <mj-button background-color="#F63A4D" href="#">
@ -92,13 +92,13 @@
<!-- Icons --> <!-- Icons -->
<mj-section background-color="#fbfbfb"> <mj-section background-color="#fbfbfb">
<mj-column> <mj-column>
<mj-image width="100" src="http://191n.mj.am/img/191n/3s/x0l.png" /> <mj-image width="100" src="//191n.mj.am/img/191n/3s/x0l.png" />
</mj-column> </mj-column>
<mj-column> <mj-column>
<mj-image width="100" src="http://191n.mj.am/img/191n/3s/x01.png" /> <mj-image width="100" src="//191n.mj.am/img/191n/3s/x01.png" />
</mj-column> </mj-column>
<mj-column> <mj-column>
<mj-image width="100" src="http://191n.mj.am/img/191n/3s/x0s.png" /> <mj-image width="100" src="//191n.mj.am/img/191n/3s/x0s.png" />
</mj-column> </mj-column>
</mj-section> </mj-section>
@ -117,11 +117,11 @@
<div id="info-panel" style="display:none"> <div id="info-panel" style="display:none">
<br/> <br/>
<svg class="info-panel-logo" xmlns="http://www.w3.org/2000/svg" version="1"><g id="gjs-logo"><path d="M40 5l-12.9 7.4 -12.9 7.4c-1.4 0.8-2.7 2.3-3.7 3.9 -0.9 1.6-1.5 3.5-1.5 5.1v14.9 14.9c0 1.7 0.6 3.5 1.5 5.1 0.9 1.6 2.2 3.1 3.7 3.9l12.9 7.4 12.9 7.4c1.4 0.8 3.3 1.2 5.2 1.2 1.9 0 3.8-0.4 5.2-1.2l12.9-7.4 12.9-7.4c1.4-0.8 2.7-2.2 3.7-3.9 0.9-1.6 1.5-3.5 1.5-5.1v-14.9 -12.7c0-4.6-3.8-6-6.8-4.2l-28 16.2" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:10;stroke:#fff"/></g></svg> <svg class="info-panel-logo" xmlns="//www.w3.org/2000/svg" version="1"><g id="gjs-logo"><path d="M40 5l-12.9 7.4 -12.9 7.4c-1.4 0.8-2.7 2.3-3.7 3.9 -0.9 1.6-1.5 3.5-1.5 5.1v14.9 14.9c0 1.7 0.6 3.5 1.5 5.1 0.9 1.6 2.2 3.1 3.7 3.9l12.9 7.4 12.9 7.4c1.4 0.8 3.3 1.2 5.2 1.2 1.9 0 3.8-0.4 5.2-1.2l12.9-7.4 12.9-7.4c1.4-0.8 2.7-2.2 3.7-3.9 0.9-1.6 1.5-3.5 1.5-5.1v-14.9 -12.7c0-4.6-3.8-6-6.8-4.2l-28 16.2" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:10;stroke:#fff"/></g></svg>
<br/> <br/>
<div class="info-panel-label"> <div class="info-panel-label">
<b>GrapesJS MJML Newsletter Builder</b> was made not only to show what is possible to achive with the <b>GrapesJS MJML Newsletter Builder</b> was made not only to show what is possible to achive with the
<a class="info-panel-link gjs-four-color" target="_blank" href="http://artf.github.io/grapesjs/">GrapesJS</a> <a class="info-panel-link gjs-four-color" target="_blank" href="//artf.github.io/grapesjs/">GrapesJS</a>
core library, but also to help non-tech people build responsive cross-platform newsletters using the amazing core library, but also to help non-tech people build responsive cross-platform newsletters using the amazing
<a class="info-panel-link gjs-four-color" target="_blank" href="https://mjml.io">MJML</a> markup language <a class="info-panel-link gjs-four-color" target="_blank" href="https://mjml.io">MJML</a> markup language
<br/><br/> <br/><br/>
@ -151,7 +151,7 @@
CKEDITOR.dtd.$editable.a = 1; CKEDITOR.dtd.$editable.a = 1;
var lp = './img/'; var lp = './img/';
var plp = 'http://placehold.it/350x250/'; var plp = '//placehold.it/350x250/';
var images = [ var images = [
plp+'78c5d6/fff/image1.jpg', plp+'459ba8/fff/image2.jpg', plp+'79c267/fff/image3.jpg', plp+'78c5d6/fff/image1.jpg', plp+'459ba8/fff/image2.jpg', plp+'79c267/fff/image3.jpg',
plp+'c5d647/fff/image4.jpg', plp+'f28c33/fff/image5.jpg', plp+'e868a2/fff/image6.jpg', plp+'cc4360/fff/image7.jpg', plp+'c5d647/fff/image4.jpg', plp+'f28c33/fff/image5.jpg', plp+'e868a2/fff/image6.jpg', plp+'cc4360/fff/image7.jpg',

20
demo-newsletter-editor.html

@ -60,7 +60,7 @@
<table class="c1766"> <table class="c1766">
<tr> <tr>
<td class="cell c1769"> <td class="cell c1769">
<img class="c926" src="http://artf.github.io/grapesjs/img/grapesjs-logo.png" alt="GrapesJS."/> <img class="c926" src="//artf.github.io/grapesjs/img/grapesjs-logo.png" alt="GrapesJS."/>
</td> </td>
<td class="cell c1776"> <td class="cell c1776">
<div class="c1144">GrapesJS Newsletter Builder <div class="c1144">GrapesJS Newsletter Builder
@ -72,7 +72,7 @@
<table class="card"> <table class="card">
<tr> <tr>
<td class="card-cell"> <td class="card-cell">
<img class="c1271" src="http://artf.github.io/grapesjs/img/tmp-header-txt.jpg" alt="Big image here"/> <img class="c1271" src="//artf.github.io/grapesjs/img/tmp-header-txt.jpg" alt="Big image here"/>
<table class="table100 c1357"> <table class="table100 c1357">
<tr> <tr>
<td class="card-content"> <td class="card-content">
@ -101,7 +101,7 @@
<table class="list-item-content"> <table class="list-item-content">
<tr class="list-item-row"> <tr class="list-item-row">
<td class="list-cell-left"> <td class="list-cell-left">
<img class="list-item-image" src="http://artf.github.io/grapesjs/img/tmp-blocks.jpg" alt="Image1"/> <img class="list-item-image" src="//artf.github.io/grapesjs/img/tmp-blocks.jpg" alt="Image1"/>
</td> </td>
<td class="list-cell-right"> <td class="list-cell-right">
<h1 class="card-title">Built-in Blocks <h1 class="card-title">Built-in Blocks
@ -120,7 +120,7 @@
<table class="list-item-content"> <table class="list-item-content">
<tr class="list-item-row"> <tr class="list-item-row">
<td class="list-cell-left"> <td class="list-cell-left">
<img class="list-item-image" src="http://artf.github.io/grapesjs/img/tmp-tgl-images.jpg" alt="Image2"/> <img class="list-item-image" src="//artf.github.io/grapesjs/img/tmp-tgl-images.jpg" alt="Image2"/>
</td> </td>
<td class="list-cell-right"> <td class="list-cell-right">
<h1 class="card-title">Toggle images <h1 class="card-title">Toggle images
@ -139,7 +139,7 @@
<table class="grid-item-card"> <table class="grid-item-card">
<tr> <tr>
<td class="grid-item-card-cell"> <td class="grid-item-card-cell">
<img class="grid-item-image" src="http://artf.github.io/grapesjs/img/tmp-send-test.jpg" alt="Image1"/> <img class="grid-item-image" src="//artf.github.io/grapesjs/img/tmp-send-test.jpg" alt="Image1"/>
<table class="grid-item-card-body"> <table class="grid-item-card-body">
<tr> <tr>
<td class="grid-item-card-content"> <td class="grid-item-card-content">
@ -158,7 +158,7 @@
<table class="grid-item-card"> <table class="grid-item-card">
<tr> <tr>
<td class="grid-item-card-cell"> <td class="grid-item-card-cell">
<img class="grid-item-image" src="http://artf.github.io/grapesjs/img/tmp-devices.jpg" alt="Image2"/> <img class="grid-item-image" src="//artf.github.io/grapesjs/img/tmp-devices.jpg" alt="Image2"/>
<table class="grid-item-card-body"> <table class="grid-item-card-body">
<tr> <tr>
<td class="grid-item-card-content"> <td class="grid-item-card-content">
@ -465,7 +465,7 @@
<form id="test-form" class="test-form" action="http://grapes.16mb.com/s" method="POST" style="display:none"> <form id="test-form" class="test-form" action="//grapes.16mb.com/s" method="POST" style="display:none">
<div class="putsmail-c"> <div class="putsmail-c">
<a href="https://putsmail.com/" target="_blank"> <a href="https://putsmail.com/" target="_blank">
<img src="./img/putsmail.png" style="opacity:0.85;" /> <img src="./img/putsmail.png" style="opacity:0.85;" />
@ -499,11 +499,11 @@
<div id="info-panel" style="display:none"> <div id="info-panel" style="display:none">
<br/> <br/>
<svg class="info-panel-logo" xmlns="http://www.w3.org/2000/svg" version="1"><g id="gjs-logo"><path d="M40 5l-12.9 7.4 -12.9 7.4c-1.4 0.8-2.7 2.3-3.7 3.9 -0.9 1.6-1.5 3.5-1.5 5.1v14.9 14.9c0 1.7 0.6 3.5 1.5 5.1 0.9 1.6 2.2 3.1 3.7 3.9l12.9 7.4 12.9 7.4c1.4 0.8 3.3 1.2 5.2 1.2 1.9 0 3.8-0.4 5.2-1.2l12.9-7.4 12.9-7.4c1.4-0.8 2.7-2.2 3.7-3.9 0.9-1.6 1.5-3.5 1.5-5.1v-14.9 -12.7c0-4.6-3.8-6-6.8-4.2l-28 16.2" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:10;stroke:#fff"/></g></svg> <svg class="info-panel-logo" xmlns="//www.w3.org/2000/svg" version="1"><g id="gjs-logo"><path d="M40 5l-12.9 7.4 -12.9 7.4c-1.4 0.8-2.7 2.3-3.7 3.9 -0.9 1.6-1.5 3.5-1.5 5.1v14.9 14.9c0 1.7 0.6 3.5 1.5 5.1 0.9 1.6 2.2 3.1 3.7 3.9l12.9 7.4 12.9 7.4c1.4 0.8 3.3 1.2 5.2 1.2 1.9 0 3.8-0.4 5.2-1.2l12.9-7.4 12.9-7.4c1.4-0.8 2.7-2.2 3.7-3.9 0.9-1.6 1.5-3.5 1.5-5.1v-14.9 -12.7c0-4.6-3.8-6-6.8-4.2l-28 16.2" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:10;stroke:#fff"/></g></svg>
<br/> <br/>
<div class="info-panel-label"> <div class="info-panel-label">
<b>GrapesJS Newsletter Builder</b> is a showcase of what/how is possible to build an editor using the <b>GrapesJS Newsletter Builder</b> is a showcase of what/how is possible to build an editor using the
<a class="info-panel-link gjs-four-color" target="_blank" href="http://artf.github.io/grapesjs/">GrapesJS</a> <a class="info-panel-link gjs-four-color" target="_blank" href="//artf.github.io/grapesjs/">GrapesJS</a>
core library core library
<br/><br/> <br/><br/>
For any tip about this demo (or newsletters construction in general) check the For any tip about this demo (or newsletters construction in general) check the
@ -531,7 +531,7 @@
<script type="text/javascript"> <script type="text/javascript">
var host = 'http://artf.github.io/grapesjs/'; var host = '//artf.github.io/grapesjs/';
var images = [ var images = [
host + 'img/grapesjs-logo.png', host + 'img/grapesjs-logo.png',
host + 'img/tmp-blocks.jpg', host + 'img/tmp-blocks.jpg',

20
demo.html

@ -376,7 +376,7 @@
color: #ffffff; color: #ffffff;
font-family: Helvetica, serif; font-family: Helvetica, serif;
font-weight: 100; font-weight: 100;
background-image:url("http://grapesjs.com/img/bg-gr-v.png"), url("http://grapesjs.com/img/work-desk.jpg"); background-image:url("//grapesjs.com/img/bg-gr-v.png"), url("//grapesjs.com/img/work-desk.jpg");
background-attachment:scroll, scroll; background-attachment:scroll, scroll;
background-position:left top, center center; background-position:left top, center center;
background-repeat:repeat-y, no-repeat; background-repeat:repeat-y, no-repeat;
@ -492,24 +492,24 @@
} }
.card-header{ .card-header{
height: 155px; height: 155px;
background-image:url("http://placehold.it/350x250/78c5d6/fff/image1.jpg"); background-image:url("//placehold.it/350x250/78c5d6/fff/image1.jpg");
background-size:cover; background-size:cover;
background-position:center center; background-position:center center;
} }
.card-header.ch2{ .card-header.ch2{
background-image:url("http://placehold.it/350x250/459ba8/fff/image2.jpg"); background-image:url("//placehold.it/350x250/459ba8/fff/image2.jpg");
} }
.card-header.ch3{ .card-header.ch3{
background-image:url("http://placehold.it/350x250/79c267/fff/image3.jpg"); background-image:url("//placehold.it/350x250/79c267/fff/image3.jpg");
} }
.card-header.ch4{ .card-header.ch4{
background-image:url("http://placehold.it/350x250/c5d647/fff/image4.jpg"); background-image:url("//placehold.it/350x250/c5d647/fff/image4.jpg");
} }
.card-header.ch5{ .card-header.ch5{
background-image:url("http://placehold.it/350x250/f28c33/fff/image5.jpg"); background-image:url("//placehold.it/350x250/f28c33/fff/image5.jpg");
} }
.card-header.ch6{ .card-header.ch6{
background-image:url("http://placehold.it/350x250/e868a2/fff/image6.jpg"); background-image:url("//placehold.it/350x250/e868a2/fff/image6.jpg");
} }
.card-body{ .card-body{
padding: 15px 15px 5px 15px; padding: 15px 15px 5px 15px;
@ -856,7 +856,7 @@
} }
.badge-header{ .badge-header{
height: 115px; height: 115px;
background-image:url("http://grapesjs.com/img/bg-gr-v.png"), url("http://grapesjs.com/img/work-desk.jpg"); background-image:url("//grapesjs.com/img/bg-gr-v.png"), url("//grapesjs.com/img/work-desk.jpg");
background-position:left top, center center; background-position:left top, center center;
background-attachment:scroll, fixed; background-attachment:scroll, fixed;
overflow: hidden; overflow: hidden;
@ -936,7 +936,7 @@
<div id="info-panel" style="display:none"> <div id="info-panel" style="display:none">
<br/> <br/>
<svg class="info-panel-logo" xmlns="http://www.w3.org/2000/svg" version="1"><g id="gjs-logo"> <svg class="info-panel-logo" xmlns="//www.w3.org/2000/svg" version="1"><g id="gjs-logo">
<path d="M40 5l-12.9 7.4 -12.9 7.4c-1.4 0.8-2.7 2.3-3.7 3.9 -0.9 1.6-1.5 3.5-1.5 5.1v14.9 14.9c0 1.7 0.6 3.5 1.5 5.1 0.9 1.6 2.2 3.1 3.7 3.9l12.9 7.4 12.9 7.4c1.4 0.8 3.3 1.2 5.2 1.2 1.9 0 3.8-0.4 5.2-1.2l12.9-7.4 12.9-7.4c1.4-0.8 2.7-2.2 3.7-3.9 0.9-1.6 1.5-3.5 1.5-5.1v-14.9 -12.7c0-4.6-3.8-6-6.8-4.2l-28 16.2" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:10;stroke:#fff"/> <path d="M40 5l-12.9 7.4 -12.9 7.4c-1.4 0.8-2.7 2.3-3.7 3.9 -0.9 1.6-1.5 3.5-1.5 5.1v14.9 14.9c0 1.7 0.6 3.5 1.5 5.1 0.9 1.6 2.2 3.1 3.7 3.9l12.9 7.4 12.9 7.4c1.4 0.8 3.3 1.2 5.2 1.2 1.9 0 3.8-0.4 5.2-1.2l12.9-7.4 12.9-7.4c1.4-0.8 2.7-2.2 3.7-3.9 0.9-1.6 1.5-3.5 1.5-5.1v-14.9 -12.7c0-4.6-3.8-6-6.8-4.2l-28 16.2" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:10;stroke:#fff"/>
</g></svg> </g></svg>
<br/> <br/>
@ -958,7 +958,7 @@
<script type="text/javascript"> <script type="text/javascript">
var lp = './img/'; var lp = './img/';
var plp = 'http://placehold.it/350x250/'; var plp = '//placehold.it/350x250/';
var images = [ var images = [
lp+'team1.jpg', lp+'team2.jpg', lp+'team3.jpg', plp+'78c5d6/fff/image1.jpg', plp+'459ba8/fff/image2.jpg', plp+'79c267/fff/image3.jpg', lp+'team1.jpg', lp+'team2.jpg', lp+'team3.jpg', plp+'78c5d6/fff/image1.jpg', plp+'459ba8/fff/image2.jpg', plp+'79c267/fff/image3.jpg',
plp+'c5d647/fff/image4.jpg', plp+'f28c33/fff/image5.jpg', plp+'e868a2/fff/image6.jpg', plp+'cc4360/fff/image7.jpg', plp+'c5d647/fff/image4.jpg', plp+'f28c33/fff/image5.jpg', plp+'e868a2/fff/image6.jpg', plp+'cc4360/fff/image7.jpg',

Loading…
Cancel
Save