Skip to content

Commit

Permalink
Merge pull request #1209 from FlowFuse/1207-add-link-to-changelog-on-…
Browse files Browse the repository at this point in the history 
…roadmap-page

Add changelog content to /roadmap
  • Loading branch information
@iskerrett
iskerrett authored Oct 6, 2023
2 parents d294b45 + aa7c2e2 commit 6066d72
Showing 1 changed file with 13 additions and 78 deletions.
91 changes: 13 additions & 78 deletions src/product/roadmap.njk
View file
Original file line number Diff line number Diff line change
Expand Up @@ -45,57 +45,25 @@ has a headline, description, and a container for roadmap items. -->
</h5>
<div class="roadmap-item-container pt-0"></div>
</div>
<!-- Newly Released Column -->
<!-- Changelog -->
<div class="roadmap-section completed rounded-t-xl rounded-b-lg md:pb-0 bg-white drop-shadow-lg">
<div class="p-6 pb-2 rounded-t-lg bg-gray-700 text-white min-h[192px] w-full">
<h4 class="left-headline text-center">Newly released</h4>
<h4 class="left-headline text-center">Changelog</h4>
<hr class="border-gray-600">
<p>
Check out product updates on
<a href="https://www.flowforge.com/blog/" target="_blank">
our blog
</a>
to see the latest features and improvements.
Check out <a href="/changelog/">all the new features</a> added to FlowFuse.
</p>
</div>
<h5 class="flex flex-row justify-center items-center w-full p-1 bg-gray-800 font-semibold text-gray-50 text-center">
Latest posts<span class="pt-px pl-1">{% include "components/icons/arrow-small-down.svg" %}
Latest updates<span class="pt-px pl-1">{% include "components/icons/arrow-small-down.svg" %}
</h5>
<div class="roadmap-item-container pt-0">
<ul>
{%- for releases in collections.releases | reverse | limit(2) -%}
<li class="roadmap-item"><a href="{{ releases.url }}" target="_blank" class="roadmap-item-text">{{ releases.data.title }}</a></li>
{%- for changelog in collections.changelog | reverse | limit(5) -%}
<li class="roadmap-item"><a href="{{ changelog.url }}" target="_blank" class="roadmap-item-text">{{ changelog.data.title }}</a></li>
{%- endfor -%}
</ul>
</div>
<h5 class="flex flex-row justify-center items-center w-full p-1 bg-gray-200 font-semibold text-gray-800 text-center">
Sign up
</h5>
<!-- Newsletter sign-up form container -->
<div class="w-full p-6 pt-3 mb-2 flex flex-col">
<a id="sign-up"></a>
<h6 class="text-gray-500 text-left my-4">And get monthly email updates.</h6>
<!-- HubSpot form script for the newsletter sign-up -->
<script>
function displayHubSpotForm() {
hbspt.forms.create({
region: "eu1",
portalId: "26586079",
formId: "159c173d-dd95-49bd-922b-ff3ef243e90c",
onFormSubmit: function ($form) {
capture('cta-blog-subscribe', {'position': 'primary'})
}
});
}
</script>
<script
async="async"
type="text/javascript"
charset="utf-8"
src="//js-eu1.hsforms.net/forms/embed/v2.js"
onload="displayHubSpotForm()">
</script>
</div>
</div>
</div>
<!-- Desktop -->
Expand All @@ -116,17 +84,12 @@ has a headline, description, and a container for roadmap items. -->
<p>We are currently working on the following topics and would appreciate any feedback you may have.</p>
</div>
</div>
<!-- Newly Released Column Header-->
<!-- Changelog-->
<div class="roadmap-section rounded-t-xl rounded-b-lg md:pb-0 bg-white drop-shadow-lg">
<div class="p-6 pb-2 rounded-t-lg bg-gray-700 text-white min-h[192px] w-full h-full">
<h4 class="left-headline text-center">Newly released</h4>
<h4 class="left-headline text-center">Changelog</h4>
<hr class="border-gray-600">
<p>Check out product updates on
<a href="https://www.flowforge.com/blog/" target="_blank">
our blog
</a>
to see the latest features and improvements.
</p>
<p>Check out <a href="/changelog/">all the new features</a> added to FlowFuse.</p>
</div>
</div>
<!-- Consideration Column Content-->
Expand All @@ -146,43 +109,15 @@ has a headline, description, and a container for roadmap items. -->
<!-- Newly Released Column Content-->
<div class="roadmap-section completed rounded-t-xl rounded-b-lg md:pb-0 bg-white drop-shadow-lg">
<h5 class="flex flex-row justify-center items-center w-full p-1 bg-gray-800 font-semibold text-gray-50 text-center">
Latest posts<span class="pt-px pl-1">{% include "components/icons/arrow-small-down.svg" %}
Latest updates<span class="pt-px pl-1">{% include "components/icons/arrow-small-down.svg" %}
</h5>
<div class="roadmap-item-container pt-0">
<ul>
{%- for releases in collections.releases | reverse | limit(2) -%}
<li class="roadmap-item"><a href="{{ releases.url }}" target="_blank" class="roadmap-item-text">{{ releases.data.title }}</a></li>
{%- for changelog in collections.changelog | reverse | limit(5) -%}
<li class="roadmap-item"><a href="{{ changelog.url }}" target="_blank" class="roadmap-item-text">{{ changelog.data.title }}</a></li>
{%- endfor -%}
</ul>
</div>
<h5 class="flex flex-row justify-center items-center w-full p-1 bg-gray-200 font-semibold text-gray-800 text-center">
Sign up
</h5>
<!-- Newsletter sign-up form container -->
<div class="w-full p-6 pt-3 mb-2 flex flex-col">
<a id="sign-up"></a>
<h6 class="text-gray-500 text-left my-4">And get monthly email updates.</h6>
<!-- HubSpot form script for the newsletter sign-up -->
<script>
function displayHubSpotForm() {
hbspt.forms.create({
region: "eu1",
portalId: "26586079",
formId: "159c173d-dd95-49bd-922b-ff3ef243e90c",
onFormSubmit: function ($form) {
capture('cta-blog-subscribe', {'position': 'primary'})
}
});
}
</script>
<script
async="async"
type="text/javascript"
charset="utf-8"
src="//js-eu1.hsforms.net/forms/embed/v2.js"
onload="displayHubSpotForm()">
</script>
</div>
</div>
</div>
</div>
Expand Down Expand Up @@ -227,7 +162,7 @@ has a headline, description, and a container for roadmap items. -->
async function fetchGitHubIssues(label) {
const endpoint = `/repos/flowforge/flowforge/issues?state=open&labels=${
encodeURIComponent(label)
}&per_page=100`;
}&per_page=5`;
const data = await sendRESTRequest(endpoint);
return data.map(issue => ({
title: issue.title,
Expand Down

0 comments on commit 6066d72

Please sign in to comment.