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.
>>7844663Here's what you need to know:https://stpg[dot]tk/guides/firefox-startpage/
>>7846070I'm more interested in how you customized your browser.
>>7846554custom firefox css
>>7844654anon can you drop the index.html to your start page? giving my fairly simple one below.
>>7847487OP's are often one from the previous thread. Sorry mate.
>>7848139oh well, thanks a lot!
>>7847487>>7848139 is right but that page shouldn't be too hard to replicate.
>>7846072What is the code for those space-filling tabs?
>>7851137Often max-width iirc, r/firefoxcss or something like that has more on it, although if you want the specific class I can search it.
Good place to get tiling wallpapers?
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.
>>7851461Last 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...
>>7851990you 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.
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.pyhttps://gitlab.com/Baut/startpage.py
>>7852028>>7851461Added 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.
>>7844654recently when using firefox the hover to unwarp animation starter pages similar to https://startpages.github.io/startpages/Startpage-zivallh/andhttps://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 browsersSince 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.
>>7852573i figured it out
>>7852831Wait fingerprinting is fucking with the code? The fuck are they using that requires user identifiable data? kek.
>>7852865for 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
>>7852901oh 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.
>>78522732 more images, then I am done posting this startpage.I like the darker space look quite a lot as well.
>>7852906And 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.
How difficult would it be to get my startpage to scale with the size of the browser window?
>>7852999What 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.
>>7853011Okay I will try. Thanks brother.
>>7852028Hey 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
>>7853135The 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).
>>7852999anon can you share ur code pls
>>7853135Wait 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.
>>7852028>the code behind it is vastly better nowoof that was mine, but you're right, my code was an antisocial mess lol
>>7853247>oof that was mineDon'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.
>>7853248its all good, the orignal was still probably an improvement on mine
>>7853249might as well contribute this, I'm now using a darker theme
>>7853250the inset image is actually a gif btw
>>7844654 simple and comfy
>>7853197Hey, 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:
>>7853197I switched to Chrome, It's working perfectly. Thank you so much!
Got template from the startpages github. Changed background to solid color and added ghost in the shell gif for added kewl.
>>7853257can 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 workThat 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.>>7853316If it works for you that's fine. I don't really use chrome out of principle, but happy it works for you. Enjoy.
>>7853342Not 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.
>>7852028anon can you share how you made the clock pls
>>7853466>>7853401>>7853404>>7853149>>7853197Thanks guys for the help, I finally got where I needed to be with this proper start page. Sending Peace and Love!!
simple and minimal
>>7853437Well 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. >>7853658Nice, glad you made it work for you. I like the style.
>>7844654pretty basic, but i enjoy this one
>>7854879It 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.
>>7844654>Collection of startpages for modification and use.>>http://pastebin.com/ZJvDn0eN>Uploaded Jan 3rd, 2016Surely, /surely/ it is about time to update that paste?
hey wg! somebody knows how can i make a border bottom that looks like this one?
>>7856670You can do that with another five bottom aligned and with a radial gradient as the background
>>7856670>>7856739Ignore the 'five' not sure what happened to my brain
>>7852999> Luke Smith> LandchadRemember to bind your keys so Alt+Shift+^R+f1 takes you to based.cooking
working on this onewhat do you think?
>>7844654I've improved mine
>>7845227is 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
>>7858756drop code <3
>>7858752I like that a lot. Can you share the code for yours?
>>7845130searching google for "test">https://www.google.com/search?q=testhtml:[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
>>7857767Not much on it to have a opinion yet. Looks decent, not sure what the middle field is for (links maybe?). >>7858752Looks nice, I like the matte appearance and flat nature of it. >>7858762Weirdly I prefer the old one, but they both look nice anon.>>7845130Most 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.
>>7858762i like it, but i would use the same font for the time so it is more consistent
>>7859150Thanks a lot, fren, have a great Sunday
Mine inst very beautiful under the hood, but i manage to get it done! kkkkkk
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.)
>>7859419General 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-widthand-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.
>>7859209this is a bit too muchdid 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>>7859419nah try this:text-shadow: 0 0 2px #000;
>>7859419i 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?
>>7859520I don't like blur radius as text backgrounds personally, but it's certainly an option.
>>7859419>>7859526the text should have anti-aliasing-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
>>7859457thanks 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?>>7859520I'll give that shot>>7859521thanks 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. >>7859534The 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.
>>7859382yo do you have sauce for that side panel image?I swore I had it in my papes folder but it's disappeared
>>7859622I got it from here a while back!
>>7859589cheers 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 todiv > 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.
>>7861734what is your goal here?
>>7859589>I'll give that shottake a screenshot with it i wanna see
>>7861904not him but here goes
>>7862014looks 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
>>7859573I'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"
>>7862193>Reutershttps://www.reutersagency.com/en/reutersbest/reuters-best-rss-feeds/#recent-content>APhttps://webapps.stackexchange.com/questions/113549/rss-feeds-for-associated-press-news#113551i 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.
>>7862321Yes, 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.xmlWhich 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.