Rend le projet modulaire

This commit is contained in:
Clement 2020-07-02 10:43:02 +02:00
parent 2e5d981f1b
commit 6168f3075f
6 changed files with 80 additions and 64 deletions

1
.gitignore vendored
View File

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

View File

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

View File

@ -1,6 +1,6 @@
--- ---
layout: index-layout layout: index-layout
subject: My Email Templates subject: Les templates de read later
--- ---
<spacer size="16"></spacer> <spacer size="16"></spacer>
@ -12,31 +12,25 @@ subject: My Email Templates
<row> <row>
<columns small="12"> <columns small="12">
<p class="lead">Hi there!</p> <p class="lead">Hey !</p>
<p style="color: #484848; line-height: 1.5;">Thanks for downloading <a href="https://get.foundation/emails/docs/">Foundation for Emails!</a> Your days of coding up painful HTML emails are officially over. Youll soon be cranking out some slick, responsive emails in no time! To help get you up and running, we've put together 11 templates for the most common email use cases including newsletters, transactional emails, and marketing blasts. Feel free to customize them to your hearts content.</p> <p style="color: #484848; line-height: 1.5;">Pour la doc : <a href="https://get.foundation/emails/docs/">Foundation for Emails!</a></p>
<p>La liste des templates pour ce projet : </p>
<spacer size="16"></spacer> <spacer size="16"></spacer>
<center> <center>
<menu class="vertical"> <menu class="vertical">
<item href="{{root}}basic.html" target="_blank">Basic Template</item> <item href="{{root}}readlater.html" target="_blank">Envoi du lien</item>
<item href="{{root}}drip.html" target="_blank">Drip Template</item>
<item href="{{root}}hero.html" target="_blank">Hero Template</item>
<item href="{{root}}marketing.html" target="_blank">Marketing Template</item> <item href="{{root}}marketing.html" target="_blank">Marketing Template</item>
<item href="{{root}}newsletter.html" target="_blank">Newsletter Template</item> <item href="{{root}}newsletter.html" target="_blank">Newsletter Template</item>
<item href="{{root}}newsletter-2.html" target="_blank">Newsletter 2 Template</item>
<item href="{{root}}order.html" target="_blank">Order Template</item>
<item href="{{root}}password.html" target="_blank">Password Template</item> <item href="{{root}}password.html" target="_blank">Password Template</item>
<item href="{{root}}sidebar.html" target="_blank">Sidebar Template</item>
<item href="{{root}}sidebar-hero.html" target="_blank">Sidebar Hero Template</item>
<item href="{{root}}welcome.html" target="_blank">Welcome Template</item> <item href="{{root}}welcome.html" target="_blank">Welcome Template</item>
</menu> </menu>
</center> </center>
<spacer size="16"></spacer> <spacer size="16"></spacer>
<p>Happy Coding,</p> <p>A+,</p>
<p>The Foundation Team</p> <p>Shikiryu</p>
<spacer size="16"></spacer> <spacer size="16"></spacer>
@ -48,7 +42,7 @@ subject: My Email Templates
<spacer size="16"></spacer> <spacer size="16"></spacer>
<center> <center>
<small>Keep on keepin' on. &lt;3 <a style="color: #cacaca; text-decoration: underline;" href="https://zurb.com/">ZURB</a> </small> <small>Pour en savoir plus : &lt;3 <a style="color: #cacaca; text-decoration: underline;" href="https://git.shikiryu.com/ReadLaterByEmail/email-template">repo git</a> </small>
</center> </center>
<spacer size="16"></spacer> <spacer size="16"></spacer>

View File

@ -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>
<row class="collapse"> <columns large="6" valign="middle">
<columns> <h5 class="text-center">{{{ TITLE }}}</h5>
<img src="https://app.readlater.shikiryu.com/images/logo.png" alt=""> </columns>
</columns> @if(!empty({{{ IMAGE_VAR }}}))
</row> <columns large="6" valign="middle">
</container>
<spacer size="16"></spacer>
<container class="body-drip">
<spacer size="16"></spacer>
<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>
<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> <center>
<button href="#" class="success">Link →</button> <img src="{{{ IMAGE }}}" alt="">
</center> </center>
</columns> </columns>
</row> @endif
</row>
<row class="collapsed footer body-drip"> <hr/>
<columns>
<row>
<columns>
<spacer size="16"></spacer>
<p class="text-center">
{{{ EXCERPT }}}
</p>
<spacer size="16"></spacer> <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> <center>
<menu> <button href="{{{ URL }}}" class="success">Link →</button>
<item><img src="http://placehold.it/25/663399" alt=""></item> </center>
<item><img src="http://placehold.it/25/663399" alt=""></item> </columns>
<item><img src="http://placehold.it/25/663399" alt=""></item> </row>
<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 Normal file
View File

@ -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 Normal file
View File

@ -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>