Browse Source

Rend le projet modulaire

main
Clement 1 year ago
parent
commit
6168f3075f
  1. 1
      .gitignore
  2. 11
      src/layouts/default.html
  3. 22
      src/pages/index.html
  4. 79
      src/pages/readlater.html
  5. 16
      src/partials/footer.html
  6. 13
      src/partials/header.html

1
.gitignore

@ -6,3 +6,4 @@ dist
.sass-cache
.awspublish*
config.json
.idea

11
src/layouts/default.html

@ -17,8 +17,15 @@
<tr>
<td class="center" align="center" valign="top">
<center>
{{!-- Pages you create in the src/pages/ folder are inserted here when the flattened emails are created. --}}
{{> body}}
{{> header}}
<container class="body-drip">
<spacer size="16"></spacer>
{{> body}}
{{> footer}}
</container>
</center>
</td>
</tr>

22
src/pages/index.html

File diff suppressed because one or more lines are too long

79
src/pages/readlater.html

@ -1,56 +1,41 @@
---
subject: ReadLaterByEmail link
subject: "ReadLaterByEmail link"
LOGO: "{{ asset('images/logo.png') }}"
IMAGE: "{{ $link->image }}"
IMAGE_VAR: "$link->image"
TITLE: "{{ $link->title }}"
EXCERPT: "@if(!empty($link->excerpt)) {!! $link->excerpt !!} @else {{ $link->description }} @endif"
URL: "{{ $link->url }}"
---
<container class="header">
<row class="collapse">
<columns>
<img src="https://app.readlater.shikiryu.com/images/logo.png" alt="">
</columns>
</row>
</container>
<spacer size="16"></spacer>
<container class="body-drip">
<row>
<columns large="6" valign="middle">
<h5 class="text-center">{{{ TITLE }}}</h5>
</columns>
@if(!empty({{{ IMAGE_VAR }}}))
<columns large="6" valign="middle">
<center>
<img src="{{{ IMAGE }}}" alt="">
</center>
</columns>
@endif
</row>
<spacer size="16"></spacer>
<hr/>
<row>
<columns large="6" style="vertical-align: middle">
<h5 class="text-center">Responsive Emails</h5>
</columns>
<columns large="6">
<img src="http://placehold.it/120/663399" alt="" class="text-center">
</columns>
</row>
<row>
<columns>
<spacer size="16"></spacer>
<p class="text-center">
{{{ EXCERPT }}}
</p>
<spacer size="16"></spacer>
<center>
<button href="{{{ URL }}}" class="success">Link →</button>
</center>
</columns>
</row>
<hr/>
<row>
<columns>
<p class="text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras egestas ullamcorper tristique. Aenean pharetra, ipsum eu varius elementum, odio ex malesuada neque, eget tempus ipsum neque ut ante. Vivamus volutpat faucibus metus quis ultrices. Fusce hendrerit purus in elit tincidunt sollicitudin. Duis ultrices odio id faucibus sagittis. Sed nulla leo, gravida non massa vitae, bibendum interdum sapien. Pellentesque rutrum sem bibendum tellus volutpat congue.</p>
<center>
<button href="#" class="success">Link →</button>
</center>
</columns>
</row>
<row class="collapsed footer body-drip">
<columns>
<spacer size="16"></spacer>
<p class="text-center">@ <a href="https://shikiryu.com">Shikiryu</a><br/>
<!--<a href="#">hello@nocopywrite.com</a> | <a href="#">Manage Email Notifications</a> | <a href="#">Unsubscribe</a></p>
<center>
<menu>
<item><img src="http://placehold.it/25/663399" alt=""></item>
<item><img src="http://placehold.it/25/663399" alt=""></item>
<item><img src="http://placehold.it/25/663399" alt=""></item>
<item><img src="http://placehold.it/25/663399" alt=""></item>
<item><img src="http://placehold.it/25/663399" alt=""></item>
</menu>
</center>-->
</columns>
</row>
</container>

16
src/partials/footer.html

@ -0,0 +1,16 @@
<row class="collapsed footer body-drip">
<columns>
<spacer size="16"></spacer>
<p class="text-center">@ <a href="https://shikiryu.com">Shikiryu</a><br/>
<!--<a href="#">hello@nocopywrite.com</a> | <a href="#">Manage Email Notifications</a> | <a href="#">Unsubscribe</a></p>
<center>
<menu>
<item><img src="http://placehold.it/25/663399" alt=""></item>
<item><img src="http://placehold.it/25/663399" alt=""></item>
<item><img src="http://placehold.it/25/663399" alt=""></item>
<item><img src="http://placehold.it/25/663399" alt=""></item>
<item><img src="http://placehold.it/25/663399" alt=""></item>
</menu>
</center>-->
</columns>
</row>

13
src/partials/header.html

@ -0,0 +1,13 @@
<spacer size="16"></spacer>
<container class="header">
<row class="collapse">
<columns>
<center>
<img src="{{{ LOGO }}}" alt="">
</center>
</columns>
</row>
</container>
<spacer size="16"></spacer>
Loading…
Cancel
Save