The SelectButton Webring - join the ring and talk about building a personal website

I liked the one I submitted in the application, but forgot how I worded it now :sweat_smile:

1 Like

oh shit the form isn’t emailing me, i thought people were just not doing it lol

i’ll use what you submitted and figure out why tf google isn’t emailing me lol

3 Likes

thank you! and thanks for setting this up and managing it Cania!!

3 Likes

oh that’s why you didn’t go with the description i entered in the form lol (just hyphenate the two together)

2 Likes

got you added!

@RT-55J I added the description you submitted on the form!

@hellojed got you added as well!

Whoever submitted selectbutton.net: i love you but unless the widget is on the home page i’m not adding it to the webring. it’ll just be a dead end.

3 Likes

turned on email notifications, whew.

1 Like

I placed the sb-ring div html where my footer is, but I can’t seem to figure out a way to center-align it. I made a unique div section in my css file to do that with text-align: center; and other attempts but I can’t seem to get the text to center align :bbconfused:

1 Like

how does one make a cool looking dinky website without learning code. are there free templates somewhere. i wanna make a site first before i commit to learning html or css or whatnot

1 Like

Html in a text editor! I did it when I was 14!

4 Likes

the best trick ive seen for this is using a wysiwyg text editor that will output html. here’s an example:

this will let you make really basic webpages and will give you some insight into how HTML works. it’s deceptively simple but it’s hard to get a foot in the door imo and that’s exactly what this is for.

that should give you an idea of how it works, and give you a chance to try out hosting like neocities.org or, uh, surely there are other places too!

i still use these editors for annoying things like tables or bullet points and just copy them into my existing structure.

3 Likes

Looking at Cania’s code,

image

your centering issue is probably because the inserted code is in the form of a table. Since you don’t have direct control of that code on your individual page, you might try creating a generic table style that will apply to all tables (assuming a table inserted by JavaScript will honor your CSS–I don’t really have experience with that).

table { margin-left: auto; margin-right: auto; }

If your page includes other tables (which it doesn’t appear to at a glance) and you don’t want them all centered, you might need a two-tier style that centers all tables within a certain div class and then surround the inserted part with a div of that class. I don’t know how familiar you are with this stuff. I can explain what I mean if needed.

3 Likes

is there a change i could make that centers them for everyone? because it is kinda dumb that they’re left aligned

1 Like

Yes, if you open onionring-widget.js and modify the <table> line (line 59) in this way, I think that should do it for everyone:

  <table style="margin: 0 auto;">
2 Likes

Ahh, the centering looks great (at least on my page). Thanks you two for investigating and doing the work.

2 Likes

What would you think of replacing this line in that same file

<td class='webring-info'>This site is part of the ${ringName} webring</br>

with this

<td class='webring-info'>${ringName}</br>

so it would say

instead of

This would eliminate the redundancy of “the the” and “webring webring.”

4 Likes

Alright, I’ve got a barebones sort of site up and running. Please…don’t ask how I did it, I’m not proud (I asked ChatGPT for an HTML framework after butting my head against this shit all night).

https://eroticgrandpa.moe/

6 Likes

hilariously, i did not even notice this. changed!!

1 Like

my placeholder

https://nat-stylo.neocities.org/

7 Likes

Added!

2 Likes

https://daphny.neocities.org/

add me add me

7 Likes