` element.
47 | let codeElement = codeBlock.querySelector('code');
48 | if (!codeElement) {
49 | return;
50 | }
51 |
52 | stringToCopy += codeElement.textContent;
53 | }
54 |
55 | copyTextToClipboard(stringToCopy);
56 | });
57 | }
58 |
59 | function createCopyButton() {
60 | let useElement = document.createElement('USE');
61 | useElement.setAttribute("href", "/icons/spritemap.svg#sprite-copy");
62 |
63 | let svgElement = document.createElement('SVG');
64 | svgElement.appendChild(useElement);
65 |
66 | let copyButton = document.createElement('button');
67 | copyButton.classList.add('code-copier');
68 | copyButton.setAttribute('aria-label', 'Copy');
69 | copyButton.setAttribute('title', 'Copy');
70 | copyButton.innerHTML = svgElement.outerHTML;
71 |
72 | return copyButton;
73 | }
74 |
75 | // Async + Fallback method of copying to the clipboard
76 | // Source: https://stackoverflow.com/questions/400212/how-do-i-copy-to-the-clipboard-in-javascript/30810322#30810322
77 | function fallbackCopyTextToClipboard(text) {
78 | var textArea = document.createElement("textarea");
79 | textArea.value = text;
80 | document.body.appendChild(textArea);
81 | textArea.focus();
82 | textArea.select();
83 |
84 | try {
85 | document.execCommand("copy");
86 | } catch (err) {
87 | console.error("Fallback: Oops, unable to copy", err);
88 | }
89 |
90 | document.body.removeChild(textArea);
91 | }
92 |
93 | function copyTextToClipboard(text) {
94 | if (!navigator.clipboard) {
95 | fallbackCopyTextToClipboard(text);
96 | return;
97 | }
98 |
99 | navigator.clipboard.writeText(text).then(
100 | function() {
101 | },
102 | function(err) {
103 | console.error("Async: Could not copy text: ", err);
104 | }
105 | );
106 | }
107 |
--------------------------------------------------------------------------------
/static/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "Vala",
3 | "theme_color": "#7239b3",
4 | "icons": [
5 | {
6 | "src": "\/android-icon-36x36.png",
7 | "sizes": "36x36",
8 | "type": "image\/png",
9 | "density": "0.75"
10 | },
11 | {
12 | "src": "\/android-icon-48x48.png",
13 | "sizes": "48x48",
14 | "type": "image\/png",
15 | "density": "1.0"
16 | },
17 | {
18 | "src": "\/android-icon-72x72.png",
19 | "sizes": "72x72",
20 | "type": "image\/png",
21 | "density": "1.5"
22 | },
23 | {
24 | "src": "\/android-icon-96x96.png",
25 | "sizes": "96x96",
26 | "type": "image\/png",
27 | "density": "2.0"
28 | },
29 | {
30 | "src": "\/android-icon-144x144.png",
31 | "sizes": "144x144",
32 | "type": "image\/png",
33 | "density": "3.0"
34 | },
35 | {
36 | "src": "\/android-icon-192x192.png",
37 | "sizes": "192x192",
38 | "type": "image\/png",
39 | "density": "4.0"
40 | }
41 | ]
42 | }
43 |
--------------------------------------------------------------------------------
/static/ms-icon-144x144.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vala-lang/vala-www/ec9b2a809f78945eaf218fb77ae91f9d5489b494/static/ms-icon-144x144.png
--------------------------------------------------------------------------------
/static/ms-icon-150x150.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vala-lang/vala-www/ec9b2a809f78945eaf218fb77ae91f9d5489b494/static/ms-icon-150x150.png
--------------------------------------------------------------------------------
/static/ms-icon-310x310.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vala-lang/vala-www/ec9b2a809f78945eaf218fb77ae91f9d5489b494/static/ms-icon-310x310.png
--------------------------------------------------------------------------------
/static/ms-icon-70x70.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/vala-lang/vala-www/ec9b2a809f78945eaf218fb77ae91f9d5489b494/static/ms-icon-70x70.png
--------------------------------------------------------------------------------
/templates/404.html:
--------------------------------------------------------------------------------
1 | {% import "macros/head.html" as head_macros %}
2 | {% import "macros/body.html" as body_macros %}
3 | {% import "macros/icon.html" as icon_macros %}
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 | {# Link tags with the media attributes are loaded when needed (depends on the media query) #}
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 | {{ trans(key="bypass_block", lang=lang) }}
37 |
38 | {{ body_macros::header() }}
39 |
40 |
41 |
42 | {{ trans(key="page_not_found", lang=lang) }}
43 | {{ trans(key="page_not_found_description", lang=lang) }}
44 | {{ trans(key="go_home", lang=lang) }}
45 |
46 |
47 |
48 | {% include "partials/footer.html" %}
49 |
50 |
51 |
52 |
53 |
--------------------------------------------------------------------------------
/templates/anchor-link.html:
--------------------------------------------------------------------------------
1 | #
2 |
--------------------------------------------------------------------------------
/templates/base.html:
--------------------------------------------------------------------------------
1 | {% import "macros/head.html" as head_macros %}
2 | {% import "macros/body.html" as body_macros %}
3 | {% import "macros/icon.html" as icon_macros %}
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 | {# Link tags with the media attributes are loaded when needed (depends on the media query) #}
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 | {% block rss %}
34 |
35 | {% endblock %}
36 |
37 | {% block head %}
38 | {% endblock head %}
39 |
40 |
41 | {{ trans(key="bypass_block", lang=lang) }}
42 |
43 | {% block top_level_header %}
44 | {{ body_macros::header() }}
45 | {% endblock %}
46 |
47 |
48 |
49 | {% block main_content %} {% endblock %}
50 |
51 |
52 |
53 | {% include "partials/footer.html" %}
54 |
55 | {% block body_end %} {% endblock %}
56 |
57 |
58 |
59 |
--------------------------------------------------------------------------------
/templates/blog-post.html:
--------------------------------------------------------------------------------
1 | {% extends "base.html" %}
2 | {% import "macros/blog.html" as blog_macros %}
3 | {% block head %}
4 | {{ page.title }}
5 | {{ head_macros::article_og_data(article=page) }}
6 |
7 | {% endblock head %}
8 |
9 | {% block main_content %}
10 |
11 |
12 | {{ page.title }}
13 | {{ page.description }}
14 | {{ blog_macros::get_authors(page=page) }}
15 |
16 | Blog
17 |
18 | {{ page.content|safe }}
19 |
20 | {% endblock %}
21 |
--------------------------------------------------------------------------------
/templates/blog.html:
--------------------------------------------------------------------------------
1 | {% extends "base.html" %}
2 | {% import "macros/head.html" as head_macros %}
3 | {% import "macros/blog.html" as blog_macros %}
4 | {% block head %}
5 | {{ section.title }}
6 | {{ head_macros::og_data(title=section.title, description=section.description) }}
7 |
8 | {% endblock head %}
9 |
10 | {% block main_content %}
11 |
12 | Blog
13 |
14 | -
15 | {% for post in paginator.pages %}
16 |
{{ post.title }}
17 | {{ post.description }}
18 |
21 |
22 | {% endfor %}
23 |
24 |
25 |
26 |
27 |
35 |
36 | {% endblock %}
37 |
--------------------------------------------------------------------------------
/templates/index.html:
--------------------------------------------------------------------------------
1 | {% extends "base.html" %}
2 | {% import "macros/blog.html" as blog_macros %}
3 | {% import "macros/head.html" as head_macros %}
4 |
5 | {% block head %}
6 | {{ section.title }}
7 |
8 |
9 |
10 | {% for lang_code, _ in config.languages %}
11 | {% if lang_code != config.default_language %}
12 |
13 | {% endif %}
14 | {% endfor %}
15 |
16 | {% if lang != config.default_language %}
17 |
18 | {% endif %}
19 |
20 |
21 | {{ head_macros::og_data(title=section.title, description=section.description) }}
22 |
23 | {% endblock %}
24 |
25 | {% block top_level_header %}
26 | {% set heading = "" ~ trans(key="tagline", lang=lang) ~ "
"|trim %}
27 | {{ body_macros::header(type="extended", extended_content=heading) }}
28 | {% endblock %}
29 |
30 | {% block main_content %}
31 | {{ load_data(path="assets/code-sample.md") | markdown(inline=true)|safe }}
32 |
33 | {{ body_macros::cta_stack(primary_content=trans(key='get_started', lang=lang), primary_href=config.extra.tutorial_url, secondary_content=trans(key='view_source_code', lang=lang), secondary_href=config.extra.language_source_code_url) }}
34 |
35 |
36 | {% include "partials/features.html" %}
37 |
38 |
39 |
40 | {% include "partials/usages.html" %}
41 |
42 |
43 |
44 | {% include "partials/blog/latest_blog_posts.html" %}
45 |
46 |
47 |
48 | {% include "partials/versions.html" %}
49 |
50 |
51 |
52 | {% include "partials/showcase.html" %}
53 |
54 |
55 |
56 | {% include "partials/community.html" %}
57 |
58 |
59 | {{ body_macros::cta_stack(primary_content=trans(key='get_started', lang=lang), primary_href=config.extra.tutorial_url, secondary_content=trans(key='view_source_code', lang=lang), secondary_href=config.extra.language_source_code_url) }}
60 |
61 | {% endblock %}
62 |
63 |
64 | {% block body_end %}
65 | {% endblock %}
66 |
--------------------------------------------------------------------------------
/templates/macros/blog.html:
--------------------------------------------------------------------------------
1 | {% macro get_authors(page) %}
2 | {% if page.extra.authors %}
3 | {% for author in page.extra.authors %}
4 | {{ author }}{%- if not loop.last -%}, {% endif -%}
5 | {% endfor %}
6 | {% else %}
7 | The Vala Team
8 | {% endif %}
9 | {% endmacro %}
10 |
--------------------------------------------------------------------------------
/templates/macros/body.html:
--------------------------------------------------------------------------------
1 | {% import "macros/icon.html" as icon_macros %}
2 |
3 | {% macro header(type="standard", extended_content="") %}
4 | {% set classes = [] %}
5 |
6 | {% if type == "extended" %}
7 | {% set classes = classes|concat(with=type) %}
8 | {% endif %}
9 |
10 | 0 %} class="{{ classes|join(sep=' ') }}"{% endif %}>
11 |
12 |
33 | {%- if type == "extended" %}
34 | {{ extended_content|safe }}
35 | {% endif %}
36 |
37 |
38 |
39 | {% endmacro %}
40 |
41 | {% macro cta_stack(primary_content, primary_href, secondary_content, secondary_href) %}
42 |
43 | {{ primary_content }}
44 |
45 | {% if secondary_content and secondary_href %}
46 | {{ secondary_content }}
47 | {% endif %}
48 |
49 | {% endmacro %}
50 |
51 | {% macro lang_map(lang_code) %}
52 | {% if lang_code == 'en' %}
53 | English
54 | {% elif lang_code == 'cs' %}
55 | Čeština
56 | {% elif lang_code == 'fr' %}
57 | Français
58 | {% elif lang_code == 'pt_BR' %}
59 | Português Brasileiro
60 | {% elif lang_code == 'ru' %}
61 | Русский
62 | {% elif lang_code == 'zh_CN' %}
63 | 简体中文
64 | {% endif %}
65 | {% endmacro %}
66 |
--------------------------------------------------------------------------------
/templates/macros/head.html:
--------------------------------------------------------------------------------
1 | {% import "macros/blog.html" as blog_macros %}
2 |
3 | {% macro og_data(title, description) %}
4 | {{ head_macros::og_data_with_image (title=title, description=description, image_url='') }}
5 | {% endmacro %}
6 |
7 | {% macro og_data_with_image(title, description, image_url) %}
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 | {%- if image_url|trim == '' %}
18 | {% set image_url = get_url(path="img/vala-hero-wide.png") %}
19 | {% endif %}
20 |
21 | {% endmacro %}
22 |
23 | {% macro article_og_data(article) %}
24 | {{ head_macros::og_data(title=article.title, description=article.description)}}
25 | {% if article.date %}
26 |
27 | {% endif %}
28 |
29 | {% if article.updated %}
30 |
31 | {% endif %}
32 |
33 | {% set article_section_object = get_section(path=article.ancestors|last) %}
34 | {% set article_section = article_section_object.title %}
35 |
36 | {% endmacro %}
37 |
38 | {% macro article_og_data_width_image(article, image_url='') %}
39 | {{ head_macros::og_data_with_image(title=article.title, description=article.description, image_url=image_url)}}
40 | {% if article.date %}
41 |
42 | {% endif %}
43 |
44 | {% if article.updated %}
45 |
46 | {% endif %}
47 |
48 | {% set article_section_object = get_section(path=article.ancestors|last) %}
49 | {% set article_section = article_section_object.title %}
50 |
51 | {% endmacro %}
52 |
--------------------------------------------------------------------------------
/templates/macros/icon.html:
--------------------------------------------------------------------------------
1 | {% macro vala_text() %}
2 |
13 | {% endmacro %}
14 |
15 | {% macro sprite_icon(name, label="", aria_hidden=true) %}
16 |
17 |
22 | {% endmacro %}
23 |
--------------------------------------------------------------------------------
/templates/page.html:
--------------------------------------------------------------------------------
1 | {% extends "base.html" %}
2 |
3 | {% block head %}
4 | {{ page.title }}
5 |
6 |
7 |
8 | {% for lang_code, _ in config.languages %}
9 | {% if lang_code != config.default_language %}
10 |
11 | {% endif %}
12 | {% endfor %}
13 |
14 | {% if lang != config.default_language %}
15 |
16 | {% endif %}
17 |
18 |
19 | {{ head_macros::article_og_data(article=page) }}
20 | {% endblock head %}
21 |
22 | {% block main_content %}
23 |
24 | {{ page.content|safe }}
25 |
26 | {% endblock %}
27 |
--------------------------------------------------------------------------------
/templates/partials/blog/latest_blog_posts.html:
--------------------------------------------------------------------------------
1 | {# Shows previews of the latest 3 posts in the blog #}
2 | {% set blog_section = get_section(path="blog/_index.md") %}
3 | {% set small_image = resize_image(path="vala-hero.png", width=426, height=240 ) %}
4 |
5 | {{ trans(key='whats_new', lang=lang) }}
6 |
7 | {% for post in blog_section.pages %}
8 | {% if loop.index0 == 3 %}
9 | {% break %}
10 | {% endif %}
11 |
12 |
13 | 
14 |
15 | {{ post.title }}
16 | {{ blog_macros::get_authors(page=post) }}
17 |
18 |
19 |
20 | {% endfor %}
21 |
22 | {{ trans(key='view_blog', lang=lang) }}
23 |
--------------------------------------------------------------------------------
/templates/partials/community.html:
--------------------------------------------------------------------------------
1 | {% import "macros/icon.html" as icon_macros %}
2 |
3 | {{ trans(key='community', lang=lang) }}
4 |
5 |
6 | -
7 |
8 | {{ icon_macros::sprite_icon(name="discourse") }}
9 | {{ trans(key='forums', lang=lang) }}
10 |
11 |
12 | - {{ trans(key='forums_description', lang=lang) }}
13 | - {{ trans(key='discourse_forums', lang=lang) }}
14 |
15 |
16 | -
17 |
18 | {{ icon_macros::sprite_icon(name="matrix") }}
19 | {{ trans(key='internals_chat', lang=lang) }}
20 |
21 |
22 | - {{ trans(key='internals_chat_description', lang=lang) }}
23 | - {{ trans(key='matrix_room', lang=lang) }}
24 |
25 |
26 | -
27 |
28 | {{ icon_macros::sprite_icon(name="discord") }}
29 | {{ trans(key='community_server', lang=lang) }}
30 |
31 |
32 | - {{ trans(key='community_server_description', lang=lang) }}
33 | - {{ trans(key='discord_server', lang=lang) }}
34 |
35 |
36 |
37 | {{ trans(key='social_media', lang=lang) }}
38 |
39 | {{ trans(key='follow_vala_project', lang=lang) }}
40 |
46 |
47 |
--------------------------------------------------------------------------------
/templates/partials/features.html:
--------------------------------------------------------------------------------
1 | {{ trans(key='why_vala', lang=lang) }}
2 |
3 |
4 | -
5 |
6 | {{ icon_macros::sprite_icon(name="gears") }}
7 | {{ trans(key="productivity", lang=lang) }}
8 |
9 |
10 | - {{ trans(key="productivity_description", lang=lang)|safe }}
11 |
12 |
13 | -
14 |
15 | {{ icon_macros::sprite_icon(name="rocket") }}
16 | {{ trans(key="performance", lang=lang) }}
17 |
18 |
19 | - {{ trans(key="performance_description", lang=lang) }}
20 |
21 |
22 | -
23 |
24 | {{ icon_macros::sprite_icon(name="open-source") }}
25 | {{ trans(key="open_source", lang=lang) }}
26 |
27 |
28 | - {{ trans(key="open_source_description", lang=lang) }}
29 | - {{ trans(key="tooling_documentation", lang=lang) }}
30 |
31 |
32 | {{ trans(key="learn_more_about_vala", lang=lang) }}
33 |
--------------------------------------------------------------------------------
/templates/partials/footer.html:
--------------------------------------------------------------------------------
1 | {% import "macros/body.html" as body_macros %}
2 |
3 |
16 |
17 |
--------------------------------------------------------------------------------
/templates/partials/showcase.html:
--------------------------------------------------------------------------------
1 | {% set showcase_data = load_data(path="/assets/showcase-items.json", type="json") %}
2 |
3 | {{ trans(key='showcase', lang=lang) }}
4 |
5 | {% for item in showcase_data %}
6 | -
7 |
8 |
9 | {% set screenshot = resize_image(path=item.screenshot_path, op="fit_width", width=640) %}
10 | {% set screenshot_2x = resize_image(path=item.screenshot_path, op="fit_width", width=1280) %}
11 |
12 |
18 |
19 |
20 |
21 |
22 |
23 | {{ item.name }}
24 | {{ item.description }}
25 |
26 |
27 |
28 |
29 | {% endfor %}
30 |
31 | {{ trans(key='view_more_vala_projects', lang=lang) }}
32 |
--------------------------------------------------------------------------------
/templates/partials/usages.html:
--------------------------------------------------------------------------------
1 | {{ trans(key='what_can_you_build', lang=lang) }}
2 |
3 |
4 | -
5 |
6 | {{ icon_macros::sprite_icon(name="gui-app") }}
7 | {{ trans(key="gui_applications", lang=lang) }}
8 |
9 |
10 | - {{ trans(key="gui_applications_description", lang=lang) }}
11 | -
12 |
13 | -
14 | {{ trans(key="gnome_tutorial", lang=lang) }}
15 |
16 | -
17 | {{ trans(key="elementary_tutorial", lang=lang) }}
18 |
19 |
20 |
21 |
22 |
23 | -
24 |
25 | {{ icon_macros::sprite_icon(name="terminal") }}
26 | {{ trans(key="command_line_programs", lang=lang) }}
27 |
28 |
29 |
30 | - {{ trans(key="command_line_programs_description", lang=lang) }}
31 |
32 |
33 | -
34 |
35 | {{ icon_macros::sprite_icon(name="library") }}
36 | {{ trans(key="libraries", lang=lang) }}
37 |
38 |
39 | - {{ trans(key="libraries_description", lang=lang) }}
40 |
41 |
42 |
--------------------------------------------------------------------------------
/templates/partials/versions.html:
--------------------------------------------------------------------------------
1 | {{ trans(key='current_versions', lang=lang) }}
2 |
3 | {% if config.extra.versions.stable != config.extra.versions.lts %}
4 | -
5 | Vala {{ config.extra.versions.stable }} ({{ trans(key='stable', lang=lang) }})
6 |
7 | {% endif %}
8 | -
9 | Vala {{ config.extra.versions.lts }} ({{ trans(key='stable_lts', lang=lang) }})
10 |
11 | -
12 | Vala {{ config.extra.versions.devel }} ({{ trans(key='devel', lang=lang) }})
13 |
14 |
15 | {{ trans(key='install_how', lang=lang) }}
16 |
--------------------------------------------------------------------------------
/templates/shortcodes/predefined_cta_stack.html:
--------------------------------------------------------------------------------
1 | {% import "macros/body.html" as body_macros %}
2 |
3 | {{ body_macros::cta_stack(primary_content=trans(key="get_started", lang=lang), primary_href=config.extra.tutorial_url, secondary_content=trans(key="view_source_code", lang=lang), secondary_href=config.extra.language_source_code_url) }}
4 |
--------------------------------------------------------------------------------