>Changelog
Updated stpg with the new link

bros i need a homepage that is suited to mobile screens, are there any for me to modify with simply links?

>>7921861
bloat

>>7922007
tpbp
\thread
OP btfo

>>7921861
hey I made that. thanks for posting, OP :^)

>>7922007
>>7922075
You big meanies :^)

>>7922138
sup anon

>>7922141
Working all the damn time. Don't have much time to make new fun start pages these days.
sup with you?

>>7921861

Very well done. Amazing thread but not sure if it should be on his board. As it usually about customizing wallpaper to use not the whole homepage.

>>7922495
This is actually a recurring thread that has been around for some time yet.

>>7922495
Bro these threads have been a staple of this board for 5+ years

File: preview_catalog_classic.png (3.47 MB, 3160x2040)

3.47 MB PNG

>>7921861
4chan css : https://github.com/Catgrills/4chan.usercss

File: preview_watch_classic.png (2.75 MB, 3160x2040)

2.75 MB PNG

>>7922617
YouTube css : https://github.com/Catgrills/Youtube.usercss

File: preview_classic.png (3.47 MB, 2760x1638)

3.47 MB PNG

>>7922618
Firefox userchrome : https://github.com/Catgrills/Firefox.userChrome

>>7922618
nice anon, thank you.

File: stpg.gif (5.31 MB, 1920x979)

5.31 MB GIF

>>7921861

>>7922842
clean & cute

File: Capture d’écran (2930).png (2.01 MB, 2560x1440)

2.01 MB PNG

>>7922626
twitter css (wip)

>>7924157
Cool, is everything CSS?

File: Capture d’écran (2934).png (293 KB, 2157x946)

293 KB PNG

>>7925000
Yes, but it's a bit tricky since most elements have a random class/id (pic related).

>>7921861
omg, more examples of this aesthetic menu

>>7925026
I remember when I tried that I was either being overly ambigous to get everything or chasing down ids so I can target those fixes lmao twitter css is a bitch indeed

slow week

File: how.png (28 KB, 1270x641)

28 KB PNG

how would I go about hiding these in html/css?

>>7928830
retard
div.reply input {
display: none;
}

>>7928865
Sorry I'm still pretty new to this

edging the 8th page

>>7921861
I like this. What do I need to do to make this as my startpage?

>>7929940
Depends, i dont gave access to the machine I made this on, but i can talk you through how I built the parts that you like. The only really complicated part were some clip-paths. Everything else is pretty simple css, a little js, and a few svgs i drew up and layered

Does the guide on stpg.tk for setting a startpage in Firefox not work any more?
I've made a new startpage for a new Linux sytsem, but I can't for the life of me get Firefox to show the page when I open a new tab.

>>7930401
Thanks for the offer, but I have next to no knowledge on how to code. I saw the OP and thought I could do something similar. If anything, it looks really cool and I bet you're a cool dude too.

>>7925026
How do you deal with those? Unless have attributes of course.

gotchu senpai ヾ(•ω•`)o

https://youtu.be/xfeelu9IycM

>>7922617
Looks great my barebones wrapper. I'll probably fork it.

>>7931375
you don't, unless, like you said, they have attributes or have a different tag other than div

>>7930401
How’d you do the circle background. I’ve actually tried to do something similar by creating an svg animation in Adobe after effects. Could never figure how to put it on the website though.

>>7922617
>>7922618
Great work as always, Kat! I really loved the YouTube and 4chan style.

If I'm not overstepping I've got two question for you:
First, any reason you nuke all your previous works?
And second, any chance you can make a style for mDex and make it look like v3 (the version you had made the previous style for mDex)? I know that's like asking to alternate the whole site and it may not even be possible; also mDex not being steady with their frontend it may be discouraging to make something like this (though I don't see them changing anything in the regards any time soon).

Thank you in advance!

Anyone have any experience making startpages with Vivaldi recently?

>>7931633
As far as asset creation goes, I made the composition in layers as a still image, then exported each of those layers as svgs one-by-one. Them being svgs isnt really important, you could do the same with pngs. Anything that allows for transparency.
The animation is done with css keyframing. Each of those layers are contained in a div and center aligned, each with their own animation id. Basically just so that their rotations to act independant in direction and timing.

So, we've got asset01.svg, asset02.svg, etc... They're all inside a container in your html file like

<div id="container">
<svg>
<svg>
<svg>
</div>

You'll assign each of those svgs (the layers of your composition) a unique id, so that you can assign an animation tag. Something kind of like this

#svg01 {
animation: a01 12s linear infinite;
}
#svg02 {
animation: a02 30s linear infinite;
}

Im phoneposting, so just take this as referential. Look into css animation tags to get a better understanding of whats going on here. The important part is that 'a01' and 'a02' are arbitrary names which reference a css keyframe. The css for those look something like this

@keyframes a01 {
0% {
transform: rotate(0)
}
99% {
transform: rotate(359deg)
}

}

Again this is a rough approximation so that you know what to look for. If you're looking up css animations, keyframes will be covered.

>>7931810
Thanks, I deleted all my others works because they were quite old and I wasn't satisfied with them anymore. I wanted a fresh start.

For Mangadex, I don't know if I can make a style similar to the previous one with css alone, I can try tho, so if you have any suggestions, feel free to share them.

>>7932580
>Thanks, I deleted all my others works because they were quite old and I wasn't satisfied with them anymore. I wanted a fresh start.
Yeah, I understand. At some points your old works aren't the best you can do at this point. Well, I'll just hope for a new MU style soon.

>>7932580
>>7932614
>For Mangadex...
Yeah, I wasn't sure if it was even possible to make it exactly as it was in v3. I just hoped for something similar and not what they've going on right now. Don't take me wrong, it's not bad, I just prefer the old style (v3). As for suggestions, I guess this clone of the site is pretty much the same as v3 was back then: mangadex dot tv . I guess if it was something similar with your unique style of things it would be as good as ever. I'm not even sure if you would be possible to add those side bars that v3 had which were called Top manga and Top Chapters because they haven't implement view counts. Though, you can find a few things in Titles > Advanced Search Anyway, anything similar would be good enough. At least we wont have to use v5 and if they add new stuff (like view counts) we can see if you are able to add them in your style.

Apologies I had to reply with two different posts. I wrote too much.

File: Screenshot 2022-09-21 224213.png (568 KB, 2555x1253)

568 KB PNG

finished tinkering today

bump

Bump

aaaaaaaaaaaaand page 9

>>7933299
Looks great!

>>7936536
Dang, again?

>>7937254
S A V E D

File: 73nd5FBVcsuf.png (159 KB, 2317x650)

159 KB PNG

brehs i’m trying to get my old css to work with 4chanX but my in-line replies are all fucked, any ideas?

>>7938629
what is the css ? it may have a new selector, no !important applied, position: absolute, etc.

File: start.png (3.76 MB, 3840x1940)

3.76 MB PNG

I will add some JS so that the menu has the categories aligned vertically and the submenus are expandable, but so far I like this basic HTML+CSS w/ no JS

File: 1665938411113439.jpg (48 KB, 1024x941)

48 KB JPG

>>7939027
>funnyjunk

>>7939039
yes, and?

>>7939042
Cringe...

File: 9862393874.png (196 KB, 1564x1192)

196 KB PNG

>>7939043

>>7939027
a video example of what you want to do ? I really doubt you need js for that

>>7939141
I actually did the thing last night, I had to use JS because I wanted to be able to expand/contract on click, don't know how to handle clicks with pure HTML+CSS.

Will post results once I get back from work.

>>7939141
Hey sorry I don't know how to post it here, it says audio streams are not allowed, but I uploaded the capture to MEGA

https://mega.nz/file/fuAmEQQb#D2SJ4lcvw0sys4DVDYoh0wAmMN5qLe9elZpyKOnPZI4

>>7939196
something like this should work, but I didn't test:
[code]
<style>
input[type="checkbox"] {
appearance: none;
cursor: pointer;
}
input[type="checkbox"]::before {
content: attr(title);
}
input[type="checkbox"]:not(:checked) + ul {
height: 0;
}
@media (prefers-reduced-motion: no-preference) {
ul {
transition: 300ms;
}
}
</style>

<section>
<input type="checkbox" title="watever"/>

<ul>
website list
</ul>
</section>
[/code]

>audio streams are not allowed
you can remove audio with ffmpeg's -an option

>>7939211
I forgot these don't work here, lol

>>7939211
Oh yeah something among those lines would definitely work, but having some job conditioning, having the menu entries as `<input/>` activates my autism mode, making me uneasy as all fuck. The JS was extremely basic, so I'll just go with my shitscript

>>7939222
that is the price you pay for not using js

bumping for interest

>>7921861
bump

Okay what userstyle do you use for this hellhole also Happy Halloween.

>>7942686
I like this one - https://github.com/saxamaphone69/ss21

>>7922842
link?

>>7921861
this looks amazing
I just started web design as additional education, I don't plan to make it my career, just took it for fun and because it was free (some EU promotion), and this seem like a really cool way to test my skills when I finish

>>7944073
really cool thanks

How?
What black magic is this?
Please I want to know it sirs.
https://i.4cdn.org/trash/1668655201580918.png
>>>/trash/52402409
https://desu-usergeneratedcontent.xyz/trash/image/1668/65/1668655201580.png
https://desuarchive.org/trash/thread/52364483#p52402409
https://imgur.com/a/zqLnY0W
Image is too small apparently

>>7946265
>>7946265
it's just copying the reddit look, nothing too complicated, maybe ask the poster ?

>>7946265
>>7946321
I just saw the thread, it's https://greasyfork.org/en/scripts/16672-4cheddit-skin/

>>7946323
thx alot

can anyone please tell me how to insert a search bar in my startpage?

>>7946869
I had this before:
<form action="https://duckduckgo.com/html">
<input name="q" placeholder="Search" autocomplete="off" autofocus="">
<button type="submit">Submit</button>
</form>

>>7945381
bg image: DRESDEN BY MOONLIGHT - JOHAN CHRISTIAN DAHL
nice choice

I don't understand how to set the new tab page to my local index.html file in Firefox. I have changed the "homepage and new windows" just fine, but for new tab the only two options are the default firefox one or a blank page.

>>7949369
Browsers don't allow to put custom local files in the new tabs for a long time already, follow the guide of stpg in the OP to know how to do the workaround.

>>7921861
NewTab Adapter by the same guy that made Vimium C and welcometointernet.org.
Done.

I have no clue how web design works but something about the twitch interface irritates me
Maybe its the player and the icons of the webpage not sure

>>7922842
Very cute. Can you share?

File: screen.gif (641 KB, 2560x1284)

641 KB GIF

comfy placeholder until i figure out js enough to turn it into an actual terminal

File: vivaldi_2022-12-20_16-02-17.png (250 KB, 1196x853)

250 KB PNG

>>7921861
As a bump, here is my creation as well with entirely customisable appearance (colors, userstyle options, etc.). Needs 4chan X
https://github.com/2641a40fd44383320adde4b027a1d0b03bd550/userstyles/

>>7953442
Not a fan of the font but I like that you went with the sidebar layout. It is not seen a lot this days.

>>7954316
both font and sidebar are optional ! stolen from https://github.com/commit-sudoku/zairyou

File: Screenshot_1.png (144 KB, 1365x623)

144 KB PNG

Guess im done with it, the images are chosen randomly from a folder with 400+ transparent pngs, might just add more.

File: browser-2023-01-01b.webm (1.61 MB, 1457x819)

1.61 MB WEBM

ss21 getting some qol changes to start 2023

enjoy the horribly compressed webm

>>7922618
this is so cool I never knew you could do this! makes youtube look so much sexier

>>7955836
>reading mode
couldn't that be done with system's theme instead ?

>>7955892
it's more "theme" than "reading mode" but sure that can be an option to auto detect

>>7956233
yeah, I didn't see at first

Excuse my ignorance, but what is the value of a start page? Once you go to a website, and subsequent sites after that, isn't it non visible? The majority of your time isn't spent using the start page right, or am I mistaken?

>>7922842
please link? v cute!

File: file.png (1.77 MB, 1869x950)

1.77 MB PNG

This is mine currently. Ive added a to do list with the w3schools tutorial. Ive got a problem now tho. When adding a new bullet point, it interferes with my search bar and moves it down. Ive checked padding and margin and that stuff but they dont overlap with each other. Idk why it only interacts with the searchbar... anyone got ideas?

>>7954782
This is so clean and good looking. Great image selection they play together very well.
Whats the Background image of the page?
Also: how did you get to clear the url? For me it always shows the path where I saved my startpage

>>7955423
where do i get it?

>>7957333
link?

>>7957684
wym "link"?

>>7957785
where do i download it? or the template?

File: Captura de pantalla 2023-(...).png (347 KB, 1366x701)

347 KB PNG

First startpage i made

>>7957795
what are you talking about bro?
Do you mean my startpage??
You cant download it I dont have a github or something like that I dont even know how it works.
Or do you mean the To do list thing? You can find that on w3schools as I said

>>7957798
how did you do the clock? Is it updating live?

>>7957871
yes
https://aprende-web. net/jspracticas/tiempo/cod1.html
it takes the time from your pc so is offline

>>7957877
>https://aprende-web. net/jspracticas/tiempo/cod1.html
man that is all on spanish bro

File: file.png (74 KB, 839x721)

74 KB PNG

>>7953442
also doing this windows 95 thing, here is a preview (for now)
https://github.com/2641a40fd44383320adde4b027a1d0b03bd550/4chan-win95

File: image1.jpg (1.46 MB, 2560x1600)

1.46 MB JPG

>>7957336
thank you! and I only deleted the url for taking the screenshot, it doesn't clear on its own unfortunately.

>>7958136
Thank you :)

>>7957798
is gog games gog or gog-games?

>>7958162
>gog-games
yep

any of you fetch images from a booru for your startpages?
I'm currently using lolibooru but I'm looking for one with more... variety, I just chose that one because it was the first one I could make work with js only and didn't time me out after too many requests
I need one that has a greater variety of genres, specially sfw genres as I'd like to be able to switch between a sfw and nsfw setup without needing to fetch from 2 different sources, and it has to be accessible with js alone, otherwise I'd just use gelbooru which seems like the better choice overall

(not showing anything because it isn't anything special really, just some quick access links, a search bar with some commands, and an image that would get me banned here)

File: 2023-01-15 01.52.47 cab8f(...).png (1.19 MB, 1410x738)

1.19 MB PNG

everything here is almost placeholder or too lazy to edit shit will send pics of codes or just the .html and .css files

>>7959606
da fuck is [Piekło]?

bump

>>7958094
damn that looks sick. How are you doing that?

I am a brainlet. Trying to get some dark mode themes for 4chan. When I paste the CSS into the custom CSS field in settings, doesn't seem to be applying any changes. I use Firefox + uBlock, not sure if that's cucking me or not. Any recommendations to get it working? Also, if anyone has some favorite dark css themes for 4chan, would appreciate it.

>>7962135
your browser or ublock should not interfere. you probably have to install stylus (https://addons.mozilla.org/en-US/firefox/addon/styl-us) to get some themes like >>7955836 & >>7953442
>>7962069
what exactly does this mean ?

Is it possible to either show the native chrome bookmars bar in my custom startpage, or fetch my existing bookmarks folder in my PC and display it?

>>7962337
Looking at a sample of the Chrome bookmarks file in %appdata%, there should be some way to fetch it:

{
"checksum": "REDACTED",
"roots": {
"bookmark_bar": {
"children": [ {
"children": [ {
"date_added": "13222412798372622",
"date_last_used": "0",
"guid": "REDACTED",
"id": "7",
"name": "Whatsapp",
"type": "url",
"url": "https://web.whatsapp.com/"
}, {
"date_added": "13126908348807315",
"date_last_used": "13317078268398707",
"guid": "REDACTED",
"id": "8",
"meta_info": {
"last_visited_desktop": "13208556164351551"
},
"name": "YouTube",
"type": "url",
"url": "https://www.youtube.com/feed/subscriptions"
}, {

Someone do my homework for me thanks

File: screenshot.png (217 KB, 1874x938)

217 KB PNG

made a better looking novelupdates style with gura, proud.

File: file.png (72 KB, 947x815)

72 KB PNG

>>7958094
bump for progress

File: output.png (1.31 MB, 1909x912)

1.31 MB PNG

Made a new /aesthetic/ startpage in honor of my home. Features include:
>random selection of 1 of 10 4k videos downloaded from yt (The Dronalist) edited to only include the actual content and no watermarks
>random start time for each video so I dont always see the same starting frames
>autplay/mute/no controls by default by a volume slider that unmutes on movement, plus a time seeker at the bottom
>a little bird you can press to pause the video
>a nice font
>a nice perfect looping subway gif
>an auto-selected search bar
>weather API
ChatGPT built 90% of it for me as a test. It's pretty powerful and I was able to cut down several hours of bug-fixing bc a) it wrote many sections for me, and b) it is capable of light bug-fixing.

Havent been in this thread for years.
I used to use a startpage from this general that had a selection of jap themed gifs that were randomized upon opening your browser.
Like one had kois, the other a town area, etc.

Does anyone know which one im talking about?

>>7925026
>since most elements have a random class/id
why? is it because they are generated by js or is it some other obfuscation method?

t. non-dev

also
>defilable
lel

File: 1648930693751.png (2.94 MB, 1920x921)

2.94 MB PNG

my first try
somewhat inspired by win11

File: csshn.jpg (425 KB, 2553x1317)

425 KB JPG

not a startpage, but changed the CSS of hackernews to have a darkmode and also make the text not be like 10px

used Stylus to do so. Posted a gist here if anybody wants to mess with it, most things are commented.

https://gist.github.com/paczkisamizdat/85839cb1af16594269e715ab81556520

>>7969392
Not meant to drag you down but I just use dark reader for HN

>>7970885
Very fair! I had a lot of loading issues with dark reader on other websites so I opted for giving stylus a try. Honestly I mostly made this CSS cause my eyes are garbage and I didn't like how the page looked while magnified lol, I have my own text slightly larger than what was linked.

So how would you redesign 4chen that uses modern and sleek interfaces?

File: browser-2023-03-04.png (352 KB, 1857x897)

352 KB PNG

>>7971720

File: 1677676551716962.png (361 KB, 2299x1306)

361 KB PNG

Asked our AI overlord for a start page.

>>7972374
That's it, boys, we're done. Pack it up.

Kinda of a long shot, but Kat any plan on working on the MangaDex style? Or in general anything new from you that you are working on this days?
Also, not sure if you've notice, but YouTube updated something and the YouTube style is a bit off.

File: 1649247084721618.png (70 KB, 1920x1053)

70 KB PNG

https://codeberg.org/homeanon/homepage

Should I use JavaScript?

>>7974416
Depends on what you're trying to achieve

>>7974416
Like the other anon said, it depends what you want out of it. Rotating in random images, pulling in info from websites, or wanting to add the ability to add links without opening code and just doing it right in the page? Use javascript.

Even CSS animations are pretty good and performant and cover what most people would probably want as far as interactivity.

HTML/CSS can achieve a great amount.

It bums me out that this little hobby has slowed down so much. I wonder why?

File: 2023-03-26-205335_1920x10(...).png (2.49 MB, 1920x1080)

2.49 MB PNG

I need to work on my terminal colors, but the startpage is good for me. I use vimium so it's really good to have some kind of list that allows me to access the content using keybinds instead of using the mouse. I thinking on add some gif to the startpage but i don't know what. Rate: https://hm2030.neocities.org/
>>7968632
This is really good, anon. Mind share the images?
>>7957798
lainpilled/10.
>>7957333
Good, but to be honest, i'd rather use a blue or green darker background.
>>7939027
Really good, anon.
>>7922842
Very good, anon. Also, nice taste for anime.

>>7976139
I like the colors
aligning headers to the left is a nice touch
>This is really good, anon. Mind share the images?
background
https://wallhaven.cc/w/y8kryl
astesia
https://inkam.lofter.com/post/742b1d2b_2b72df387

i have made a startpage i enjoy daily but got no one to share bros. i am sharing it here, take it if you want. use it as chrome extension or upload it to your github to make a page.

https://github.com/zelosleone/Startpage-Extension

File: 324324324324532.jpg (66 KB, 1684x848)

66 KB JPG

>>7976775
forgot the screenshot, kek.

Is there a way to use a firefox startpage practically like a wallpaper in W10? I guess it should be possible to do with autohotkey but I'd like to know if there are any cleaner, simpler ways.

>>7975866
Well it feels slow but I would say is just because /wg/ is a chill slow board.
Still unless you're actively starting and finishing several projects once you get your ideal startpage there's often no need to redo it.

>>7968632
firefox takes up to 3 seconds to render the blur on a cold start
this was such a retarded idea lmao

>>7944334
>>7951104
>>7957010
https://midoru.neocities.org/
the gap is weird sometimes but werks on my pc

>>7957798
podrías pasar todos esos links porfa?

>>7979522
https://github.com/Igglybuff/awesome-piracy
de aqui fue donde saque todos los links

>>7979970
gracias man

File: Screenshot_2023-04-15_13-01-49.png (73 KB, 1919x910)

73 KB PNG

I modified http://sizol8.github.io/sunset/ from the OP's post to dynamically work with an arbitrary number of categories and take the categories as an external list. Hope someone finds it useful

>>7980425
https://github.com/sofakingbuff/sunset-startpage

saved

File: file.png (272 KB, 1920x941)

272 KB PNG

Anon's i did make this startpage in 8 hours, but i did copy javascript and use API for the weather (never used one before).

Sorry i had to copy some code, but i suck at programming, but i wanted to learn to code, can some send me some tutorials for idiots like me?

Also if you want the startpage i can send to you anon.

>>7981841
please, this will look fine on my low res screen

>>7921861
>>7922138
sauce?

File: 168182160424639833.jpg (379 KB, 1920x956)

379 KB JPG

Finally updated and redesigned my startpage. Simple, absolutely not responsive, but I like it.

File: file.png (59 KB, 1076x771)

59 KB PNG

newest steam's beta is web-based, so it belongs here now :-)

>>7928910
its okay anon

File: Screenshot 2023-05-03 011558.png (1.88 MB, 2560x1399)

1.88 MB PNG

>>7921861
i spent way too long on this

How do I suppose change time? I use https://github.com/Cel51/startpage
How can I get the time of my country, its isnt described in readme

>>7984658
AFAIK Javascript just uses your system time, shouldn't have to edit anything.

>>7984659
this aint work for me

so this looks cool but i know literally NOTHING about coding. i wanna get started in either coding/software/hardware. is this stuff javascript? (i wouldnt be doing this as a degree, this would only be a hobby since i already have a degree lol)

>>7984910
nope, just plain html. if you want complex animations and updating things like weather, date etc. then you have to use javascript.

>>7984956
animations aren't necessary javascript, but yeah

File: firefox_Ny3VwSxtix.png (31 KB, 1920x1080)

31 KB PNG

>>7921861
made this shit ages ago, using it daily
https://start.misopog.xyz

Anybody know a good way to make the new tab page in Chrome your start page?
I found a plugin that let me set a custom new tab url but it did an awful white flash every time I loaded it.

(and no it wasn't my pages fault, I troubleshot)

>>7985218
>>7983660
This is cool, often simplicity is best.

>>7985780
I think you can only redirect newtab to your start page. That may be the reason your page flashes.

File: 291427869.png (362 KB, 2880x1628)

362 KB PNG

Here's one I made a while back

>>7968632
how pls ?
any template pls

>>7972374
holy fuck

>>7981841
pls need this

>>7986931
digging the monokai theme
viaplay icon is the only flaw I can see, its really beautiful

>>7987600
>how pls ?
I just used blur backdrop filter
horrible idea though, takes a few seconds to render on cold start

>>7987618
yeah the viaplay icon sucks, its on my list to get fixed. theme is gruvbox not monokai.

>>7987949
>theme is gruvbox not monokai
monokai pro clouded my judgement
I forgot how original monokai looked for a sec lol

File: file.png (203 KB, 1145x700)

203 KB PNG

Hello I was redirected here by /adv/
I want to make 4chan look like old japanese image boards. Can anyone help me out? I have zero knowledge and don't know where to start. picrel

>>7988705
Well you could look into the native 4chan extension, top right, it has a box for custom CSS and you can change the font from there.

>>7986931
I really loved this one. Can you share it?

How do I use my onw images as banners like this
>>7922617
is the only thing I wanna change