stmulugheta
/
docs
mirror of https://github.com/stmulugheta/docs.git


  
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

	
78

	
79

	
80

	
81

	
82

	
83

	
84

	
85

	
86

	
87

	
88

	
89

	
90

	
91

	
92

	
93

	
94

	
95

	
96

	
97

	
98

	
99

	
100

	
101

	
102

	
103

	
104

	
105

	
106

	
107

	
108

	
109

	
110

	
111

	
112

	
113

	
114

	
115

	
116

	
117

	
118

	
119

	
120

	
121

	
122

	
123

	
124

	
125

	
126

	
127

	
128

	
129

	
130

	
131

	
132

	
133

	
134

	
135

	
136

	
137

	
138

	
139

	
140

	
141

	
142

	
143

	
144

	
145

	
146

	
147

	
148

	
149

	
150

	
151

	
152

	
153

	
154

	
155

	
156

	
157

	
158

	
159

	
160

	
161

	
162

	
163

	
164

	
165

	
166

	
167

	
168

	
            <!doctype html>
<html lang="{{currentLanguage}}" data-color-mode="$COLORMODE$" data-dark-theme="$DARKTHEME$" data-light-theme="$LIGHTTHEME$">
  {% include head %}

  <body class="d-lg-flex">
    {% include sidebar %}

    <main class="width-full">
      {% include header %}
      {% include deprecation-banner %}

      <div class="container-xl px-3 px-md-6 pt-3 pb-2 product-landing">
        <header class="d-lg-flex gutter-lg mb-6">
          <div class="{% if page.product_video and page.product_video != '' %}col-12 col-lg-6 mb-3 mb-lg-0{% endif %}">
            <span class="text-mono color-text-secondary">Product</span>
            <h1 class="mb-3 font-mktg">
              {{ page.shortTitle }}

              {% if page.beta_product %}
                <span class="Label Label--success v-align-middle">Beta</span>
              {% endif %}
            </h1>
            <div class="lead-mktg color-text-secondary">{{ page.intro }}</div>

            {% for introLinkType in page.introLinks %}
            {% if introLinkType[1] != '' %}
            {% unless introLinkType[0] contains 'raw' %}
            <a href="/{{ currentLanguage }}{% if currentVersion != 'free-pro-team@latest' %}/{{ currentVersion }}{% endif %}{{ page.introLinks[introLinkType[0]] }}" class="btn-mktg {% unless forloop.first %}btn-outline-mktg {% endunless %}btn-large f4 mt-3 mr-3">
              {% data ui.product_landing[introLinkType[0]] %}
            </a>
            {% endunless %}
            {% endif %}
            {% endfor %}
          </div>

          {% if page.product_video and page.product_video != '' %}
            <div class="col-12 col-lg-6">
              <div class="position-relative" style="padding-bottom:56.25%;">
                {% unless AIRGAP %}
                  <iframe
                    title="{{ page.shortTitle }} Video"
                    class="top-0 left-0 position-absolute color-shadow-large rounded-1 width-full height-full"
                    src="{{ page.product_video }}"
                    frameborder="0"
                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen
                  ></iframe>
                {% endunless %}
              </div>
            </div>
          {% endif %}
        </header>

        <!-- Article links -->
        <div class="d-lg-flex gutter my-6 py-6">
          <div class="col-12 col-lg-{% if whatsNewChangelog %}4{% else %}6{% endif %} mb-4 mb-lg-0">
            <div class="featured-links-heading mb-4 d-flex flex-items-baseline">
              <h3 class="f4 text-normal text-mono text-uppercase color-text-secondary" id="guides"><a href="#guides">{% data ui.toc.guides %}</a></h3>
              {% unless currentCategory %}
              {% if page.children contains "/guides" %}
                <a href="{{ currentPath }}/guides" class="ml-4">View all {% octicon "arrow-right" height="14" class="v-align-middle" %}</a>
              {% endif %}
              {% endunless %}
            </div>
            <ul class="list-style-none">
              {% for link in featuredLinks.guides %}
                <li class="border-top">
                  <a class="link-with-intro Bump-link--hover no-underline d-block py-3" href="{{ link.href }}">
                    <h4 class="link-with-intro-title mb-1">{{ link.title }}<span class="Bump-link-symbol">→</span></h4>
                    <p class="link-with-intro-intro color-text-secondary mb-0">{{ link.intro | truncatewords: 12 }}</p>
                  </a>
                </li>
              {% endfor %}
            </ul>
          </div>

          {% if featuredLinks.popular %}
          <div class="col-12 col-lg-{% if whatsNewChangelog %}4{% else %}6{% endif %} mb-4 mb-lg-0">
            <div class="featured-links-heading mb-4 d-flex flex-items-baseline">
              <h3 class="f4 text-normal text-mono text-uppercase color-text-secondary" id="popular"><a href="#popular">{% if page.featuredLinks.popularHeading %}{{ page.featuredLinks.popularHeading }}{% else %}{% data ui.toc.popular %}{% endif %}</a></h3>
            </div>
            <ul class="list-style-none">
              {% for link in featuredLinks.popular %}
                <li class="border-top">
                  <a class="link-with-intro Bump-link--hover no-underline d-block py-3" href="{{ link.href }}">
                    <h2 class="link-with-intro-title f5">{{ link.title }}<span class="Bump-link-symbol">→</span></h2>
                  </a>
                </li>
              {% endfor %}
            </ul>
          </div>
          {% endif %}

          {% if whatsNewChangelog %}
            <div class="col-12 col-lg-4 mb-4 mb-lg-0">
              <div class="featured-links-heading mb-4 d-flex flex-items-baseline">
                <h3 class="f4 text-normal text-mono text-uppercase color-text-secondary" id="whats-new"><a href="#whats-new">{% data ui.toc.whats_new %}</a></h3>
                <a href="{{ changelogUrl }}" class="ml-4">View all {% octicon "arrow-right" height="14" class="v-align-middle" %}</a>
              </div>
              <ul class="list-style-none">
                {% for link in whatsNewChangelog %}
                  <li class="border-top">
                    <a href="{{ link.href }}" class="d-block color-text-primary Bump-link--hover py-3 no-underline capitalize">
                      <h4>{{ link.title }} <span class="Bump-link-symbol">→</span></h4>
                      <time
                        class="tooltipped tooltipped-n color-text-tertiary text-mono mt-1"
                        aria-label="{{ link.date | date: '%B %d, %Y' }}"
                      >{{ link.date | date: "%B %d" }}</time>
                    </a>
                  </li>
                {% endfor %}
              </ul>
            </div>
          {% endif %}
        </div>

        {% if productCodeExamples %}
        {% include code-examples %}
        {% endif %}

        {% if productCommunityExamples %}
        {% include community-examples %}
        {% endif %}

        {% if productUserExamples %}
        {% include sponsor-examples %}
        {% endif %}

        {{ renderedPage }}
      </div>

      {% if currentVersion contains 'enterprise-server' and currentProduct == 'admin' %}
      {% include product-releases %}
      {% endif %}

      {% if featuredLinks.guideCards %}
        <div class="color-bg-tertiary py-6">
          <div class="container-xl px-3 px-md-6 my-6">
            <h2 class="font-mktg h1 mb-2" id="guides-2"><a href="#guides-2">Guides</a></h2>

            <div class="d-lg-flex gutter-lg flex-items-stretch">
              {% assign guideCards = featuredLinks.guideCards %}
              {% render guide-card for guideCards as guide %}
            </div>

            {% unless currentCategory %}
            {% if page.children contains "/guides" %}
              <a href="{{ currentPath }}/guides" class="btn btn-outline float-right">Explore guides {% octicon "arrow-right" %}</a>
            {% endif %}
            {% endunless %}
          </div>
        </div>
      {% endif %}

      <div class="container-xl px-3 px-md-6 mt-6">
        {% if page.documentType == "category" %}
          {% include category-articles-list %}
        {% endif %}
        {% if page.documentType == "product" %}
          {% include product-articles-list %}
        {% endif %}
      </div>

      {% include support-section %}
      {% include small-footer %}
      {% include scroll-button %}
    </main>
  </body>
</html>