appcenter-web/_layouts/app.html at 507ec153282bdf420f81bd3cf1da446875e5ceaf · elementary/appcenter-web · GitHub

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
---
layout: default
---

<header>
  <div class="constrain">
    <img class="icon" width="64" height="64"
      {% for icon in page.icons %}
        {% if icon[0] == "64@2" %}
          srcset="{{ icon[1] }} 2x"
        {% elsif icon[0] == "128" %}
          srcset="{{ icon[1] }}"
        {% elsif icon[0] == "64" %}
          srcset="{{ icon[1] }}"
        {% endif %}
      {% endfor %}
      src="https://cdn.rawgit.com/elementary/icons/c048cf1bdf9d7735638c1cfe1eea64831e46c83f/apps/64/application-default-icon.svg"
    alt="{{ page.title }} icon" />

    <h1>{{ page.title }}</h1>
    <p>{{ page.developer }}</p>

    {% if page.dist == "flatpak" %}
      {% unless page.price %}
        <a class="button suggested" href="https://flatpak.elementary.io/repo/appstream/{{ page.app_id }}.flatpakref" download="{{ page.title }}.flatpakref">Download as Flatpak</a>
      {% endunless %}
    {% endif %}
  </div>
</header>

<div class="main">

  {% include screenshots.html %}

  <section class="description constrain">
    <h2>{{ page.summary }}</h2>

    {{ content }}

    <section class="get-it constrain">
      <h2>Get it {% if page.price %}for <strong>${{ page.price }}</strong>{% endif %} on AppCenter</h2>
      <p>Get {{ page.title }} and more on elementary AppCenter, the open, pay-what-you-can app store for indie developers. Every app is open source and has been reviewed and curated by elementary to ensure a native, privacy-respecting, and secure experience.</p>

      {% include loki.html %}
      {% include hera.html %}

      <div class="call-to-action">
        <a class="button" href="https://developer.elementary.io" target="_blank">Publish on AppCenter</a>
        {% if page.dist == "flatpak" %}
          {% unless page.price %}
            <a class="button suggested" href="https://flatpak.elementary.io/repo/appstream/{{ page.app_id }}.flatpakref" download="{{ page.title }}.flatpakref">Download as Flatpak</a>
          {% endunless %}
        {% endif %}
      </div>
    </section>

    {% if page.releases %}
      <h2>What's New:</h2>
      {% for release in page.releases %}
        <details {% if forloop.index == 1 %}open="true"{% endif %}>
          <summary><strong>{{ release.version }}</strong> – {{ release.unix-timestamp | date: "%h %-d, %Y" }}</summary>
          {{ release.description }}
        </details>
      {% endfor %}
    {% endif %}
  </section>
</div>

<footer>
  <div class="constrain">
    <a class="button go-home" href="/">← All Apps</a>
    {% if page.homepage %}
      <a class="button" href="{{ page.homepage }}" target="_blank">Homepage</a>
    {% endif %}
    {% if page.bugtracker %}
      <a class="button" href="{{ page.bugtracker }}" target="_blank">Send Feedback</a>
    {% endif %}
    {% if page.help_page %}
      <a class="button" href="{{ page.help_page }}" target="_blank">Help</a>
    {% endif %}
    {% if page.source_code %}
      <a class="button" href="{{page.sourc_code}}" target="_blank">Source Code</a>
    {% endif %}
  </div>
</footer>

<style>
  header {
    background-color: {% if page.color.primary != "((color_primary))" %}{{ page.color.primary }}{% else %}{{ site.color.primary }}{% endif %};
    color: {% if page.color.primary-text != "((color_text))" %}{{ page.color.primary-text }}{% else %}{{ site.color.primary-text }}{% endif %}
  }
</style>