coteh / hacka-news-web Goto Github PK
View Code? Open in Web Editor NEW:computer: A web interface for Hacker News. Uses hacka-news npm module. EJS + Semantic UI
:computer: A web interface for Hacker News. Uses hacka-news npm module. EJS + Semantic UI
Change expiry date of cookie that holds the information for the current theme so that the expiry date is either a very long time away or no expiry date at all.
This will require fiddling around with Semantic UI’s theme/site CSS to ensure that orange colored settings are applied and not overridden by other Semantic UI CSS.
Regarding the news feed items, switch over from traditional hr dividers to either Semantic dividers or divided or celled grids.
Perhaps do this in two phases:
Semantic UI is dead and Fomantic UI seems to be taking the torch.
At the moment, the cli will display an error message from the hacka-news module that is produced when stories cannot load, but does not render a page for this error condition. Thus, it will hang. Fix this problem by rendering an error page that tells the user that stories could not load.
I suspect the media queries will need some adjusting.
Currently, it is set up like this: style.css
@media (min-width: 768px) {
.mobile-menu {
display: none !important;
}
}
@media (max-width: 767px) {
.desktop-menu {
display: none !important;
}
.stories {
margin: 5em 1em 0em 1em;
}
}
At the moment, when deploying to heroku, it errors out on the semantic-ui install and the output is similar to what is depicted in this issue: Semantic-Org/Semantic-UI#4292
In the output of the run below, I tried using a shrinkwrap to override gulp-prompt's dependency of inquirer to the newest version of 3.2.3, but it did not work. This error will also come up all the same if I use a package-lock.
remote: -----> Building dependencies
remote: Installing node modules (package.json + shrinkwrap)
remote:
remote: > [email protected] install /tmp/build_32d85e6c5ff35acee9556d5f57715041/node_modules/semantic-ui
remote: > gulp install
remote:
remote: [04:03:22] Using gulpfile /tmp/build_32d85e6c5ff35acee9556d5f57715041/node_modules/semantic-ui/gulpfile.js
remote: [04:03:22] Starting 'install'...
remote: [04:03:22] Starting 'run setup'...
remote: 25l? Set-up Semantic UI (Use arrow keys)
remote: ❯ Automatic (Use default locations and all components)
remote: Express (Set components and output folder)
remote: Custom (Customize all src/dist values) [04:03:22] 'run setup' errored after 39 ms
remote: [04:03:22] SyntaxError: Invalid regular expression: /.{1,0}/: numbers out of order in {} quantifier
remote: at new RegExp (<anonymous>)
remote: at breakLines (/tmp/build_32d85e6c5ff35acee9556d5f57715041/node_modules/inquirer/lib/utils/screen-manager.js:108:15)
remote: at module.exports.ScreenManager.render (/tmp/build_32d85e6c5ff35acee9556d5f57715041/node_modules/inquirer/lib/utils/screen-manager.js:55:22)
remote: at Prompt.render (/tmp/build_32d85e6c5ff35acee9556d5f57715041/node_modules/inquirer/lib/prompts/list.js:103:15)
remote: at Prompt._run (/tmp/build_32d85e6c5ff35acee9556d5f57715041/node_modules/inquirer/lib/prompts/list.js:74:8)
remote: at Prompt.run (/tmp/build_32d85e6c5ff35acee9556d5f57715041/node_modules/inquirer/lib/prompts/base.js:57:8)
remote: at Object.<anonymous> (/tmp/build_32d85e6c5ff35acee9556d5f57715041/node_modules/inquirer/lib/ui/prompt.js:84:12)
remote: at module.exports (/tmp/build_32d85e6c5ff35acee9556d5f57715041/node_modules/run-async/index.js:15:21)
remote: at AnonymousObservable.__subscribe (/tmp/build_32d85e6c5ff35acee9556d5f57715041/node_modules/inquirer/lib/utils/utils.js:16:7)
remote: at AnonymousObservable.tryCatcher (/tmp/build_32d85e6c5ff35acee9556d5f57715041/node_modules/rx-lite/rx.lite.js:63:31)
remote: [04:03:22] 'install' errored after 44 ms
remote: [04:03:22] SyntaxError in plugin 'run-sequence(run setup)'
remote: Message:
remote: Invalid regular expression: /.{1,0}/: numbers out of order in {} quantifier
remote: Stack:
remote: SyntaxError: Invalid regular expression: /.{1,0}/: numbers out of order in {} quantifier
remote: at new RegExp (<anonymous>)
remote: at breakLines (/tmp/build_32d85e6c5ff35acee9556d5f57715041/node_modules/inquirer/lib/utils/screen-manager.js:108:15)
remote: at module.exports.ScreenManager.render (/tmp/build_32d85e6c5ff35acee9556d5f57715041/node_modules/inquirer/lib/utils/screen-manager.js:55:22)
remote: at Prompt.render (/tmp/build_32d85e6c5ff35acee9556d5f57715041/node_modules/inquirer/lib/prompts/list.js:103:15)
remote: at Prompt._run (/tmp/build_32d85e6c5ff35acee9556d5f57715041/node_modules/inquirer/lib/prompts/list.js:74:8)
remote: at Prompt.run (/tmp/build_32d85e6c5ff35acee9556d5f57715041/node_modules/inquirer/lib/prompts/base.js:57:8)
remote: at Object.<anonymous> (/tmp/build_32d85e6c5ff35acee9556d5f57715041/node_modules/inquirer/lib/ui/prompt.js:84:12)
remote: at module.exports (/tmp/build_32d85e6c5ff35acee9556d5f57715041/node_modules/run-async/index.js:15:21)
remote: at AnonymousObservable.__subscribe (/tmp/build_32d85e6c5ff35acee9556d5f57715041/node_modules/inquirer/lib/utils/utils.js:16:7)
remote: at AnonymousObservable.tryCatcher (/tmp/build_32d85e6c5ff35acee9556d5f57715041/node_modules/rx-lite/rx.lite.js:63:31)
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.