jaredk3nt / homepage Goto Github PK
View Code? Open in Web Editor NEWCustom homepage for use locally in browser
License: MIT License
Custom homepage for use locally in browser
License: MIT License
Since the search bar is made visible with the keydown event, it registers the space character.
This adds a whitespace before the actual search term and also causes the cursor to be not perfectly centered but off by 1.
Easy fix:
Change "keydown" to "keyup" in this code segment
document.addEventListener("keydown", event => {
if (event.keyCode == 32) { // Spacebar code to open search
document.getElementById('search').style.display = 'flex';
document.getElementById('search-field').focus();
} else if (event.keyCode == 27) { // Esc to close search
document.getElementById('search-field').value = '';
document.getElementById('search-field').blur();
document.getElementById('search').style.display = 'none';
}
});
Can you please add a software license to this project?
It might be a bit over the top for such a tiny repo, but I want to fork and use this in one of my projects and don't want to run afoul of licensing.
Now you need to press the space bar to trigger the search, as you rapidly open a tab pressing the space bar breaks you rapidity.
If you like it I can submit a PR about this.
Nice project by the way!
You have your API key stored in the code: https://github.com/Jaredk3nt/homepage/blob/master/index.html#L65
I'm not sure yet how that should be separated, but it is worth noting.
https://danggoodcode.com/startpage returns HTTP 404 on Zeit Now
This start page is amazing and I want to install this ....
Could you give clear cut instructions for us newbs ?
Hi,
I found this while I was looking for a very simple start page for safari on my Mac.
But I have 2 issues:
how can I change the location for the weather and the search function doesnt work, also won't work when I try on Chrome.
Would be nice if you could get me in the right direction :) Thanks!
Try to fix the search field not visible bu tI can't find where the problem is...
Thanks.
was using your project for my apache server i have made it to work but i cant figure out how to change the weather to my location.. do you know what to do?.. and it would be good if you could include that in documentation
Hey buddy,
thanks for this beautiful homepage.
I am trying to change the openweather API to the darksky one.
Somehow I am not able to change the strings which are given to the innerHTML stuff from the JSON output.
The output of the JSON is:
{
"latitude": 51.11919,
"longitude": 6.951266,
"timezone": "Europe/Berlin",
"currently": {
"time": 1549020317,
"summary": "Mostly Cloudy",
"icon": "partly-cloudy-day",
"precipIntensity": 0,
"precipProbability": 0,
"temperature": 3.62,
"apparentTemperature": 0.06,
"dewPoint": 1.04,
"humidity": 0.83,
"pressure": 990.58,
"windSpeed": 4.18,
"windGust": 6.4,
"windBearing": 146,
"cloudCover": 0.78,
"uvIndex": 1,
"visibility": 11.1,
"ozone": 354.99
},
"offset": 1
}
what I do now is:
document.getElementById("temp").innerHTML = json.currently.temperature;//.toFixed(0) + " C";
But somehow it is blank on the homepage.
Can you give me please a hint where I have to look?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.