jekyll-theme-glueckkanja 0.7.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (128) hide show
  1. checksums.yaml +7 -0
  2. data/LICENSE.txt +12 -0
  3. data/README.md +64 -0
  4. data/_includes/blogtitlepic.html +25 -0
  5. data/_includes/contactform.html +77 -0
  6. data/_includes/footer.html +14 -0
  7. data/_includes/hc-document-icon.html +12 -0
  8. data/_includes/hc-listings.html +15 -0
  9. data/_includes/head.html +41 -0
  10. data/_includes/keyvisual.html +7 -0
  11. data/_includes/navigation.html +64 -0
  12. data/_includes/register-modal.html +37 -0
  13. data/_includes/scripts.html +126 -0
  14. data/_includes/sitelinks.html +57 -0
  15. data/_layouts/banner.html +54 -0
  16. data/_layouts/default-with-image.html +25 -0
  17. data/_layouts/default.html +24 -0
  18. data/_layouts/docs-default.html +72 -0
  19. data/_layouts/framed.html +47 -0
  20. data/_layouts/hc-archive.html +12 -0
  21. data/_layouts/hc-default.html +99 -0
  22. data/_layouts/hc-post.html +59 -0
  23. data/_layouts/page.html +5 -0
  24. data/_layouts/post.html +24 -0
  25. data/_sass/_docs-layout.scss +482 -0
  26. data/_sass/_docs-mixins.scss +34 -0
  27. data/_sass/_hc-dark-theme.scss +38 -0
  28. data/_sass/_hc-elements.scss +86 -0
  29. data/_sass/_hc-header.scss +104 -0
  30. data/_sass/_hc-tutorials.scss +251 -0
  31. data/_sass/_rangeslider.scss +111 -0
  32. data/_sass/_variables.scss +89 -0
  33. data/_sass/font-awesome/scss/_animated.scss +34 -0
  34. data/_sass/font-awesome/scss/_bordered-pulled.scss +25 -0
  35. data/_sass/font-awesome/scss/_core.scss +12 -0
  36. data/_sass/font-awesome/scss/_fixed-width.scss +6 -0
  37. data/_sass/font-awesome/scss/_icons.scss +789 -0
  38. data/_sass/font-awesome/scss/_larger.scss +13 -0
  39. data/_sass/font-awesome/scss/_list.scss +19 -0
  40. data/_sass/font-awesome/scss/_mixins.scss +60 -0
  41. data/_sass/font-awesome/scss/_path.scss +15 -0
  42. data/_sass/font-awesome/scss/_rotated-flipped.scss +20 -0
  43. data/_sass/font-awesome/scss/_screen-reader.scss +5 -0
  44. data/_sass/font-awesome/scss/_stacked.scss +20 -0
  45. data/_sass/font-awesome/scss/_variables.scss +800 -0
  46. data/_sass/font-awesome/scss/font-awesome.scss +18 -0
  47. data/assets/azurebin/ChangeLog +941 -0
  48. data/assets/azurebin/IMDisplay.exe +0 -0
  49. data/assets/azurebin/ImageMagick.rdf +166 -0
  50. data/assets/azurebin/LICENSE.txt +103 -0
  51. data/assets/azurebin/NOTICE.txt +1324 -0
  52. data/assets/azurebin/README.txt +105 -0
  53. data/assets/azurebin/colors.xml +28 -0
  54. data/assets/azurebin/compare.exe +0 -0
  55. data/assets/azurebin/composite.exe +0 -0
  56. data/assets/azurebin/configure.xml +20 -0
  57. data/assets/azurebin/conjure.exe +0 -0
  58. data/assets/azurebin/convert.exe +0 -0
  59. data/assets/azurebin/dcraw.exe +0 -0
  60. data/assets/azurebin/delegates.xml +100 -0
  61. data/assets/azurebin/english.xml +1682 -0
  62. data/assets/azurebin/ffmpeg.exe +0 -0
  63. data/assets/azurebin/hp2xx.exe +0 -0
  64. data/assets/azurebin/identify.exe +0 -0
  65. data/assets/azurebin/index.html +280 -0
  66. data/assets/azurebin/locale.xml +48 -0
  67. data/assets/azurebin/log.xml +80 -0
  68. data/assets/azurebin/magic.xml +23 -0
  69. data/assets/azurebin/magick.exe +0 -0
  70. data/assets/azurebin/mime.xml +1145 -0
  71. data/assets/azurebin/mogrify.exe +0 -0
  72. data/assets/azurebin/montage.exe +0 -0
  73. data/assets/azurebin/policy.xml +75 -0
  74. data/assets/azurebin/quantization-table.xml +68 -0
  75. data/assets/azurebin/sRGB.icc +0 -0
  76. data/assets/azurebin/stream.exe +0 -0
  77. data/assets/azurebin/thresholds.xml +334 -0
  78. data/assets/azurebin/type-ghostscript.xml +55 -0
  79. data/assets/azurebin/type.xml +21 -0
  80. data/assets/azureroot/.deploy.cmd +150 -0
  81. data/assets/azureroot/.deployment +2 -0
  82. data/assets/azureroot/_config.yml +165 -0
  83. data/assets/azureroot/dot.gitignore +11 -0
  84. data/assets/azureroot/web.config +93 -0
  85. data/assets/css/app.scss +1900 -0
  86. data/assets/docs/changelog.html +28 -0
  87. data/assets/docs/index.md +7 -0
  88. data/assets/docs/search.html +35 -0
  89. data/assets/docs/uservoice.html +17 -0
  90. data/assets/favicons/100percentcloud.png +0 -0
  91. data/assets/favicons/apple-konnekt-icon-120x120.png +0 -0
  92. data/assets/favicons/apple-konnekt-icon-152x152.png +0 -0
  93. data/assets/favicons/apple-konnekt-icon-60x60.png +0 -0
  94. data/assets/favicons/apple-konnekt-icon-76x76.png +0 -0
  95. data/assets/favicons/favicon-konnekt-144.png +0 -0
  96. data/assets/favicons/favicon-konnekt-96.png +0 -0
  97. data/assets/favicons/favicon-konnekt.ico +0 -0
  98. data/assets/favicons/favicon-konnekt.png +0 -0
  99. data/assets/favicons/gk-boxes.ico +0 -0
  100. data/assets/favicons/gk-boxes.png +0 -0
  101. data/assets/favicons/gk-logo-white.svg +39 -0
  102. data/assets/favicons/gk-logo.svg +1 -0
  103. data/assets/help-center/faq.html +33 -0
  104. data/assets/help-center/index.html +54 -0
  105. data/assets/help-center/search.html +36 -0
  106. data/assets/help-center/videos.html +15 -0
  107. data/assets/js/guk.js +12 -0
  108. data/assets/js/hc.js +94 -0
  109. data/assets/js/lunr.min.js +7 -0
  110. data/assets/js/mandrill.min.js +122 -0
  111. data/assets/js/rangeslider.js +494 -0
  112. data/assets/js/rangeslider.min.js +2 -0
  113. data/assets/js/search.js +103 -0
  114. data/assets/misc/general-glitch.html +9 -0
  115. data/assets/misc/imprint.html +40 -0
  116. data/assets/misc/privacy-policy.html +138 -0
  117. data/assets/misc/terms-of-service.html +138 -0
  118. data/assets/nav/arrow-up.png +0 -0
  119. data/assets/nav/arrow-up.svg +13 -0
  120. data/assets/nav/cbp-sprite.png +0 -0
  121. data/assets/nav/dotline.png +0 -0
  122. data/assets/nav/splash.png +0 -0
  123. data/assets/nav/splash@2x.png +0 -0
  124. data/assets/video/meerkat-404.jpg +0 -0
  125. data/assets/video/meerkat-404.mp4 +0 -0
  126. data/assets/video/meerkat-404.ogv +0 -0
  127. data/assets/video/meerkat-404.webm +0 -0
  128. metadata +394 -0
@@ -0,0 +1,57 @@
1
+ <!-- Linklist Start -->
2
+ <section id="sitelinks">
3
+ <div class="container">
4
+ <div class="col-xs-12 col-sm-6 col-md-4">
5
+ <h5 class="exlink-heading">About Glück & Kanja</h5>
6
+ <p class="small">We are one of the leading German IT companies for Communications & Cloud and Microsoft Gold Partner for Cloud
7
+ Productivity, UC and Access & Identity.</p>
8
+ <h5 class="exlink-heading">More Information?</h5>
9
+ <p class="small">Get the news directly to your inbox.</p>
10
+ <form class="footer-subscribe" id="realmjoin-subscribeform" method="post" action="javascript:subscribeform()">
11
+ <div class="input-group">
12
+ <input type="text" class="form-control input-sm" placeholder="E-Mail Address" name="email" id="email">
13
+ <span class="input-group-btn"><button class="btn btn-primary btn-sm" type="submit" id="subscribebtn">Subscribe</button></span>
14
+ </div>
15
+ </form>
16
+ <p class="small"><br>Made in Germany</p>
17
+ </div>
18
+ <div class="col-xs-12 col-sm-6 col-md-3 col-md-offset-1 recentposts">
19
+ <h5 class="exlink-heading">RealmJoim Link List</h5>
20
+ <ul>
21
+ <li><a href="/"><span>Features</span><br>See RealmJoin in Action.</a></li>
22
+ <!--li><a href="/pricing"><span>Pricing</span><br>Simple Pricing. No Plans.</a></li-->
23
+ <!--li><a href="/trial"><span>Trial</span><br>Download your 14-days Trial.</a></li-->
24
+ <li><a href="{{site.zendesk.link}}"><span>Help Center</span><br>Technical FAQ and Support.</a></li>
25
+ <li><a href="https://github.com/realmjoin"><span>GitHub</span><br>Find us on GitHub</a></li>
26
+ </ul>
27
+ </div>
28
+ <div class="col-xs-12 col-sm-6 col-md-3 col-md-offset-1">
29
+ <h5 class="exlink-heading">Headquarter</h5>
30
+ <p class="small">Glück & Kanja Consulting AG<br>Kaiserstraße 39<br>D-63065 Offenbach<br>T +49 69 4005520<br>info@glueckkanja.com
31
+ </p>
32
+ <h5 class="exlink-heading">Stay Connected</h5>
33
+ <ul>
34
+ <li>
35
+ <a href="https://twitter.com/realmjoin" target="_blank" data-original-title="Twitter">
36
+ <i class="fa fa-twitter-square fa-2x float" aria-hidden="true"></i></a>
37
+ </li>
38
+ <li>
39
+ <a href="https://www.youtube.com/user/glueckkanja" data-original-title="YouTube">
40
+ <i class="fa fa-youtube-square fa-2x float" aria-hidden="true"></i></a>
41
+ </li>
42
+ <li>
43
+ <a href="https://www.linkedin.com/company/glueck-&-kanja-consulting-ag" target="_blank" data-original-title="LinkedIn">
44
+ <i class="fa fa-linkedin-square fa-2x float" aria-hidden="true"></i></a>
45
+ </li>
46
+ <li>
47
+ <a href="https://www.xing.com/companies/gl%C3%BCck%26kanjaconsultingag" target="_blank" data-original-title="Xing">
48
+ <i class="fa fa-xing-square fa-2x float" aria-hidden="true"></i></a>
49
+ </li>
50
+ </ul>
51
+ <span>
52
+ <a href="https://www.kununu.com/de/glueck-kanja-consulting" target="_blank" data-original-title="kununu">
53
+ </span>
54
+ </div>
55
+ </div>
56
+ </section>
57
+ <!-- Linklist End -->
@@ -0,0 +1,54 @@
1
+ <!DOCTYPE html>
2
+ <html lang="{{site.active_lang}}" class="no-js">
3
+
4
+ {% include head.html %}
5
+ {% assign currentRequest = page.url | remove_first: '/' | downcase | split: '/' %}
6
+
7
+ <style>
8
+ .video-container {
9
+ position: absolute;
10
+ top: 0;
11
+ bottom: 0;
12
+ width: 100%;
13
+ height: 100%;
14
+ overflow: hidden;
15
+ }
16
+ .video-container video {
17
+ /* Make video to at least 100% wide and tall */
18
+ min-width: 100%;
19
+ min-height: 100%;
20
+
21
+ /* Setting width & height to auto prevents the browser from stretching or squishing the video */
22
+ width: auto;
23
+ height: auto;
24
+
25
+ /* Center the video */
26
+ position: absolute;
27
+ top: 50%;
28
+ left: 50%;
29
+ transform: translate(-50%,-50%);
30
+ }
31
+ </style>
32
+
33
+ <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top" data-offset="151">
34
+
35
+ {% assign transparent = true %}
36
+ {% include navigation.html currentRequest=currentRequest transparent=transparent %}
37
+
38
+ <div class="video-container">
39
+ <video poster="/assets/video/meerkat-404.jpg" autobuffer="" autoplay="" loop="">
40
+ <source src="/assets//video/meerkat-404.mp4" type="video/mp4">
41
+ <source src="/assets//video/meerkat-404.ogv" type="video/ogg">
42
+ <source src="/assets//video/meerkat-404.webm" type="video/webm">
43
+ </video>
44
+ </div>
45
+
46
+ <section class="blogtitlepic container-fluid" style="height: 0% !important;">
47
+ <h1>{{page.title}}</h1>
48
+ </section>
49
+
50
+ {% include scripts.html %}
51
+
52
+ </body>
53
+ </html>
54
+ <!-- Page Info: Banner Layout -->
@@ -0,0 +1,25 @@
1
+ <!DOCTYPE html>
2
+ <html lang="{{site.active_lang}}" class="no-js">
3
+
4
+ {% include head.html %}
5
+ {% assign currentRequest = page.url | remove_first: '/' | downcase | split: '/' %}
6
+
7
+ <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top" data-offset="151">
8
+
9
+ {% assign transparent = true %}
10
+ {% include navigation.html currentRequest=currentRequest transparent=transparent %}
11
+ {% include blogtitlepic.html %}
12
+
13
+ <section class="main" id="start">
14
+ {{ content }}
15
+ </section>
16
+
17
+ {% if page.nositelinks == nil %}
18
+ {% include sitelinks.html %}
19
+ {% endif %}
20
+ {% include footer.html %}
21
+ {% include scripts.html %}
22
+
23
+ </body>
24
+ </html>
25
+ <!-- Page Info: DEFAULT Layout -->
@@ -0,0 +1,24 @@
1
+ <!DOCTYPE html>
2
+ <html lang="{{site.active_lang}}" class="no-js">
3
+
4
+ {% include head.html %}
5
+ {% assign currentRequest = page.url | remove_first: '/' | downcase | split: '/' %}
6
+
7
+ <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top" data-offset="151">
8
+
9
+ {% include navigation.html currentRequest=currentRequest %}
10
+ {% include keyvisual.html %}
11
+
12
+ <section id="start">
13
+ {{ content }}
14
+ </section>
15
+
16
+ {% if page.nositelinks == nil %}
17
+ {% include sitelinks.html %}
18
+ {% endif %}
19
+ {% include footer.html %}
20
+ {% include scripts.html %}
21
+
22
+ </body>
23
+ </html>
24
+ <!-- Page Info: DEFAULT Layout -->
@@ -0,0 +1,72 @@
1
+ <!DOCTYPE html>
2
+ <html lang="{{site.active_lang}}" class="no-js">
3
+
4
+ {% include head.html %}
5
+ {% assign currentRequest = page.url | remove_first: '/' | downcase | split: '/' %}
6
+
7
+ <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top" data-offset="151" class="docslayout">
8
+
9
+ {% include navigation.html currentRequest=currentRequest %}
10
+ <style>.logo { display: none !important;}</style>
11
+
12
+ <div style="margin-top: 104px;padding: 0px;"></div>
13
+
14
+ <header class="docsheader">
15
+ <h1>
16
+ <a href="{{ site.baseurl }}/docs" style="color:#fff;">{{ site.docstitle }}</a>
17
+ <button type="button" class="open-nav" id="open-nav"></button>
18
+ </h1>
19
+
20
+ <form action="{{ site.baseurl }}/docs/search/" method="get">
21
+ <input type="text" name="q" id="search-input" placeholder="Search" autofocus>
22
+ <input type="submit" value="Search" style="display: none;">
23
+ </form>
24
+
25
+ <nav {% if site.docs.show_full_navigation %}class="full-navigation"{% endif %}>
26
+ <ul>
27
+ <li class="nav-item top-level {% if page.url == '/' %}current{% endif %}">
28
+ <a href="{{ site.baseurl }}/docs">Introduction</a>
29
+ </li>
30
+ </ul>
31
+
32
+ <ul>
33
+ {% assign grouped = site.docs | group_by: 'category' %}
34
+ {% for group in grouped %}
35
+ <li class="nav-item top-level {% if group.name == page.category %}current{% endif %}">
36
+ {% assign items = group.items | sort: 'order' %}
37
+ <a href="{{ site.baseurl }}{{ items.first.url }}">{{ group.name }}</a>
38
+ <ul>
39
+ {% for item in items %}
40
+ <li class="nav-item {% if item.url == page.url %}current{% endif %}"><a href="{{ site.baseurl }}{{ item.url }}">{{ item.title }}</a></li>
41
+ {% endfor %}
42
+ </ul>
43
+ </li>
44
+ {% endfor %}
45
+ </ul>
46
+ <ul>
47
+ <li class="nav-item top-level {% if page.url == '/' %}current{% endif %}">
48
+ <a href="/docs/changelog">Changelog</a>
49
+ </li>
50
+ <li class="nav-item top-level {% if page.url == '/' %}current{% endif %}">
51
+ <a href="/docs/uservoice">Feature Requests</a>
52
+ </li>
53
+ </ul>
54
+
55
+ </nav>
56
+ </header>
57
+
58
+ <section class="docsmain">
59
+ <div class="page-header">
60
+ <h2>{% if page.category %}{{ page.category }}{% else %}{{ site.title }}{% endif %}</h2>
61
+ <h3>{{ page.title }}</h3>
62
+ </div>
63
+ <article class="content">
64
+ {{ content }}
65
+ </article>
66
+ </section>
67
+
68
+ {% include footer.html %}
69
+ {% include scripts.html %}
70
+
71
+ </body>
72
+ </html>
@@ -0,0 +1,47 @@
1
+ <!DOCTYPE html>
2
+ <html lang="{{site.active_lang}}" class="no-js">
3
+
4
+ {% include head.html %}
5
+ {% assign currentRequest = page.url | remove_first: '/' | downcase | split: '/' %}
6
+
7
+ <style>
8
+ .video-container {
9
+ position: absolute;
10
+ top: 0;
11
+ bottom: 0;
12
+ width: 100%;
13
+ height: 100%;
14
+ overflow: hidden;
15
+ margin-top: {% if page.topmargin %}{{ page.topmargin }}{% else %}104{% endif %}px;
16
+ }
17
+ .video-container video {
18
+ /* Make video to at least 100% wide and tall */
19
+ min-width: 100%;
20
+ min-height: 100%;
21
+
22
+ /* Setting width & height to auto prevents the browser from stretching or squishing the video */
23
+ width: auto;
24
+ height: auto;
25
+
26
+ /* Center the video */
27
+ position: absolute;
28
+ top: 50%;
29
+ left: 50%;
30
+ transform: translate(-50%,-50%);
31
+ }
32
+ </style>
33
+
34
+ <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top" data-offset="151">
35
+
36
+ {% assign transparent = false %}
37
+ {% include navigation.html currentRequest=currentRequest transparent=transparent %}
38
+
39
+
40
+ <iframe class="video-container" src="{{ page.frame }}" frameborder='no'
41
+ style="border: 0; width: 100%; height: 100%"></iframe>
42
+
43
+ {% include scripts.html %}
44
+
45
+ </body>
46
+ </html>
47
+ <!-- Page Info: Banner Layout -->
@@ -0,0 +1,12 @@
1
+ ---
2
+ layout: hc-default
3
+ ---
4
+
5
+ <section class="articlelist">
6
+
7
+ {% assign articles = site.articles | where: "categories", page.title | sort: "title" %}
8
+ <h2 style="text-transform:capitalize">{{ page.title | replace: "-", " " }} <span class="count">({{ articles | size }})</span></h2>
9
+
10
+ {% include hc-listings.html hc-listings=articles %}
11
+
12
+ </section>
@@ -0,0 +1,99 @@
1
+ <!DOCTYPE html>
2
+ <html lang="{{site.active_lang}}" class="no-js">
3
+
4
+ {% include head.html %}
5
+
6
+ <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top" data-offset="151">
7
+
8
+ {% include navigation.html currentRequest=currentRequest %}
9
+ <div style="margin-top: 104px;padding: 0px;"></div>
10
+
11
+ {% if page.noheader == nil %}
12
+ <header>
13
+ <div class="hc-wrapper">
14
+ <section class="hero_search">
15
+ <h1>{{ site.help-center.title }}</h1>
16
+ <p>{{ site.help-center.subtitle }}</p>
17
+ <form action="{{ site.baseurl }}/help-center/search/" method="get">
18
+ <input type="search" name="q" placeholder="What would you like to know?" autofocus>
19
+ <svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
20
+ <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>
21
+ <path d="M0 0h24v24H0z" fill="none"/>
22
+ </svg>
23
+ <input type="submit" value="Search" style="display: none;">
24
+ </form>
25
+ </section>
26
+ </div>
27
+
28
+ </header>
29
+ {% endif %}
30
+
31
+ <section class="content">
32
+ <div class="hc-wrapper">
33
+ {{ content }}
34
+ </div>
35
+ </section>
36
+ {% if page.nositelinks == nil %}
37
+ {% include sitelinks.html %}
38
+ {% endif %}
39
+
40
+ {% include footer.html %}
41
+ {% include scripts.html %}
42
+ <script>
43
+ $(function() {
44
+ $('a[href*=\\#]').not(".no-smooth").on('click', function(event){
45
+ var el = $(this.hash);
46
+ if (el.length > 0) {
47
+ // event.preventDefault();
48
+ $('html,body').animate({scrollTop:$(this.hash).offset().top - 50}, 500);
49
+ }
50
+ });
51
+
52
+ $('svg').click(function() {
53
+ $(this).parent('form').submit();
54
+ });
55
+ });
56
+
57
+ </script>
58
+ <script src="{{ site.baseurl }}/assets/js/hc.js"></script>
59
+
60
+ <script>
61
+ var headings = document.querySelectorAll("h2[id]");
62
+
63
+ console.log(headings);
64
+ for (var i = 0; i < headings.length; i++) {
65
+ var anchorLink = document.createElement("a");
66
+ anchorLink.innerText = "#";
67
+ anchorLink.href = "#" + headings[i].id;
68
+ anchorLink.classList.add("header-link");
69
+
70
+ headings[i].appendChild(anchorLink);
71
+ }
72
+
73
+ $(".modalOpen").click(function() {
74
+ var id = $(this).attr("href");
75
+ $(id).addClass("show");
76
+
77
+ $(window).click(function() {
78
+ $(".show").removeClass("show");
79
+ });
80
+
81
+ $(id + " > div").click(function(event){
82
+ event.stopPropagation();
83
+ });
84
+ return false;
85
+ });
86
+
87
+ $(".close").click(function() {
88
+ $(".show").removeClass("show");
89
+ return false;
90
+ });
91
+
92
+ $(document).keyup(function(e) {
93
+ if (e.keyCode == 27) {
94
+ $(".show").removeClass("show");
95
+ }
96
+ });
97
+ </script>
98
+ </body>
99
+ </html>
@@ -0,0 +1,59 @@
1
+ ---
2
+ layout: hc-default
3
+ ---
4
+ <section class="tutorial">
5
+ <section class="sidebar sticky">
6
+ <ul>
7
+ {% assign sub_navigation = content | extract_element: 'h2' %}
8
+ {% for item in sub_navigation %}
9
+ <li><a href="#{{ item.id }}">{{ item.text }}</a></li>
10
+ {% endfor %}
11
+ </ul>
12
+ </section>
13
+ <section class="tutorial-content">
14
+ <h1>{{ page.title }}</h1>
15
+
16
+ {% if page.type == "Video" %}
17
+ <div class="video_hc-wrapper">
18
+ <iframe src="https://www.youtube.com/embed/{{ page.video_id }}?rel=0&modestbranding=1&showinfo=0" frameborder="0" allowfullscreen></iframe>
19
+ </div>
20
+
21
+ {% if page.resources %}
22
+ <div class="resources">
23
+ <ul>
24
+ {% for resource in page.resources %}
25
+ <li><a href="{{ resource.link }}">{{ resource.name }}</a></li>
26
+ {% endfor %}
27
+ </ul>
28
+ </div>
29
+ {% endif %}
30
+ {% endif %}
31
+
32
+ <div class="tutorial-main">
33
+ {{ content }}
34
+ </div>
35
+ </section>
36
+ </section>
37
+
38
+ {% if page.set %}
39
+ {% assign set_file_name = "_sets/" | append: page.set | append: ".md" %}
40
+ {% assign set = site.sets | where: "path", set_file_name | first %}
41
+ {% assign series_articles = site.articles | where: "set", page.set %}
42
+ <div class="tutorial-series">
43
+ <h3>{{ set.title }} - Series</h3>
44
+ <p>{{ set.description }}</p>
45
+
46
+ {% include hc-listings.html hc-listings=series_articles numbered=true%}
47
+ </div>
48
+ {% endif %}
49
+ {% assign related_articles = site.related_articles %}
50
+ {% assign related_articles_size = related_articless | size %}
51
+ {% if related_articles_size > 0 %}
52
+ <div class="related">
53
+ <h3>Related tutorials</h3>
54
+
55
+ {% include hc-listings.html hc-listings=site.related_articles %}
56
+ </div>
57
+ {% endif %}
58
+
59
+