#9 Round out site
Closed 2 years ago by computerkid. Opened 3 years ago by computerkid.

If we are going to keep the Wordpress instance at podcast.fedoraproject.org as our main address, it still needs some finishing touches, like removing the hello worlds and stuff. I would be happy to lend a hand if wanted, but I need credentials.


The instance is new, and I really want to give it a chance. So let's keep it. I will grant you access tomorrow, but I'm curious, Where do you see "Hello worlds"? I'm pretty sure I delete them, and I can't see them in the admin interface.

The instance is new, and I really want to give it a chance. So let's keep it. I will grant you access tomorrow, but I'm curious, Where do you see "Hello worlds"? I'm pretty sure I delete them, and I can't see them in the admin interface.

Ah, you seem to have removed them since I last looked. It would be nice if we could have a spot on the website for seeing old episodes, we'll have to see if that's doable with fireside.

Metadata Update from @computerkid:
- Issue priority set to: Get this done now

3 years ago

Some suggestions for the website:

  • "The Fedora Podcast is a serie" should be "The Fedora Podcast is a series"
  • "make this Project awesome" should be "make this project awesome"
  • "Fedora Project, he is also a Latam Ambassador" -> "Fedora project. He is also a Fedora Ambassador for Latin America" (It would also be good to add a link for "Fedora Ambassador"
  • "like Join and Mindshare" -> "like the Join and Mindshare groups" (would be good to add links for Join and Mindshare)
  • "working as DevSecOps Engineer" -> "working as a DevSecOps Engineer"
  • "The marketing team of the Fedora Project take the initiative" -> "The marketing team in the Fedora Project took the initiative" here it is also odd that "Fedora Project" is in bold since it was already mentioned in the "About the host" section.
  • It would be nice to have a picture of the host in the "About the host" section, ideally with a microphone
  • The logo is different on the website compared to the logo on Spotfiy or Apple (the Google link does not work).

@till , thank you for the suggestions! We are going to have a mini-sprint tonight, or at least this week, where we will get all this set up.

@x3mboy , do you think you could create a folder in this repo, and put all our Fedora podcast artwork in it?

@x3mboy , do you think you could create a folder in this repo, and put all our Fedora podcast artwork in it?

Probably. Let's remember that for tonight's session

Thanks @till ! We will be working tonight in the site and that will be part of the work for sure.

Some suggestions for the website:

  • "The Fedora Podcast is a serie" should be "The Fedora Podcast is a series"
  • "make this Project awesome" should be "make this project awesome"
  • "Fedora Project, he is also a Latam Ambassador" -> "Fedora project. He is also a Fedora Ambassador for Latin America" (It would also be good to add a link for "Fedora Ambassador"
  • "like Join and Mindshare" -> "like the Join and Mindshare groups" (would be good to add links for Join and Mindshare)
  • "working as DevSecOps Engineer" -> "working as a DevSecOps Engineer"
  • "The marketing team of the Fedora Project take the initiative" -> "The marketing team in the Fedora Project took the initiative" here it is also odd that "Fedora Project" is in bold since it was already mentioned in the "About the host" section.

I have done all of this.

We should get a contact setup on the page, that could direct to podcast@fedoraporject.org. I would be happy to set this up, but I don't know if we have any specific design goals for it?

It also looks like the website doesn't scale well to smaller or larger sizes. What should we do about that?

It also looks like the website doesn't scale well to smaller or larger sizes. What should we do about that?

I did a quick review of the code for the website and noticed some things. The website is using Elementor, which is great btw, but it is doing so in a non-optimal way. For example, Elementor is fantastic as a page builder and as a theme builder but it is not meant to be used on individual posts. One of the reasons for the issues that I saw was that Elementor is being used on individual posts and this can create problems. Elementor should be used to create a "Post Base" which then all posts use that base as a foundation for the layout so the content inside of the posts do not use any Elementor code.

For context, for those who don't know while I am known as a Podcaster, I'm also a website designer / developer.

It also looks like the website doesn't scale well to smaller or larger sizes. What should we do about that?

I did a quick review of the code for the website and noticed some things. The website is using Elementor, which is great btw, but it is doing so in a non-optimal way. For example, Elementor is fantastic as a page builder and as a theme builder but it is not meant to be used on individual posts. One of the reasons for the issues that I saw was that Elementor is being used on individual posts and this can create problems. Elementor should be used to create a "Post Base" which then all posts use that base as a foundation for the layout so the content inside of the posts do not use any Elementor code.

I'm using elementor in the posts too because it's super easy to create the posts with the same style. I never got how to create the template and use it without using elementor.

Also, I didn't sit down to make the responsive part, and the imagery didn't scale since I used custom positioning instead, and it's a effing hell.

For context, for those who don't know while I am known as a Podcaster, I'm also a website designer / developer.

I'm not, I'm a Sysadmin/DevSecOps, but I did my best. I'll try to work on this tomorrow.

I'm using elementor in the posts too because it's super easy to create the posts with the same style. I never got how to create the template and use it without using elementor.

The process is to go to the Elementor templates and make a new one that displays on all posts. Then you make one page for post design and then inside the posts content itself is just basic Wordpress blocks code. This is what I suggest to improve it.

Also, I didn't sit down to make the responsive part, and the imagery didn't scale since I used custom positioning instead, and it's a effing hell.

Custom positioning is very very problematic for any sort of consistency. Custom positioning should be avoided as much as possible and preferably, always because custom positioning is a breakpoint for responsive design structures.

I'm not, I'm a Sysadmin/DevSecOps, but I did my best. I'll try to work on this tomorrow.

I am not giving a judgement on the existing site, I was merely offering context for my experience with Elementor. As for improving the layout, here is a tutorial video on how to make a "post template"

The process is to go to the Elementor templates and make a new one that displays on all posts. Then you make one page for post design and then inside the posts content itself is just basic Wordpress blocks code. This is what I suggest to improve it.

That makes sense. I need to give it a try.

Custom positioning is very very problematic for any sort of consistency. Custom positioning should be avoided as much as possible and preferably, always because custom positioning is a breakpoint for responsive design structures.

I know, but I didn't find a way to put the images where I want to put them. I can give it another try, but it was really hard for me to put them where they are now.

I am not giving a judgement on the existing site, I was merely offering context for my experience with Elementor. As for improving the layout, here is a tutorial video on how to make a "post template"

I didn't take it as criticism, I'm doing it more than an excuse.

I will look at the video tomorrow, thanks.

We could mention this and ask for help in design#584 .

Unfortunately the website is completely broken after elementor had some issue. I don't know how to use elementor. We can either just throw elementor away, and go back to basic wordpress which I understand, or we can fix it. What do you think @x3mboy ? We nee to fix this relatively quickly

Okay, Elementor issue fixed, but we still need to work on scaling for the site, and we also need to add links to Pagure, Email, and Forum. @thunderbirdtr plans to help with this. How's it going @thunderbirdtr ?

Okay, Elementor issue fixed, but we still need to work on scaling for the site, and we also need to add links to Pagure, Email, and Forum. @thunderbirdtr plans to help with this. How's it going @thunderbirdtr ?

@computerkid ; I had some rough last week, but this week I'll into it asap and let you know status soon. but I found that page is locked but x3mboy , I also don't wanna override that so can it be unlocked so I can look into it. I don't wanna make "data/design" loss. (I just wanna stay on the safe side so we can work cleaner)

No prob, take whatever time you need. For the page that was locked by
Eduard, that means that he was editing it when you tried to. Just wait a
little but and try again.

Indeed, it says is blocked when anyone is editing (it doesn't allow colab editing). I think it's best that you work on the site, but just as a super safety measure, put a message (anywhere: matrix/IRC #fedora-podcast or #fedora-mktg or in telegram or when you see it fits) that you are working to let you work freely.

We should also put credit for our music on the website.

Totally, and also in the show itself, maybe a little shoutout in the outro

I did that for our intro to season two. I don't know if you've listened yet, but I did edit it in.

I think I'm going to put together some text files of what we should say for every intro and every outro.

What if we added a top bar navigation to the site, to include:
- Matrix
- Email
- Forum
- Getfedora.com
- and maybe other stuff

I would be happy to make it, I just want to know if it's a okay idea

Metadata Update from @computerkid:
- Issue status updated to: Closed (was: Open)

3 years ago

Metadata Update from @computerkid:
- Issue status updated to: Open (was: Closed)

3 years ago

What if we added a top bar navigation to the site, to include:
- Matrix
- Email
- Forum
- Getfedora.com
- and maybe other stuff

Sure, that's not hard to do in elementor. What I'm worried about is the mobile site.

I did the post base thing michael mentioned. If you look at our posts they
are now made with elementor templating

Sure, that's not hard to do in elementor. What I'm worried about is the mobile site.

This is done.
All those items are now in a top bar. The top bar is even mobile friendly!

Any progress on getting it mobile friendly?

What I'm worried about is the mobile site.

Okay, I spent hours on the site, and it should now work on mobile, if not good looking. It is usable. I don't won't to close this because there's still plenty of room for impovement, but I think I've done enough that it's okay to go live with.

Metadata Update from @computerkid:
- Issue priority set to: Get this done soon (was: Get this done now)

2 years ago

Metadata Update from @computerkid:
- Issue priority set to: Someday, get this done (was: Get this done soon)
- Issue set to the milestone: None (was: Get Season 2 going)

2 years ago

I think this is done, but need @computerkid final agreed to close

Like I said

Okay, I spent hours on the site, and it should now work on mobile, if not good looking. It is usable. I don't won't to close this because there's still plenty of room for impovement, but I think I've done enough that it's okay to go live with.

With Ryan working on this, I think the site is really good! Let's close this

Metadata Update from @computerkid:
- Issue status updated to: Closed (was: Open)

2 years ago

Login to comment on this ticket.

Metadata