diff --git a/public/grapejs/templates/demo/images/150x150.png b/public/grapejs/templates/demo/images/150x150.png new file mode 100644 index 00000000..4a0219c8 Binary files /dev/null and b/public/grapejs/templates/demo/images/150x150.png differ diff --git a/public/grapejs/templates/demo/images/250x150.png b/public/grapejs/templates/demo/images/250x150.png new file mode 100644 index 00000000..79c8204d Binary files /dev/null and b/public/grapejs/templates/demo/images/250x150.png differ diff --git a/public/grapejs/templates/demo/images/550x250.png b/public/grapejs/templates/demo/images/550x250.png new file mode 100644 index 00000000..17b05350 Binary files /dev/null and b/public/grapejs/templates/demo/images/550x250.png differ diff --git a/public/grapejs/templates/demo/images/grapesjs-logo.png b/public/grapejs/templates/demo/images/grapesjs-logo.png new file mode 100644 index 00000000..e554f528 Binary files /dev/null and b/public/grapejs/templates/demo/images/grapesjs-logo.png differ diff --git a/public/grapejs/templates/demo/index.html b/public/grapejs/templates/demo/index.html index 1ee03e3f..ec736412 100644 --- a/public/grapejs/templates/demo/index.html +++ b/public/grapejs/templates/demo/index.html @@ -15,7 +15,7 @@
- GrapesJS. + GrapesJS.
GrapesJS Newsletter Builder @@ -27,7 +27,7 @@
- Big image here + Big image here
@@ -56,7 +56,7 @@
- Image1 + Image1

Built-in Blocks @@ -75,7 +75,7 @@
- Image2 + Image2

Toggle images @@ -94,7 +94,7 @@
- Image1 + Image1
@@ -113,7 +113,7 @@
- Image2 + Image2
diff --git a/public/mosaico/templates/versafix-1/template-versafix-1.html b/public/mosaico/templates/versafix-1/index.html similarity index 91% rename from public/mosaico/templates/versafix-1/template-versafix-1.html rename to public/mosaico/templates/versafix-1/index.html index e729255a..693d5051 100644 --- a/public/mosaico/templates/versafix-1/template-versafix-1.html +++ b/public/mosaico/templates/versafix-1/index.html @@ -37,18 +37,18 @@ widget: text; help: Alternative text will be shown on email clients that does not download image automatically; } - sponsor { label: Sponsor; properties: visible=true src url alt; category: hidden } - titleText {label:Title Text;category: hidden;} + sponsor { label: Sponsor; properties: visible=true; } + titleText { label: HTML Title; extend: text; } gutterVisible { label: Show Gutter; extend: visible } socialIconType { label: Icon Version;widget: select; options:bw=Black and White|colors=Colors; } preheaderLinkOption { label: Unsubscribe Link; widget: select; - options: [profile_link]=Profile|[unsubscribe_link]=Unsubscribe|none=None; + options: [LINK_PREFERENCES]=Preferences|[LINK_UNSUBSCRIBE]=Unsubscribe|none=None; help: If -None- is selected, preHeader text will be shown; } - + hrStyle { label: Separator Style;properties:color hrWidth hrHeight; } hrStyle:preview { height: 200%; width: 200%; bottom: 20px; -ko-border-bottom: @[hrHeight]px solid @color; } preheaderVisible { label: Show Preheader; extend: visible; help: Preheader block is the first one on the top of the page. It contains web version link and optionally unsubscribe link or a preheader text that will be shown as a preview on some email clients; } @@ -59,7 +59,7 @@ image { label: Image; properties: src url alt } backgroundColor { label: Background Color; extend: color } buttonLink { label: Button; extend: link } - + /* texts and links */ textStyle { label: Text; properties: face color size } textStyle:preview { -ko-bind-text: @['AaZz']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; } @@ -74,7 +74,7 @@ externalTextStyle { label: Alternative Text; extend: textStyle } externalTextStyle:preview { -ko-bind-text: @['AaZz']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; } - + bigTitleStyle { label: Title; properties: face color size align} bigTitleStyle:preview { -ko-bind-text: @['AaZz']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; } /* buttons */ @@ -82,7 +82,7 @@ buttonStyle size { label: Text Size; extend: size } buttonStyle { label: Button; properties: face color size buttonColor radius } buttonStyle:preview { -ko-bind-text: @['Button']; -ko-font-family: @face; -ko-color: @color; -ko-font-size: @[size]px; -ko-background-color: @buttonColor; padding-left: 5px; -ko-border-radius: @[radius]px; } - + /* contents */ preheaderText {label: PreHeader Text; extend:text; help: This text will be shown on some email clients as a preview of the email contents;} leftImage { label: Left Image; extend: image } @@ -110,7 +110,7 @@ template { label: Page; theme: frameTheme ;properties: preheaderVisible=true; version: 1.0.6; } footerBlock { label: Unsubscribe Block; theme: frameTheme } - + socialBlock fbVisible { label: Facebook; } socialBlock twVisible { label: Twitter } socialBlock ggVisible { label: Google+ } @@ -135,7 +135,7 @@ variant:socialIconType; theme: frameTheme } - + preheaderBlock { label:Preheader Block; theme: frameTheme} sideArticleBlock imagePos {label:Image position;widget:select; options: left=Left|right=Right; } @@ -149,10 +149,10 @@ doubleArticleBlock { label: 2 Columns Block; properties: backgroundColor titleVisible=true buttonVisible=true imageVisible=true titleTextStyle longTextStyle buttonStyle leftImage leftLongText leftButtonLink rightImage rightLongText rightButtonLink; theme: contentTheme} tripleArticleBlock { label: 3 Columns Block; properties: backgroundColor titleVisible=true buttonVisible=true imageVisible=true titleTextStyle longTextStyle buttonStyle leftImage leftLongText leftButtonLink middleImage middleLongText middleButtonLink rightImage rightLongText rightButtonLink; theme: contentTheme} - + logoBlock imageWidth { label: Image Size; widget: select; options: 166=Small|258=Medium|350=Big; variant:imageWidth;} logoBlock { label: Logo Block; properties: image imageWidth=258; variant: imageWidth; theme: contentTheme} - + titleBlock { label: Title; theme: contentTheme} imageBlock longTextStyle { @@ -278,12 +278,12 @@ width: 100% !important; max-width: none !important; height: auto !important; - } + } }