Skip to content

Commit 439b134

Browse files
stewartjarodstewartjarod
committed
Initial VidGrid
Initial layout, only has one video added, will be completing all other video pages today. Need to merge changes from Monday that went out.
1 parent ffc671b commit 439b134

9 files changed

Lines changed: 233 additions & 16 deletions

File tree

‎source/VidGrid_Tech-Tips/Newsletter/overview.html‎

Lines changed: 98 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
---
2+
layout: page
3+
weight: 0
4+
title: Newsletter Marketing
5+
icon: icon-facetime-video
6+
navigation:
7+
show: true
8+
---
9+
10+
<div class="row-fluid">
11+
12+
<!-- Video -->
13+
<div class="span8 well callout">
14+
<div class="fluid-width-video-wrapper" style="padding-bottom: 56.25%; position: relative; height: 0; overflow: hidden;"><iframe width="100%" height="100%" src="http://www.youtube.com/embed/4SgxXo3fHts?rel=0" frameborder="0" allowfullscreen></iframe></div>
15+
<h3>Newsletter Marketing Overview</h3>
16+
<p>Anisha takes a few minutes to provide a quick overview of the Newsletter four step setup process. This is a great starting point providing the fundamentals that are covered in more detail in the other tech tips. </p>
17+
</div>
18+
19+
<!-- Video Navigation -->
20+
<div class="accordion span4" id="accordion2">
21+
<div class="accordion-group">
22+
<div class="accordion-heading">
23+
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne" style="text-decoration:none">
24+
<i class="icon-counter-active">1</i>Setup
25+
</a>
26+
</div>
27+
<div id="collapseOne" class="accordion-body collapse in">
28+
<div class="accordion-inner">
29+
<ul class="unstyled">
30+
<li><span class="icon-facetime-video" style="position:relative;top:2px;"></span><a href="#" style="color:#ff6a00;"> Newsletter Marketing</a></li>
31+
</ul>
32+
</div>
33+
</div>
34+
</div>
35+
<div class="accordion-group">
36+
<div class="accordion-heading">
37+
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo" style="text-decoration:none">
38+
<i class="icon-counter-inactive">2</i>Select Recipients
39+
</a>
40+
</div>
41+
<div id="collapseTwo" class="accordion-body collapse">
42+
<div class="accordion-inner">
43+
<ul class="unstyled">
44+
<li><span class="icon-facetime-video" style="position:relative;top:2px;"></span><a href="#"> Recipient Lists</a></li>
45+
</ul>
46+
</div>
47+
</div>
48+
</div>
49+
<div class="accordion-group">
50+
<div class="accordion-heading">
51+
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree" style="text-decoration:none">
52+
<i class="icon-counter-inactive">3</i>Design
53+
</a>
54+
</div>
55+
<div id="collapseThree" class="accordion-body collapse">
56+
<div class="accordion-inner">
57+
<ul class="unstyled">
58+
<li><span class="icon-facetime-video" style="position:relative;top:2px;"></span><a href="#"> Newsletter Basics</a></li>
59+
<li><span class="icon-facetime-video" style="position:relative;top:2px;"></span><a href="#"> “Drag and Drop”</a></li>
60+
<li><span class="icon-facetime-video" style="position:relative;top:2px;"></span><a href="#"> Subscription Widget</a></li>
61+
<li><span class="icon-facetime-video" style="position:relative;top:2px;"></span><a href="#"> Unsubscribe Link And Weblink</a></li>
62+
</ul>
63+
</div>
64+
</div>
65+
</div>
66+
<div class="accordion-group">
67+
<div class="accordion-heading">
68+
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFour" style="text-decoration:none">
69+
<i class="icon-counter-inactive">4</i>Review and Schedule
70+
</a>
71+
</div>
72+
<div id="collapseFour" class="accordion-body collapse">
73+
<div class="accordion-inner">
74+
<ul class="unstyled">
75+
<li><span class="icon-facetime-video" style="position:relative;top:2px;"></span><a href="#"> A/B Split Testing</a></li>
76+
<li><span class="icon-facetime-video" style="position:relative;top:2px;"></span><a href="#"> Scheduling Your Newsletter</a></li>
77+
</ul>
78+
</div>
79+
</div>
80+
</div>
81+
<div class="accordion-group">
82+
<div class="accordion-heading">
83+
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFive" style="text-decoration:none">
84+
<i class="icon-counter-inactive">5</i>Analytics
85+
</a>
86+
</div>
87+
<div id="collapseFive" class="accordion-body collapse">
88+
<div class="accordion-inner">
89+
<ul class="unstyled">
90+
<li><span class="icon-facetime-video" style="position:relative;top:2px;"></span><a href="#"> Understanding Marketing Statistics</a></li>
91+
<li><span class="icon-facetime-video" style="position:relative;top:2px;"></span><a href="#"> Managing Newsletter Unsubscribe List</a></li>
92+
</ul>
93+
</div>
94+
</div>
95+
</div>
96+
</div>
97+
98+
</div>

‎source/VidGrid_Tech-Tips/index.html‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
---
2+
layout: page
3+
weight: 0
4+
title: VidGrid Tech-Tips Index
5+
navigation:
6+
show: true
7+
---
8+
<p>SendGrid's Technical Support Engineers love to help people. Several Engineers took the time to record video tech tips which we call Project VidGrid. These tech tips cover many of the most important elements that you will need in order to quickly master our Newsletter application. It has been said that 80% of what people learn is visual (Allen Klein) and we hope that these video tech tips help you learn. If you have other topics that you would like to see covered on VidGrid please email us.</p>
9+
10+
<!-- Video Section List -->
11+
<div class="row-fluid">
12+
<div class="span4 well callout">
13+
<a href="{{ root_url }}/Vid_Grid/Newsletter/overview.html"><span class="icon-4 pull-right" alt="Overview Icon"></span></a>
14+
<h3><a href="{{ root_url }}/Vid_Grid/Newsletter/overview.html">Newsletter Marketing</a></h3>
15+
<p>
16+
This group of videos covers the ins and outs of our Newsletter Marketing App. You will learn how to create and manage your recipient lists and newsletters; and also, learn how to take advantage of the statistics and analytics available.
17+
</p>
18+
<a href="{{ root_url }}/Vid_Grid/Newsletter/overview.html">Watch the videos</a>
19+
</div>
20+
</div>

‎source/_includes/head.html‎

Lines changed: 16 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -32,25 +32,27 @@
3232
{% if page.responsive == false %}
3333
<link href="{{ root_url }}/stylesheets/width1170.css" media="screen, projection, print" rel="stylesheet" type="text/css">
3434
{% endif %}
35-
<script type="text/javascript">
35+
<script type="text/javascript">
3636

37-
// Add a script element as a child of the body
38-
function downloadJSAtOnload() {
39-
var element = document.createElement("script");
40-
element.src = "{{ root_url }}{% minified_js_file %}";
41-
document.body.appendChild(element);
42-
}
37+
// Add a script element as a child of the body
38+
function downloadJSAtOnload() {
39+
var element = document.createElement("script");
40+
element.src = "{{ root_url }}{% minified_js_file %}";
41+
document.body.appendChild(element);
42+
}
4343

44-
// Check for browser support of event handling capability
45-
if (window.addEventListener)
46-
window.addEventListener("load", downloadJSAtOnload, false);
47-
else if (window.attachEvent)
48-
window.attachEvent("onload", downloadJSAtOnload);
49-
else window.onload = downloadJSAtOnload;
44+
// Check for browser support of event handling capability
45+
if (window.addEventListener)
46+
window.addEventListener("load", downloadJSAtOnload, false);
47+
else if (window.attachEvent)
48+
window.attachEvent("onload", downloadJSAtOnload);
49+
else window.onload = downloadJSAtOnload;
5050

51-
</script>
51+
</script>
5252

5353
<link href="{{ root_url }}{{ site.subscribe_rss }}" rel="alternate" title="{{site.title}}" type="application/atom+xml">
5454
{% include custom/head.html %}
5555
{% include google_analytics.html %}
56+
57+
<link rel="stylesheet" type="text/css" href="{{ root_url }}/stylesheets/vidgrid.css"></link>
5658
</head>

‎source/_layouts/vidgrid.html‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
---
2+
layout: default
3+
---
4+
5+
{% unless page.sidebar == false %}
6+
<aside class="sidebar-nav span3">
7+
{% include_array default_asides %}
8+
</aside>
9+
{% endunless %}
10+
11+
{% if page.sidebar == false %}
12+
<article role="article" class="span12">
13+
{% else %}
14+
<article role="article" class="span9">
15+
{% endif %}
16+
{% breadcrumbs %}
17+
{% if page.title and page.showTitle != false %}
18+
<header class="page-header">
19+
<h1 class="entry-title">{% if site.titlecase %}{{ page.title | titlecase }}{% else %}{{ page.title }}{% endif %}</h1>
20+
{% if page.date %}<p class="meta">{% include post/date.html %}{{ time }}</p>{% endif %}
21+
</header>
22+
{% endif %}
23+
{{ content | pretty_print }}
24+
{% unless page.footer == false %}
25+
<footer>
26+
{% if page.date or page.author %}<p class="meta">
27+
{% if page.author %}{% include post/author.html %}{% endif %}
28+
{% include post/date.html %}{% if updated %}{{ updated }}{% else %}{{ time }}{% endif %}
29+
{% if page.categories %}{% include post/categories.html %}{% endif %}
30+
</p>{% endif %}
31+
{% unless page.sharing == false %}
32+
{% include post/sharing.html %}
33+
{% endunless %}
34+
{% if site.disqus_short_name and page.comments == true %}
35+
<section>
36+
<h1>Comments</h1>
37+
<div id="disqus_thread" aria-live="polite">{% include post/disqus_thread.html %}</div>
38+
</section>
39+
{% endif %}
40+
</footer>
41+
{% endunless %}
42+
</article>

‎source/images/counter-icons.png‎

7.93 KB
Loading

‎source/javascripts/menu.js‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -67,3 +67,10 @@ $(function() {
6767
});
6868
}
6969
});
70+
71+
// Vid Grid Menu
72+
$(document).ready(function(){
73+
$('.accordion').on('show hide', function(e) {
74+
$(e.target).siblings('.accordion-heading').find('.accordion-toggle i').toggleClass('icon-counter-active icon-counter-inactive', 200);
75+
});
76+
});

‎source/stylesheets/bootstrap/responsive.css‎

Lines changed: 0 additions & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)