✨ Rend le projet modulaire

.gitignore

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

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. --}}
+			  {{> header}}
-            {{> body}}
+			  <container class="body-drip">
+		
+				  <spacer size="16"></spacer>
+				    
+            		{{> body}}
+				  {{> footer}}
+			  </container>
+			  
           </center>
         </td>
       </tr>

src/pages/index.html

@@ -1,6 +1,6 @@
 ---
 layout: index-layout
-subject: My Email Templates
+subject: Les templates de read later
 ---
 
 <spacer size="16"></spacer>
@@ -12,31 +12,25 @@ subject: My Email Templates
   <row>
     <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. You’ll 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>
 
     <center>
       <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}}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}}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>
       </menu>
     </center>
 
     <spacer size="16"></spacer>
 
-    <p>Happy Coding,</p>
+    <p>A+,</p>
-    <p>The Foundation Team</p>
+    <p>Shikiryu</p>
 
 
     <spacer size="16"></spacer>
@@ -48,7 +42,7 @@ subject: My Email Templates
 <spacer size="16"></spacer>
 
 <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>
 
 <spacer size="16"></spacer>

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>
-  <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>
+		<center>
-
+			<img src="{{{ IMAGE }}}" alt="">
-<spacer size="16"></spacer>
+		</center>
-
-<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">
+  @endif
-		<img src="http://placehold.it/120/663399" alt="" class="text-center">
+</row>
-	</columns>
+
-  </row>
+<hr/>
+
+<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>

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>

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>