diff --git a/_config.yml b/_config.yml index 7570d86..87a5282 100644 --- a/_config.yml +++ b/_config.yml @@ -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 diff --git a/_data/locale/en/index.yml b/_data/locale/en/index.yml index 5e2415e..47893c9 100644 --- a/_data/locale/en/index.yml +++ b/_data/locale/en/index.yml @@ -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" diff --git a/_data/navbar.yml b/_data/navbar.yml index 98c5b2b..22a0d8a 100644 --- a/_data/navbar.yml +++ b/_data/navbar.yml @@ -12,3 +12,6 @@ - id: donate url: /en/get_involved/#donate + +- id: blog + url: /blog/ diff --git a/_includes/figure.html b/_includes/figure.html new file mode 100644 index 0000000..966494f --- /dev/null +++ b/_includes/figure.html @@ -0,0 +1,17 @@ +
+ {% 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 %} + + {{ include.img.caption | escape }} + +
+ {{ include.img.caption }} +
+
diff --git a/_includes/post_list_item.html b/_includes/post_list_item.html new file mode 100644 index 0000000..a9fd72d --- /dev/null +++ b/_includes/post_list_item.html @@ -0,0 +1,10 @@ +{% assign post = include.post %} + +
+ +

{{ post.title }}

+ {{ post.description }} +
+ diff --git a/_layouts/default.html b/_layouts/default.html index bdb3a6f..9f40494 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -12,11 +12,15 @@ + + {% 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 %} + - {{ page.title }} - {% if page.title != l.index.title %} - - {{ l.index.title | default: en.title }} - {% endif %} + {{ title }} @@ -27,6 +31,9 @@ + + + {% 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 %} - - {% 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 %} + + + {% endif %} + + {% if page.description %} + + + + {% endif %} {{ content }} diff --git a/_layouts/post.html b/_layouts/post.html new file mode 100644 index 0000000..bc01e1b --- /dev/null +++ b/_layouts/post.html @@ -0,0 +1,89 @@ +--- +layout: default +--- + +{% assign l = site.data.locale.en %} + +{% include navbar.html %} + +
+
+
+ {% 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 %} +
+ {{ thumbnail.caption }} +
+ {% endif %} + +

{{ page.title }}

+ {% if page.path contains "_drafts/" %} + {% assign title_length = page.title | size %} + {% if title_length > 60 %} +

+ Title is too long ({{ title_length }} > 60) +

+ {% endif %} + + {% unless page.content contains "" %} +

+ Missing excerpt (use <!-- more -->) +

+ {% endunless %} + + {% assign num_images = page.images | size %} + {% if num_images == 0 %} +

+ Missing a cover image. It uses page.images[0]. +

+ {% endif %} + {% endif %} + + + + + {% assign wordcount = page.content | number_of_words %} + {{ wordcount | divided_by: 238 }} min read + ({{ wordcount }} words) + +
+ + {{ content }} +
+ +
+

+ {{ l.index.likeWhatYouSee | default: en.likeWhatYouSee }} +

+
+ + + + + {{ l.index.firefox | default: en.firefox }} + + + + + + {{ l.index.chrome | default: en.chrome }} + + + {{ l.index.online | default: en.online}} + +
+
+
diff --git a/_posts/2022-06-13-released-1.15.md b/_posts/2022-06-13-released-1.15.md new file mode 100644 index 0000000..19b650c --- /dev/null +++ b/_posts/2022-06-13-released-1.15.md @@ -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. + + + + +## 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. diff --git a/_sass/_bulma.scss b/_sass/_bulma.scss index 820d5f2..27bfa0d 100644 --- a/_sass/_bulma.scss +++ b/_sass/_bulma.scss @@ -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; +} diff --git a/_sass/_main.scss b/_sass/_main.scss index 8b1a59d..23eb5a3 100644 --- a/_sass/_main.scss +++ b/_sass/_main.scss @@ -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 { diff --git a/blog.html b/blog.html new file mode 100644 index 0000000..9984f4d --- /dev/null +++ b/blog.html @@ -0,0 +1,12 @@ +--- +title: Blog +layout: article +--- + +

Blog

+ +
+ {% for post in site.posts %} + {% include post_list_item.html post=post %} + {% endfor %} +
diff --git a/en/help/index.md b/en/help/index.md index 56da4c1..4d3fcf0 100644 --- a/en/help/index.md +++ b/en/help/index.md @@ -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 + +
+ {% for post in site.posts %} + {% include post_list_item.html post=post %} + {% endfor %} +
diff --git a/static/blog/1.15/full_page_mode.jpg b/static/blog/1.15/full_page_mode.jpg new file mode 100644 index 0000000..08ec984 Binary files /dev/null and b/static/blog/1.15/full_page_mode.jpg differ diff --git a/static/blog/1.15/full_page_mode_full.jpg b/static/blog/1.15/full_page_mode_full.jpg new file mode 100644 index 0000000..9d34f5a Binary files /dev/null and b/static/blog/1.15/full_page_mode_full.jpg differ