Add blog with 1.15 release post
rubenwardy
parent
794c2c567b
commit
1feab6b88d
|
|
@ -13,3 +13,8 @@ exclude:
|
|||
|
||||
firefox: https://addons.mozilla.org/addon/renewed-tab/?utm_source=renewedtab.com&utm_medium=referral
|
||||
chrome: https://chrome.google.com/webstore/detail/renewed-tab/laljofodhebajcajogbolahbjdcnfgkf?utm_source=renewedtab.com&utm_medium=referral
|
||||
|
||||
collections:
|
||||
posts:
|
||||
output: true
|
||||
permalink: /blog/:categories/:year/:month/:day/:title:output_ext
|
||||
|
|
|
|||
|
|
@ -20,6 +20,7 @@ nav.gallery: Gallery
|
|||
nav.help: Help / FAQ
|
||||
nav.get_involved: Get Involved
|
||||
nav.donate: Donate
|
||||
nav.blog: Blog
|
||||
|
||||
gallery.screenshot.png: "A variety of widgets: The news, weather, and more"
|
||||
gallery.sidebar_icons.png: "Icon links: Quick links or bookmarks"
|
||||
|
|
|
|||
|
|
@ -12,3 +12,6 @@
|
|||
|
||||
- id: donate
|
||||
url: /en/get_involved/#donate
|
||||
|
||||
- id: blog
|
||||
url: /blog/
|
||||
|
|
|
|||
|
|
@ -0,0 +1,17 @@
|
|||
<figure class="figure{% if include.float %} pull-{{ include.float }}{% endif %}">
|
||||
{% if include.img.url %}
|
||||
{% assign figure_url = include.img.url %}
|
||||
{% else %}
|
||||
{% assign figure_url = "/static/blog/" | append: include.img.path %}
|
||||
{% endif %}
|
||||
{% if include.img.full %}
|
||||
{% assign figure_url = figure_url | replace: ".", "_full." %}
|
||||
{% endif %}
|
||||
<a href="{{ figure_url }}">
|
||||
<img src="/static/blog/{{ include.img.path }}" class="figure-img img-fluid rounded"
|
||||
alt="{{ include.img.caption | escape }}">
|
||||
</a>
|
||||
<figcaption>
|
||||
{{ include.img.caption }}
|
||||
</figcaption>
|
||||
</figure>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
{% assign post = include.post %}
|
||||
<a href="{{ post.url }}">
|
||||
<div class="box mb-3">
|
||||
<time class="is-pulled-right has-text-grey-light" itemprop="dateCreated" datetime="{{ post.date | date: '%F'}}">
|
||||
{{ post.date | date_to_long_string }}
|
||||
</time>
|
||||
<h4>{{ post.title }}</h4>
|
||||
{{ post.description }}
|
||||
</div>
|
||||
</a>
|
||||
|
|
@ -12,11 +12,15 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
{% assign title = page.title %}
|
||||
{% if title != l.index.title %}
|
||||
{% assign trans_title = l.index.title | default: en.title %}
|
||||
{% assign title = title | append: " - " | append: trans_title %}
|
||||
{% endif %}
|
||||
|
||||
<title>
|
||||
{{ page.title }}
|
||||
{% if page.title != l.index.title %}
|
||||
- {{ l.index.title | default: en.title }}
|
||||
{% endif %}
|
||||
{{ title }}
|
||||
</title>
|
||||
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
|
|
@ -27,6 +31,9 @@
|
|||
|
||||
<link rel="canonical" href="https://renewedtab.com{{ page.url }}">
|
||||
|
||||
<meta name="og:title" content="{{ title }}" />
|
||||
<meta name="og:url" content="{{ page.url | absolute_url }}" />
|
||||
|
||||
{% if site.data.locale[lang] %}
|
||||
{% assign oldSegment = "/" | append: lang | append: "/" %}
|
||||
{% for other in site.data.languages %}
|
||||
|
|
@ -38,14 +45,31 @@
|
|||
|
||||
{% if page.url == oldSegment %}
|
||||
{% assign description = site.data.locale[lang].index.description %}
|
||||
<meta name="og:title" content="Renewed Tab" />
|
||||
<meta name="og:description" content="{{ description }}" />
|
||||
<meta name="description" content="{{ description }}" />
|
||||
<meta name="og:url" content="{{ page.url | absolute_url }}" />
|
||||
<meta name="og:image" content="{{ '/static/images/gallery/screenshot.png' | absolute_url }}" />
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% if page.images %}
|
||||
{% assign thumbnail = page.images | first %}
|
||||
{% if thumbnail[1] %}
|
||||
{% assign thumbnail = thumbnail[1] %}
|
||||
{% endif %}
|
||||
{% if thumbnail.url %}
|
||||
{% assign thumbnail_url = thumbnail.url %}
|
||||
{% else %}
|
||||
{% assign thumbnail_url = "/static/blog/" | append: thumbnail.path | absolute_url %}
|
||||
{% endif %}
|
||||
<meta name="og:image" content="{{ thumbnail_url }}" />
|
||||
<meta name="twitter:image" content="{{ thumbnail_url }}" />
|
||||
{% endif %}
|
||||
|
||||
{% if page.description %}
|
||||
|
||||
<meta name="og:description" content="{{ page.description }}" />
|
||||
<meta name="description" content="{{ page.description }}" />
|
||||
{% endif %}
|
||||
</head>
|
||||
<body>
|
||||
{{ content }}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,89 @@
|
|||
---
|
||||
layout: default
|
||||
---
|
||||
|
||||
{% assign l = site.data.locale.en %}
|
||||
|
||||
{% include navbar.html %}
|
||||
|
||||
<main class="container">
|
||||
<article class="section content">
|
||||
<header class="mb-5">
|
||||
{% if page.images %}
|
||||
{% assign thumbnail = page.images | first %}
|
||||
{% if thumbnail[1] %}
|
||||
{% assign thumbnail = thumbnail[1] %}
|
||||
{% endif %}
|
||||
{% if thumbnail.url %}
|
||||
{% assign thumbnail_url = thumbnail.url %}
|
||||
{% else %}
|
||||
{% assign thumbnail_url = "/static/blog/" | append: thumbnail.path %}
|
||||
{% endif %}
|
||||
{% if thumbnail.full %}
|
||||
{% assign thumbnail_url = thumbnail_url | replace: ".", "_full." %}
|
||||
{% endif %}
|
||||
<div class="image is-16by9">
|
||||
<img src="{{ thumbnail_url }}" alt="{{ thumbnail.caption }}" />
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<h1 class="mt-5 mb-2">{{ page.title }}</h1>
|
||||
{% if page.path contains "_drafts/" %}
|
||||
{% assign title_length = page.title | size %}
|
||||
{% if title_length > 60 %}
|
||||
<p class="alert alert-danger">
|
||||
Title is too long ({{ title_length }} > 60)
|
||||
</p>
|
||||
{% endif %}
|
||||
|
||||
{% unless page.content contains "<!-- more -->" %}
|
||||
<p class="alert alert-warning">
|
||||
Missing excerpt (use <!-- more -->)
|
||||
</p>
|
||||
{% endunless %}
|
||||
|
||||
{% assign num_images = page.images | size %}
|
||||
{% if num_images == 0 %}
|
||||
<p class="alert alert-warning">
|
||||
Missing a cover image. It uses <code>page.images[0]</code>.
|
||||
</p>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
<time itemprop="dateCreated" datetime="{{ page.date | date: '%F'}}">
|
||||
<a href="{{ page.url }}">{{ page.date | date_to_long_string }}</a>
|
||||
</time>
|
||||
|
||||
<span class="has-text-grey-light ml-3">
|
||||
{% assign wordcount = page.content | number_of_words %}
|
||||
{{ wordcount | divided_by: 238 }} min read
|
||||
(<span itemprop="wordcount">{{ wordcount }}</span> words)
|
||||
</span>
|
||||
</header>
|
||||
|
||||
{{ content }}
|
||||
</article>
|
||||
|
||||
<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>
|
||||
|
|
@ -0,0 +1,53 @@
|
|||
---
|
||||
title: Renewed Tab 1.15 released!
|
||||
description: >-
|
||||
Includes a bookmarks bar for Chrome, a redesigned edit mode UI, and an experimental
|
||||
mode to allow placing widgets anywhere on the page.
|
||||
layout: post
|
||||
images:
|
||||
full_page_mode:
|
||||
path: "1.15/full_page_mode.jpg"
|
||||
caption: "Full Page Mode"
|
||||
---
|
||||
|
||||
We have released Renewed Tab 1.15 today! Includes a bookmarks bar for Chrome, a
|
||||
redesigned edit mode UI, and an experimental mode to allow placing widgets
|
||||
anywhere on the page.
|
||||
|
||||
<!-- more -->
|
||||
|
||||
|
||||
## Chrome Bookmarks Bar
|
||||
|
||||
Chrome's default New Tab page allows you to show the bookmarks bar only when
|
||||
the New Tab page is open. Unfortunately, this uses an internal API that we're
|
||||
unable to access.
|
||||
|
||||
To work around this issue, Renewed Tab now has its own bookmarks bar that is
|
||||
shown only on the New Tab page. It's enabled by default, and you can also find
|
||||
the setting at Settings > General > Bookmarks Bar.
|
||||
|
||||
|
||||
## Edit Mode Redesign
|
||||
|
||||
Previously, Renewed Tab used semi-transparent icons for the edit toolbar at the
|
||||
bottom right of the screen. This resulted in a lowered usability, as users may
|
||||
miss the icons.
|
||||
|
||||
The bottom right edit toolbar has been redesigned into a bottom bar, containing
|
||||
buttons with labels. This should make it more intuitive and harder to miss.
|
||||
|
||||
|
||||
## Full Page Mode
|
||||
|
||||
Renewed Tab now has an experimental new widget grid setting: Full Page Mode.
|
||||
Rather than centering widgets on the page, this mode allows you to place
|
||||
widgets on the entire page.
|
||||
|
||||
It's currently marked as experimental, which means that you may encounter
|
||||
bugs whilst using it. It's also harder to use than the default mode, as the
|
||||
widget moving/resizing system isn't designed for this.
|
||||
|
||||
You can try out Full Page Mode by turning it on at
|
||||
Settings > Widget Grid > Full Page Mode. Make sure to increase the number of
|
||||
columns to what is suggests.
|
||||
|
|
@ -125,3 +125,7 @@ input:invalid, input:invalid:hover, input:invalid:focus {
|
|||
.content h3:not(:first-child) {
|
||||
margin-top: 1.8em;
|
||||
}
|
||||
|
||||
.image img {
|
||||
object-fit: cover;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11,14 +11,14 @@ figure img {
|
|||
object-fit: cover;
|
||||
}
|
||||
|
||||
a.card {
|
||||
a.card, a > .box {
|
||||
transition: transform 200ms ease;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
a.card:hover {
|
||||
transform: scale(1.05, 1.05);
|
||||
z-index: 2;
|
||||
&:hover {
|
||||
transform: scale(1.05, 1.05);
|
||||
z-index: 2;
|
||||
}
|
||||
}
|
||||
|
||||
.color {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,12 @@
|
|||
---
|
||||
title: Blog
|
||||
layout: article
|
||||
---
|
||||
|
||||
<h1>Blog</h1>
|
||||
|
||||
<div>
|
||||
{% for post in site.posts %}
|
||||
{% include post_list_item.html post=post %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
|
@ -5,7 +5,7 @@ redirect_from:
|
|||
- /help/
|
||||
---
|
||||
|
||||
### Top Questions
|
||||
## Top Questions
|
||||
|
||||
- [How do I enable the blur on Firefox?](faq/#how-do-i-enable-the-blur-on-firefox)
|
||||
- [How do I show the bookmarks bar only on the New Tab page?](faq/#how-do-i-show-the-bookmarks-bar-only-on-the-new-tab-page)
|
||||
|
|
@ -17,3 +17,12 @@ redirect_from:
|
|||
- [Why don't you support X browser?](faq/#why-dont-you-support-x-browser)
|
||||
- [Why do I get an error when entering a custom URL in the web version?](faq/#why-do-i-get-an-error-when-entering-a-custom-url-in-the-web-version)
|
||||
- [How do I add custom widgets?](faq/#how-do-i-add-custom-widgets)
|
||||
|
||||
|
||||
## Articles
|
||||
|
||||
<div>
|
||||
{% for post in site.posts %}
|
||||
{% include post_list_item.html post=post %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 196 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 179 KiB |
Loading…
Reference in New Issue