Skip to content

Commit

Permalink
mor examples
Browse files Browse the repository at this point in the history
  • Loading branch information
@RealRaven2000
RealRaven2000 committed Oct 1, 2024
1 parent 47674eb commit 522d83f
Show file tree
Hide file tree
Showing 2 changed files with 35 additions and 14 deletions.
8 changes: 5 additions & 3 deletions src/css/media.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -147,11 +147,12 @@ http://pieroxy.net/blog/pages/css-media-queries/test-features.html
min-width: 510px;
}
/* template example boxes */
div.preview,
div.code_block {
margin-left: 10px !important;
margin-right: 10px !important;
width: auto;
min-width: 470px;
min-width: 400px;
}
}

Expand Down Expand Up @@ -287,11 +288,11 @@ http://pieroxy.net/blog/pages/css-media-queries/test-features.html
}
div.code_block,
pre.code_block,
div.preview,
pre.code_block.bad_example {
margin-left: 10px !important;
margin-right: 10px !important;
width: auto;
min-width: 500px;
}
.screenshot.query {
margin-left: 10px;
Expand Down Expand Up @@ -325,11 +326,12 @@ http://pieroxy.net/blog/pages/css-media-queries/test-features.html
padding: 0;
}
/* template example boxes */
div.preview,
div.code_block {
margin-left: 10px !important;
margin-right: 10px !important;
width: auto;
min-width: 380px !important;
min-width: 350px !important;
}
}
/* range width of 360px to 500px (outside of portrait mode and inside examples tab size */
Expand Down
41 changes: 30 additions & 11 deletions src/templates.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -115,13 +115,12 @@ <h5 class="templateBlock">quote header<div class="copy" onclick="copyToClipboard
<span class="previewHeader">Preview</span>
<div style="display:inline-block; border: 1px gray solid; padding: 0.5em 2em 0.5em 0.5em; margin: 0.5em 0px;">
<b>From:</b> John Doe &lt;[email protected]&gt; <br>
<b>Sent:</b> %X:=sent% %A%, %B% %d%, %Y% %l%:%M%%p(3)% <br>
<b>To:</b> %to(name)%<br>
<b>Cc:</b> %cc(name)% <br>
<b>Subject:</b> %subject% <br>
<b>Sent:</b> Tuesday, October 01, 2024 2:37PM <br>
<b>To:</b> Axel Grude<br>
<b>Cc:</b> Jane Doe <br>
<b>Subject:</b> SmartTemplate - test email <br>
</div>
</div>

</div>
</div>
</li>
Expand Down Expand Up @@ -154,11 +153,11 @@ <h5 class="templateBlock">template<div class="copy" onclick="copyToClipboard(thi
</p>
<h5 class="templateBlock">template<div class="copy" onclick="copyToClipboard(this);">copy!</div></h5>
<div class="code_block">
&lt;p&gt;Dear <code>%cursor%</code>,&lt;/p&gt;<br>
&lt;p&gt;Dear <code>%recipient(name)%</code>,&lt;/p&gt;<br>
&lt;p&gt;&lt;/p&gt;<br>
&lt;p&gt;Yours sincerely, &lt;br&gt;<br>
&amp;nbsp;&amp;nbsp;<code>%identity(name)%</code>&lt;/p&gt;<br>
<code>%sig(html)% or %sig(text)%</code>
<code>%sig%</code>
</div>
</div>
</li>
Expand All @@ -174,7 +173,7 @@ <h5 class="templateBlock">template<div class="copy" onclick="copyToClipboard(thi
</p>
<h5 class="templateBlock">template<div class="copy" onclick="copyToClipboard(this);">copy!</div></h5>
<div class="code_block">
&lt;div id="my_message" style="color:red; font-style:italic;"&gt;<br>
&lt;div id="my_message" style="color:red; font-style:italic; font-family: ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT', 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif; "&gt;<br>
&nbsp;&nbsp;&lt;p&gt;Hello,&lt;/p&gt;<br>
&nbsp;&nbsp;&lt;p&gt;<code>%cursor%</code>&lt;/p&gt;<br>
&nbsp;&nbsp;&lt;p&gt;Thank you, &lt;br&gt;<br>
Expand All @@ -188,17 +187,17 @@ <h5 class="templateBlock">template<div class="copy" onclick="copyToClipboard(thi
<li>
<img class="collapseDown" src="/img/collapseDown.png" alt="">
<p class="question">
A quote header with style labels
A quote header with styled labels
</p><br>
<div style="display: none;" class="answer">
<p class="tip">
<em>TIP:</em> This template is acceptable for Reply and Forward
<em>TIP:</em> quote headers are useful for Reply and Forward
</p>
<h5 class="templateBlock">quote header<div class="copy" onclick="copyToClipboard(this);">copy!</div></h5>
<div class="code_block">
&lt;style&gt;<br>
.qhLabel {<br>
&nbsp;&nbsp;font-family: "Arial Black";<br>
&nbsp;&nbsp;font-family: Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;<br>
&nbsp;&nbsp;min-width: 18px;<br>
}<br>
&lt;/style&gt;<br>
Expand All @@ -208,6 +207,26 @@ <h5 class="templateBlock">quote header<div class="copy" onclick="copyToClipboard
&lt;span class="qhLabel"&gt;To: &lt;/span&gt;<code>%to%</code> &lt;br&gt;<br>
<span class="important">[[</span> &lt;span class="qhLabel"&gt;Cc: &lt;/span&gt;<code>%cc%</code><span class="important">]]</span> <br>
</div>

<div class="preview">
<style>
.qhLabel {
display: inline-block;
font-family: Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;
min-width: 4.5em;
}
</style>
<span class="previewHeader">Preview</span>
<div style="display:inline-block; border: 1px gray solid; padding: 0.5em 2em 0.5em 0.5em; margin: 0.5em 0px;">
<span class="qhLabel">Subject:</span>SmartTemplate - test email <br>
<span class="qhLabel">Sent:</span> Tue, 1 Oct 2024 14:37:24 +0100 <br>
<span class="qhLabel">From:</span> John Doe &lt;[email protected]&gt; <br>
<span class="qhLabel">To:</span> Axel &lt;[email protected]&gt;<br>
<span class="qhLabel">Cc:</span> Jane &lt;[email protected]&gt; <br>
</div>
</div>


</div>
</li>

Expand Down

0 comments on commit 522d83f

Please sign in to comment.