šŸš§ What did you do to your website today?

Webweaving
967

Okay so Iā€™ve been working on revamping Velvetā€™s site homepage and I FINALLY got it to a state that looks somewhat decent. This is probably the first time Iā€™m so proud of a webpage I ever made because I did a lot of things that I have never ever done before, like CSS animations, borders and Javascript :meow_cheer:. I still have some things to work on like adding all the webpages for the main navigation, and adding a ā€œfloorā€ bg to the bottom of the homepage. But I got the main idea down

Here's a list of what I've done, in case anyone is curious
  • Changed the siteā€™s favicon (at least on this particular page)
  • Replaced the old divs and elevator illustrations
  • Switched divs to actual border images that could be stretched and moved with code without having to create new assets with different dimensions
  • Created CSS hover animations for the elevator doors
  • Made the elevator buttons using Javascript
  • Cleaned up updates page and put an iframe of it in the homepage
  • Added a link to my Guestbook without having to travel to Map/Directory

Special thanks to @xixxii for helping me position the iframe underneath the doors, while keeping the hover animations in tact. And to @solaria for his CSS border tutorial and helping me edit certain images to work as a border. Iā€™m very sorry for annoying you dms with my incompetence, but I really appreciate the help.

8 Likes
968

I fixed my theme, arranged some blocks, and posted a (short but informative) About page.

4 Likes
969

Looks good so far, but if youā€™ll pardon the suggestion: I think you should look into hiding the ā€œloginā€ link so that it isnā€™t accessible to the entire internet. If itā€™s there people trying to crack unpatched Drupal sites will try to use it to break into your site.

This is how a lot of WordPress sites get pwned, too; the login link is visible and the admin user doesnā€™t have a strong password, so people break in.

Also, you might want to add a text label to your RSS feed link to go alongside the icon. Being an old salt, I recognize the RSS feed icon, but people just venturing beyond the confines of social media for the first time might not.

1 Like
970

This is looking SO dang cool!

1 Like
971

itā€™s looking great! :tada:

1 Like
972

Yay!!! Iā€™ll have to visit on my computer sometime! Iā€™m glad I was able to help with border images :3 no need to apologize ^^

1 Like
973

Minor updates to Velvetā€™s Smoking Lounge. Changed up meta tags of the splash page, homepage and map to add some descriptions and fix up the view ports a little.

2 Likes
974

I changed the style on <figcaption>:

figcaption {
    font-style: italic;
    font-size: .9rem;
}

BTW, when you use rem units, you want to assign a base font size to <html> or <body>; this serves as the root element needed to compute relative sizes for rem units.

3 Likes
975

new 404 page! @Mr_Encyclopedia 's thread here made me realize that you can Do Stuff with a 404 page, which somehow hadnā€™t really occurred to me beforeā€¦ so iā€™ve got a drawbox on there now! a fun place for it i think :)

4 Likes
976

This is so cool @xixxii ! I have made my mark :tiger:

3 Likes
977

I make drawing for Pi day today :D Your 404 is so neat, I could spend hours on it lmaooo.

image
image523Ɨ522 20 KB

5 Likes
978

Having fun getting silly with things, and made a fake little faculty page for my TTRPG character in the PBP TTRPG campaign me and my older brother are playing together. Iā€™ve been having a blast coming up with paper titles and abstracts, and itā€™s fun to sneak in knowledge from various disciplines I have passing familiarity with to mimic the academic tone of voice for something more fun. Thinking I might write a fake syllabus for his course in the campaign as well.

4 Likes
979

Thatā€™s cool! Drawing on a trackpad is not easy. LOL Not that my picture would have gotten any better with a pen though.

1 Like
980

i love this! the rate my professor and syllabus sections are so good!!! :)

1 Like
981

Solid tips, thank you!

982

Not sure if this counts as for ā€œmy websiteā€, but I did a pi day themed comic yesterdayā€¦

5 Likes
983

I have once again continued on my siteā€™s Hugo overhaul. Among other things, I finally have a new 88x31 button and a new website logo. My ā€œart misconceptionsā€ piece has been substantially rewritten to be a much stronger piece, and now itā€™s mainly down to having some new favicons, and filling illustrations and animations for the aforementioned piece.

Then I can finally launch the new Hugo version of the site, and thatā€™ll be one less thing to distract me from the projects I really need to work on.

3 Likes
984

For my websiteā€™s RSS feed, I finally figured out how to link the changelog items to their anchor links on my changelog pages, instead of my websiteā€™s home page.

4 Likes
985

Today I figured out how to embed my most recent Mastodon post to my front page. It involved a bit of JavaScript fuckery because there doesnā€™t seem to be any ā€œlatest postā€ identifier built into the protocall.

Ended up pulling the RSS, grabbing the most recent item, and then reconstruct the embed link. I think it turned out nicely though. Will deploy it soon

3 Likes
986

Finally published my thin film interference page to my rainbow site!I made waaay more diagrams than I anticipated for it, overall kinda went a lot more in depth than I meant to, including all kinds of equations and examples :sob:

Iā€™ve been wanting my rainbow homepage to be more visually interesting, so in addition to the basic sitemap made of standard links, I now have a visual collection of links to my pages using thumbnails! Iā€™m not a 100% satisfied with how it looks, but its more interesting at a first look I think.

7 Likes