Skip to content

Commit b794c10

Browse files
committed
Complete Firefox POC
1 parent fa0157b commit b794c10

File tree

7 files changed

+23
-58
lines changed

7 files changed

+23
-58
lines changed

README.md

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
1-
# Hashnode Google Chrome extension 🕸
2-
3-
A Google chrome extension with hot & trending posts on tap. Built with Node.js `v8.9` using React, Parcel, and Sass.
1+
# Hashnode browser extension for Firefox and Google Chrome 🕸
42

3+
Google chrome and Mozilla firefox browser extension with hot & trending posts on tap. Built with Node.js `v8.9` using React, Parcel, and Sass.
54

65
## Setup
76

firefox/images/hn-logo-48.png

3.73 KB
Loading

firefox/images/hn-logo-96.png

11.6 KB
Loading

firefox/manifest.json

Lines changed: 15 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,24 +1,31 @@
11
{
22
"name": "Hashnode — The Dev Community",
33
"manifest_version": 2,
4-
"version": "0.0.4",
4+
"version": "0.0.1",
55
"description": "Hashnode Firefox Extension to read hot discussions and stories. Stay up-to-date with what's happening in the developer's community.",
66
"permissions": [],
77
"short_name": "Hashnode",
88
"browser_action": {
99
"default_icon": {
10-
"19": "images/hn-logo-16.png",
11-
"38": "images/hn-logo-32.png"
10+
"48": "images/hn-logo-48.png",
11+
"96": "images/hn-logo-96.png"
1212
},
1313
"default_title": "Hashnode",
1414
"default_popup": "index.html"
1515
},
1616
"author": "Hashnode",
1717
"homepage_url": "https://hashnode.com",
1818
"icons": {
19-
"16": "images/hn-logo-16.png",
20-
"32": "images/hn-logo-32.png",
21-
"48": "images/hn-logo-48.png",
22-
"128": "images/hn-logo-128.png"
23-
}
19+
"48": "images/hn-logo-48.png",
20+
"96": "images/hn-logo-96.png"
21+
},
22+
"commands": {
23+
"_execute_browser_action": {
24+
"suggested_key": {
25+
"default": "MacCtrl+Shift+H",
26+
"linux": "Ctrl+Shift+H"
27+
},
28+
"description": "Send a 'toggle-feature' event"
29+
}
30+
}
2431
}

index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6-
<title>Hashnode Google chrome extension</title>
6+
<title>Hashnode extension</title>
77
</head>
88
<body>
99
<noscript>

package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,9 @@
44
"main": "index.js",
55
"scripts": {
66
"start": "parcel -d dist/web index.html",
7-
"start-chrome": "parcel -d dist/dist-chrome index.html",
7+
"start-chrome": "parcel index.html -d ./dist/dist-chrome",
88
"build-chrome": "parcel build index.html -d ./builds/chrome && cp -R ./chrome/* ./builds/chrome",
9-
"start-firefox": "parcel -d dist/dist-firefox index.html",
9+
"start-firefox": "parcel index.html -d ./dist/dist-firefox",
1010
"build-firefox": "parcel build index.html -d ./builds/firefox && cp -R ./firefox/* ./builds/firefox",
1111
"build-all": "yarn build-chrome && yarn build-firefox"
1212
},

styles/App.scss

Lines changed: 3 additions & 44 deletions
Original file line numberDiff line numberDiff line change
@@ -156,15 +156,17 @@ $hn-blue: #1e75fe;
156156

157157
*{
158158
outline: none;
159+
box-sizing: border-box;
159160
}
160161

161162
html, body{
162163
margin: 0;
163164
padding: 0;
164165
font-family: benton-sans, sans-serif;
165-
width: 400px;
166+
width: 450px;
166167
height: 500px;
167168
background: #f5f5f5;
169+
overflow-x: hidden;
168170
}
169171

170172
body::-webkit-scrollbar {
@@ -225,49 +227,6 @@ a{
225227
}
226228
}
227229

228-
229-
// // Spin kit loader
230-
231-
// .spinner {
232-
// width: 40px;
233-
// height: 40px;
234-
// position: relative;
235-
// margin: 100px auto;
236-
// }
237-
238-
// .double-bounce1, .double-bounce2 {
239-
// width: 100%;
240-
// height: 100%;
241-
// border-radius: 50%;
242-
// background-color: #333;
243-
// opacity: 0.6;
244-
// position: absolute;
245-
// top: 0;
246-
// left: 0;
247-
// -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
248-
// animation: sk-bounce 2.0s infinite ease-in-out;
249-
// }
250-
251-
// .double-bounce2 {
252-
// -webkit-animation-delay: -1.0s;
253-
// animation-delay: -1.0s;
254-
// }
255-
256-
// @-webkit-keyframes sk-bounce {
257-
// 0%, 100% { -webkit-transform: scale(0.0) }
258-
// 50% { -webkit-transform: scale(1.0) }
259-
// }
260-
261-
// @keyframes sk-bounce {
262-
// 0%, 100% {
263-
// transform: scale(0.0);
264-
// -webkit-transform: scale(0.0);
265-
// } 50% {
266-
// transform: scale(1.0);
267-
// -webkit-transform: scale(1.0);
268-
// }
269-
// }
270-
271230
button{
272231
border: none;
273232
border-radius: 3px;

0 commit comments

Comments
 (0)