7 |
8 | {SITE_TITLE}
9 |
10 |
11 |
12 |
13 |
18 |
19 |
20 |
21 |
25 |
26 |
27 |
28 |
29 |
33 |
37 |
48 |
49 | {children}
50 |
51 | );
52 | }
53 |
--------------------------------------------------------------------------------
/public/safari-pinned-tab.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
33 |
--------------------------------------------------------------------------------
/functions/badges.tsx:
--------------------------------------------------------------------------------
1 | import { loadImage } from "canvas";
2 | import fetch from "node-fetch";
3 | import { BASE64_PNG_ENCODE_STRING } from "./constants";
4 |
5 | export async function drawBadge(filename, ctx, x, y, badge_size) {
6 | const img = await loadImage(filename);
7 | const ratio = img.width / img.height;
8 | ctx.drawImage(
9 | img,
10 | x + (0.5 - ratio / 2) * badge_size,
11 | y,
12 | badge_size * ratio,
13 | badge_size
14 | );
15 | }
16 |
17 | function drawHexagon(ctx, x, y, badge_size, fill) {
18 | ctx.moveTo(x + badge_size * Math.cos(0), y + badge_size * Math.sin(0));
19 | ctx.beginPath();
20 | for (let side = 0; side < 7; side++) {
21 | ctx.lineTo(
22 | x + badge_size * Math.cos((side * 2 * Math.PI) / 6 - Math.PI / 2),
23 | y + badge_size * Math.sin((side * 2 * Math.PI) / 6 - Math.PI / 2)
24 | );
25 | }
26 | ctx.fillStyle = fill;
27 | ctx.fill();
28 | ctx.closePath();
29 | }
30 |
31 | export async function generateBadgeFromImage(url, ctx, x, y, badge_size) {
32 | drawHexagon(
33 | ctx,
34 | x + badge_size / 2,
35 | y + badge_size / 2,
36 | badge_size / 2,
37 | "#333333"
38 | );
39 | const borderSize = Math.floor(badge_size / 20) * 2;
40 | const img = await loadImage(url);
41 | ctx.save();
42 | drawHexagon(
43 | ctx,
44 | x + badge_size / 2,
45 | y + badge_size / 2,
46 | badge_size / 2 - borderSize / 2,
47 | "#eeeeee"
48 | );
49 | ctx.clip();
50 | ctx.drawImage(
51 | img,
52 | x + borderSize / 2,
53 | y + borderSize / 2,
54 | badge_size - borderSize,
55 | badge_size - borderSize
56 | );
57 | ctx.restore();
58 | }
59 |
60 | export function drawSvgBadge(filename, x, y, badge_size) {
61 | return `
57 | I Demoed
58 |61 | Showcase your participation in the hackathon community.{" "} 62 |
63 |
64 | setDevpostUsername(e.target.value)}
69 | />
70 |
79 |
80 | {wallUrl ? (
81 |
94 | ) : (
95 | ""
96 | )}
97 |
98 | 
99 |
100 |
104 | In Markdown:{" "}
105 | {``}
106 | In HTML: {`
`}
107 |
108 | ) : (
109 | ""
110 | )}
111 | Usage
114 |
116 |
122 | username
117 |
118 | Devpost username of the user. Found at{" "}
119 |
123 |
130 | limit
124 |
125 | Integer representing the maximum number of hackathons to return for
126 | a user. Default: 100. Only applies when the{" "}
127 |
131 |
144 | level
132 |
133 | Integer representing the minimum level of participation in a
134 | hackathon. Default: 1. Only applies when the{" "}
135 |
137 | 0: All registered hackathons
138 |
139 | 1: Only hackathons where the user submitted a project
140 |
141 | 2: Only hackathons where the user won a prize
142 |
145 |
166 | events
146 |
147 | Comma-separated list of event names to add to the wall. Names
148 | correlate to the name of the image file in{" "}
149 |
153 | Examples:
154 |
155 |
157 | Adds tamuhack2020.png and howdyhack2020.png from badges/devpost/ to
158 | the generated image.
159 |
160 |
162 | Adds hh20.png from badges/alt/ and howdyhack2020.png from
163 | badges/devpost/ to the generated image.
164 |
167 |
173 | pr
168 | 169 | Integer for the number of badge tiles per row in the generated 170 | image. Default: 5. 171 |
172 |
174 |
179 | type
175 | 176 | The format of the generated image, either svg or png. Default: svg. 177 |
178 |
180 |
186 | size
181 |
182 | Integer representing the length of each generated badge. Default:
183 | 100. Only applies when
187 |
195 | placeholder
188 |
189 | Specifies what should be done if the sticker is not matched in the
190 | repository. Default: Generates hexagon badge using the {"event's"}
191 | Devpost image. If
198 | Submit A Badge 199 |
200 |201 | Want hackers to showcase your hackathon event badge or want to add 202 | past events you participated in? Follow the steps to add your badge to 203 | the GitHub repository. 204 |
205 |
206 |
236 | 207 | Devpost Hackathons 208 |
209 |
210 | If your hackathon is on Devpost,{" "}
211 |
212 | visit the issue page
213 | {" "}
214 | and select{" "}
215 |
-
219 |
- 220 | Badge Image: PNG image of a hexagon sticker with 221 | the correct dimensions (minimum 181x209) 222 | 223 |
- 224 | Devpost Link: Link to event on Devpost (e.g. 225 | tamuhack2020.devpost.com) 226 | 227 |
229 | Alternatively, you can open a Pull Request. Place your event badge
230 | PNG image in
237 |
272 | 238 | Other Hackathons/Events 239 |
240 |
241 | If your hackathon does not use Devpost but would still like users to
242 | showcase the badge,{" "}
243 |
244 | visit the issue page
245 | {" "}
246 | and select{" "}
247 |
-
253 |
- 254 | Badge Image: PNG image of a hexagon sticker with 255 | the correct dimensions (minimum 181x209) 256 | 257 |
-
258 | Metadata: Information about your badge.
{" "} 259 |260 | {JSON.stringify(EVENT_METADATA, null, 2)} 261 |262 |
263 |
265 | Alternatively, you can open a Pull Request. Place your event badge
266 | PNG image in
278 | Badge Creator 279 |
280 |281 | Have an MLH event but do not have a sticker file? Use the template to 282 | recreate the hexagon badge from your event. Then follow the steps 283 | above to add your badge to the repository. 284 |
285 |
286 |
328 |
287 | {BADGE_CUSTOM.map((obj: BadgeParams, ind: number) =>
288 | obj.inputType === "dropdown" ? (
289 |
320 |
306 |
312 |
318 |
319 |
321 |
327 |
322 | {badgeProps.badgeType == "MLH 2019"
323 | ? badge19(badgeProps)
324 | : badge20(badgeProps)}
325 |
326 | Devpost API
331 |332 | A side-benefit of this project is a providing a basic API to obtain 333 | devpost information for a user. There are currently two endpoints 334 | available.{" "} 335 |
336 |
338 |
344 | devpostUsername
339 |
340 | Devpost username of the user. Found at{" "}
341 |
Returns listing of hackathons that the user has participated in.
345 |
346 |
348 | {JSON.stringify(HACKATHONS_ENDPOINT_RES, null, 2)}
347 |
350 |
356 | devpostUsername
351 |
352 | Devpost username of the user. Found at{" "}
353 |
Returns listing of projects for a user.
357 |
358 |
360 | {JSON.stringify(PROJECTS_ENDPOINT_RES, null, 2)}
359 |
6 | {children}
7 |
8 | );
9 |
10 | export const CodeString = ({ children }: { children: string }) => (
11 |
12 | {children}
13 |
14 | );
15 |
16 | export const Dropdown = ({ id, options, label, setBadgeProps, badgeProps }) => (
17 |
38 | );
39 |
40 | Dropdown.propTypes = {
41 | id: PropTypes.string,
42 | options: PropTypes.array,
43 | label: PropTypes.string,
44 | setBadgeProps: PropTypes.func,
45 | badgeProps: PropTypes.object,
46 | };
47 |
48 | export const BadgeInput = ({ id, label, setBadgeProps, badgeProps }) => (
49 |
70 | );
71 |
72 | BadgeInput.propTypes = {
73 | id: PropTypes.string,
74 | label: PropTypes.string,
75 | setBadgeProps: PropTypes.func,
76 | badgeProps: PropTypes.object,
77 | };
78 |
79 | export const LogoUpload = ({ id, label, setBadgeProps, badgeProps }) => {
80 | const fileField = React.useRef
377 | //
388 | // {showDropdown ? (
389 | //
410 | // );
411 | // };
412 |
--------------------------------------------------------------------------------
393 | // {zipObject(paramKey, paramVal)[id].map((value: string, ind) => (
394 | //
406 | // ) : (
407 | //
408 | // )}
409 | // {
398 | // updateParams({ ...dataObj, [id]: value });
399 | // setShowDropdown(false);
400 | // }}
401 | // >
402 | // {value}
403 | //
404 | // ))}
405 | //