{"id":16980285,"url":"https://github.com/seanvree/homepage","last_synced_at":"2025-03-22T15:30:35.877Z","repository":{"id":85198838,"uuid":"105731662","full_name":"seanvree/homepage","owner":"seanvree","description":"Custom Start/home page (multi LIVE search) with live animated weather and news ticker - written in HTML/JS. Minimal, self-hosted, and dope. ","archived":false,"fork":false,"pushed_at":"2022-09-21T23:23:13.000Z","size":3818,"stargazers_count":45,"open_issues_count":5,"forks_count":16,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-03-13T18:41:19.869Z","etag":null,"topics":["google","html","news-ticker","search","self-hosted","start-page","startpage","startpages","weather","weather-data"],"latest_commit_sha":null,"homepage":"https://seanvree.github.io/homepage/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/seanvree.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-10-04T04:28:17.000Z","updated_at":"2025-02-19T04:05:58.000Z","dependencies_parsed_at":"2023-03-03T17:45:13.696Z","dependency_job_id":null,"html_url":"https://github.com/seanvree/homepage","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seanvree%2Fhomepage","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seanvree%2Fhomepage/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seanvree%2Fhomepage/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seanvree%2Fhomepage/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/seanvree","download_url":"https://codeload.github.com/seanvree/homepage/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244978341,"owners_count":20541838,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["google","html","news-ticker","search","self-hosted","start-page","startpage","startpages","weather","weather-data"],"created_at":"2024-10-14T01:50:50.220Z","updated_at":"2025-03-22T15:30:35.868Z","avatar_url":"https://github.com/seanvree.png","language":"JavaScript","funding_links":["https://paypal.me/monitorrapp"],"categories":[],"sub_categories":[],"readme":"# Homepage\r\n\r\n### Custom Start/home page (multi LIVE Search) with live animated weather and news ticker -  written in HTML/JS. Minimal, self-hosted, and dope.\r\n\u003cbr\u003e\r\n\r\n**DEMO**:  https://seanvree.github.io/homepage/\r\n\r\n**Last Updated**: 17 NOV 2019:\r\n- Added Google Analytics (**Action Required**).\r\n- Code maintenance.\r\n- Updated jQuery, Bootstrap.\r\n\r\n\r\n# Features:\r\n\r\n- Self hosted, VERY minimal(ish)/lightweight.\r\n- Live searching.\r\n- Customizable Bookmarks.\r\n- Mobile ready.\r\n- Fully functional multi-search input form (Google, YouTube, Wiki, IMDB).\r\n- Live custom news ticker provided by: feed.mikle.com ($1/month).\r\n- Background auto change (day/night).\r\n- Monthly calendar modal (Click on date) (Appears only on desktop browsers - screen height \u003e 730px).\r\n- Live DTG with click-to-convert time (12/24hr).\r\n- Weather data auto generated via Geolocation.\r\n- Weather API provided via OpenWeatherMap.\r\n- Click-to-convert Celsius/Fahrenheit.\r\n- 5-day forecast data (Click on right weather icon).\r\n- Page hit counter (PHP) (bottom right).\r\n- Stand-alone weather app can be found here:  https://github.com/seanvree/Weather\r\n- Check out my other self-hosted apps here:  https://github.com/Monitorr\r\n\r\n\u003cbr\u003e\r\n\r\n## Screenshot Desktop:\r\n\r\n\u003cimg src=\"https://i.imgur.com/WkiO88x.gif\"\u003e\r\n\r\n## Screenshot Mobile:\r\n\r\n\u003cimg src=\"https://i.imgur.com/MAlKhhB.gif\"\u003e\r\n\r\n## Animated Weather Icons :\r\n\r\n\u003cimg src=\"https://i.imgur.com/0iamcsT.gif[/img]\"\u003e\r\n\r\n# Notes:\r\n\r\n- Add desired background image files:\r\n\r\n**`/css/main.css`: LINE 38 \u0026 55**:\r\n\r\n```\r\nbackground: url(\"background_day.jpg\");\r\n```\r\n\r\n_NOTE_: Background DAY displays from 0800-2000 local browser time\r\n\r\n\r\n- Turn ON search auto-complete by changing the value to `\u003c \"autocomplete=\"ON\" \u003e` at the following location:\r\n\r\n**`/index.html`: LINE 265:**\r\n\r\n```\r\n\u003cinput type=\"search\" id=\"flexbox-input\" name=\"s\" value=\"\" placeholder=\" Search...\" autocomplete=\"off\" spellcheck=\"false\" autofocus\u003e\r\n```\r\n\r\n### WEATHER DATA: \r\n- Acquire your FREE API key at https://home.openweathermap.org/users/sign_up\r\n- Replace the default key:\r\n\r\n**`/js/weather.js` : LINE 12:**\r\n \r\n```\r\n   var weatherApiKey = ' YOUR KEY HERE ';\r\n```\r\n\r\n- Change the default temp unit from F to C by changing the following two items:\r\n\r\n**`/index.html`: LINE 128:**\r\n\r\n```\r\n\u003cdiv id=\"unit\" class=\"unit hidden\"\u003e\u0026degF\u003c/div\u003e\r\n```\r\n\r\n**`/js/weather.js`: LINE 8:**\r\n\r\n```\r\nvar unit = 'metric';\r\n```\r\n\r\n- Weather auto refresh default setting is  **30** seconds (2 calls per minute), or 30000(ms). Max is 60 API calls per 1 minute. Change at the following location:\r\n\r\n**`/js/weather.js` : LINE 201:**\r\n\r\n```\r\nvar t = window.setInterval(searchByLocation, 30000);\r\n```\r\n\r\n### TICKER DATA: \r\n- Create a customized feed.mikle ticker widget for RSS news sources and style.  Go to https://feed.mikle.com, create an account, and replicate the settings of the screenshot image `/img/feedmikle.jpg ` located in this repo.  \r\n- Input the custom ticker widget URL at the following location:\r\n\r\n**`/index.html` : Line 293**:\r\n \r\n ```\r\n \u003cscript src=\"https://feed.mikle.com/js/fw-loader.js\" data-fw-param=\" YOUR NUMBER HERE \"\u003e\u003c/script\u003e\r\n ```\r\n\r\n### GOOGLE ANALYTICS:\r\n- Acquire a FREE Google Analytics site ID at: https://analytics.google.com/ \r\n- Replace the default site ID `UA-XXXXX-Y` at the following location:\r\n\r\n**`/js/analytics.js` : LINE 9**:\r\n \r\n```\r\n   ga('create', 'UA-133756821-1', 'auto');\r\n```\r\n\r\n## LIVE Search Usage:\r\n\r\n### Key Searching:\r\n\r\n- Make changes to the live search behavior and/or bookmarks in `/js/tilde.js` .\r\n- When using commands, the desired result MUST be selected from the suggestions result list below the input field.\r\n- To view the bookmarks and site keys, press `?` for the help menu.\r\n\r\n(NOTE: The help menu only appears on desktop browsers).\r\n\r\nSearch any of the sites by typing a colon after the site's key, followed by a search query.\r\n\r\nFor example:\r\n\r\n- Entering `g:tilde` would search\r\n  [GitHub for tilde](https://github.com/search?q=tilde).\r\n- Entering `s:radiohead` would search\r\n  [SoundCloud for radiohead](https://soundcloud.com/search?q=radiohead).\r\n\r\nIf an input doesn't match any of the commands, a generic Google search will be triggered.\r\n\r\n### Specific Locations:\r\n\r\nNavigate directly to a specific location by typing a forward slash after the site's key, followed by the location on the site.\r\n\r\nFor example:\r\n\r\n- Entering `r/r/startpages` would redirect to\r\n  [www.reddit.com/r/startpages](https://www.reddit.com/r/startpages)\r\n- Entering `h/popular` would redirect to\r\n  [hypem.com/popular](http://hypem.com/popular)\r\n\r\n### URL Redirects:\r\n\r\nIf a full domain is entered into the search field, the browser will be redirected to that domain or URL.\r\n\r\nFor example:\r\n\r\n- Entering `stallman.org` would redirect to:\r\n  [stallman.org](https://stallman.org/)\r\n- Entering `https://smile.amazon.com` would redirect to:\r\n  [smile.amazon.com](https://smile.amazon.com/)\r\n\r\n\r\n\u003cbr\u003e\r\n\r\n## About Me:\r\n\r\n- [seanvree](https://github.com/seanvree) (Windows Wizard)\r\n\r\n- I usually hang out here [![Discord](https://img.shields.io/discord/102860784329052160.svg)](https://discord.gg/j2XGCtH)\r\n\r\n- Buy me a beer [![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://paypal.me/monitorrapp)\r\n\r\n\r\n## Credits:\r\n\r\n [haltdev](https://github.com/haltdev) | [jonfinley](https://github.com/jonfinley) | [leram84](https://github.com/leram84) | [causefx](https://github.com/causefx) | [cadejscroggins](https://github.com/cadejscroggins) \r\n\r\n#\r\n\r\n#### Featured on: https://startpages.github.io/\r\n\r\n[![BrowserStack Status](https://i.imgur.com/Pnri9gE.gif)](https://automate.browserstack.com/)\r\n\r\n\r\n\u003cp\u003e\r\n    \u003ca href=\"https://jigsaw.w3.org/css-validator/check/referer\"\u003e\r\n        \u003cimg style=\"border:0;width:88px;height:31px\"\r\n            src=\"https://jigsaw.w3.org/css-validator/images/vcss-blue\"\r\n            alt=\"Valid CSS!\" /\u003e\r\n    \u003c/a\u003e\r\n\u003c/p\u003e\r\n\r\n\r\n\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseanvree%2Fhomepage","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fseanvree%2Fhomepage","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseanvree%2Fhomepage/lists"}