squareup A sleek and modern startpage_系统开发案例-程序员客栈

squareupAsleekandmodernstartpageLiveDemosquareupstartpage

FeaturesResponsiveUIWebSearchSuggestionsMobileSupportThemeSwitcherKeyboardnavigationSearchEngineSelectionAnimatedBackgroundWebMenuwithFuzzySearchVanillaJavascript!Andmanybugs!UsageClonethisrepo.Setitasyourdefaulthomepage.KeybindingsEscape-toggleswebmenuControl+Space-switchessearchengineAlt+Space-switchescolorschemeQuicksearch

r/+subredditnamewillopenthesubredditifvalidorexisting.

r/unixpornr/startpages

w/+searchquerytosearchonwikipedia.

w/linuxw/Javascript

u/+searchquerytosearchforanimage/photoonunsplash.

u/natureu/technology

a/+searchquerytosearchaproductonamazon.

a/intelcelerona/windows10sourcecode

e/+searchquerytosearchaproductonebay.

e/pentium4e/uraniumcore

y/+searchquerytosearchavideoonyoutube.

y/howtobuildanuclearreactory/strangealiensightingsinoregon

n/+comicidtosearcha"comic"onacertain"comic"website.

n/177013

g/+searchquerytosearchaforarepo/userongithub.

g/manilaromeg/squareupg/manilarome/squareupURLRedirects

SearchingavalidURLwillredirectyoutothesaidURL.Notethataprotocol,https://forexample,isrequired.

https://haveibeenpwned.com/queryisvalid,soyouwillberedirectedtohttps://haveibeenpwned.com/.google.comisnotavalidURL,soitwillsearchitonyourdefaultsearchengine.www.duckduckgo.comisalsoinvalidbecauseitdoesn'thaveaprotocol.URLQueryParameters

Youcanalsopassaquerybyusingtheqparameter.Thedefaultsearchenginewillbeused.

manilarome.github.io/squareup?q=howtobuildanuclearreactorathome127.0.0.1?q=howtodownloadmoreRAMingoogleplaystorefile:///PATH/TO/squareup/index.html?q=howtorestoresystem32SettingsandCustomizationCustomizingcolorscheme

Changethecolorschemebyjustclickingabutton!

Dark-Darkcolorscheme.Goodforthenight.Light-Brightcolorscheme.Goodforkillingtheeyes.Auto-Loadacolorschemebasedontime.Editlight/darkmodehoursonjs/config.jsCustomizingpanelbuttons

Toaddmorewebshortcuts/buttonsonthedock,youhavetoeditthepanelSitesarrayinjs/config.js.Makesuretoputaniconwithsvgformatfortheshortcutinassets/webcons/folder.

//ExampleconstpanelSites=[{site:'Reddit',icon:'reddit',url:'https://reddit.com/'},...]Customizingwebmenu

AddmoreitemsorwebshortcutsinthewebmenubyeditingthewebSitesarrayinjs/config.js.Makesuretoputaniconwithsvgformatfortheshortcutinassets/webcons/folder.

//ExampleconstwebSites=[{site:'Reddit',icon:'reddit',url:'https://reddit.com/',category:'social'},...]Customizingquicksearch

AddmorequicksearchshortcutsbyeditingthequickSearchDataobjectinjs/config.js.Makesuretofollowtheformatbelow:

//ExampleconstquickSearchData={'r/':{urlPrefix:'https://reddit.com/r/'},...}Switchdefaultsearchengine

Startpageisthedefaultsearchengine,ifyouwanttochangeit,justclicktheswitcherbuttononthepanel.

Availablesearchengines:

StartpageQwantEcosiaDuckduckgoYahooGoogleBingCustomizingavailablesearchengines

AddmoresearchenginebyeditingthesearchEnginesobjectinjs/config.js.Makesuretofollowtheformatbelow:

//ExampleconstsearchEngines={'duckduckgo':{name:'Duckduckgo',prefix:'https://duckduckgo.com/?q='},...}Changingclockmode

Therearetwoclockmodesavailable-24-hourand12-hour.Switchbetweenclockmodesbyjustclickingontheclock.Simple.

ImportantNoteMakesurethatjavascriptisenabledinyourbrowser!MakesuretowhitelistordisableNoScriptandDarkModeReaderextensionsonthishomepage.Ifyouareexperiencingslowdowns,youcandisabletheanimationsincss/animated-background.css.TestedonlyonFirefoxandGoogleChrome.TODOs

Squareupwillsitbetweenminimalandbloated.TheitemsinthisTODOlistaretheonlyoneI'mplanningtoimplementinthishomepage.

SearchengineswitchingAutosuggestionCategorizedWebMenuIssues?

Feelfreetoopenone!

PR?

Thatwouldbegreat!

Otherworks

Checkmyotherworksrelatedtothisstartpage.

blurredfox-agorgeousandmodernfirefoxCSStheme.the-glorious-startpage-myveryfirststartpage.Kindabloatyandcodeisquitemessybutstillkindaworksandlooksgorgeous.the-glorious-dotfiles-astashofmyconfigurations.

squareup A sleek and modern startpage

作品详情

重点城市程序员兼职推荐

重点岗位程序员兼职推荐