From c3ae76d73b0610f79148cdcd3116e1ee21cabd34 Mon Sep 17 00:00:00 2001 From: Steve Demo <33267524+hellogoodbyte@users.noreply.github.com> Date: Wed, 13 Sep 2023 08:45:12 -0400 Subject: [PATCH 1/4] Create live-reveal.njk --- src/_includes/components/live-reveal.njk | 106 +++++++++++++++++++++++ 1 file changed, 106 insertions(+) create mode 100644 src/_includes/components/live-reveal.njk diff --git a/src/_includes/components/live-reveal.njk b/src/_includes/components/live-reveal.njk new file mode 100644 index 0000000..3e5756f --- /dev/null +++ b/src/_includes/components/live-reveal.njk @@ -0,0 +1,106 @@ + + + + + + + + + From 5d97c7a373e681fb70805c98cad6b534591dcaf0 Mon Sep 17 00:00:00 2001 From: Pavel Sanchez <23495830+PaleBluDot@users.noreply.github.com> Date: Wed, 13 Sep 2023 15:45:31 -0400 Subject: [PATCH 2/4] chore: match main --- .github/workflows/development.yml | 42 +- .github/workflows/production.yml | 59 +- .gitignore | 4 +- .releaserc.json | 4 +- dist/index.html | 157 ----- dist/templates/base/banner.html | 246 ------- dist/templates/base/event.html | 277 -------- dist/templates/base/sidebox.html | 270 -------- dist/templates/base/standard.html | 255 -------- dist/templates/base/topper.html | 276 -------- dist/templates/components/members-card.html | 362 ----------- dist/templates/newsletters/blank-example.html | 309 --------- .../sdemo-aff-newsletter-template.html | 610 ------------------ package.json | 20 +- 14 files changed, 59 insertions(+), 2832 deletions(-) delete mode 100644 dist/index.html delete mode 100644 dist/templates/base/banner.html delete mode 100644 dist/templates/base/event.html delete mode 100644 dist/templates/base/sidebox.html delete mode 100644 dist/templates/base/standard.html delete mode 100644 dist/templates/base/topper.html delete mode 100644 dist/templates/components/members-card.html delete mode 100644 dist/templates/newsletters/blank-example.html delete mode 100644 dist/templates/newsletters/sdemo-aff-newsletter-template.html diff --git a/.github/workflows/development.yml b/.github/workflows/development.yml index 53b9f1b..db57bdb 100644 --- a/.github/workflows/development.yml +++ b/.github/workflows/development.yml @@ -12,45 +12,43 @@ on: types: [opened, synchronize, reopened] jobs: - Test: - name: 🚨 Test 🚨 + Test-Release: + name: 🚨 Test Release 🚨 if: ${{ !contains(github.head_ref, 'all-contributors') }} - runs-on: ubuntu-latest + runs-on: ${{ matrix.os }} strategy: matrix: - node: [16] + node: [18] os: [ubuntu-latest] steps: - name: ⬇️ Checkout repo - uses: actions/checkout@v2 + uses: actions/checkout@v4 with: fetch-depth: 0 persist-credentials: false - - name: ⎔ Setup node - uses: actions/setup-node@v1 - - - name: 📥 Download deps - uses: bahmutov/npm-install@v1 + - name: ⎔ Setup node ${{ matrix.node }} + uses: actions/setup-node@v3 with: - useLockFile: false - env: - HUSKY_SKIP_INSTALL: true + node-version: ${{ matrix.node }} - - name: 🚨 Lint - run: npm run lint + - name: 📥 Install deps + run: npm ci - name: 🏗 Build run: npm run build --if-present - - name: 🚢 Release - uses: cycjimmy/semantic-release-action@v2 + - name: 🚨 Format + run: npm run format + + - name: 🚀 Release Dry Run + uses: cycjimmy/semantic-release-action@v3 + id: semantic with: - semantic_version: 17 - extra_plugins: | - @semantic-release/changelog@3.0.0 - @semantic-release/git@9.0.0 + semantic_version: 18 + dry_run: true + ci: false branches: | [ 'main', @@ -62,4 +60,4 @@ jobs: env: NPM_TOKEN: ${{ secrets.NPM_TOKEN }} GH_TOKEN: ${{ secrets.GH_TOKEN }} - GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} + GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} \ No newline at end of file diff --git a/.github/workflows/production.yml b/.github/workflows/production.yml index 8adb828..4709439 100644 --- a/.github/workflows/production.yml +++ b/.github/workflows/production.yml @@ -4,60 +4,45 @@ on: push: branches: - main + - beta jobs: - Test: - name: 🚨 Test 🚨 + Publish: + name: 🚀 Publish 🚀 runs-on: ${{ matrix.os }} - strategy: matrix: - node-version: [16] + node: [18] os: [ubuntu-latest] - steps: - - uses: actions/checkout@v2 - with: - fetch-depth: 0 - persist-credentials: false - - name: Use Node.js ${{ matrix.node-version }} - uses: actions/setup-node@v2 - with: - node-version: ${{ matrix.node-version }} - cache: "npm" - - run: npm ci - - run: npm run build - - run: npm run lint - - Publish: - name: 🚀 Publish 🚀 - runs-on: ubuntu-latest if: ${{ github.ref == 'refs/heads/main' }} - needs: [Test] + steps: - - name: ⎔ Setup node - uses: actions/checkout@v2 + - name: ⬇️ Checkout repo + uses: actions/checkout@v4 with: fetch-depth: 0 persist-credentials: false - - name: 📥 Download deps - uses: bahmutov/npm-install@v1 + - name: ⎔ Setup node ${{ matrix.node }} + uses: actions/setup-node@v3 with: - useLockFile: false - env: - HUSKY_SKIP_INSTALL: true + node-version: ${{ matrix.node }} + + - name: 📥 Install deps + run: npm ci - name: 🏗 Build - run: npm run build + run: npm run build --if-present + + - name: 🚨 Format + run: npm run format - - uses: cycjimmy/semantic-release-action@v2 + - name: 🚀 Release Dry Run + uses: cycjimmy/semantic-release-action@v3 + id: semantic with: - semantic_version: 17 - extra_plugins: | - @semantic-release/changelog@3.0.0 - @semantic-release/git@9.0.0 - @semantic-release/github@7.0.0 + semantic_version: 18 branches: | [ 'main', @@ -73,4 +58,4 @@ jobs: GIT_AUTHOR_NAME: ${{ secrets.GIT_AUTHOR_NAME }} GIT_AUTHOR_EMAIL: ${{ secrets.GIT_AUTHOR_EMAIL }} GIT_COMMITTER_NAME: ${{ secrets.GIT_COMMITTER_NAME }} - GIT_COMMITTER_EMAIL: ${{ secrets.GIT_COMMITTER_EMAIL }} + GIT_COMMITTER_EMAIL: ${{ secrets.GIT_COMMITTER_EMAIL }} \ No newline at end of file diff --git a/.gitignore b/.gitignore index 6b5ceca..b46c8af 100644 --- a/.gitignore +++ b/.gitignore @@ -4,6 +4,7 @@ node_modules/ # build artifacts build/ +dist/** .cache # secrets and errors @@ -15,5 +16,4 @@ report.* # macOS related files .DS_Store .AppleDouble -.LSOverride - +.LSOverride \ No newline at end of file diff --git a/.releaserc.json b/.releaserc.json index b99564b..d88618c 100644 --- a/.releaserc.json +++ b/.releaserc.json @@ -18,9 +18,9 @@ [ "@semantic-release/git", { - "assets": ["package.json", "package-lock.json", "CHANGELOG.md"], + "assets": ["package.json", "package-lock.json", "CHANGELOG.md", "dist/"], "message": "chore(release): v${nextRelease.version} [skip ci]\n\n${nextRelease.notes}" } ] ] -} +} \ No newline at end of file diff --git a/dist/index.html b/dist/index.html deleted file mode 100644 index e96c636..0000000 --- a/dist/index.html +++ /dev/null @@ -1,157 +0,0 @@ - - - - - - - - - - - - - - - - - - ACLU Email - - - - -
-
- -
-
-
- ACLU Templates - - Email Snippets - - Take action - - Shop - - Donate -
-
-
-
-

ACLU Custom Email Template Builder

- -

Welcome to the ACLU custom email template repo. This was created to help us iterate thought different templates much faster than we could before. All of the components used have been tested through Litmus to ensure consistency across email clients.

- -

Current Email Templates

- -
    -
  1. - Banner -
    2. -
  2. - Event -
    3. -
  3. - Sidebox -
    4. -
  4. - Standard -
    5. -
  5. - Topper -
    6. -
- -

Newsletter Templates

-
    -
  1. - Blank-example -
    2. -
-
- - diff --git a/dist/templates/base/banner.html b/dist/templates/base/banner.html deleted file mode 100644 index 9503f2e..0000000 --- a/dist/templates/base/banner.html +++ /dev/null @@ -1,246 +0,0 @@ - - - - ACLU Email - - - - - - - - {include "pre-header-spacing"}{beacon} - - - - - - - - - - - - - {include "affiliate-footer"}{affiliate_tracking} - - diff --git a/dist/templates/base/event.html b/dist/templates/base/event.html deleted file mode 100644 index 06c628f..0000000 --- a/dist/templates/base/event.html +++ /dev/null @@ -1,277 +0,0 @@ - - - - ACLU Email - - - - - - - - {include "pre-header-spacing"}{beacon} - - - - - - - - - - - - - {include "affiliate-footer"}{affiliate_tracking} - - diff --git a/dist/templates/base/sidebox.html b/dist/templates/base/sidebox.html deleted file mode 100644 index 9d8d5e8..0000000 --- a/dist/templates/base/sidebox.html +++ /dev/null @@ -1,270 +0,0 @@ - - - - ACLU Email - - - - - - - - {include "pre-header-spacing"}{beacon} - - - - - - - - - - - - - {include "affiliate-footer"}{affiliate_tracking} - - diff --git a/dist/templates/base/standard.html b/dist/templates/base/standard.html deleted file mode 100644 index b0ae967..0000000 --- a/dist/templates/base/standard.html +++ /dev/null @@ -1,255 +0,0 @@ - - - - ACLU Email - - - - - - - - {include "pre-header-spacing"}{beacon} - - - - - - - - - - - - - {include "affiliate-footer"}{affiliate_tracking} - - diff --git a/dist/templates/base/topper.html b/dist/templates/base/topper.html deleted file mode 100644 index 243a4ea..0000000 --- a/dist/templates/base/topper.html +++ /dev/null @@ -1,276 +0,0 @@ - - - - ACLU Email - - - - - - - - {include "pre-header-spacing"}{beacon} - - - - - - - - -
- - - - - - - - - - - - - {include "affiliate-footer"}{affiliate_tracking} - - diff --git a/dist/templates/components/members-card.html b/dist/templates/components/members-card.html deleted file mode 100644 index 83df690..0000000 --- a/dist/templates/components/members-card.html +++ /dev/null @@ -1,362 +0,0 @@ - - - - ACLU Email - - - - - - - - -
-  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌  -
- - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/dist/templates/newsletters/blank-example.html b/dist/templates/newsletters/blank-example.html deleted file mode 100644 index aecc38d..0000000 --- a/dist/templates/newsletters/blank-example.html +++ /dev/null @@ -1,309 +0,0 @@ - - - - ACLU Email - - - - - - - - {include "pre-header-spacing"}{beacon} - - - - - - - - - - - - - - - - diff --git a/dist/templates/newsletters/sdemo-aff-newsletter-template.html b/dist/templates/newsletters/sdemo-aff-newsletter-template.html deleted file mode 100644 index 04cad4b..0000000 --- a/dist/templates/newsletters/sdemo-aff-newsletter-template.html +++ /dev/null @@ -1,610 +0,0 @@ - - - - ACLU Email - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/package.json b/package.json index 5800e6a..6f9c86d 100644 --- a/package.json +++ b/package.json @@ -1,11 +1,14 @@ { "name": "@aclu-national/email-builder", - "version": "1.1.3", + "version": "1.2.0", "description": "Using 11ty to generate HTML emails", "main": "dist/", "author": "ACLU", "contributors": [ - "Pavel Sanchez" + "Pavel Sanchez", + "Brennan Taylor", + "Stephen Demo", + "Ashley Burrous" ], "license": "MIT", "private": true, @@ -14,7 +17,7 @@ "dev": "eleventy --serve", "web": "eleventy", "clean": "rimraf dist/", - "pa11y": "pa11y ./dist/", + "pa11y": "pa11y ./dist", "spellcheck": "npx cspell dist/**", "lint": "npm run pa11y", "format": "npx prettier --write dist/**/*", @@ -45,10 +48,13 @@ "email" ], "devDependencies": { - "@11ty/eleventy": "^0.12.1", + "@11ty/eleventy": "^2.0.1", + "@semantic-release/changelog": "^6.0.3", + "@semantic-release/git": "^10.0.1", + "@semantic-release/github": "^9.0.5", "clean-css-cli": "^5.3.3", "commitizen": "^4.2.4", - "commitlint": "^11.0.0", + "commitlint": "^17.7.1", "cross-env": "^7.0.3", "cspell": "^5.10.1", "cz-customizable": "^6.3.0", @@ -57,7 +63,7 @@ "npm-run-all": "^4.1.5", "pa11y": "^5.3.0", "prettier": "^2.4.1", - "semantic-release": "^17.4.7" + "semantic-release": "^21.1.1" }, "repository": { "type": "git", @@ -67,4 +73,4 @@ "url": "https://github.com/aclu-national/email-builder/issues" }, "homepage": "https://github.com/aclu-national/email-builder#readme" -} +} \ No newline at end of file From 6ee35aaa9b352ff1b8838c6d4dca0b8ca41a3caa Mon Sep 17 00:00:00 2001 From: Pavel Sanchez <23495830+PaleBluDot@users.noreply.github.com> Date: Wed, 13 Sep 2023 15:56:46 -0400 Subject: [PATCH 3/4] fix: add dist back for merge --- .gitignore | 2 +- dist/index.html | 141 +++++++++ dist/templates/base/banner.html | 247 +++++++++++++++ dist/templates/base/event.html | 277 ++++++++++++++++ dist/templates/base/sidebox.html | 264 ++++++++++++++++ dist/templates/base/standard.html | 251 +++++++++++++++ dist/templates/base/topper.html | 271 ++++++++++++++++ dist/templates/newsletters/blank-example.html | 299 ++++++++++++++++++ 8 files changed, 1751 insertions(+), 1 deletion(-) create mode 100644 dist/index.html create mode 100644 dist/templates/base/banner.html create mode 100644 dist/templates/base/event.html create mode 100644 dist/templates/base/sidebox.html create mode 100644 dist/templates/base/standard.html create mode 100644 dist/templates/base/topper.html create mode 100644 dist/templates/newsletters/blank-example.html diff --git a/.gitignore b/.gitignore index b46c8af..bf58fe9 100644 --- a/.gitignore +++ b/.gitignore @@ -4,7 +4,7 @@ node_modules/ # build artifacts build/ -dist/** +# dist/** .cache # secrets and errors diff --git a/dist/index.html b/dist/index.html new file mode 100644 index 0000000..559c15e --- /dev/null +++ b/dist/index.html @@ -0,0 +1,141 @@ + + + + + + + + + + + + + + + + + + + + ACLU Email + + + + +
+
+ +
+
+
+ ACLU Templates + + Email Snippets + + Take action + + Shop + + Donate +
+
+
+
+ +

ACLU Custom Email Template Builder

+ +

Welcome to the ACLU custom email template repo. This was created to help us iterate thought different templates much faster than we could before. All of the components used have been tested through Litmus to ensure consistency across email clients.

+ +

Current Email Templates

+ +
  1. Banner
  2. Event
  3. Sidebox
  4. Standard
  5. Topper
+ +

Component

+
    + +

    Newsletter Templates

    +
    1. Blank-example
    + +
    + + \ No newline at end of file diff --git a/dist/templates/base/banner.html b/dist/templates/base/banner.html new file mode 100644 index 0000000..cb8c7ca --- /dev/null +++ b/dist/templates/base/banner.html @@ -0,0 +1,247 @@ + + + + ACLU Email + + + + + + + + + + {include "pre-header-spacing"}{beacon} + + + + + + + + + + + + + + + {include "affiliate-footer"}{affiliate_tracking} + + + diff --git a/dist/templates/base/event.html b/dist/templates/base/event.html new file mode 100644 index 0000000..b6aeaef --- /dev/null +++ b/dist/templates/base/event.html @@ -0,0 +1,277 @@ + + + + ACLU Email + + + + + + + + + + {include "pre-header-spacing"}{beacon} + + + + + + + + + + + + + + + {include "affiliate-footer"}{affiliate_tracking} + + + diff --git a/dist/templates/base/sidebox.html b/dist/templates/base/sidebox.html new file mode 100644 index 0000000..17b7dc0 --- /dev/null +++ b/dist/templates/base/sidebox.html @@ -0,0 +1,264 @@ + + + + ACLU Email + + + + + + + + + + {include "pre-header-spacing"}{beacon} + + + + + + + + + + + + + + + {include "affiliate-footer"}{affiliate_tracking} + + + diff --git a/dist/templates/base/standard.html b/dist/templates/base/standard.html new file mode 100644 index 0000000..e8244d4 --- /dev/null +++ b/dist/templates/base/standard.html @@ -0,0 +1,251 @@ + + + + ACLU Email + + + + + + + + + + {include "pre-header-spacing"}{beacon} + + + + + + + + + + + + + + + {include "affiliate-footer"}{affiliate_tracking} + + + diff --git a/dist/templates/base/topper.html b/dist/templates/base/topper.html new file mode 100644 index 0000000..9b1d1b2 --- /dev/null +++ b/dist/templates/base/topper.html @@ -0,0 +1,271 @@ + + + + ACLU Email + + + + + + + + + + {include "pre-header-spacing"}{beacon} + + + + + + + +
    + + + + + + + + + + + + + + + {include "affiliate-footer"}{affiliate_tracking} + + + diff --git a/dist/templates/newsletters/blank-example.html b/dist/templates/newsletters/blank-example.html new file mode 100644 index 0000000..84a6015 --- /dev/null +++ b/dist/templates/newsletters/blank-example.html @@ -0,0 +1,299 @@ + + + + ACLU Email + + + + + + + + + {include "pre-header-spacing"}{beacon} + + + + + + + + + + + + + + + + \ No newline at end of file From 0fe3534e8223f593013b1009186d974caeae1b8b Mon Sep 17 00:00:00 2001 From: Pavel Sanchez <23495830+PaleBluDot@users.noreply.github.com> Date: Wed, 13 Sep 2023 15:58:42 -0400 Subject: [PATCH 4/4] fix: add main code --- dist/index.html | 6 +- dist/templates/base/banner.html | 469 ++++++++------- dist/templates/base/event.html | 482 ++++++++-------- dist/templates/base/sidebox.html | 460 +++++++-------- dist/templates/base/standard.html | 452 +++++++-------- dist/templates/base/topper.html | 451 +++++++-------- dist/templates/newsletters/blank-example.html | 538 +++++++++--------- 7 files changed, 1441 insertions(+), 1417 deletions(-) diff --git a/dist/index.html b/dist/index.html index 559c15e..d29e7ca 100644 --- a/dist/index.html +++ b/dist/index.html @@ -7,7 +7,7 @@ - + @@ -121,7 +121,7 @@
    - +

    ACLU Custom Email Template Builder

    Welcome to the ACLU custom email template repo. This was created to help us iterate thought different templates much faster than we could before. All of the components used have been tested through Litmus to ensure consistency across email clients.

    @@ -134,7 +134,7 @@

    Component

      Newsletter Templates

      -
      1. Blank-example
      +
      1. Blank-example
      2. Newsletter
      diff --git a/dist/templates/base/banner.html b/dist/templates/base/banner.html index cb8c7ca..343e0e2 100644 --- a/dist/templates/base/banner.html +++ b/dist/templates/base/banner.html @@ -2,246 +2,245 @@ ACLU Email - - - - - - - + + + + + - {include "pre-header-spacing"}{beacon} - - - - - - - - + + + + + {include "affiliate-footer"} - + \ No newline at end of file diff --git a/dist/templates/base/event.html b/dist/templates/base/event.html index b6aeaef..5a21642 100644 --- a/dist/templates/base/event.html +++ b/dist/templates/base/event.html @@ -2,276 +2,276 @@ ACLU Email - - - - - + li { + margin-bottom: 15px; + font-family: Arial, "Helvetica Neue", sans-serif; + font-size: 16px; + line-height: 16px; + list-style-type: disc; + } + td.footer-text a { + font-weight: 400 !important; + } + @media screen and (max-width: 480px) { + table.emailwrapto100pc { + width: 100% !important; + white-space: inherit !important; + line-height: inherit !important; + } + td.logo-spacing { + padding-left: 20px !important; + } + td.emailbodytext { + font-size: 16px !important; + line-height: 23px !important; + padding-right: 20px !important; + padding-left: 20px !important; + } + .image-resize { + width: 100% !important; + } + table.footer-left, + table.footer-right { + width: 100% !important; + margin-top: 10px !important; + } + table.footer-right { + float: left !important; + margin-top: 25px !important; + } + td.footer-left, + td.footer-right, + td.footer-text { + text-align: center !important; + } + td.footer-right { + padding: 0px !important; + } + td.footer-text { + padding: 10px 20px 20px 20px !important; + } + td.button-wrapper { + display: inline-block; + } + .outer-sidebox, + .inner-sidebox { + float: none !important; + width: 100% !important; + } + .sidebox-padding { + padding-left: 0px !important; + } + } + /* DARK MODE FOR IOS AND APPLE MAIL */ + @media (prefers-color-scheme: dark) { + body { + background: #1c1c1e; + } + a, + a:visited, + a:hover, + a:active { + color: #2d86e0; + } + a.button-text, + a.button-text:visited, + a.button-text:hover, + a.button-text:active { + color: #cecece; + } + td.emailbodytext p, + td.emailbodytext li, + td.emailbodytext h1, + td.emailbodytext h2, + td.emailbodytext h3, + td.tagline p, + td.dm-box h2 { + color: #cecece; + } + td.dm-box { + background: #2a2a2b !important; + color: #cecece; + } + td.emailbodytext { + border-bottom: 1px solid #2a2a2b !important; + } + table.inner-sidebox, + td.dm-box { + border: 0 !important; + } + } + - {include "pre-header-spacing"}{beacon} + {include "pre-header-spacing"}{beacon} - - - - - - - + + + + + + + + + + +
      + -

      Fugit sapiente dolores libero ipsa aliquid ex! Quo consectetur cumque quos sequi quaerat explicabo dignissimos est quam laudantium ad deserunt perferendis repudiandae officiis maxime unde dolor modi dolores, iste adipisci.

      +

      Eius nihil, ullam nesciunt accusantium perferendis unde aspernatur velit tempore provident assumenda quas aliquam, ex possimus voluptatum libero. Deleniti ratione libero molestiae modi assumenda quas facilis alias ullam dolor aperiam!

      +

      Eligendi laudantium voluptas asperiores eum aliquam aliquid id hic molestias illum placeat vero magnam impedit, totam atque officia voluptatibus accusantium. Unde quidem eum incidunt doloremque labore! Magni cum dolorem est?

      - {signature = 'ed'}{include "affiliate_signatures"} - - - - +

      Fugit sapiente dolores libero ipsa aliquid ex! Quo consectetur cumque quos sequi quaerat explicabo dignissimos est quam laudantium ad deserunt perferendis repudiandae officiis maxime unde dolor modi dolores, iste adipisci.

      + {signature = 'ed'}{include "affiliate_signatures"} + + + + - - {include "affiliate-footer"}{affiliate_tracking} - + {include "affiliate-footer"} - + \ No newline at end of file diff --git a/dist/templates/base/sidebox.html b/dist/templates/base/sidebox.html index 17b7dc0..225d8f8 100644 --- a/dist/templates/base/sidebox.html +++ b/dist/templates/base/sidebox.html @@ -2,263 +2,269 @@ ACLU Email - - - - - + li { + margin-bottom: 15px; + font-family: Arial, "Helvetica Neue", sans-serif; + font-size: 16px; + line-height: 16px; + list-style-type: disc; + } + td.footer-text a { + font-weight: 400 !important; + } + @media screen and (max-width: 480px) { + table.emailwrapto100pc { + width: 100% !important; + white-space: inherit !important; + line-height: inherit !important; + } + td.logo-spacing { + padding-left: 20px !important; + } + td.emailbodytext { + font-size: 16px !important; + line-height: 23px !important; + padding-right: 20px !important; + padding-left: 20px !important; + } + .image-resize { + width: 100% !important; + } + table.footer-left, + table.footer-right { + width: 100% !important; + margin-top: 10px !important; + } + table.footer-right { + float: left !important; + margin-top: 25px !important; + } + td.footer-left, + td.footer-right, + td.footer-text { + text-align: center !important; + } + td.footer-right { + padding: 0px !important; + } + td.footer-text { + padding: 10px 20px 20px 20px !important; + } + td.button-wrapper { + display: inline-block; + } + .outer-sidebox, + .inner-sidebox { + float: none !important; + width: 100% !important; + } + .sidebox-padding { + padding-left: 0px !important; + } + } + /* DARK MODE FOR IOS AND APPLE MAIL */ + @media (prefers-color-scheme: dark) { + body { + background: #1c1c1e; + } + a, + a:visited, + a:hover, + a:active { + color: #2d86e0; + } + a.button-text, + a.button-text:visited, + a.button-text:hover, + a.button-text:active { + color: #cecece; + } + td.emailbodytext p, + td.emailbodytext li, + td.emailbodytext h1, + td.emailbodytext h2, + td.emailbodytext h3, + td.tagline p, + td.dm-box h2 { + color: #cecece; + } + td.dm-box { + background: #2a2a2b !important; + color: #cecece; + } + td.emailbodytext { + border-bottom: 1px solid #2a2a2b !important; + } + table.inner-sidebox, + td.dm-box { + border: 0 !important; + } + } + - {include "pre-header-spacing"}{beacon} + {include "pre-header-spacing"}{beacon} - - - - - - - + + + + + - - - - + {signature = 'ed'}{include "affiliate_signatures"} + + + + - - {include "affiliate-footer"}{affiliate_tracking} - + {include "affiliate-footer"} - + \ No newline at end of file diff --git a/dist/templates/base/standard.html b/dist/templates/base/standard.html index e8244d4..34238a4 100644 --- a/dist/templates/base/standard.html +++ b/dist/templates/base/standard.html @@ -2,215 +2,220 @@ ACLU Email - - - - - - - + + + + + - {include "pre-header-spacing"}{beacon} - - - - - - - - + + + - - {include "affiliate-footer"}{affiliate_tracking} - + {include "affiliate-footer"} - + \ No newline at end of file diff --git a/dist/templates/base/topper.html b/dist/templates/base/topper.html index 9b1d1b2..2ecb766 100644 --- a/dist/templates/base/topper.html +++ b/dist/templates/base/topper.html @@ -2,235 +2,241 @@ ACLU Email - - - - - + li { + margin-bottom: 15px; + font-family: Arial, "Helvetica Neue", sans-serif; + font-size: 16px; + line-height: 16px; + list-style-type: disc; + } + td.footer-text a { + font-weight: 400 !important; + } + @media screen and (max-width: 480px) { + table.emailwrapto100pc { + width: 100% !important; + white-space: inherit !important; + line-height: inherit !important; + } + td.logo-spacing { + padding-left: 20px !important; + } + td.emailbodytext { + font-size: 16px !important; + line-height: 23px !important; + padding-right: 20px !important; + padding-left: 20px !important; + } + .image-resize { + width: 100% !important; + } + table.footer-left, + table.footer-right { + width: 100% !important; + margin-top: 10px !important; + } + table.footer-right { + float: left !important; + margin-top: 25px !important; + } + td.footer-left, + td.footer-right, + td.footer-text { + text-align: center !important; + } + td.footer-right { + padding: 0px !important; + } + td.footer-text { + padding: 10px 20px 20px 20px !important; + } + td.button-wrapper { + display: inline-block; + } + .outer-sidebox, + .inner-sidebox { + float: none !important; + width: 100% !important; + } + .sidebox-padding { + padding-left: 0px !important; + } + } + /* DARK MODE FOR IOS AND APPLE MAIL */ + @media (prefers-color-scheme: dark) { + body { + background: #1c1c1e; + } + a, + a:visited, + a:hover, + a:active { + color: #2d86e0; + } + a.button-text, + a.button-text:visited, + a.button-text:hover, + a.button-text:active { + color: #cecece; + } + td.emailbodytext p, + td.emailbodytext li, + td.emailbodytext h1, + td.emailbodytext h2, + td.emailbodytext h3, + td.tagline p, + td.dm-box h2 { + color: #cecece; + } + td.dm-box { + background: #2a2a2b !important; + color: #cecece; + } + td.emailbodytext { + border-bottom: 1px solid #2a2a2b !important; + } + table.inner-sidebox, + td.dm-box { + border: 0 !important; + } + } + - {include "pre-header-spacing"}{beacon} + {include "pre-header-spacing"}{beacon} - - - - + + + +
      - - - - - - - + + + + + + + +
      + -

      Eius nihil, ullam nesciunt accusantium perferendis unde aspernatur velit tempore provident assumenda quas aliquam, ex possimus voluptatum libero. Deleniti ratione libero molestiae modi assumenda quas facilis alias ullam dolor aperiam!

      +

      Eius nihil, ullam nesciunt accusantium perferendis unde aspernatur velit tempore provident assumenda quas aliquam, ex possimus voluptatum libero. Deleniti ratione libero molestiae modi assumenda quas facilis alias ullam dolor aperiam!

      -

      Eligendi laudantium voluptas asperiores eum aliquam aliquid id hic molestias illum placeat vero magnam impedit, totam atque officia voluptatibus accusantium. Unde quidem eum incidunt doloremque labore! Magni cum dolorem est?

      +

      Eligendi laudantium voluptas asperiores eum aliquam aliquid id hic molestias illum placeat vero magnam impedit, totam atque officia voluptatibus accusantium. Unde quidem eum incidunt doloremque labore! Magni cum dolorem est?

      -

      Fugit sapiente dolores libero ipsa aliquid ex! Quo consectetur cumque quos sequi quaerat explicabo dignissimos est quam laudantium ad deserunt perferendis repudiandae officiis maxime unde dolor modi dolores, iste adipisci.

      - - - {signature = 'ed'}{include "affiliate_signatures"} - - - - +

      Fugit sapiente dolores libero ipsa aliquid ex! Quo consectetur cumque quos sequi quaerat explicabo dignissimos est quam laudantium ad deserunt perferendis repudiandae officiis maxime unde dolor modi dolores, iste adipisci.

      + {signature = 'ed'}{include "affiliate_signatures"} + + + + - - {include "affiliate-footer"}{affiliate_tracking} - + {include "affiliate-footer"} - + \ No newline at end of file diff --git a/dist/templates/newsletters/blank-example.html b/dist/templates/newsletters/blank-example.html index 84a6015..5c1c38f 100644 --- a/dist/templates/newsletters/blank-example.html +++ b/dist/templates/newsletters/blank-example.html @@ -1,299 +1,309 @@ - - ACLU Email - - - - - + @media screen and (max-width: 480px) { + table.emailwrapto100pc { + width: 100% !important; + white-space: inherit !important; + line-height: inherit !important; + } + td.logo-spacing { + padding-left: 20px !important; + } + td.emailbodytext { + font-size: 16px !important; + line-height: 23px !important; + padding-right: 20px !important; + padding-left: 20px !important; + } + .image-resize { + width: 100% !important; + } + table.footer-left, + table.footer-right { + width: 100% !important; + margin-top: 10px !important; + } + table.footer-right { + float: left !important; + margin-top: 25px !important; + } + td.footer-left, + td.footer-right, + td.footer-text { + text-align: center !important; + } + td.footer-right { + padding: 0px !important; + } + td.footer-text { + padding: 10px 20px 20px 20px !important; + } + td.button-wrapper { + display: inline-block; + } + .outer-sidebox, + .inner-sidebox { + float: none !important; + width: 100% !important; + } + .sidebox-padding { + padding-left: 0px !important; + } + } + /* DARK MODE FOR IOS AND APPLE MAIL */ + @media (prefers-color-scheme: dark) { + body { + background: #1c1c1e; + } + a, + a:visited, + a:hover, + a:active { + color: #2d86e0; + } + a.button-text, + a.button-text:visited, + a.button-text:hover, + a.button-text:active { + color: #cecece; + } + td.emailbodytext p, + td.emailbodytext li, + td.emailbodytext h1, + td.emailbodytext h2, + td.emailbodytext h3, + td.tagline p, + td.dm-box h2 { + color: #cecece; + } + td.dm-box { + background: #2a2a2b !important; + color: #cecece; + } + td.emailbodytext { + border-bottom: 2px solid #2a2a2b !important; + } + table.inner-sidebox, + td.dm-box { + border: 0 !important; + } + td.dm-newsletter-tag { + background: #ef404d; + } + } + + + + {include "pre-header-spacing"}{beacon} + + + + + + + +