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

Webweaving
282

Itā€™s looking like a classic 00s layout now, I like :ok_hand:

283

Thanks. Iā€™ve got all the templates updated; Iā€™m just double-checking the pages now.

284

I really like how my homepage looks now. The other pages still need some work.

1 Like
285

Obligatory this is what it looks like for me post

image
image1170Ɨ2405 186 KB

1 Like
286

It isnā€™t mobile responsive, sadly. I donā€™t really know how to do that yet. Youā€™ll have to zoom out to see the whole thing. Manatee is sorry. :bitty_sad:

287

Do you have the following in <head>?

<meta content="width=device-width, initial-scale=1" name=viewport>
1 Like
288

Iā€™ll check later. Thanks.

1 Like
289

you have <meta content="width=device-width, initial-scale=1" name=viewport> set already :+1:

to get this look

image
image840Ɨ3104 285 KB

you need to change your widthā€™s to max-width

e.gā€¦

body {
    max-width: 1000px;
}

.titlepageheader {
  max-width: 500px;
}

.menu {
  max-width: 500px;
}

add something like this to stack the manateeā€™s above and below the menubox element on smaller screens

/* Add media query for smaller screens */
@media (max-width: 768px) {
  .menubox {
    flex-direction: column;
  }
  .menu, .menubox img {
    max-width: none;
    padding: 10px;
  }
}
4 Likes
290

Ideally, Iā€™d like to eventually have a fully-fledged mirror of my site on Neocities. But for now? A ā€œprofileā€-like page will have to do! :yum:

1 Like
291

It would be nice if theyā€™d support rsync over SSH for donors. WebDAV is just too janky.

1 Like
292

new summery layout iā€™ve been working on is liveā€”i had initially planned a completely different direction but this just felt right.

5 Likes
293

Moved my ā€œsecret pagesā€, which werenā€™t really that secret in the first place but were a discoverability disaster, to the about section.

1 Like
294

This wasnā€™t something I did today, but recently. If youā€™re visiting starbreaker.org from a laptop or desktop, youā€™ll see Iā€™ve implemented a three-column layout. As @fLaMEd suggested, itā€™s very much peak early 2000s web design, but with Flexbox and not the godawful CSS or tables people used to implement this design before Flexbox became part of the standard.

PS: If youā€™ve been there before, you might have to force-refresh the page because of cached stylesheets.

2 Likes
295

Ok, just looked at it on my wiiiiiide screen, a classic max-width wrapper may help or if you donā€™t want that, putting a max-width on your <p> tags would help with readability. Some of those paragraphs need 180ā€™ head rotation to read :joy:

296

Whatā€™s your aspect ratio? 21:9 ultra-wide?

Maybe adding this will help.

@media (min-width: 1366px)
{
    html {
        font-size: calc(16px + 0.390625vw);
    }

    .flex-nav, .flex-aside {
        flex: 0 0 20%;
    }

}

@media (min-width: 1920px)
{
    .flex-nav, .flex-aside {
        flex: 0 0 25%;
    }
}

Got the font-size part from Holy Grail 3 Column Responsive Layout (CSS Grid & Flexbox).

297

Did a major rehaul of my page on supernumerary rainbows the small thin rainbows that are sometimes seen right under the primary bow :3 my prior information on which waves overlap was incorrect, but its now fixed with more cool diagrams

4 Likes
298

Iā€™ll let you know when Iā€™m back on the desktop :metal:

1 Like
299

https://flamedfury.com/ now displays a random song lyric on page load.

TODO: no javascript fallbackā€¦

1 Like
300

Do you have access to PHP? Easy to do it that way, you wouldnā€™t have to rely on JS at all.

Edit: couldnā€™t resist (had to bowlderise one word to get through language filters)

<small id="quote">
<?php
$rnd = array();
$rnd[] = "Come on over, do the twist";
$rnd[] = "Overdo it and have a fit";
$rnd[] = "Love you so much it makes me sick";
$rnd[] = "Beat me out of me";
$rnd[] = "She keeps it pumpin' straight to my heart";
$rnd[] = "Nature is a wh0re";
$rnd[] = "With the lights out, it's less dangerous";
$rnd[] = "I'm so happy, 'cause today I found my friends";
$rnd[] = "It's okay to eat fish 'cause they don't have any feelings";
$rnd[] = "Love myself better than you";
$rnd[] = "I know it's wrong, so what should I do?";
$rnd[] = "Won't you believe it? It's just my luck";
$rnd[] = "Would you believe me when I tell you, you're the queen of my heart?";
$rnd[] = "She said, she'd take me anywhere";
$rnd[] = "Chokin' on the ashes of her enemy";
$rnd[] = "Armed and dangerous, ain't too many can bang with us";
echo $rnd[rand(0,count($rnd)-1)];
?>
</small>
301

Thanks for this!! Iā€™ll tuck it away for a later date. I do have access to PHP but itā€™s not part of my current stack.

What Iā€™ll end up doing is just have a single quote ready to load if JS is disabled :)

1 Like