[a / b / c / d / e / f / g / gif / h / hr / k / m / o / p / r / s / t / u / v / vg / vm / vmg / vr / vrpg / vst / w / wg] [i / ic] [r9k / s4s / vip / qa] [cm / hm / lgbt / y] [3 / aco / adv / an / bant / biz / cgl / ck / co / diy / fa / fit / gd / hc / his / int / jp / lit / mlp / mu / n / news / out / po / pol / pw / qst / sci / soc / sp / tg / toy / trv / tv / vp / vt / wsg / wsr / x / xs] [Settings] [Search] [Mobile] [Home]
Board
Settings Mobile Home
/wg/ - Wallpapers/General


Name
Options
Comment
Verification
4chan Pass users can bypass this verification. [Learn More] [Login]
File
  • Please read the Rules and FAQ before posting.
  • Maximum file size allowed is 6144 KB.
  • Images smaller than 480x600 pixels are not allowed.
  • There are 157 posters in this thread.

08/21/20New boards added: /vrpg/, /vmg/, /vst/ and /vm/
05/04/17New trial board added: /bant/ - International/Random
10/04/16New board for 4chan Pass users: /vip/ - Very Important Posts
[Hide] [Show All]




File: 1631235586271.png (703 KB, 1920x970)
703 KB
703 KB PNG
ffs I slipped edition.

>What are startpages?
Startpages (in the context of this thread) are locally hosted webpages (as in, the files are on your computer - not a server somewhere) that serve as the homepage or new tab page for a browser. They generally contain some number of links to frequently visited sites as the main element; search bars, clocks, calendars and other embedded items are usually added as secondary elements.

>What browser are you using?
If you can't tell what browser it is, it's probably Firefox, you can theme Firefox using Stylus and finding themes on the Firefox tag of Userstyles.
Otherwise if you won't upgrade there's always Chrome, you can ~slightly~ customize it using Chrome Theme Maker. Vivaldi has custom CSS settings too in a native way.

---FAQ---
>http://pastebin.com/PdPrW5aP

---Discord link---
>https://discord.gg/ExAGgVR

---Relevant Sites---
Birb's Ricing
>https://stpg[dot]tk/
Collection of startpages for modification and use.
>http://startpages.github.io/
>https://www.ricing.chloechantelle.com/
>http://pastebin.com/ZJvDn0eN

--HTML, CSS & JS--
>http://www.w3schools.com/html/default.asp
>http://www.w3schools.com/css/default.asp
>http://www.w3schools.com/js/default.asp
>https://www.codecademy.com/learn/make-a-website
>https://www.codecademy.com/learn/javascript

---Colours Related Links---
>http://palettegenerator.com/
>https://webgradients.com/
>https://www.gradient-animator.com/
>https://codebeautify.org/hex-to-pantone-converter

---Colours Converter---
RGB to HEX
>http://www.javascripter.net/faq/rgbtohex.htm

HEX to RGB
>http://www.javascripter.net/faq/hextorgb.htm

---Typography Related Links---
>http://practicaltypography.com/
>https://www.typewolf.com/

---Old Thread---
>>7801612
>>
Changelog
>Updated (finally) Stylish for Stylus.
Thank you to all the anons who remembered me to update it.
>Added new tool
>Updated a little bit the lines regarding Vivaldi too.
>>
Total newfag here. What's the deal with FF and locally hosted start pages? Can I not open new tabs to a "file://" address?
At this point, I'm thinking of just getting a github page to host my shitty start page.
>>
Is there any way to get Edge to use a startpage for a new tab? None of the addons I've found seemed to work and there doesn't appear to be an option...
>>
Any good tutorials on how to make a searchbar that when pressing enter will redirect to a search engine? All the tutorials on YouTube deal with making the searchbar but not its actual functions.
>>
>>7844663
Here's what you need to know:
https://stpg[dot]tk/guides/firefox-startpage/
>>
File: LLa7HQhhgU.png (1.89 MB, 1920x1070)
1.89 MB
1.89 MB PNG
>>
><
>>
>>7846070
I'm more interested in how you customized your browser.
>>
>>7846554
custom firefox css
>>
Bump lads
>>
>>7844654
anon can you drop the index.html to your start page? giving my fairly simple one below.
>>
>>7847487
OP's are often one from the previous thread. Sorry mate.
>>
>>7848139
oh well, thanks a lot!
>>
>>7844654
>nslsc
yup
>>
>>7847487
>>7848139 is right but that page shouldn't be too hard to replicate.
>>
>>7846072
What is the code for those space-filling tabs?
>>
>>7851137
Often max-width iirc, r/firefoxcss or something like that has more on it, although if you want the specific class I can search it.
>>
File: 99679993.png (44 KB, 1920x1080)
44 KB
44 KB PNG
Good place to get tiling wallpapers?
>>
File: startingpage.png (1.9 MB, 1920x1080)
1.9 MB
1.9 MB PNG
I liked >>7844654 as a basic idea for a startpage, so I spent a bit of time writing a basic template startpage that is similar to the OP pic but can easily support other background and foreground pictures.
Also wrote a small script that generates the links and layou in the html file from a .txt file.
It's still not done, might revisit it tomorrow. I'm getting some sleep. If I do I'll upload source code in case anyone else wants to use it.

The way it's currently set up the background has a slight blur filter, which is also why there's a white border around the big background image. It happens due to the way the algorithm calculates the blur filter and is proportional to the severity of the blur, I have no idea how to fix that except by removing the filter completely, but unless the background image is very dark I actually kind of like it.
The one thing I did not recreate was that rasterized "pixel" overlay that the OP picture has. I don't think it's necessary and I don't feel like coding it at the moment.
Pic related is how it looks at the moment.
>>
>>7851461
Last I wanted to use blur I think it could be kinda offset like the shadow property, if memory serves me right. So you could pick direction, intensity, deep etc...
>>
>>7851990
you can probably find workarounds (either by changing the blur to apply to a smaller area of the screen or by adding another image behind the background that is scaled bigger than the viewport or something like that), but I just decided to change the color of the background, so you can change the color of the border for now. The blur I use only has 1 argument, which is the radius.
>>
File: Startpage.png (2.84 MB, 1920x1080)
2.84 MB
2.84 MB PNG
Well from the outside not much has changed, but the code behind it all is vastly better now.
Pic related is what I now have, a bit closer to the OP version than the one I linked earlier in >>7851461 .

If any anon is interested in generating a similar one, here's the code (github and gitlab files are the same, just use whatever you prefer)
https://github.com/IAmBaut/startpage.py
https://gitlab.com/Baut/startpage.py
>>
File: Startpage with overlays.png (3.5 MB, 1920x1080)
3.5 MB
3.5 MB PNG
>>7852028
>>7851461
Added two optional filters to it:
A vignette and a RGB pixel overlay similar to the OP picture. The pixel overlay can be adjusted in terms of how big/coarse you want the pixels to be. Both can be turned on and off easily.
I like how the pixel overlay turned out, not sure how I feel about the vignette yet.
>>
>>7844654
recently when using firefox the hover to unwarp animation starter pages similar to
https://startpages.github.io/startpages/Startpage-zivallh/
and
https://startpages.github.io/startpages/startpage-rwrt_crshd/
are now all of a sudden laggy as fuck.
Is there any way to fix this? it works fine on chrome browsers for whatever reason
>>
>>7852468
>it works fine on chrome browsers
Since firefox is basically the only regular browser that doesn't use chromium to render websites (surf, waterfox and similar don't count as regular browsers let's be honest), it's probably related to their rendering engine. Maybe put a bug report into the github or something? I don't know enough about how it renders shit to tell you how to fix it myself sadly.
>>
File: 1635219213636.jpg (328 KB, 1920x999)
328 KB
328 KB JPG
>>7852573
i figured it out
>>
>>7852831
Wait fingerprinting is fucking with the code? The fuck are they using that requires user identifiable data? kek.
>>
>>7852865
for canvas blocking shit but firefox seems to aggressively hinder anything that could be an exploit. Like sure there are addons that do the same thing but i was told they were nothing but a placebo
>>
>>7852901
oh right I forgot that html5 canvas data is pretty important for fingerprinting and also often used by firefox.
Can't have it both ways I guess, either you want to max your privacy or performance, one comes at the cost of the other at some point. Glad you figured it out.
>>
File: hLLPu39.png (4.62 MB, 1920x1080)
4.62 MB
4.62 MB PNG
>>7852273
2 more images, then I am done posting this startpage.
I like the darker space look quite a lot as well.
>>
File: JIwPXUS.png (4.82 MB, 1920x1080)
4.82 MB
4.82 MB PNG
>>7852906
And the last one. Experimented around a bit with transparent backgrounds, but I like the end result less than the one with a normal picture. Feels tacky to me somehow.
>>
File: startpage.jpg (107 KB, 1920x1080)
107 KB
107 KB JPG
How difficult would it be to get my startpage to scale with the size of the browser window?
>>
>>7852999
What do you mean?
Depending on how you implemented it it should be very easy or somewhat annoying. An intuitive way to get it to work is probably to put a div as the "main container" (or style the html body) that fits 100% of the screen. Then put another div in that that is positioned in the right place (in your case the center) and is sized relatively to its parent. Then put what content you have in your startpage now in that div. That should do it. Might need some tweaking to prevent overflows, but should work.
>>
>>7853011
Okay I will try. Thanks brother.
>>
>>7852028
Hey Anon, I am an utter beginner to HTML and CSS, so it's really hard for me to navigate around all of this. I was trying to recreate your page but this is as far as I got. How do i make the container for the links in the middle? btw, this is me >>7847487
>>
>>7853135
The easiest way is probably downloading the github/gitlab files I linked. Then you can either use the generator I added in there or (if you want to recreate it to learn) simply click the html file to open in a browser. You can then either edit the html file in a code editor of choice, or inspect the site in the browser with developer tools to get a better idea about what is going on. (In Firefox that'd be crtl+shift+c to open the inspector).
Generally consider html the skeleton that just defines what content there is, while the css defines where it goes and how it looks. So if you look at my startpage as a html and inspect the page you can see that I have a background image div in the body, followed by a window background (which is the window image) div and the overlays. With different css these could have been nested as well, but I wrote it this way instead.
If you then click the windw-bg div it will show you the stylings in the lower left of the inspector window. There you can see that I defined a custom height and width (gained from the image source), a background image, positions, margins etc.. You can also turn them off or on individually.
For example the pic you posted clearly has the picture not sized to the size of the div, so you'd add some css rules:
[code]
background-image: var(--backgroundImageUrl);
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
[/code]
anytime you see "var(--variablename)" in my code, that's just a way to use variables instead of hardcoded values. I'd hardcode everything while trying things out and only add variables later if you want (or leave it out).
>>
>>7852999
anon can you share ur code pls
>>
>>7853135
Wait a second, I didn't inspect the pic you posted in fullscreen earlier, I see that it has the content, just no styling, so I guess your question isn't how to recreate the page by hand, but how to deploy it, so forget my previous post.
From the looks of it the css isn't linked. I have 2 ideas why that may be:
Either because your browser has issue with local cross origin files, or because it is for some other reason at a different path.
Here's how to fix it:
Easiest way is going into the .css file, copying it all and adding the contents into the html file in <style> tags.
Alternatively by looking into the console in your browser while refleshing you should see some error message that specifies why some assets didn't load. I also don't get how one picture managed to load but the rest didn't, css normally either links correctly or not at all.
Can you give me some more info? What OS are you on, what browser etc.
If it's fundamentally broken I'd like to fix it for others.
>>
>>7853163
Voila
https://pastebin.com/d2FdENG8
>>
>>7853216
thanks
>>
>>7852028
>the code behind it is vastly better now

oof that was mine, but you're right, my code was an antisocial mess lol
>>
>>7853247
>oof that was mine
Don't worry I actually never looked at your code anon, I meant vastly better than my own code that was used when I posted >>7851461.
>>
>>7853248
its all good, the orignal was still probably an improvement on mine
>>
>>7853249
might as well contribute this, I'm now using a darker theme
>>
File: skyline.gif (4.14 MB, 1500x900)
4.14 MB
4.14 MB GIF
>>7853250
the inset image is actually a gif btw
>>
>>7844654 simple and comfy
>>
>>7853197
Hey, Thanks a lot for the reply mate. I am using Firefox. When I click on the actual .html file it works, but I am using an extension to get my startpage to work, and it doesn't display any elements, only this:
>>
>>7853197
I switched to Chrome, It's working perfectly. Thank you so much!
>>
File: startpage.png (110 KB, 1568x1082)
110 KB
110 KB PNG
Got template from the startpages github. Changed background to solid color and added ghost in the shell gif for added kewl.
>>
>>7853257
can you share how you added a gif to it and changed the color of the container?
>>
>>7853301
>but I am using an extension to get my startpage to work
That explains it then, probably the extension that forbids loading of external content.
The way to fix that with github would have been
https://stpg[dot]tk/guides/firefox-startpage/
It's annoying that browsers are trying to discourage custom startpages for ads.
>>7853316
If it works for you that's fine. I don't really use chrome out of principle, but happy it works for you. Enjoy.
>>
>>7853342
Not that op, but you can add a gif the same way you add a image. Just link to the gif instead. As for the container color changes, use the inspector tool on your browser to see what each element is called, then edit that element's colors. If you mean the windows (instead of the contents of the window), with the code I shared in >>7852468 that's not yet easily doable. You either need to edit the image in a image editing software or add some sort of overlay. I was thinking about making that programatically changeable when I have time, but during Christmas and maybe until new years I will probably be busy, so it may take a bit. Will see when I have the time. If I do I will update the github though.
>>
>>7852028
anon can you share how you made the clock pls
>>
>>7853437
Hey, I'm not anon, but I guess he used a little bit of javascript that updates the innerHtml of a div element.
I wrote a couple of functions to do that, let me know if you need them :)
>>
>>7853466
>>7853401
>>7853404
>>7853149
>>7853197
Thanks guys for the help, I finally got where I needed to be with this proper start page. Sending Peace and Love!!
>>
File: startpage.png (36 KB, 1920x1080)
36 KB
36 KB PNG
simple and minimal
>>
>>7853437
Well I was (and kind of still am) visiting family ocer christmas, so I didn't check the thread, sorry about that.
>>7853466 is right though, you can see the code by opening the .html file and looking what is between the 'script' tags.
The function in there is for the clock. That being said if you only want to change the timezone, you can easily do so in the python code as well.
>>7853658
Nice, glad you made it work for you. I like the style.
>>
File: webpage1.png (4.64 MB, 2560x1440)
4.64 MB
4.64 MB PNG
>>7844654
pretty basic, but i enjoy this one
>>
>>7854879
It looks good anon. Readability is a bit low for my tastes, but if it works for you that's great. Personally I'd try to add a border to the font to make it easier to read, but then again you quickly know where the links are by heart anyways.
>>
I made this years ago. Still use it to this day.

Layered a few characters, added a layer of smoke and yellow particles using some random javascript and obviously distributed it all so it looks cool.
>>
>>7844654
>Collection of startpages for modification and use.
>>http://pastebin.com/ZJvDn0eN
>Uploaded Jan 3rd, 2016

Surely, /surely/ it is about time to update that paste?
>>
b
>>
hey wg! somebody knows how can i make a border bottom that looks like this one?
>>
>>7856670
You can do that with another five bottom aligned and with a radial gradient as the background
>>
>>7856670
>>7856739
Ignore the 'five' not sure what happened to my brain
>>
>>7852999
> Luke Smith
> Landchad
Remember to bind your keys so Alt+Shift+^R+f1 takes you to based.cooking
>>
working on this one
what do you think?
>>
>>7844654
I've improved mine
>>
File: unknown.png (2.42 MB, 1920x968)
2.42 MB
2.42 MB PNG
>>
File: 08-01-2022 00 47 03.png (356 KB, 1360x766)
356 KB
356 KB PNG
>>7855752
remade it
>>
>>7845227
is there any way I can do this for librewolf? I have tried to apply this guide to librewolf and it doesn't seem to work
>>
>>7858756
drop code <3
>>
>>7858752
I like that a lot. Can you share the code for yours?
>>
>>7858762
cringe
>>
>>7845130
you using php or javascript?
>>
>>7845130
searching google for "test"

>https://www.google.com/search?q=test

html:

[code]
<form method="get" action="https://www.google.com/search">
<input type="text" name="q" placeholder="search text" />
</form>
[/code]

naturally use some CSS styling or whatever
>>
>>7857767
Not much on it to have a opinion yet. Looks decent, not sure what the middle field is for (links maybe?).
>>7858752
Looks nice, I like the matte appearance and flat nature of it.
>>7858762
Weirdly I prefer the old one, but they both look nice anon.
>>7845130
Most engines encode the query into the URL as part of the request, so no need to work with complicated http requests, just find out the URL syntax and redirect to that, like >>7859041 suggests.
>>
>>7858762
i like it, but i would use the same font for the time so it is more consistent
>>
>>7858864
https://github.com/Jimmynutreno/homepage
>>
File: WIP.webm (2.41 MB, 1006x1042)
2.41 MB
2.41 MB WEBM
WIP
>>
File: 1589311982863.jpg (737 KB, 1920x1080)
737 KB
737 KB JPG
>>7859150
Thanks a lot, fren, have a great Sunday
>>
Mine inst very beautiful under the hood, but i manage to get it done! kkkkkk
>>
File: home.jpg (785 KB, 2561x1295)
785 KB
785 KB JPG
been lurking for a while and been kinda jelly at all the nice startpages you guys have, I finally decided to create one for myself.

question to all the veterans, what is your favorite thing about using a startpage? does it help you with productivity? (like maybe not putting links that can easily distract you etc.)
>>
>>7859419
General feedback: Looks great, I just think readability is a bit low for my tastes. If you want to change that you can either change the font color to something with more contrast (but that may destroy the aesthetic you are going for), add a somewhat translucent background or experiment with a text outline with
-webkit-text-stroke-width
and
-webkit-text-stroke-color

>what is your favorite thing about using a startpage?
I just think they are neat. I get some enjoyment whenever I open a new tab and I see my little startpage pop up.
Technically I have 2 startpages, one of which is more practically useful. One is for my homeserver (a homer dashboard linking to the appropriate adresses and ports for the services I run on it) and the other is my normal startpage which just links to sites I frequent. I get to the server dashboard via a link on my normal startpage. I could of course theoretically have all those services as normal favorites, but I prefer a dashboard. I also still have my favorites toolbar enabled on firefox, which could theoretically replace the normal startpage, but as I said I enjoy the startpage more.
>>
>>7859209
this is a bit too much
did you really do all of this for a personal home page?
i can understand if you're a web dev and you made such a thing as a portfolio website, but i mean something this intricate (or should i say, tedious) for personal use is absurd
>>
>>7859457
>>7859419
nah try this:

text-shadow: 0 0 2px #000;
>>
>>7859419
i really like how this looks, would you mind sharing it?

i haven't noticed an increase in productivity since i started using a custom startpage. as for why i like using a startpage, i'd have to say because it looks nice and having my most frequented sites there to click is a bit more convenient than typing the url into the address bar.

also one totally unrelated question, but would you suggest using 2chan while learning japanese or is there too much slang and it would be overwhelming? and do you wanna be frens on AB?
>>
>>7859520
I don't like blur radius as text backgrounds personally, but it's certainly an option.
>>
>>7859419
>>7859526
the text should have anti-aliasing


-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
>>
alright fuck it, i'm going to make a start page for myself.
i've been a web dev for 7 years, i know PHP and javascript very well. HTML + CSS like the back of my hand

does anyone have some decent php scripts for parsing RSS feeds. i want to have a news feed
>>
>>7859457
thanks for the feedback, I will def try the stroke options. the dashboard thing sounds interesting I've never heard of it before. what links do you keep there?

>>7859520
I'll give that shot

>>7859521
thanks man! of course I can share it. https://github.com/Odensala/startpage-space
I put my ab username in the name field so feel free to add me.

>>7859534
The text is intentionally supposed to be jagged to emulate the PC-9800 feel. Or are you referring to something else?
>>
>>7859589
>the dashboard thing sounds interesting I've never heard of it before.
Dashboards are quite popular among people with homeservers, what software you use for one (or if you write your own) changes from person to person.
Homer is a decent dashboard, generated from a single config.yml file, which live updates (no compiling needed), so it sits in my network and I can just open it in a texteditor, do some quick edits and have it changed. As for the layout - it's not perfect, but its simple and does its job well.
>what links do you keep there?
Basically links to the services on my homeserver, portainer, nginx proxy manager, jellyfin, calibre web, paperles-ng, wiki.js, radarr, sonarr, bazarr, lidarr, qbittorrent, tdarr, jackett, irc client, rss feed, kanboard, snapdrop, dpaste, syncthing, octoprint, archivebox...
Essentially anything hosted on my local server is accessible via the dashboard, anything else (websites, links and similar) goes on the startpage. Then there's a "Homeserver" link on the startpage to get to the dashboard.
>>
>>7859382
yo do you have sauce for that side panel image?
I swore I had it in my papes folder but it's disappeared
>>
>>7858818
https://github.com/Cornbread121/startpage1
>>
File: 1543541545148.jpg (526 KB, 1920x1080)
526 KB
526 KB JPG
>>7859622
I got it from here a while back!
>>
>>7859589
cheers mate, i'll be using your startpage from now on since the one i had before got stale after using it for a few years. also added you on AB, hope you won't mind if i try talking to you sometime haha
>>
>>7859382
>rindo em inglês com "kkkkkk"
>>
>>7859589
>https://github.com/Odensala/startpage-space link isn't working anymore, do you mind sharing the font you used, looks really good man
>>
hey everyone, noob here.
do actual web developers etc refer to
div > img[title]
as a selector pattern or just a selector?
i checked the w3c latest recommended standards document (https://www.w3.org/TR/selectors-3/#selector-syntax) and they say the latter but i've also seen some other resources online refer to it as a selector pattern.
also do people say "type selector" (also the recommended w3 vernacular) or "element selector"?

i know the actual code matters most but i also want to be able to articulate things professionally too.
>>
>>7861731
JF-Dot-jiskan24-2000
https://a.pomf.cat/qjdums.ttf
>>
>>7861734
what is your goal here?
>>
>>7859589
>I'll give that shot
take a screenshot with it i wanna see
>>
File: 1615344196513.jpg (341 KB, 1920x1080)
341 KB
341 KB JPG
>>7861904
not him but here goes
>>
>>7862014
looks a bit better IMO, i would mess around with the text shadow. maybe make the text bigger as well, i have to put my face up to the screen to see it
>>
>>7859573
I'm kinda too in the market for RSS feeds, I've tried Reuters and AP but they're both deprecated or using something different as "RSS"
>>
File: Screenshot (34).png (567 KB, 1366x768)
567 KB
567 KB PNG
>>
>>7862193
>Reuters
https://www.reutersagency.com/en/reutersbest/reuters-best-rss-feeds/#recent-content

>AP
https://webapps.stackexchange.com/questions/113549/rss-feeds-for-associated-press-news#113551

i know php, js, and of course html and css.
i got lazy on the startup page though. decided to do it and 5 minutes later ADHD'd off to something else. i don't know, i might go back to it.
>>
>>7862321
Yes, I've found the Reuters one but as I typed they're not "just RSS" like lets say the BBC.
>https://feeds.bbci.co.uk/news/world/rss.xml
Which servers better use for my usecase since I use it on other places outside my homepage.

Also the link on the SE about AP says their old links are kinda dead, I appreciate the gesture tho.
>>
saved
>>
bump
>>
>>7862319
oh my dog. gimme
>>
>>7858787
It should work the same as the firefox guide, but the installation folder is `/usr/lib/librewolf` (at least for linux)
>>
>>7862319
nice,
Sources on those 2 images?
>>
>>7844663
>At this point, I'm thinking of just getting a github page to host my shitty start page.
get x10 hosting

it's free
>>
>>7862319
Oh this is nice.
>>
>>7859209
inpractical but absolutely gorgeous design. Atleast someone here isnt just copying the same 3 layouts!
>>
>>7866844
Found this through reverse search, http://tabletopwhale.com/index.html
>>
File: 19-07-29.jpg (1.3 MB, 2350x1480)
1.3 MB
1.3 MB JPG
>>
File: Demo Black.webm (1.94 MB, 1920x866)
1.94 MB
1.94 MB WEBM
Shrinking file is kill
>>
File: Screenshot_4.png (2.3 MB, 1582x825)
2.3 MB
2.3 MB PNG
>>7868347
https://github.com/Chlorichub/Parallax-Homepage
>>
File: 22.02.04::123709.png (491 KB, 1920x1080)
491 KB
491 KB PNG
I've made something of my own and it fills nice. Just wanted to say thanks to everyone in this thread.
>>
>>7868347
This is cool
>>
>>7844654
this is not necessarily related to startpages but i dont feel its worth starting a thread on /g/ and figured you guys might know- is there a way to patch firefox to allow custom keybind support? i realize there are some extensions for this but none of them seem to work very well. i want to be able to scroll with keys (not arrow keys) etc, which will involve overriding some of the useless default shortcuts. no idea why ff doesnt support this
>>
bump
>>
>>7868719
I love the consistence. Although I'm more a fan of same wide/wider than taller fonts.
>>
Fun concept, never thought about doing this.

Is plain html encouraged or are postprocessors allowed?
>>
>>7872756
its for your own personal use anon. Make it however you wish
>>
I've been looking a bit about the history of Yahoo! these past few days and got interested in making a startpage of my own. Then I remembered that I made an account a few years ago for making a custom homepage at start.me. With this I can have all the pages I regularly go to and news feeds just like I would with web portals. It's not as custom as making your own with html and css, but the widgets are useful.
>>
File: 324123412341.webm (663 KB, 1920x1080)
663 KB
663 KB WEBM
Indian guys on yt taught me how to do this
>>
>>7861270
Sometimes one forgets.
>>
>>7852999
>Luke Smith
>xqc
>/pol/
HAHAHAHAHAHAHAHAHAHAAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHHHAHAHAHAHAHAHAHAHAHAAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHHHAHAHAHAHAHAHAHAHAHAAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHHHAHAHAHAHAHAHAHAHAHAAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHHHAHAHAHAHAHAHAHAHAHAAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHAHH

WHAT A FUCKING LOSER
>>
>>7874022
That looks fucking shit
>>
>>7874498
>>7852999
the numbers have spoken
>>
>>7852999
A fellow erobber emoney7
>>
Page 9 lads.
>>
This is mine right now. I have some pixel gifs that I like that randomly load using Javascript. I also made it so that a key press can trigger certain links.

How do you like it anons? I eventually want to add in the search bar and maybe some Weather/AQI info.

>>7845227
Right now I am using GitHub pages and using New Tab Override. Is the method mentioned here able to also take my Javascript and stylesheets as well or does it just have to be straight HTML?




>>
>>7876902
why you make me come again
>>
File: snapshot.jpg (544 KB, 1695x849)
544 KB
544 KB JPG
First time dipping my toe on this startpage thing.

How do you enable yt video embed? It worked well on the demo but it says "Video Unavailable" here.
>>
File: startpage.png (638 KB, 1920x965)
638 KB
638 KB PNG
I've been working on this one for 2 days.

It's not a looker yet but I've set it up in a way that I can use it on multiple machines with different themes and link lists without needing to touch the HTML or the CSS.

This is one of the 5 themes I made for it.
>>
File: 1629069713138.jpg (66 KB, 1024x747)
66 KB
66 KB JPG
>>7879969
Very nice. Bonus points for Century Schoolbook.
>>
>>7879969
for that startpage, use this

<iframe width="100%" height="100%" src="https://www.youtube.com/embed/[video code for youtube]" frameborder="0" allowfullscreen></iframe>
>>
>>7852028
>>7852273
>>7853135
>>7853316
Can you please post the the sakura background, I like it thanks. I made an edit without the text but I'd like the full image.
>>
>>7879969
>Telegram
>reddit
>>
>>7880175
The background is included in the repo in the link I posted in >>7852028 , both on github and gitlab. I also linked the source of it in the readme there.
Anyways the attached pic is the 1920x1280px version, if you want the 6720x4480px version, download it from https://pixabay.com/photos/blossom-pink-garden-nature-4151081/, I think /wg/ has a 6MB limit and that image is 8MB big.
>>
>>7880298
Thankyou, I am totally a retard I thought the image linked was edited but its just a crop of the top left corner! Thanks!
>>
>>7880130
fuck I have brain damage and only just realized
>>7879955
here, sorry I'm retarded
if the search bar is acting up, change it to https for google
>>
>>7879982
Thanks anon, but is actually a Google font called Old Standard, it's a nice one.

>>7880278
>Telegram
What's wrong with telegram?
>>
>>7880360
insecure russian botnet
>>
>>7880130
>>7880357
Thanks for the insight, Anon
>>
File: startupagu.png (2.41 MB, 2560x1440)
2.41 MB
2.41 MB PNG
>>7853263
Love it clean and cute
>>7853250
I like this a lot anon
>>7859419
I like the font and layout
>>
File: homepage.png (4.77 MB, 2880x1800)
4.77 MB
4.77 MB PNG
Just threw his together last night after seeing the thread, the links are pretty much placeholders until I figure out what I want/need.
>>
File: msp200322.png (765 KB, 3078x1595)
765 KB
765 KB PNG
kept it simple
>>
Alright fellas how does it look?

I've been working on this since I've posted

>>7879969

There are some minimal changes I'd like to make but it's mostly feature complete. It even has automatic light & dark mode switching. This is the light theme I made, I'll post the dark theme in a bit.
>>
Here's the dark mode

>>7881391
Really nice anon I like the simple look, love the layout.
>>7881346
Looks nice and comfy
>>
>>7881391
Oh I like this. Do they expand?

>>7883028
>>7883029
My man that's so nice.
>>
>>7883285
>Oh I like this. Do they expand?

They don't, but that's great idea thanks! i'll see if i can add that
>>
>>7883285
Hey thanks. I can share the code if you want.
>>
>>7844654
Can you share the backgrounds? Both of them
>>
Greeting anons, I would like to know how to create a to do list that can be transferable to any devices.
>>
File: startuppage.png (862 KB, 1037x871)
862 KB
862 KB PNG
>>
File: 23.jpg (113 KB, 1679x905)
113 KB
113 KB JPG
>>7874624
Good.
>>
>>7884947
this iteration looks a lot better
>>
>>7867878
>>7859519
Nothing wrong with putting effort into making something you'll see often look nice.
I don't know how half the bland repetitive stuff in these threads don't drive people insane.

>>7859209
Great work Anon, love the creativity.
>>
File: Capture.jpg (704 KB, 3840x2066)
704 KB
704 KB JPG
>>
>>7862319
impressive. very nice.
>>
>>7844654
I'm not sure if this is the right thread to ask but anyone know where I can find Custom CSS for 4chan?
>>
>>7883029
Beautiful work!
>>
>>7884881
Thats great man
>>
don't know if right thread, but worth a shot.
anyone is using firemonkey for userscripts and 4chan x? it seem faster than on voilentmonkey but for some reason thread watcher is bugged and it don't prune dead threads, or sometimes forgot what post was made by me
>>
>>7887044
>firemonkey
It's a bit of a mess as far as compatibility with 4chan-x goes in my opinion. Might want to reach out to the creator on github.
>>
>>7883787
Do share please
>>
>>7886863
Thanks a lot!

>>7887259

https://github.com/KazaKazan/aura

The commands are a little bit convoluted at first but once you get used it, they're usable. lmk if you have any questions.
>>
Is there any API or endpoint I can fetch to see if a certain Facebook page has a live stream? I've been searching for the past couple of hours but to no avail.

For that matter, is there some easy way to check the same for a Twitch stream? I know Twitch has an API for it but they require you to sign up for dev permissions or some such shit.

I would love to have my homepage automatically check every 15 minutes or so if some of my streams are online.
>>
>>7844654
hello, does anyone can say me how to autoscale all things in css or html so page would look 150% bigger
Im not in codding at all
>>
>>7887631
Use relative measurements instead of fixed, so use units like %, vw, vh etc. instead of px
>>
File: 1616290645884.jpg (127 KB, 736x735)
127 KB
127 KB JPG
>>7851350
There isn't a much more convenient place than /wg/'s and /g/'s desktop threads from my experience.
>>
>>7844691
anon follow this guide https://stpg[dot]tk/guides/chrome-startpage/
and if you want your startpage to work in incognito mode too then just add " "incognito": "split" " in your json file.
>>
File: startpage.png (2.62 MB, 1920x1040)
2.62 MB
2.62 MB PNG
here's my made-from-scratch startpage/new tab page
it may be full of spaghetti-css, but it's mine

any tips/recommendations appreciated
>>
bump
>>
>>7881082
would you mind posting that pape?
>>
I have a setup where basically everything on my system (linux) adapts to my terminal color scheme which is automatically randomized from a relatively large set of palettes on command or reboot (picrel for example). This is relatively easy to achieve using pywal since it features python scripts to automatically export your current scheme to a myriad of different syntax formats (.sh, .css, .json, and so forth). Now, the only thing that I can't figure out is what add-on or otherwise similiar userscript to use to have preferably all (and if that's not possible: just certain websites) adapt this color scheme as well. That means I'm looking for a way to inject all websites I'm visiting with a css-file that reads from my automatically updated .css file (it's basically a file with 18 variables: wallpaper, fg, bg, color0-15). I know how to implement this in another css file since I got Firefox's userStyle.css as well as my startpage hooked up like this but I just don't know where to look to get 4ch, mail, youtube, etc. colored like this. For example, onee-chan only features static color customization and the build-in CSS injection won't allow me to import my external. Same with the static theme feature of darkreader. Can anyone help me out?
>>
>>7888149
actually love it anon, very cozy
>>
>>7889745
maybe I misunderstand the question but (assmuning i didnt) what you could do is simply write a userstyle for the websites mentioned that refer to a global CSS variable that you have applied to all sites. and then have your python script change the colors in your global variables.
>>
>>7889745
I really like this one
>>
>>7890148
Hey, thanks for answering and I don't think you misunderstood, though I suppose I would've prefered a way where I wouldn't have to create a userStyle for every specific page but a script where it would inject the same colors to every page automatically (like DarkReader). Not quite sure how to make a css variable global though. So far it works for me like this: I have a file called 'colors.css' that changes automatically. It looks like this: [code]/* CSS variables
Generated by 'wal' */
:root {
--wallpaper: url("/home/damon/.config/wpg/wallpapers/1564357558557.png");

/* Special */
--background: #090506;
--foreground: #dbc0bd;
--cursor: #dbc0bd;

/* Colors */
--color0: #090506;
--color1: #9B5E69;
--color2: #C16C7F;
--color3: #A7887B;
--color4: #BC7481;
--color5: #D17489;
--color6: #BA9D8A;
--color7: #dbc0bd;
--color8: #998684;
--color9: #9B5E69;
--color10: #C16C7F;
--color11: #A7887B;
--color12: #BC7481;
--color13: #D17489;
--color14: #BA9D8A;
--color15: #dbc0bd;
}
[/code]
And then I have a userChrome.css file that imports these variables [code]@import url('colors.css') screen;[/code]. What would be necessary to make this global so that I could refer to these from an userStyle.css? Also what should I use to make userStyle.css files? Stylus? Stylish?
>>7890307
Thank you, since I always get randomized schemes every day upon boot I never know if it's gonna look nice either. That picture from before is one of my favorites.
>>
>>7890609
shit, code formating doesn't work like on /g/ sorry for the messy post
>>
I've been trying for a while and I can't make firefox to open a local file on new tab, new tab override doesnt work, how are you guys doing it?
>>
>>7891001
Same problem here, I gave up and just used the new tab override extension
>>
>>7891001
>>7891208
There's a guide on stpg[dot]tk/guides/firefox-startpage/ for that. Works at least on linux for me
>>
>>7891305
Finally, I had some trouble with the filenames of some old files but it works now, thanks.
I changed drives last week and I'm still fixing things, half the paths on my computer are wrong, I have 4 firefox installs, its a mess.
>>
>>7844654
Probabbyl not the thread to ask this, but is there a way to remove the horizontal margin in 4chanx gallery mode (where the next/previous image buttons are).
Really would like images to use the 35 or so pixel horizontal space.
>>
https://github.com/omimanav/startpage/tree/master/comfy

best to go through the js to get a quick idea of how the search bar works ie. /[boardcode]/ will take you to catalog and partial words will redirect you to the closest matching website in the predefined list (you can edit this in the js) also change/remove the tickers but please use your own api key, I only have a free/limited requests threshold.
>>
File: file.png (727 KB, 1367x921)
727 KB
727 KB PNG
I used that common startpage template cause I suck at css.
I'm copy pasted some cute ascii art and made some spaghetti js that somehow works.
I got too carried away and its a bit too cluttered than what I would like it to be.
>>
>>7887484
So I was able to do this by fetching the mobile version of the page, i.e. "m twitch tv/user", but it was kind of a futile endeavor from the very beginning since Firefox won't let me just fetch remote HTML like that because of CORS policy. This does necessitate a CORS proxy (either remote or running locally) which is kind of a bummer but better than making a dev account on both Twitch and Facebook, I think.

I was finally happy with the result I wanted though I agonized with picking the color scheme because artsy stuff just doesn't come to me naturally. I also wanted to display current weather information but sadly the service is down as I make this post so it just shows "couldn't fetch information".
>>
>>7853326
this is sick, where is that art from?
>>
>>7891948
reads right there in his post
>>
Maybe not the right place to ask, but:

I thought it would be cool to make a startpage where the background is a live camera feed of a city, traffic, or something similair. Does anyone have any ideas to how that wcould be achieved? An API which fulfills this?
>>
>>7890609
maybe I wasn't quite clear. When I say global variable i mean with a tool like stylish. If you have a file with CSS variables and you set the scope of the stylesheet to work on every site you can just access it from the different site specific sites. however this is alot of manual work so i understand if it isnt ideal.
>>
>>7844654
>>
>>7889745
>>7890609
How does one achieve that really seamless look for the tabs in the browser? I've seen it around a lot, making my browser clean like that is my next goal!
>>
>>7891982
>Does anyone have any ideas to how that wcould be achieved?
- Find 24/7 h stream of city traffic.
- Embed as background.
- Optionally add a filter or overlay over the embed (such as blur).
- Profit.
No API needed.
>>
>>7892949
It works best for me using pywal or wpg (which in essence is pywal with gtk3 support). So here is what I did:
>enable userChrome.css for Firefox
>download any reasonable preset off the internet (in my case: simpleFox)
>change the colors to match my browser by importing ~.cache/wal/colors.cc into my userChrome.css file and using the colors pywal exports: [code]@import uril('file:///home/user_name/.cache/wal/colors.css');[/code]
>repeat the same for my startpage
>now everytime I change my terminal color palette with pywal I get a new look. So what I did was feed every wallpaper I have to wpg and then run [code]wpg -nm[/code] on every WM-start and I have a seamless new look every time I reboot.
>>
>>7893269
Huh, I'll take a look at doing this maybe tonight! Thanks for the response
>>
hi complete newfag here, i just need a little help with css
is there any quick trick or something i could use to click to reveal spoilers and have them stay revealed instead of hovering over?
>>
>>7892827
I like the descriptions, I think I've never seen anyone add something like that so it is a nice change.
>>
>>7893725
:focus instead of :hover
>>
Do someone has the mega with anime girls images?
>>
>>7894999
idk if you're looking for a specific one but here's my collection, hope you like it :')

/folder/8Jd3AZaY#oRPK8tJum5vlF83vL2BVEQ
>>
File: Untitled.png (2.54 MB, 1600x898)
2.54 MB
2.54 MB PNG
Did this for work. Don't really frequent that many sites on my personal computer to justify having a start page.
>>
>>7847487
Here, anon. It's on leddit
https://www.reddit.com/r/startpages/comments/pl7rif/made_my_windows_95insipired_startpage_a_little/
>>
File: snip.png (200 KB, 993x605)
200 KB
200 KB PNG
>>
File: startpage.gif (302 KB, 1394x646)
302 KB
302 KB GIF
>>7895931
should've waited before posting. made some improvements
>>
>>7858762
drop code?
>>
>>7895952
I absolutely despise that font, but everything else looks great, good job. And who cares if I hate the font as long as you don't.
>>
do you guys use frameworks for this or all from scratch?
>>
>>7896903
For a startpage it's better going vanilla Javascript, even if it's something visually complex. At least I don't like bloated.
>>
>>7896929
90% of the stuff in here doesn't need Javascript
>>
is there a way to automatically opens every pics in the thread? I want to view full pictures without clicking on the thumbnail.
>>
>>7898011
4chan-x can do it
>>
>>7898011
Open the developer console with F12 and type or paste this:

document.querySelectorAll('.fileThumb img').forEach((e) => {e.click();})

Is that what you want?
>>
File: brave_pwovAJbNG4.png (424 KB, 1920x1080)
424 KB
424 KB PNG
>>7844654
-Browser: Brave

Not using an app, just write the HTML, CSS and make my own graphics.
>>
what is the best way to do the box layout thing (the containers with links side by side you know what i mean)
all those are <div id="box">
also i want multiline support so if it does not fit to one row it wraps
>>
>>7895952
good job anon
>>
Anyone here make startpages with javascript?
>>
>>7898489
Oh man the 90s vibes
>>
>>7891705
Your script is long and tedious but fucking christ I love the functionality of it. Good on you, seriously.
>>
>>7898489
Xfire vibes
>>
>>7898541
flexbox
>>
>>7891705
>https://github.com/omimanav/startpage/tree/master/comfy
Thank you for posting this, motivated me to try out some stuff myself.
I'll look into getting the stock data using scraping.
>>
Page 8 me lad, will we make it to the 300?
>>
>>7900751
awesome, glad you like it, it's been changed since that screenshot and I've added a suggested site view, might not be the best algorithm but please feel free to branch it and improve it as you'd like :) glad you like it man

>>7898908
:D ty
>>
are there any good books on javascript?
>>
>>7895931
nice! whats the picture from?
>>
>>7844654
What's the best way to use startpages when you can't load the local file. Is using a local web server the only way, it seems like a bit of a pain
>>
>>7884881
Source for the background or anything similar? Im working on a personal site for a friend who likes that kind of aesthetic.
>>
File: furry_avocado.png (293 KB, 1440x900)
293 KB
293 KB PNG
done in 2 minutes
>>
>>7904239
Look at >>7891305
>>
>>7891811
>>7881391
i love these! can u share please?
>>
>>7852999
Erobb221 CLM
>>
>>7904626
Websites dead
stpg.tk is no more
>>
>>7904626
github
>>
I'm aware of the rippeness of stpg.tk and I'm in contacto with who manages it. Maybe in the next week could be walking again.
>>
anyone have the instructions memorized or the script from stpg.tk? id always use that to patch ff when setting up new system.
>>
File: html.png (462 KB, 3200x1800)
462 KB
462 KB PNG
made this simple one tonight. thoughts?
>>
Is there any ways to do this myself without learning coding?
>>
>>7905561
Like the colors with the picture and the background. What font did you use?
>>
>>7905754
Font is Iosevka. And thanks anon.
>>
File: webm.webm (626 KB, 1920x1280)
626 KB
626 KB WEBM
check me out check me out
i took the html course and an indian youtube video
thanks everyone
>>
File: 1.png (3.21 MB, 2560x1440)
3.21 MB
3.21 MB PNG
>>
File: 2.png (2.87 MB, 2560x1440)
2.87 MB
2.87 MB PNG
>>7905885
>>
I used to have a startpage, but I decided to just use bookmarks in the end. Startpage somewhat seems like a waste of time, and Brave's homepage looks good out of box.
>>
>>7905852
Holy fuck anon that's beautiful congrats
>>
>>7905852
why do you have two YouTube shortcuts
>>
>>7903403
Not sure. I found it on Pinterest by searching up emo couples or something
>>
File: file.png (1.43 MB, 1872x961)
1.43 MB
1.43 MB PNG
My first ever attempt at creasing a startpage, no prior knowledge of html or css. I use this startpage as a little project to get into programming.
I would really like to include a date and time widget but those youtube tutorial really didnt help... also a to do list would be nice. Anyone know how I could approach these tasks?
>>
Temporary, we got stpg guide back on https://stpg-tk.netlify.app/

Thanks mr anon!
>>
>>7906796
fricken awsome thanks man
>>
>>7846072
i cannot get over how fucking based this is. thanks man.
>>
>>7895931
what's the name of that font?
>>
>>7907074
>Gaegu
https://fonts.google.com/specimen/Gaegu
>>
>>7907766
ty
>>
File: 1642566027489.png (704 KB, 1918x977)
704 KB
704 KB PNG
Normally the icons underneath are populated using the chrome topsites api but i barely use chrome so it isn't populated.

This is just an extension though, pretty neat. You can change wallpapers and it can even pick a random one when you open a new tab.
Has a few other settings you can mess with like the clock and search engines.
Obviously not as modular as making your own but i think it's neat.

Hope it gets ported to firefox soon
>>
>>7908357
>using the chrome topsites api
I think that's pretty neat
>>
Can someone give me a quote plugin that doesn't require an API. I don't know Javascript, I just want to have my startpage to give me some pseudointellectual bullshit so i can feel smart.
my current solution is a script i stole from google, but it stores the quotes in an array which is functionally fine, but knowing me I'm going to fill that very full. isn't there a way to store it in an external file and just write its variables?
>>
>>7910734
Just stuff it in a json, then load it with javascript as an array and pick a random index.
>>
>>7910863
do you know where i can get a retard's guide to this, or a code i can repurpose? i do not know javascript enough to frankenstein this together.
>>
coding newfag here, im trying to edit OPs startpage (the one from reddit). but when i inspect element and make changes and save. the startpage "breaks". When i try to look at the code in Visual Studios, i can't see the code that is responsible for links and catagory names etc. Any idea how i can fix?
>>
>>7910931
https://stackoverflow.com/questions/4550505/getting-a-random-value-from-a-javascript-array
https://stackoverflow.com/questions/5677799/how-to-append-text-to-a-div
>>
>>7911187
yeah that's what I'm doing. I'm calling from an array that has, "Quote" and "Author" but I want to shove it in a separate script because it's huge right now.
is that fine?
>>
>>7911217
Oh, yeah you can move the data as-is to its own .js file like so:
https://stackoverflow.com/questions/3244361/can-i-access-variables-from-another-file
>>
>>7911222
oh shit thank you, anon. i'm going to tinker with this. that's a pretty simple looking solution.
you have no idea how long i've spent searching for a solution to this only to come up with weird ass broken answers. Javascript seems whack.
>>
File: 1656958823445.png (563 KB, 2560x1434)
563 KB
563 KB PNG
For your finance nerds, I've made a quick Bloomberg Terminal CSS.
https://pastebin.com/LHr209YB



Delete Post: [File Only] Style:
[Disable Mobile View / Use Desktop Site]

[Enable Mobile View / Use Mobile Site]

All trademarks and copyrights on this page are owned by their respective parties. Images uploaded are the responsibility of the Poster. Comments are owned by the Poster.