forem / forem

For empowering community 🌱

Forem 🌱

For Empowering Community

Welcome to the Forem codebase, the platform that powers dev.to. We are so excited to have you. With your help, we can build out Forem’s usability, scalability, and stability to better serve our communities.

What is Forem?

Forem is open source software for building communities. Communities for your peers, customers, fanbases, families, friends, and any other time and space where people need to come together to be part of a collective. See our announcement post for a high-level overview of what Forem is.

dev.to (or just DEV) is hosted by Forem. It is a community of software developers who write articles, take part in discussions, and build their professional profiles. We value supportive and constructive dialogue in the pursuit of great code and career growth for all members. The ecosystem spans from beginner to advanced developers, and all are welcome to find their place within our community. ❤️

Table of Contents

• What is Forem?
• Table of Contents
• Community
• Contributing
• Getting Started
  • Installation Documentation
• Developer Documentation
• Vulnerability disclosure
• Acknowledgements
• License

Community

For a place to have open discussions on features, voice your ideas, or get help with general questions please visit the discussions section.

Contributing

We encourage you to contribute to Forem! Please check out the Contributing to Forem guide for guidelines about how to proceed.

Getting Started

This section provides a high-level quick start guide. If you're looking for a more thorough installation guide (for example with macOS, you'll want to refer to our complete Developer Documentation.

We run on a Rails backend, and we are currently transitioning to a Preact-first frontend.

A more complete overview of our stack is available in our docs.

To launch Forem in Gitpod, navigate to https://gitpod.io/#https://github.com/{your_github_username}/forem.

Installation Documentation

Please see our installation guides:

• MacOS, without containers
• Linux, without containers

Developer Documentation

Check out our dedicated docs page for more technical documentation.

Vulnerability disclosure

Forem is the open source software which powers DEV.

We welcome security research on DEV under the terms of our vulnerability disclosure policy.

Acknowledgements

Thank you to the Twemoji project for the usage of their emojis.

Thank you to Uffizzi for providing ephemeral environments to preview pull requests.

License

This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. Please see the LICENSE file in our repository for the full text.

Like many open source projects, we require that contributors provide us with a Contributor License Agreement (CLA). By submitting code to the Forem project, you are granting us a right to use that code under the terms of the CLA.

Our version of the CLA was adapted from the Microsoft Contributor License Agreement, which they generously made available to the public domain under Creative Commons CC0 1.0 Universal.

Any questions, please refer to our license FAQ doc or email [email protected].

Happy Coding ❤️

⬆ Back to Top

forem's Issues

Show recent comments even if the user does not have any articles

title. I don't have any articles published on dev.to and my profile page does not show any comments I wrote. It just shows me an empty div with a border. Those who have at least one article, have their comments on their page.

Display a user's answers on their profile

I started this as a twitter thread (here), but that's the wrong medium, so moving it here.

I can see two possible ways to implement this, but don't know which is best without seeing how existing code works / knowing what you think.

1. A "comments" section on the profile, which mostly just selects a user's comments and lists them according to a sorting algorithm (eg created_at descending)
2. An "answers" section on the profile, which treats comments to questions as being special.
   • If a comment is polymorphically commenting on a post or another comment, then this would be select comments on posts tagged with "questions".
   • Alternatively, if a comment is associated to both a post and a parent comment, then it would be select comments on posts tagged with "questions", where the comment does not have a parent comment. Or, if comments can have tags, then perhaps select comments tagged with "answers" and when someone replies directly to a post tagged with "questions", then their comment has "answers" prefilled as a tag.

The difference between the two really comes down to the role of tags. Is a tag just a way to search for / add metadata to a post, or is there going to be code that operates on that metadata? Right now it seems like metadata is "first-class", meaning that it causes behaviour to apply to the post. Eg I'm expecting that the "I have some questions for you" emails are generated by selecting new posts that are tagged with "questions", thus I could apply the email behaviour to my posts by tagging them with "questions", the tag implies the role of the question so the code decides how to treat it based on the tag.

I suppose a second differentiator is whether you want answers to be first-class. When I answer them, I tend to assume they are. Meaning I put a certain amount of thought into the answer simply because I consider it less ephemeral than a comment. Eg the idea of a "featured comments" section doesn't make a lot of sense, but a "featured answers" section does, implying that answers are special, and the app would treat them differently as a consequence. Probably the reason I perceive it this way is that a comment supplements a post which is the primary content, but a question is a prompt to elicit an answer which is the primary content.

Style suggestions

Since you are trying to use fonts like 'Helvetica' and 'Arial' which are quite local, I think that its better to use something like the following for global text, emoji support and better look like native, similar to github...

html,
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Helvetica, Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

...and specifying local monospaced fonts for footer and code like:

pre, code {
  font-family: Consolas, Menlo, Monaco, 'Droid Sans Mono',
    'Source Code Pro', 'DejaVu Sans Mono', 'Ubuntu Mono',
    Courier, monospace;
}

Hope you like it 🙂

Sidebar placed under articles list on wide screens

Due to the side-bar growing with the viewport width, from 2537px onwards it becomes too wide to fit next to the articles-list, and is moved to the bottom of the page.

Replies not visible?

Just submitted a reply to a comment on a post. From the post, I can now see the conversation count updated (view full discussion (2)), but the reply itself seems not to be visible. Perhaps it's awaiting moderation, but either way this makes for a confusing reply UX.

Post this was noted on: https://dev.to/onejgordon/action-potential---a-mini-app-for-real-time-distributed-decisions-and-a-2-day-learning-experiment-in-firebase/comments

Can't disconnect twitter

I accidentally was signed into my old twitter account when I connected my twitter without realizing it. Now, I can't disconnect it. (Username deanveloper)

Side-by-side editing or Edit-here

When editing large posts, every transition from preview to markdown makes me go and look for the same paragraph I was in.
Being able to edit the markdown side-by-side with the preview would make it a lot easier.
Another approach that will make editing easier is an "edit here" option, that will switch from preview to markdown, but keep my position in the text.

Feature requests

Please consider adding features like:

• 'date and time' info to the search results and for posts on the homepage.
• Filtering results using tags, username and date.

And consider:

• Avoid horizontal margins wherever possible.
• Avoid absolute positioning to use flex or floats for layout.

Sorry if it feels like asking too much, we actually ❤ dev.to, we already think dev.to is a great place but we want to make it better.

404 page should use HTTPS image src

⚠️ Problem:
The current 404 page (Example here) when viewed in HTTPS shows an orange warning icon in the web browser, that HTTPS is not secure.

☑️ Expected:
An HTTPS page should have secure content and images.

✅ Solution:
Replace the HTTP links...

<img class="tv__inner--special"
          src="http://i.imgur.com/Vyyjycv.gif" />
<img class="tv__inner"
          src="http://i.imgur.com/3v0LCiP.jpg" />

...with the HTTPS links instead.

<img class="tv__inner--special"
          src="https://i.imgur.com/Vyyjycv.gif" />
<img class="tv__inner"
          src="https://i.imgur.com/3v0LCiP.jpg" />

Interactive code snippets

Dev.to looks awesome.
Congrats!

I was thinking of an integration of the klipse plugin into dev.to to allow blog writers to have interactive code snippets in javascript, ruby, python, scheme or ocaml.

And write cool blog posts like:

• http://blog.jrheard.com/procedural-dungeon-generation-drunkards-walk-in-clojurescript
• http://exupero.org/hazard/post/islands/
• http://untangled.io/immutable-js-an-introduction-with-examples-written-for-humans/

What do you say?

View reply notifications within the web app

Currently, users are only notified of replies to their comments/posts via email. It would be useful if there were a feature to view these notifications on the website itself.

Preview after clicking "save post" is incorrect

When I click "Preview" the preview looks correct, but when I click "Save Post", the unpublished preview has omitted a large amount of the content.

This is the contents of the post, as of the time I recorded the screenshot:

---
title:       Write a REPL in Ruby
published:   false
description: Lets build a REPL!
cover_image: 
tags: 
---

<style>
.step:after {
  display: block;
  clear:   both;
  content: "";
}
.step > * {
  width:   48%;
  display: block;
}
.step img {
  float: left;
}
.step p {
  float: right;
  padding-top: 0;
}
</style>


Write a REPL in Ruby
====================

[Pry](http://pryrepl.org/), [IRB](http://ruby-doc.org/stdlib-2.3.1/libdoc/irb/rdoc/IRB.html), and [RIPL](https://rubygems.org/gems/ripl) are popular Ruby REPLs, but, just for funsies, lets see what it takes to build our own! Code snippets are [here](https://gist.github.com/JoshCheek/baab86f3258ff98c468f3dbc032dc9c5).

---

Simple beginnings
-----------------

<div class="step">
  <img alt="screenshot" src="https://cdn-images-1.medium.com/max/600/1*qWygoGudYFcFuPVMDUDKFw.png">
  <p>
    A **REPL** must "**R**ead" input from the user, "**E**val"uate that input as code, "**P**rint" the result, and "**L**oop" back to the first step to do it all over again. So, lets start with those four steps.
  </p>
</div>


Persist local variables
-----------------------

<div class="step">
  <img alt="screenshot" src="https://cdn-images-1.medium.com/max/600/1*XxwgW544hDGlwXRTJ17pHQ.png">
  <p>
    The problem with our REPL at present is it forgets local variables 😝 That’s because local variables are stored in "bindings" on the callstack. When we call `eval`, it makes a new binding to evaluate the code in, and when `eval` is finished, it pops that binding off the callstack discarding our variables. To retain the variables between invocations, we need to evaluate them in the same binding every time.
  </p>
</div>


Readline input
--------------

<div class="step">
  <img alt="animated screenshot" src="https://cdn-images-1.medium.com/max/600/1*hy59uAXv3wTGRhQMPQ8Eqw.gif">
  <p>
    Our input is... not good 😜 But, Ruby ships with [`Readline`](https://ruby-doc.org/stdlib-2.3.3/libdoc/readline/rdoc/Readline.html), which is like `gets`, but adds a prompt, kill ring, fancy movement/editing, cycling through previous inputs, etc.
  </p>
</div>


Highlight output
----------------

<div class="step">
  <img alt="screenshot" src="https://cdn-images-1.medium.com/max/600/1*SH_f_Dg9qTCtzNuBcN3mHg.png">
  <p>
    Looks good, lets syntax highlight our output. [Rouge](https://rubygems.org/gems/rouge) is the way to go these days, but [CodeRay](https://rubygems.org/gems/coderay) has a simpler interface. We just pass it through CodeRay between inspecting and printing.
  </p>
</div>


Handle EOF
----------

<div class="step">
  <img alt="screenshot" src="https://cdn-images-1.medium.com/max/600/1*BuCkA9WP0_gePukpFDM8dA.png">
  <p>
    Currently, if we hit the end of the input stream (eg user presses `control-d`), we explode in `eval`. This is because `input` is `nil`. Lets stop the loop in this situation.
  </p>
</div>


Handle Errors
-------------

<div class="step">
  <img alt="screenshot" src="https://cdn-images-1.medium.com/max/600/1*eAJf1FkG56qilcqkuI-40w.png">

  <p>
    It would also be nice to handle errors in the input, so lets rescue and display them! The `\e[31m` is the [ANSI escape code](https://en.wikipedia.org/wiki/ANSI_escape_code) to turn the foreground red and the `\e[0m` will turn off the red. Note that, while common, these codes aren’t portable.
  </p>
</div>

---


Where to go from here?
----------------------

So, in 10 lines of code, we’ve constructed a fairly respectable REPL! If you found that fun, try adding some additional functionality:

* Save the previous result in `_` (probably `Binding#local_variable_set`)
* Handle large objects better, eg `{foo: 42, bar: {baz: 1, buz: 2, fuz: 3}, wibble: {magic_word: "sha"+"z"*20+"am"}}}` could get formatted very nicely if, you replace `inspect` with [`pretty_inspect`](http://www.rubydoc.info/stdlib/pp/Kernel#pretty_inspect-instance_method) from `pp.rb`, in the standard library.
* Remember history across invocations (check the [Readline](https://ruby-doc.org/stdlib-2.3.3/libdoc/readline/rdoc/Readline.html) docs)
* Syntax highlight the input (there’s probably a [Readline](https://ruby-doc.org/stdlib-2.3.3/libdoc/readline/rdoc/Readline.html) method to let you swap it out after it’s been entered)
* Add some commands like pry’s `ls` (search around for a list of reflection methods in order to get the information) and show-source (check these humans’ gems: [bannister](https://rubygems.org/profiles/banister), [ConradIrwin](https://rubygems.org/profiles/ConradIrwin), [ryanf](https://rubygems.org/profiles/ryanf), [kyrylo](https://rubygems.org/profiles/kyrylo))
* Separate the REPL’s variables from the user’s. Enter `local_variables`, and you’ll see you’re sharing them with the program. You’ll have to get a binding that doesn’t come from that context. Possibly useful: `TOPLEVEL_BINDING`, `eval` on a string, define a method on the singleton class then remove it, `Kernel#load`, and that JavaScript idiom of defining a lambda you immediately call.
* What would it take to make this testable? You’d probably want to be able to pass it the binding and IO streams. Readline looks plainful, IDK how it’s storing its state, but it’s going to be fragile or broken. You’ll want to segregate it from the rest of your program as much as possible, and if you want 100% coverage, you may need [PTY](http://www.rubydoc.info/stdlib/pty/PTY)s

Edit profile link broken?

For me, redirects to https://dev.to/?signed-in-already, and renders the main page.

I signed in with Github.

Convenient Markdown Cheat Sheet in Comments editor

As someone writing a comment, the markdown cheat sheet is handy. Unfortunately, comparing markdown I've written to a cheat sheet in another tab is cumbersome. I would like the cheat sheet to display on the same page as the comment editor.

Here are some possible UI solutions:

Popover (and make it draggable?)

Sidebar

Automatically focus on the textarea when editing a comment

At first, I were thinking why the textarea is so small and there is no resize control for it. Then I clicked on it and it became bigger. Why not focusing on it in first place so users don't have to:

1. Thinking "why the textarea is so small and how I can resize it".
2. Clicking on it.

RSS feeds?

Hello!

I am one of the six people left in the world who uses RSS to keep up with articles and blogs. I was wondering if there is currently a way to get RSS feeds for either the master feed of articles, or on a per-user basis? And if not, is RSS in the roadmap in any form?

For reference and as weak justification, Medium has the ability to prefix a username with /feed/ to get the RSS feed for that user's stories. I would love to be able to do something similar on dev.to.

(FWIW, if/when the site goes open source, I would be willing/able to help implement this :) )

Autosave, not only Save Post

It would be a great feature to avoid having to save manually. It's easy to forget about it and close tab/browser and lose everything since the last save.

code block with html attributes

Is there a way to have a block code that renders with html attributes to the <code> tag?

Delete User / Repeat Usernames

For whatever reason, I have two users on dev.to, one is dvdmuckle, the other dvdmuckle_51. When trying to link my Twitter and Github to the latter user, it seems to take but also errors out. It also errors out when trying to change my username to dvdmuckle, as the user also exists.

The only delta between the two is the email, which, because one user has one email and the other user has the other email, I can't change on either of the accounts.

Fix little typo in the "New Follower" email

Just received my first follower!! Woohoo! But, then I saw a little typo and that completely ruined the experience!! (No, not really😜) but the typo in question, is:

'expusure' => 'exposure'

Add icon for iOS save to Homr Screen for dev.to

Follow this guide to add an icon for iOS device save to home screen 😄https://developer.apple.com/library/content/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

Drag and drop images

Hi Jess! <3

So, I was trying to drag and drop the humor section image that appears on the home page to share with a friend via iMessage. Appears that the image is being stored on github so the link doesn't actually preview the image, it shows the logo. So I had to go to the github file and then drag and drop the image file from there. Would expedite sharing.

A/B Testing for Headlines and Articles

I've been thinking about A/B Testing for a while. While I don't actually know enough about A/B testing to feel confident in actually doing it yet, I do know that there's no way that I could do it on my own local blog (since I won't have enough traffic for it to matter). A/B Testing has to be done on a popular-enough website (such as dev.to) to gather a large enough sample size to be able to make any conclusions.

Headline A/B testing - write two headlines for your article, then test to see which one gets more clicks.
Article A/B testing - write two articles, and then test to see which one gets more reads. (This one I'm more intrigued by, since I like people to read my stuff, not click on them.)

Okay, article A/B testing is much rarer before (probably because rewriting the same article twice is boring and dull), but I think it's doable on a large scale thanks to Prolefeed. By writing out a bunch of paragraphs, you can then randomly order them in whatever way that works. Each random assortment of paragraphs is its own "article". You can generate two random articles and then test to see which one performs better.

I don't know any business use case for A/B testing on a website like dev.to, other than the fact that it's technically interesting. So I'm fine with this feature being postponed or rejected. I was just thinking of ways to optimize the content generation process (both manually and automated) to ensure that people read what is being writing.

Quotes in Code Block

A > generates as a quote block even when encased in a codeblock on published posts.

i.e.

> Test

will become

test

It is correctly rendered in the "Preview", it is just the published view that has this behaviour.

Saving favorite articles

Will there be a way to be able to favorite/bookmark/otherwise save an article for easy reference, within a dev.to account?

Sporadic 404's when editing unpublshed posts

I've had this a bunch of times when I am viewing an unpublished post. I click "save", view the unpublished preview, and then press "edit".

About 40% - 50% of the time I get a 404. The problem persists if I reload the page. It tends to last a for several minutes.

It's potentially an issue with trying to load mixed content as I can see there is an error in console about blocked content from "http://dev.to/enter". More info: https://developer.mozilla.org/en-US/docs/Web/Security/Mixed_content

I wish I could find the pattern for this, but maybe the server side logs can help. For reference, I am seeing the issue right now.

Allow other users to read unpublished articles

It would be really nice if we could do "beta testing" for articles.
I'm the kind of person who want's people I trust to read my stuff to find some major flaws or spelling mistakes.

I see two options (maybe there are more?):

1. Google drive like public link, anybody who got this link can see the article, even if its not published.
2. I can add invite proof readers to my account/article (that have to be part of the dev.to() community).

The first option is easier, while the second option allows for more follow-up features (e.g. inline comments)

Got wrong post on editing

Just wrote an introducing post

But when I click on edit button from dashboard page I got other's post to edit.

Interesting is that url looks like my post is being edited: https://dev.to/shapoglyk/hi/edit, but in fact I see this post. And when I click on Save Post I got 500 error.

And if I click Edit button from my posts page everything works fine.

Testing slack integration

Markdown Preview for Comments

As someone writing a comment, I would like to see a preview of my comment before posting.

Possible UI solutions

Side-by-side Live Preview

Tabs

Button

As a new user, I want to read the CoC and ToU without completing the onboarding.

Steps to reproduce:

1. Create new account by linking to GH.
2. Do not complete the onboarding.
3. Visit the homepage.
4. Click 'Code of Conduct'

Expected
See CoC

Actual
Redirect to form prompting for email and bio.

Post stats

It would be really great to be able to see stats for posts on how many people read the post. Mainly to judge whether I am writing about the right things.

Uploading images

Am I able to upload images, or do I host them myself? This was the only obvious thing to me (eg it's how I uploaded the screenshot to this issue)

menu is broken

I've attached a screenshot. Somehow, parts of the menu are hidden. I have not selected anything, the selection happens just when I click on the menu button. I've tried the homepage and some other pages, behavior is the same.

• Nexus 5X (Display & Screen size both set to small)
• Firefox 51.0.3

Support for markdown footnotes?

I'm just moving my blog from another provider over to dev.to. It's super impressive, well done.

One thing I've noticed is that you don't seem to support "footnotes", which several other markdown dialects seem to support.

Are there any plans for that? I'm willing to help if necessary.

An example of the syntax is here: https://help.ghost.org/hc/en-us/articles/224410728-Markdown-Guide#footnotes

Rename Reply in mail

I would rename the Reply link in the mail to "View post" because that is what it does.
If it should open a reply box and I'm victim to #17 (i use firefox mobile) then you should add a view-only button

Labels on reaction buttons

I was reading an article on dev.to using VoiceOver on my iPhone, an discovered the new reactions. They look great, but I couldn't make sense of them using VoiceOver. Also, on desktop, when I hover over the icons, I'd love to see a label explaining what the icon means.

If it's useful to you, I can update a video of trying to use these buttons using VO, some time tomorrow.

Tables on blogs do not look good

For example:

 | Availability / MTTR |  1h | 4h | 24h |
 | -------------    |-------------| ----- | -----|
 | 90 % | 9h | 1d 12h | 9d |
 | 95 % | 19h | 3d 4h | 19d |  
 | 99 % |  4d 3h | 2w | 3.5mo |

Should look like:

Availability / MTTR	1h	4h	24h
90 %	9h	1d 12h	9d
95 %	19h	3d 4h	19d
99 %	4d 3h	2w	3.5mo

But looks like:

Post edit text is same color as background

When I try to write a post, the text shows up white like the background.

I am using Firefox in Manjaro Linux.

Can't login anymore.

It redirects me to this url: https://dev.to/users/sign_in but nothing happens.

As a new user, I would like to get a sense of what content is available on the site

Given the fuzziness of terms in our industry (Is it Angular, AngularJS, or Angular2?), I would like to browse a list of tags that are in use.

It would be nice to sort alpha, use count, 'hotness'

Horizontal Lines will not render - content above is hidden

Any post with a --- in the content will not generate a horizontal line

---

when published.

It is rendered fine in the "Preview", but when saved and viewed natively, any content above the --- is hidden from view.

Canonical URLs?

Being able to add canonical URLs would allow cross-posting without the risk of a loss of traffic for the original author.

Creating podcast playlist or queue

Hi! Was just exploring podcasts and thought to it would be great to be able to create a list/queue of the ones that I want to listen to during commutes every week.

Can't reply to comment.

I'm trying to reply on a message with a link that I got via email notification:
https://dev.to/yelluw/10-things-i-do-to-keep-open-source-projects-healthy-and-stress-free/comments/2ho#/yelluw/10-things-i-do-to-keep-open-source-projects-healthy-and-stress-free/comments/new/2ho

I click "reply" but nothing happens.
I tried to go to the article, but if I click reply there, nothing happens either.

Invalid url handling in profile

Not sure where to report this but https://dev.to/berkus and https://dev.to/berkus/ give different content (note the trailing slash).

Loses tags

I set my front matter to this, note that there are 6 tags:

---
title:       Write a REPL in Ruby
published:   true
description: Lets build a REPL!
cover_image: 
tags:        pry,irb,repl,ruby,console,terminal
---

---

It loses the last three tags:

---

The post is not linked under the lost tags (it is linked under the ones displayed above):

Styles for Code and URL do not compose

Consider this markdown:

1. `code` code on its own
2. [desc](url) url on its own
3. [`code`](url) code inside url
4. `[code](url)` url inside code

Github renders it like this:

1. code code on its own
2. desc url on its own
3. code code inside url
4. [code](url) url inside code

dev.to renders it like this:

We can see Github styles 3 by composing styles from both 1 and 2 (ie it is code that you can click to be taken to docs or smth). Dev.to styles it 3 the same as 1, so there is no visual indication that it is a link.

Looks like it comes from the color attribute in the .container .body code rule:

$ curl -sL https://practicaldev-herokuapp-com.global.ssl.fastly.net/assets/minimal-37d562af811431609c8ba472099c4730008144d440edf33bf1126fdc0099f64a.css | ruby -pe 'gsub /(?<=[{};])|(?=[}])/, "\n"' | sed -n -e '/[^{}]$/s/^/  /' -e '/.container .body code/,/}/p'
.container .body code{
  margin:auto;
  white-space:nowrap;
  background:#f2f2f2;
  padding:2px 5px 0px;
  border-radius:2px;
  color:#333842;
  font-size:15px;
  display:inline-block;
  vertical-align:0.1em;
  max-width:100%;
  line-height:1.6em
}

Preview renderer treats newlines differently from published renderer

The preview renderer does not break newlines within paragraphs, the published renderer does.

---

This paragraph of markdown

[Pry](http://pryrepl.org/), [IRB](http://ruby-doc.org/stdlib-2.3.1/libdoc/irb/rdoc/IRB.html),
and [RIPL](https://rubygems.org/gems/ripl) are popular Ruby REPLs, but, just for funsies,
lets see what it takes to build our own! Code snippets are
[here](https://gist.github.com/JoshCheek/baab86f3258ff98c468f3dbc032dc9c5).

Renders like this in the preview tab:

But it renders like this when published / when using "published preview":

Note the line break after "IRB"

Localised Date formats needed

The podcast page uses a short date string. The short date string is not formatted for my locale. I am sending "Accept-Language:en-GB,en;q=0.8" as a header, but the dates returned are "12/09/2016" for the date 09 December 2016.

Date formatting should be localised to avoid confusion.