220 lines
6.6 KiB
HTML
220 lines
6.6 KiB
HTML
---
|
|
layout: default
|
|
---
|
|
|
|
{% assign pathsplit = page.path | split: '/' %}
|
|
{% assign lang = pathsplit[0] %}
|
|
{% assign l = site.data.locale[lang] %}
|
|
{% assign en = site.data.locale.en.index %}
|
|
|
|
<a name="top"></a>
|
|
|
|
<header class="hero is-slanted">
|
|
<div class="hero-header">
|
|
{% include navbar.html hide_brand=true %}
|
|
</div>
|
|
<div class="hero-body px-0">
|
|
<div class="container">
|
|
<div class="columns">
|
|
<div class="column content is-half is-size-4">
|
|
<h1>{{ l.index.title | default: en.title }}</h1>
|
|
<p>
|
|
{{ l.index.description | default: en.description }}
|
|
</p>
|
|
<div class="buttons mt-6">
|
|
<a class="button is-firefox utm-link" href="{{ site.firefox }}&utm_content=topbtn">
|
|
<span class="icon">
|
|
<i class="fab fa-firefox-browser"></i>
|
|
</span>
|
|
<span>
|
|
{{ l.index.firefox | default: en.firefox }}
|
|
</span>
|
|
</a>
|
|
<a class="button is-chrome utm-link" href="{{ site.chrome }}&utm_content=topbtn">
|
|
<span class="icon">
|
|
<i class="fab fa-chrome"></i>
|
|
</span>
|
|
<span>
|
|
{{ l.index.chrome| default: en.chrome }}
|
|
</span>
|
|
</a>
|
|
<a class="button is-navlike" href="https://web.renewedtab.com/">
|
|
{{ l.index.online | default: en.online }}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="column is-half">
|
|
<a class="image is-4by3" href="/static/images/gallery/screenshot_full.png">
|
|
<img src="/static/images/gallery/screenshot.png" alt="">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="container">
|
|
<section class="section" id="features">
|
|
{% for item in site.data.features %}
|
|
{% if item.image %}
|
|
{% if item.image_link %}
|
|
{% assign image_link = item.image_link %}
|
|
{% else %}
|
|
{% assign image_link = item.image | replace: '.png', '_full.png' %}
|
|
{% endif %}
|
|
|
|
{% assign title_id = "features." | append: item.id | append: ".title" %}
|
|
{% assign desc_id = "features." | append: item.id | append: ".desc" %}
|
|
{% assign title = l.index[title_id] | default: en[title_id] %}
|
|
{% assign desc = l.index[desc_id] | default: en[desc_id] %}
|
|
|
|
{% capture side %}{% cycle "left", "right" %}{% endcapture %}
|
|
|
|
<div class="columns is-variable is-8 py-6 {% if side=='left' %}is-reversed{% endif %}">
|
|
<figure class="column is-two-thirds">
|
|
<a class="image {% unless item.no_ratio %}is-golden{% endunless %}" href="{{ image_link }}">
|
|
<img src="{{ item.image }}" alt="{{ title }}"
|
|
{% if item.no_shadow %}class="no-shadow"{% endif %}>
|
|
</a>
|
|
</figure>
|
|
<div class="column is-one-third content is-size-4">
|
|
<h2 class="is-4 mt-0 is-size-3">{{ title }}</h2>
|
|
|
|
{{ desc | markdownify }}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
{% endfor %}
|
|
|
|
<h2 class="my-6 title is-3 has-text-weight-semibold">
|
|
{{ l.index.andmore | default: en.andmore }}
|
|
</h2>
|
|
|
|
<div class="columns is-multiline">
|
|
{% for item in site.data.features %}
|
|
{% assign title_id = "features." | append: item.id | append: ".title" %}
|
|
{% assign desc_id = "features." | append: item.id | append: ".desc" %}
|
|
{% assign title = l.index[title_id] | default: en[title_id] %}
|
|
{% assign desc = l.index[desc_id] | default: en[desc_id] %}
|
|
|
|
{% unless item.image %}
|
|
<div class="column is-one-third content">
|
|
<h2 class="mt-0 is-size-4">{{ title }}</h2>
|
|
|
|
{{ desc | markdownify }}
|
|
</div>
|
|
{% endunless %}
|
|
{% endfor %}
|
|
</section>
|
|
|
|
<section class="section">
|
|
<h2 id="widgets" class="title is-2">
|
|
{{ l.index.widgets | default: en.widgets }}
|
|
</h2>
|
|
<div class="content">
|
|
<ul>
|
|
{% for item in site.data.widgets %}
|
|
{% assign title_id = "widgets." | append: item %}
|
|
{% assign title = l.index[title_id] | default: en[title_id] %}
|
|
<li>
|
|
{{ title | safe }}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<h2 class="title is-2" id="gallery">
|
|
{{ l.index.gallery | default: en.gallery }}
|
|
</h2>
|
|
|
|
<div class="columns is-multiline is-variable is-5">
|
|
{% for item in site.data.gallery %}
|
|
{% assign image = "/static/images/gallery/" | append: item %}
|
|
{% if item.image_link %}
|
|
{% assign image_link = item.image_link %}
|
|
{% else %}
|
|
{% assign image_link = image | replace: '.png', '_full.png' %}
|
|
{% endif %}
|
|
|
|
{% assign title_id = "gallery." | append: item %}
|
|
{% assign title = l.index[title_id] | default: en[title_id] %}
|
|
|
|
<figure class="column is-half">
|
|
<a class="image is-4by3" href="{{ image_link }}">
|
|
<img src="{{ image }}" alt="{{ title }}">
|
|
</a>
|
|
<figcaption>
|
|
{{ title }}
|
|
</figcaption>
|
|
</figure>
|
|
{% endfor %}
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<h2 id="widgets" class="title is-2">
|
|
{{ l.index.testimonials | default: en.testimonials }}
|
|
</h2>
|
|
<div class="columns is-multiline">
|
|
{% assign testimonials = l.testimonials | default: site.data.locale.en.testimonials %}
|
|
{% for test in testimonials %}
|
|
<div class="column is-half content mb-0">
|
|
<figure class="mx-0">
|
|
<blockquote cite="{{ test.url }}">
|
|
{{ test.text }}
|
|
</blockquote>
|
|
<figcaption>
|
|
<a href="{{ test.url }}">
|
|
{{ test.author }}
|
|
</a>
|
|
{% if test.lang %}
|
|
<span class="has-text-grey-light">
|
|
({{ test.lang }})
|
|
</span>
|
|
{% endif %}
|
|
</figcaption>
|
|
</figure>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</section>
|
|
|
|
<section id="install" class="section is-medium">
|
|
<p class="mb-5 has-text-centered">
|
|
{{ l.index.likeWhatYouSee | default: en.likeWhatYouSee }}
|
|
</p>
|
|
<div class="buttons is-justify-content-center">
|
|
<a class="button is-firefox is-large utm-link" href="{{ site.firefox }}&utm_content=bottombtn">
|
|
<span class="icon">
|
|
<i class="fab fa-firefox-browser"></i>
|
|
</span>
|
|
<span>{{ l.index.firefox | default: en.firefox }}</span>
|
|
</a>
|
|
<a class="button is-chrome is-large utm-link" href="{{ site.chrome }}&utm_content=bottombtn">
|
|
<span class="icon">
|
|
<i class="fab fa-chrome"></i>
|
|
</span>
|
|
<span>{{ l.index.chrome | default: en.chrome }}</span>
|
|
</a>
|
|
<a class="button is-navlike is-large" href="https://web.renewedtab.com/">
|
|
{{ l.index.online | default: en.online}}
|
|
</a>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<script>
|
|
// @license magnet:?xt=urn:btih:1f739d935676111cfff4b4693e3816e664797050&dn=gpl-3.0.txt GPL-v3-or-Later
|
|
const urlParams = new URLSearchParams(window.location.search);
|
|
if (urlParams.has("utm_source")) {
|
|
for (let link of document.getElementsByClassName("utm-link")) {
|
|
const url = new URL(link.getAttribute("href"));
|
|
url.search = urlParams.toString();
|
|
link.setAttribute("href", url.toString());
|
|
}
|
|
}
|
|
// @license-end
|
|
</script>
|