Browse Source

add font-options preview

pull/553/head
Joe Germuska 11 years ago
parent
commit
07b45d44f2
  1. 2
      website/static/css/site.css
  2. BIN
      website/static/img/make/font-options.png
  3. 4
      website/static/js/main.js
  4. 4
      website/templates/_make.html

2
website/static/css/site.css

@ -112,3 +112,5 @@ h2.intro {
#mc-embedded-subscribe-form .input-large { #mc-embedded-subscribe-form .input-large {
width: 260px; width: 260px;
} }
#font-preview-trigger { margin-left: 10px;}

BIN
website/static/img/make/font-options.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

4
website/static/js/main.js

@ -22,6 +22,8 @@ $(document).ready(function() {
return false; return false;
}); });
$("#font-preview-trigger").popover()
// Preview // Preview
$("#iframe-preview-button").click(function () { $("#iframe-preview-button").click(function () {
var $embed = $("#preview"); var $embed = $("#preview");
@ -30,6 +32,8 @@ $(document).ready(function() {
$("body,html").animate({scrollTop: $embed.offset().top - 60}, 250); $("body,html").animate({scrollTop: $embed.offset().top - 60}, 250);
}); });
// Embed Generator // Embed Generator
updateEmbedCode(); updateEmbedCode();
$("#embed_code").click(function() { $(this).select(); }); $("#embed_code").click(function() { $(this).select(); });

4
website/templates/_make.html

@ -169,14 +169,14 @@
<option value="Pacifico-Arimo">Pacifico & Arimo</option> <option value="Pacifico-Arimo">Pacifico & Arimo</option>
<option value="PT">PT Sans & PT Narrow & PT Serif</option> <option value="PT">PT Sans & PT Narrow & PT Serif</option>
</select> </select>
</div> <a href="#" onclick="return false;" id="font-preview-trigger" data-toggle="popover" data-placement="bottom" data-html="true" data-content="&lt;img src='{{ static_url }}/img/make/font-options.png' alt='Font Option Preview'&gt;">click to preview font combinations</a>
</div> </div>
<!-- Wordpress Plugin--> <!-- Wordpress Plugin-->
<div class="control-group"> <div class="control-group">
<label class="control-label">Misc</label> <label class="control-label">Misc</label>
<div class="controls"> <div class="controls">
<label class="checkbox"> <label class="checkbox">
<input id="embed-wordpressplugin" type="checkbox" value="option1">Wordpress Plugin<span class="help-inline">Is the embed for the <a href="https://github.com/VeriteCo/TimelineJS-Wordpress-Plugin" target="_blank">Wordpress Plugin</a>?</span> <input id="embed-wordpressplugin" type="checkbox" value="option1">Wordpress Plugin<span class="help-inline">Is the embed for the <a href="https://github.com/NUKnightLab/TimelineJS-Wordpress-Plugin" target="_blank">Wordpress Plugin</a>?</span>
</label> </label>
<!-- Start at End?--> <!-- Start at End?-->
<label class="checkbox"> <label class="checkbox">

Loading…
Cancel
Save