Learning to make a home page for my podcast

[Tronora]

I have been writing some science fiction (in Norwegian), and are making it into podcast-episodes.

 

To support the podkast, and let the listener get a better overview, I am currently making a better homepage than the very minimalist one I have already. The project is pure fun & entertainment, for myself as well as others.

 

I feel like my first homepage was kindergarten, but WordPress is university       

 

First: mini  Now: Integra

 

I would like the buttons on my page to reveal explanations on the same page, but I am only able to link to other pages.

 

Anyone?

 

Happy to hang out some laundry now; then meeting . But later, I'll be trying to get the buttons to do what I want.

 

HELP!

[Hinata]

On 5/15/2022 at 11:32 PM, Tronora said:

I would like the buttons on my page to reveal explanations on the same page, but I am only able to link to other pages.

 

I’m not much expert, but for that purposes you can use modals (javascript) or put href link in the div/header.

 

Modals example

https://www.w3schools.com/howto/howto_css_modals.asp

 

href

https://www.w3.org/TR/html401/struct/global.html#h-7.5.4

 

[Tronora]

On 5/21/2022 at 5:09 AM, Hinata said:

 

I’m not much expert, but for that purposes you can use modals (javascript) or put href link in the div/header.

 

Modals example

https://www.w3schools.com/howto/howto_css_modals.asp

 

href

https://www.w3.org/TR/html401/struct/global.html#h-7.5.4

 

Hi!  

 

WordPress does not allow for javascript. I have been reading about HTML over the weekend, and registered on GitHub. I will probably have to do stuff from scratch. Thank you the examples. I will look into it

[-Chris-]

Modals would work but I wouldn't advise using them in this situation, they should only be used when whatever is being displayed is important enough to take over the screen. Most stuff isn't.

 

The simple way is with the CSS property 'display' set it to 'none' to hide the explanation. That page and others point out accessibility issues with that technique, leading to more advanced ways to toggle visibility of items while preserving accessibility.

 

You can use just CSS to show and hide HTML elements without Javascript.

 

Wordpress uses Javascript extensively, it is just the free version of Wordpress hosted at Wordpress.com that doesn't allow for custom CSS, Javascript or the plugins and features that would allow you to put it in the header/footer or inline it in a page or post. You'll see lots of references to the 'wordpress.org' version as opposed to the 'wordpress.com' version, the wordpress.org refers to the open source highly extensible version you can host on your own and customize any way you want. Unfortunately that means either learning lots of stuff about hosting or paying someone to do it for you.

 

I've got a kind of love/hate relationship with Wordpress, I've hosted my blog on Wordpress for years but the headaches of self-hosting, the security issues, so many plugins going to a subscription model, and other issues always make me wonder about it. There has been quite a bit of interest in 'static site generators', even ones for Wordpress, that take a different philosophy and approach to solve many of the same things that Wordpress solves. You could easily use one to generate a site that uploads to your GitHub account and customize HTML, Javascript, and CSS all you like.

 

 

 

 

 

[Tronora]

Hello @-Chris-

 

I didn't consider how screenreaders ignore hidden content. I have a blind friend, and I would like her to be able to enjoy my site. I saw the proposed solution, but for now, I will let that lie.

 

 

Interesting proposal for a free website at w3schools, @Hinata 100MB is small; I'll se what I do. GitHub pages seems complicated

 

Learning more about HTML this evening!

 

 

[Tronora]

On 5/21/2022 at 5:09 AM, Hinata said:

 

I’m not much expert, but for that purposes you can use modals (javascript) or put href link in the div/header.

 

Modals example

https://www.w3schools.com/howto/howto_css_modals.asp

 

href

https://www.w3.org/TR/html401/struct/global.html#h-7.5.4

 

I want to thank you for pointing me to the w3schools-website. I am not fully embedded with HTML yet , but I had to start sniffing out CSS also. Coding has gone from being frustratingly mysterious, to ... FUN

I have registered on several hosting platforms ...  WordPress is a draft for now. I understand the love/hate, @-Chris- Since the free option has so many restrictions, I have now registered (FREE) on infinityfree.net.

 

I have decided to start from scratch (no templates), and infinity free is the best offer I have come across. Limit: 50000 hits pr day. (Not likely that I will ever reach that

[Hinata]

39 minutes ago, Tronora said:

I want to thank you for pointing me to the w3schools-website. I am not fully embedded with HTML yet , but I had to start sniffing out CSS also. Coding has gone from being frustratingly mysterious, to ... FUN

 

 

W3Schools.com is immensely useful for anyone wanting to learn how to make and design their web-sites. I’m glad it could help you.

 

[Tronora]

I have abandoned Infinity Free's http-solution. I want https, and now I am more familiar with coding: Registering on GitHub turns out to have been a good idea!

 

https://tronora.github.io is the adress to the main page. I did not code this page myself, but the tables linked to a couple of the buttons. It's all in Norwegian. Please feel free to comment

 

I am beginning to understand reading the CSS. HTML is beginning to make sence.

 

But the <div> element! Thanks again, @Hinata for the second link. I was now ready to read it.

 

 

[Tronora]

Today, I put the prologue online  In English

 

If you are on PC and would like to comment ...

 

No responsive design yet, so on tablet and phone, it just looks weird.

 

https://tronora.github.io/eng/prologue.html

 

 

Edited June 20, 2022 by Tronora
Forgot link