-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
executable file
·77 lines (61 loc) · 3.68 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
---
<!-- layout: page -->
include_sabbath: true
---
<!DOCTYPE html>
<html class="no-js pl {{site.html_classes}}" lang="en">
{% include head.html %}
<body class="body {{site.body_classes}} {{post.body_classes}} {% if page.include_sabbath == nil %} hide-sabbath{% endif %}">
<div class="l-wrap">
<div class="l-wrap__content l-content" role="document">
{% include header.html %}
<!-- <main class="l-main u-spacing--double u-padding--double--bottom" role="main"> -->
<main class="l-main" role="main">
{% include page-topper.html %}
<section class="l-grid l-grid--7-col u-padding--zero--sides">
<div class="fluid-width-video-wrapper" style="padding-top: 56.25%;">
<iframe src="https://www.youtube.com/embed/wYKH0TgkVHI?rel=0&showinfo=0" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
</div>
</section>
<section class="l-grid l-grid--7-col l-grid-wrap--6-of-7 u-spacing--double--until-xxlarge u-padding--zero--sides">
<div class="c-sidebar l-grid-item l-grid-item--l--2-col l-grid-item--xl--2-col u-spacing u-padding--zero--sides">
<div class="c-block-wrap u-spacing--double u-padding--right u-background-color--gray--light">
<div class="c-block__heading u-theme--border-color--darker">
<h3 class="c-block__heading-title u-theme--color--darker">Design System Navigation</h3>
</div>
<div class="c-block-wrap__content">
<div class="c-block c-block__text u-theme--border-color--darker u-border--left u-padding--double--bottom u-spacing--half js-nav-panel">
{% include primary-nav.html %}
</div>
</div>
</div>
</div> <!-- /.c-sidebar -->
<article class="l-grid-item--l--4-col l-grid-item--xl--4-col u-padding--double--top">
<div class="text u-spacing">
<p>
We have this hope, and since our beginning we have spoken, published, produced, and designed a diversity of materials to share this hope with others. But up until now, we haven’t had a unified strategy for how to present it across the thousands of materials we create every week.
</p>
<p>
<a href="{{ "/getting-started" | prepend: site.baseurl }}" class="o-button u-theme--button">Get Started</a>
</p>
</div><!--text u-spacing-->
</article>
</section>
<!-- <section class="l-grid l-grid--7-col u-padding--zero--sides">
<div class="c-block__breakout fluid-width-video-wrapper" style="padding-top: 56.25%;">
<iframe src="https://www.youtube.com/embed/wYKH0TgkVHI?rel=0&showinfo=0" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
</div>
</section> -->
</main> <!-- /.l-main -->
{% include footer.html %}
</div> <!-- /.l-content -->
{% if page.include_sabbath == true %}
{% include sabbath.html %}
{% endif %}
</div><!-- ./l-wrap -->
{% include foot.html %}
</body>
</html>
<!-- <iframe width="560" height="315" src="https://www.youtube.com/embed/wYKH0TgkVHI" frameborder="0" allowfullscreen></iframe>
We have this hope, and since our beginning we have spoken, published, produced, and designed a diversity of materials to share this hope with others. But up until now, we haven’t had a unified strategy for how to present it across the thousands of materials we create every week.
<a href="{{ "/getting-started" | prepend: site.baseurl }}" class="o-button u-theme--button">Get Started</a> -->