├── .editorconfig
├── CNAME
├── README.md
├── demo.html
├── docs
├── .gitignore
├── 404.html
├── CNAME
├── Gemfile
├── Gemfile.lock
├── _config.yml
├── _layouts
│ ├── default.html
│ └── landing.html
├── _posts
│ └── blog-post.markdown
├── _sass
│ ├── _highlighting.scss
│ ├── _normalise.scss
│ ├── _typography.scss
│ └── _utilities.scss
├── css
│ └── main.scss
├── favicon.ico
├── img
│ ├── github.svg
│ ├── mb-browser.gif
│ ├── product-hunt-2.png
│ ├── product-hunt.png
│ ├── theme-one.png
│ ├── theme-three.png
│ └── theme-two.png
├── index.md
└── js
│ └── makerbadge.js
└── makerbadge.js
/.editorconfig:
--------------------------------------------------------------------------------
1 | root = true
2 |
3 | [*]
4 | charset = utf-8
5 | indent_style = space
6 | indent_size = 2
7 | end_of_line = lf
8 | insert_final_newline = true
9 | trim_trailing_whitespace = true
10 |
--------------------------------------------------------------------------------
/CNAME:
--------------------------------------------------------------------------------
1 | makerbadge.app
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # MakerBadge
2 | ### An open-source badge to put your mark on every project.
3 |
4 | Download MakerBadge.js
36 |
37 | ## 2. Customise your badge (Beta):
38 |
39 | Choose from 3 themes, and customise layout:
40 |
41 | ```html
42 |
52 | ```
53 |
54 | ---
55 |
56 | # Contribute
57 |
58 | Proudly an open source project.
59 |
60 | Feel free to contribute here
61 |
--------------------------------------------------------------------------------
/demo.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Random page
7 |
8 |
9 |
13 |
14 |
--------------------------------------------------------------------------------
/docs/.gitignore:
--------------------------------------------------------------------------------
1 | _site
2 | .sass-cache
3 | .jekyll-metadata
4 |
--------------------------------------------------------------------------------
/docs/404.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | ---
4 |
5 |
404
6 |
Page not found :(
7 |
The requested page could not be found.
8 |
{{ page.title }}
6 |
13 | {{ content }}
14 |
15 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/docs/_layouts/landing.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {{ page.title }}
6 |
13 | {{ content }}
14 |
15 |
18 |
21 |
22 |
41 |
42 |
43 |
--------------------------------------------------------------------------------
/docs/_posts/blog-post.markdown:
--------------------------------------------------------------------------------
1 | ---
2 | layout: post
3 | title: "Blog post"
4 | # date: 2018-09-28 14:25:24 -0700
5 | categories: blog update
6 | ---
7 |
8 | Here's a blog post if we need one
9 |
--------------------------------------------------------------------------------
/docs/_sass/_highlighting.scss:
--------------------------------------------------------------------------------
1 | .highlight .hll { background-color: #ffffcc }
2 | .highlight { color: #151515; background: #f8f8f8; padding: 1rem; }
3 | .highlight .c { color: #408080; font-style: italic } /* Comment */
4 | .highlight .err { border: 1px solid #FF0000 } /* Error */
5 | .highlight .k { color: #008000; font-weight: bold } /* Keyword */
6 | .highlight .o { color: #666666 } /* Operator */
7 | .highlight .ch { color: #408080; font-style: italic } /* Comment.Hashbang */
8 | .highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
9 | .highlight .cp { color: #BC7A00 } /* Comment.Preproc */
10 | .highlight .cpf { color: #408080; font-style: italic } /* Comment.PreprocFile */
11 | .highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */
12 | .highlight .cs { color: #408080; font-style: italic } /* Comment.Special */
13 | .highlight .gd { color: #A00000 } /* Generic.Deleted */
14 | .highlight .ge { font-style: italic } /* Generic.Emph */
15 | .highlight .gr { color: #FF0000 } /* Generic.Error */
16 | .highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
17 | .highlight .gi { color: #00A000 } /* Generic.Inserted */
18 | .highlight .go { color: #888888 } /* Generic.Output */
19 | .highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
20 | .highlight .gs { font-weight: bold } /* Generic.Strong */
21 | .highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
22 | .highlight .gt { color: #0044DD } /* Generic.Traceback */
23 | .highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
24 | .highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
25 | .highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
26 | .highlight .kp { color: #008000 } /* Keyword.Pseudo */
27 | .highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
28 | .highlight .kt { color: #B00040 } /* Keyword.Type */
29 | .highlight .m { color: #666666 } /* Literal.Number */
30 | .highlight .s { color: #BA2121 } /* Literal.String */
31 | .highlight .na { color: #7D9029 } /* Name.Attribute */
32 | .highlight .nb { color: #008000 } /* Name.Builtin */
33 | .highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */
34 | .highlight .no { color: #880000 } /* Name.Constant */
35 | .highlight .nd { color: #AA22FF } /* Name.Decorator */
36 | .highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
37 | .highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
38 | .highlight .nf { color: #0000FF } /* Name.Function */
39 | .highlight .nl { color: #A0A000 } /* Name.Label */
40 | .highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
41 | .highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
42 | .highlight .nv { color: #19177C } /* Name.Variable */
43 | .highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
44 | .highlight .w { color: #bbbbbb } /* Text.Whitespace */
45 | .highlight .mb { color: #666666 } /* Literal.Number.Bin */
46 | .highlight .mf { color: #666666 } /* Literal.Number.Float */
47 | .highlight .mh { color: #666666 } /* Literal.Number.Hex */
48 | .highlight .mi { color: #666666 } /* Literal.Number.Integer */
49 | .highlight .mo { color: #666666 } /* Literal.Number.Oct */
50 | .highlight .sa { color: #BA2121 } /* Literal.String.Affix */
51 | .highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
52 | .highlight .sc { color: #BA2121 } /* Literal.String.Char */
53 | .highlight .dl { color: #BA2121 } /* Literal.String.Delimiter */
54 | .highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
55 | .highlight .s2 { color: #BA2121 } /* Literal.String.Double */
56 | .highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
57 | .highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
58 | .highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
59 | .highlight .sx { color: #008000 } /* Literal.String.Other */
60 | .highlight .sr { color: #BB6688 } /* Literal.String.Regex */
61 | .highlight .s1 { color: #BA2121 } /* Literal.String.Single */
62 | .highlight .ss { color: #19177C } /* Literal.String.Symbol */
63 | .highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
64 | .highlight .fm { color: #0000FF } /* Name.Function.Magic */
65 | .highlight .vc { color: #19177C } /* Name.Variable.Class */
66 | .highlight .vg { color: #19177C } /* Name.Variable.Global */
67 | .highlight .vi { color: #19177C } /* Name.Variable.Instance */
68 | .highlight .vm { color: #19177C } /* Name.Variable.Magic */
69 | .highlight .il { color: #666666 } /* Literal.Number.Integer.Long */
70 |
--------------------------------------------------------------------------------
/docs/_sass/_normalise.scss:
--------------------------------------------------------------------------------
1 | /* ==========================================================================
2 | Normalize.scss settings
3 | ========================================================================== */
4 | /**
5 | * Includes legacy browser support IE6/7
6 | *
7 | * Set to false if you want to drop support for IE6 and IE7
8 | */
9 |
10 | $legacy_browser_support: false !default;
11 |
12 | /* Base
13 | ========================================================================== */
14 |
15 | /**
16 | * 1. Set default font family to sans-serif.
17 | * 2. Prevent iOS and IE text size adjust after device orientation change,
18 | * without disabling user zoom.
19 | * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
20 | * `em` units.
21 | */
22 |
23 | html {
24 | font-family: sans-serif; /* 1 */
25 | -ms-text-size-adjust: 100%; /* 2 */
26 | -webkit-text-size-adjust: 100%; /* 2 */
27 | @if $legacy_browser_support {
28 | *font-size: 100%; /* 3 */
29 | }
30 | }
31 |
32 | /**
33 | * Remove default margin.
34 | */
35 |
36 | body {
37 | margin: 0;
38 | }
39 |
40 | /* HTML5 display definitions
41 | ========================================================================== */
42 |
43 | /**
44 | * Correct `block` display not defined for any HTML5 element in IE 8/9.
45 | * Correct `block` display not defined for `details` or `summary` in IE 10/11
46 | * and Firefox.
47 | * Correct `block` display not defined for `main` in IE 11.
48 | */
49 |
50 | article,
51 | aside,
52 | details,
53 | figcaption,
54 | figure,
55 | footer,
56 | header,
57 | hgroup,
58 | main,
59 | menu,
60 | nav,
61 | section,
62 | summary {
63 | display: block;
64 | }
65 |
66 | /**
67 | * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
68 | * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
69 | */
70 |
71 | audio,
72 | canvas,
73 | progress,
74 | video {
75 | display: inline-block; /* 1 */
76 | vertical-align: baseline; /* 2 */
77 | @if $legacy_browser_support {
78 | *display: inline;
79 | *zoom: 1;
80 | }
81 | }
82 |
83 | /**
84 | * Prevents modern browsers from displaying `audio` without controls.
85 | * Remove excess height in iOS 5 devices.
86 | */
87 |
88 | audio:not([controls]) {
89 | display: none;
90 | height: 0;
91 | }
92 |
93 | /**
94 | * Address `[hidden]` styling not present in IE 8/9/10.
95 | * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
96 | */
97 |
98 | [hidden],
99 | template {
100 | display: none;
101 | }
102 |
103 | /* Links
104 | ========================================================================== */
105 |
106 | /**
107 | * Remove the gray background color from active links in IE 10.
108 | */
109 |
110 | a {
111 | background-color: transparent;
112 | }
113 |
114 | /**
115 | * Improve readability of focused elements when they are also in an
116 | * active/hover state.
117 | */
118 |
119 | a {
120 | &:active, &:hover {
121 | outline: 0;
122 | };
123 | }
124 |
125 | /* Text-level semantics
126 | ========================================================================== */
127 |
128 | /**
129 | * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
130 | */
131 |
132 | abbr[title] {
133 | border-bottom: 1px dotted;
134 | }
135 |
136 | /**
137 | * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
138 | */
139 |
140 | b,
141 | strong {
142 | font-weight: bold;
143 | }
144 |
145 | @if $legacy_browser_support {
146 | blockquote {
147 | margin: 1em 40px;
148 | }
149 | }
150 |
151 | /**
152 | * Address styling not present in Safari and Chrome.
153 | */
154 |
155 | dfn {
156 | font-style: italic;
157 | }
158 |
159 | /**
160 | * Address variable `h1` font-size and margin within `section` and `article`
161 | * contexts in Firefox 4+, Safari, and Chrome.
162 | */
163 |
164 | h1 {
165 | font-size: 2em;
166 | margin: 0.67em 0;
167 | }
168 |
169 | @if $legacy_browser_support {
170 | h2 {
171 | font-size: 1.5em;
172 | margin: 0.83em 0;
173 | }
174 |
175 | h3 {
176 | font-size: 1.17em;
177 | margin: 1em 0;
178 | }
179 |
180 | h4 {
181 | font-size: 1em;
182 | margin: 1.33em 0;
183 | }
184 |
185 | h5 {
186 | font-size: 0.83em;
187 | margin: 1.67em 0;
188 | }
189 |
190 | h6 {
191 | font-size: 0.67em;
192 | margin: 2.33em 0;
193 | }
194 | }
195 |
196 | /**
197 | * Addresses styling not present in IE 8/9.
198 | */
199 |
200 | mark {
201 | background: #ff0;
202 | color: #000;
203 | }
204 |
205 | @if $legacy_browser_support {
206 |
207 | /**
208 | * Addresses margins set differently in IE 6/7.
209 | */
210 |
211 | p,
212 | pre {
213 | *margin: 1em 0;
214 | }
215 |
216 | /*
217 | * Addresses CSS quotes not supported in IE 6/7.
218 | */
219 |
220 | q {
221 | *quotes: none;
222 | }
223 |
224 | /*
225 | * Addresses `quotes` property not supported in Safari 4.
226 | */
227 |
228 | q:before,
229 | q:after {
230 | content: '';
231 | content: none;
232 | }
233 | }
234 |
235 | /**
236 | * Address inconsistent and variable font size in all browsers.
237 | */
238 |
239 | small {
240 | font-size: 80%;
241 | }
242 |
243 | /**
244 | * Prevent `sub` and `sup` affecting `line-height` in all browsers.
245 | */
246 |
247 | sub,
248 | sup {
249 | font-size: 75%;
250 | line-height: 0;
251 | position: relative;
252 | vertical-align: baseline;
253 | }
254 |
255 | sup {
256 | top: -0.5em;
257 | }
258 |
259 | sub {
260 | bottom: -0.25em;
261 | }
262 |
263 | @if $legacy_browser_support {
264 |
265 | /* ==========================================================================
266 | Lists
267 | ========================================================================== */
268 |
269 | /*
270 | * Addresses margins set differently in IE 6/7.
271 | */
272 |
273 | dl,
274 | menu,
275 | ol,
276 | ul {
277 | *margin: 1em 0;
278 | }
279 |
280 | dd {
281 | *margin: 0 0 0 40px;
282 | }
283 |
284 | /*
285 | * Addresses paddings set differently in IE 6/7.
286 | */
287 |
288 | menu,
289 | ol,
290 | ul {
291 | *padding: 0 0 0 40px;
292 | }
293 |
294 | /*
295 | * Corrects list images handled incorrectly in IE 7.
296 | */
297 |
298 | nav ul,
299 | nav ol {
300 | *list-style: none;
301 | *list-style-image: none;
302 | }
303 |
304 | }
305 |
306 | /* Embedded content
307 | ========================================================================== */
308 |
309 | /**
310 | * 1. Remove border when inside `a` element in IE 8/9/10.
311 | * 2. Improves image quality when scaled in IE 7.
312 | */
313 |
314 | img {
315 | border: 0;
316 | @if $legacy_browser_support {
317 | *-ms-interpolation-mode: bicubic; /* 2 */
318 | }
319 | }
320 |
321 | /**
322 | * Correct overflow not hidden in IE 9/10/11.
323 | */
324 |
325 | svg:not(:root) {
326 | overflow: hidden;
327 | }
328 |
329 | /* Grouping content
330 | ========================================================================== */
331 |
332 | /**
333 | * Address margin not present in IE 8/9 and Safari.
334 | */
335 |
336 | figure {
337 | margin: 1em 40px;
338 | }
339 |
340 | /**
341 | * Address differences between Firefox and other browsers.
342 | */
343 |
344 | hr {
345 | box-sizing: content-box;
346 | height: 0;
347 | }
348 |
349 | /**
350 | * Contain overflow in all browsers.
351 | */
352 |
353 | pre {
354 | overflow: auto;
355 | }
356 |
357 | /**
358 | * Address odd `em`-unit font size rendering in all browsers.
359 | * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
360 | */
361 |
362 | code,
363 | kbd,
364 | pre,
365 | samp {
366 | font-family: monospace, monospace;
367 | @if $legacy_browser_support {
368 | _font-family: 'courier new', monospace;
369 | }
370 | font-size: 1em;
371 | }
372 |
373 | /* Forms
374 | ========================================================================== */
375 |
376 | /**
377 | * Known limitation: by default, Chrome and Safari on OS X allow very limited
378 | * styling of `select`, unless a `border` property is set.
379 | */
380 |
381 | /**
382 | * 1. Correct color not being inherited.
383 | * Known issue: affects color of disabled elements.
384 | * 2. Correct font properties not being inherited.
385 | * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
386 | * 4. Improves appearance and consistency in all browsers.
387 | */
388 |
389 | button,
390 | input,
391 | optgroup,
392 | select,
393 | textarea {
394 | color: inherit; /* 1 */
395 | font: inherit; /* 2 */
396 | margin: 0; /* 3 */
397 | @if $legacy_browser_support {
398 | vertical-align: baseline; /* 3 */
399 | *vertical-align: middle; /* 3 */
400 | }
401 | }
402 |
403 | /**
404 | * Address `overflow` set to `hidden` in IE 8/9/10/11.
405 | */
406 |
407 | button {
408 | overflow: visible;
409 | }
410 |
411 | /**
412 | * Address inconsistent `text-transform` inheritance for `button` and `select`.
413 | * All other form control elements do not inherit `text-transform` values.
414 | * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
415 | * Correct `select` style inheritance in Firefox.
416 | */
417 |
418 | button,
419 | select {
420 | text-transform: none;
421 | }
422 |
423 | /**
424 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
425 | * and `video` controls.
426 | * 2. Correct inability to style clickable `input` types in iOS.
427 | * 3. Improve usability and consistency of cursor style between image-type
428 | * `input` and others.
429 | * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
430 | * Known issue: inner spacing remains in IE 6.
431 | */
432 |
433 | button,
434 | html input[type="button"], /* 1 */
435 | input[type="reset"],
436 | input[type="submit"] {
437 | -webkit-appearance: button; /* 2 */
438 | cursor: pointer; /* 3 */
439 | @if $legacy_browser_support {
440 | *overflow: visible; /* 4 */
441 | }
442 | }
443 |
444 | /**
445 | * Re-set default cursor for disabled elements.
446 | */
447 |
448 | button[disabled],
449 | html input[disabled] {
450 | cursor: default;
451 | }
452 |
453 | /**
454 | * Remove inner padding and border in Firefox 4+.
455 | */
456 |
457 | button::-moz-focus-inner,
458 | input::-moz-focus-inner {
459 | border: 0;
460 | padding: 0;
461 | }
462 |
463 | /**
464 | * Address Firefox 4+ setting `line-height` on `input` using `!important` in
465 | * the UA stylesheet.
466 | */
467 |
468 | input {
469 | line-height: normal;
470 | }
471 |
472 | /**
473 | * 1. Address box sizing set to `content-box` in IE 8/9/10.
474 | * 2. Remove excess padding in IE 8/9/10.
475 | * Known issue: excess padding remains in IE 6.
476 | */
477 |
478 | input[type="checkbox"],
479 | input[type="radio"] {
480 | box-sizing: border-box; /* 1 */
481 | padding: 0; /* 2 */
482 | @if $legacy_browser_support {
483 | *height: 13px; /* 3 */
484 | *width: 13px; /* 3 */
485 | }
486 | }
487 |
488 | /**
489 | * Fix the cursor style for Chrome's increment/decrement buttons. For certain
490 | * `font-size` values of the `input`, it causes the cursor style of the
491 | * decrement button to change from `default` to `text`.
492 | */
493 |
494 | input[type="number"]::-webkit-inner-spin-button,
495 | input[type="number"]::-webkit-outer-spin-button {
496 | height: auto;
497 | }
498 |
499 | /**
500 | * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
501 | * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
502 | */
503 |
504 | input[type="search"] {
505 | -webkit-appearance: textfield; /* 1 */
506 | box-sizing: content-box; /* 2 */
507 | }
508 |
509 | /**
510 | * Remove inner padding and search cancel button in Safari and Chrome on OS X.
511 | * Safari (but not Chrome) clips the cancel button when the search input has
512 | * padding (and `textfield` appearance).
513 | */
514 |
515 | input[type="search"]::-webkit-search-cancel-button,
516 | input[type="search"]::-webkit-search-decoration {
517 | -webkit-appearance: none;
518 | }
519 |
520 | /**
521 | * Define consistent border, margin, and padding.
522 | */
523 |
524 | fieldset {
525 | border: 1px solid #c0c0c0;
526 | margin: 0 2px;
527 | padding: 0.35em 0.625em 0.75em;
528 | }
529 |
530 | /**
531 | * 1. Correct `color` not being inherited in IE 8/9/10/11.
532 | * 2. Remove padding so people aren't caught out if they zero out fieldsets.
533 | * 3. Corrects text not wrapping in Firefox 3.
534 | * 4. Corrects alignment displayed oddly in IE 6/7.
535 | */
536 |
537 | legend {
538 | border: 0; /* 1 */
539 | padding: 0; /* 2 */
540 | @if $legacy_browser_support {
541 | white-space: normal; /* 3 */
542 | *margin-left: -7px; /* 4 */
543 | }
544 | }
545 |
546 | /**
547 | * Remove default vertical scrollbar in IE 8/9/10/11.
548 | */
549 |
550 | textarea {
551 | overflow: auto;
552 | }
553 |
554 | /**
555 | * Don't inherit the `font-weight` (applied by a rule above).
556 | * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
557 | */
558 |
559 | optgroup {
560 | font-weight: bold;
561 | }
562 |
563 | /* Tables
564 | ========================================================================== */
565 |
566 | /**
567 | * Remove most spacing between table cells.
568 | */
569 |
570 | table {
571 | border-collapse: collapse;
572 | border-spacing: 0;
573 | }
574 |
575 | td,
576 | th {
577 | padding: 0;
578 | }
579 |
--------------------------------------------------------------------------------
/docs/_sass/_typography.scss:
--------------------------------------------------------------------------------
1 | html {font-size: 1em;}
2 |
3 | .body {
4 | font-family: 'Roboto', sans-serif;
5 | font-weight: 400;
6 | line-height: 1.45;
7 | color: #fff;
8 | }
9 |
10 | h1, h2, h3, h4 {
11 | font-weight: inherit;
12 | line-height: 1.2;
13 | }
14 |
15 | h1 {
16 | font-size: 2.441rem;
17 | }
18 |
19 | h2 {font-size: 1.953em;}
20 |
21 | h3 {font-size: 1.563em;}
22 |
23 | h4 {font-size: 1.25em;}
24 |
25 | small, .font_small {font-size: 0.8em;}
26 |
--------------------------------------------------------------------------------
/docs/_sass/_utilities.scss:
--------------------------------------------------------------------------------
1 | .u-text-center {
2 | text-align: center;
3 | }
4 |
--------------------------------------------------------------------------------
/docs/css/main.scss:
--------------------------------------------------------------------------------
1 | ---
2 | ---
3 |
4 | @charset "utf-8";
5 | @import "normalise";
6 | @import "typography";
7 | @import url('https://fonts.googleapis.com/css?family=Roboto');
8 | @import "highlighting";
9 | @import "utilities";
10 |
11 | html {
12 | box-sizing: border-box;
13 | }
14 |
15 | *, *:before, *:after {
16 | box-sizing: inherit;
17 | }
18 |
19 | a {
20 | color: #fff;
21 | font-weight: 800;
22 | text-decoration: none;
23 | }
24 |
25 | .btn {
26 | border: 2px solid #fff;
27 | border-radius: 5px;
28 | padding: 1rem 2rem;
29 | }
30 |
31 | .body {
32 | background: #ea4965;
33 | }
34 |
35 | .main {
36 | max-width: 700px;
37 | margin: 0 auto;
38 | }
39 |
40 |
41 | .landing-header {
42 | position: relative;
43 | font-size: 4rem;
44 | font-weight: 800;
45 | letter-spacing: .3rem;
46 | border: 4px solid #fff;
47 | padding: 1rem;
48 | &::after {
49 | content: '';
50 | width: 100%;
51 | height: 100%;
52 | background: #00000017;
53 | display: block;
54 | position: absolute;
55 | left: -20px;
56 | bottom: -20px;
57 | }
58 | }
59 |
60 | .landing-header__text {
61 | z-index: 5;
62 | position: relative;
63 | }
64 |
65 | .landing-icon {
66 | display: block;
67 | margin: 2rem auto;
68 | }
69 |
70 | .landing-arrow {
71 | display: none;
72 | transition: all .3s ease;
73 | height: 70px;
74 | width: 70px;
75 | animation: updown 2s ease-in-out;
76 | animation-iteration-count: infinite;
77 | svg {transform: rotate(-35deg);}
78 | position: absolute;
79 | top: -55px;
80 | right: 55px;
81 | }
82 |
83 | @keyframes updown{
84 | 0% { transform: translate(0px) }
85 | 50% { transform: translate(-10px, -10px) }
86 | 100% { transform: translateY(0px) }
87 | }
88 |
89 | .footer {
90 | margin-top: 2rem;
91 | padding: 2rem;
92 | text-align: center;
93 | }
94 |
95 | .top-gif, .product-hunt {
96 | width:100%;
97 | max-width: 450px;
98 | margin: 5rem auto;
99 | display: block;
100 | border: 4px solid black;
101 | border-radius: 5px;
102 | }
103 |
104 | .product-hunt {
105 | max-width: 700px;
106 | margin: 0;
107 | }
108 |
109 | .news {
110 | margin: 2rem 0;
111 | }
112 |
113 | .news__title {
114 | font-weight: 800;
115 | font-size: 3rem;
116 | transform: rotate(-10deg);
117 | margin-bottom: 1rem;
118 | display: inline-block;
119 | }
120 |
121 | .ph-badge {
122 | width: 180px;
123 | margin-top: 1rem;
124 | display: inline-block;
125 | border-radius: 4px;
126 | }
127 |
--------------------------------------------------------------------------------
/docs/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chriskonings/maker-badge/cbe80e4fa0804dc75265aa1d21b3a0f2542a9487/docs/favicon.ico
--------------------------------------------------------------------------------
/docs/img/github.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
7 |
8 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
--------------------------------------------------------------------------------
/docs/img/mb-browser.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chriskonings/maker-badge/cbe80e4fa0804dc75265aa1d21b3a0f2542a9487/docs/img/mb-browser.gif
--------------------------------------------------------------------------------
/docs/img/product-hunt-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chriskonings/maker-badge/cbe80e4fa0804dc75265aa1d21b3a0f2542a9487/docs/img/product-hunt-2.png
--------------------------------------------------------------------------------
/docs/img/product-hunt.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chriskonings/maker-badge/cbe80e4fa0804dc75265aa1d21b3a0f2542a9487/docs/img/product-hunt.png
--------------------------------------------------------------------------------
/docs/img/theme-one.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chriskonings/maker-badge/cbe80e4fa0804dc75265aa1d21b3a0f2542a9487/docs/img/theme-one.png
--------------------------------------------------------------------------------
/docs/img/theme-three.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chriskonings/maker-badge/cbe80e4fa0804dc75265aa1d21b3a0f2542a9487/docs/img/theme-three.png
--------------------------------------------------------------------------------
/docs/img/theme-two.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/chriskonings/maker-badge/cbe80e4fa0804dc75265aa1d21b3a0f2542a9487/docs/img/theme-two.png
--------------------------------------------------------------------------------
/docs/index.md:
--------------------------------------------------------------------------------
1 | ---
2 | # Feel free to add content and custom Front Matter to this file.
3 | # To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
4 | title: MakerBadge
5 | layout: landing
6 | footer: A collaboration by @chriskonings & @graeme_fulton
7 | ---
8 |
9 | MakerBadge
12 | An open-source badge to put your mark on every project.
13 |
15 |
17 |
18 |
19 | 1. Get your badge:
25 |
26 |
27 |
28 | ```html
29 |
30 |
31 |
33 |
34 |
35 |
36 |
39 | ```
40 |
41 |
42 | Your Product Hunt ID can be foud on your PH profile page (e.g. #309280).
43 |
44 |
45 |
50 |
51 | 2. Customise your badge (Beta):
52 |
53 |
58 |
59 | Choose from 3 themes, and customise layout:
60 |
61 |
62 | ```html
63 |
73 | ```
74 |
75 |
76 |
NEWS
77 |
Sept 30 2018
78 |
79 |
We launched MakerBadge September 30th 2018 on Product Hunt , it received over 300 upvotes and earned #2 Product of the Day! We have lots of ideas to push MakerBadge further and are excited for the future!
80 |
Contribute
83 |
84 |
85 |
86 |
Proudly an open source project
89 |
90 |
91 | Feel free to contribute
92 | here
93 |
94 |
--------------------------------------------------------------------------------
/docs/js/makerbadge.js:
--------------------------------------------------------------------------------
1 | MakerBadge.prototype={
2 |
3 | constructor:MakerBadge,
4 |
5 | init:function(settings, callback){
6 |
7 | //set properties
8 | if(settings.id){
9 | this.userId = settings.id
10 | }
11 |
12 | if(settings.position){
13 | this.position=settings.position
14 | }
15 |
16 | if(settings.theme){
17 | this.theme= settings.theme;
18 | }
19 |
20 | if(settings.name){
21 | this.name=settings.name
22 | }
23 |
24 | if (settings.twitter){
25 | this.twitter = settings.twitter
26 | }
27 |
28 | if(settings.customHTML){
29 | this.customHTML = settings.customHTML
30 | }
31 |
32 |
33 | //only using pic in theme 2
34 | if(this.theme!=1){
35 | if(settings.pic){
36 | this.pic='' + data.user.posts_count + ' ' + ' posts' + data.user.maker_of_count + ' ' + ' products' + data.user.followers_count + ' ' + ' followers' + data.user.posts_count + ' ' + ' posts' + data.user.maker_of_count + ' ' + ' products' + data.user.followers_count + ' ' + ' followers 
16 |
17 | 
9 |
10 | ### How to run the demo site:
11 | To serve jekyll site, from /docs, run: `bundle exec jekyll serve`
12 |
13 |
14 |
15 | ---
16 |
17 | # How to use MakerBadge:
18 | Use it in 2 steps:
19 |
20 | ## 1. Get your badge:
21 |
22 | ```html
23 |
24 |
25 |
26 |
27 |
28 |
29 |
32 | ```
33 | Your Product Hunt ID can be foud on your PH profile page (e.g. #309280).
34 |
35 | Download MakerBadge.js
36 |
37 | ## 2. Customise your badge (Beta):
38 |
39 | Choose from 3 themes, and customise layout:
40 |
41 | ```html
42 |
52 | ```
53 |
54 | ---
55 |
56 | # Contribute
57 |
58 | Proudly an open source project.
59 |
60 | Feel free to contribute here
61 |
--------------------------------------------------------------------------------
/demo.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Random page
7 |
8 |
9 |
13 |
14 |
--------------------------------------------------------------------------------
/docs/.gitignore:
--------------------------------------------------------------------------------
1 | _site
2 | .sass-cache
3 | .jekyll-metadata
4 |
--------------------------------------------------------------------------------
/docs/404.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | ---
4 | 
20 |
21 |
22 |
23 |
24 | 
55 | 
56 | 
57 | 
79 | 
86 |