Presentations | Recurse Center

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_368":369,"_370":371},"routes/_app.x.$handle.$name",{"_96":95,"_32":44,"_104":86,"_27":53,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":48,"_118":119,"_120":48,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":48,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":25,"_59":25,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":48},"version",46,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":20,"_35":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":33,"_34":20,"_35":36},"deleted",true,"deletedHere","path","src/index.css","latestPath","fileId","fd88f526-3e4b-11f0-aa01-76b3cceeab13","name","index.css","fileType","content","@import url('https://fonts.googleapis.com/css?family=Roboto|Roboto+Mono&display=swap');\n\n* {\n margin:0;padding:0;\n box-sizing:border-box;\n}\n\n:root{\n --white: #EEEEEE;\n --gray: #777777;\n --black: #0A0C0A;\n --green: #5ABA47;\n --red: #FF6347;\n --yellow: RGBA(255, 196, 57, 1.00);\n\n --highlight: var(--yellow);\n\n --text: var(--white);\n --background: var(--black);\n --background-transparent: rgba(10,12,10,0.8);\n\n /* --text: var(--black);\n --background: var(--white); */\n\n --width: 700px;\n}\n\nhtml{\n font-size:100%;\n}\n\nhtml.light{\n --text: var(--black);\n --background: var(--white);\n --background-transparent: RGBA(238, 238, 238, 0.80);\n}\n\nbody {\n background-color: var(--background);\n\n font-family: \"Roboto\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;\n\n font-weight: 300;\n text-align: center;\n\n padding-top: 2rem;\n\n color: var(--text);\n}\n@media screen and (max-width:700px){\n body{\n font-size: 0.8rem;\n }\n}\n\nh1{\n font-weight:inherit;\n text-align:left;\n font-size: 1.5em;\n}\n\nh2 {\n font-weight: inherit;\n text-align:left;\n font-size: 1.5em;\n color: var(--gray);\n}\n\nh3{\n font-weight:inherit;\n text-align:left;\n}\n\n.logo {\n width: 50px;\n margin: 0 1.5rem 0 0;\n}\n\nheader{\n padding: 1rem 0;\n display:flex;\n align-items: center;\n}\n\n/* helps keep things flexible for mobile */\n#container{\n max-width: var(--width);\n margin:0 auto;\n padding: 1.8rem 1rem 1rem 1rem;\n}\n\n.block-border{\n margin:2rem 0;\n padding: 1rem;\n\n border-radius: 1.5rem;\n border:1px solid var(--gray);\n /* box-shadow: 0px 0px 10px rgba(255,255,255,0.3); */\n\n text-align:left;\n\n /* display:grid;\n grid-template-columns: 2fr 2fr 1fr; */\n}\n\nfooter {\n font-size:0.9em;\n text-align:left;\n max-width: 80%;\n padding-bottom:2rem;\n line-height:1.5;\n}\na{\n color: var(--gray);\n}\na:hover{\n color:var(--green);\n}\nfooter svg.filled{\n fill: var(--text);\n}\n.center{\n text-align:center;\n}\n","createdAt",["D",1748716027106],"branchVersion","branchId","e527935c-3e4b-11f0-83fd-76b3cceeab13","id","e5272b92-3e4b-11f0-83fd-76b3cceeab13","Presentations",["D",1748715613647],"deletedAt","legacyEnvVars",false,"privacy","public","httpPrivacy","description","","imageUrl","4555dd0e-707e-4444-acd3-049d206eb1db","pinnedFileId","55abed1c-3e4c-11f0-9c59-76b3cceeab13","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","bced381e-9ab2-4b55-929d-e7c5064f7f38","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":48},"branch",{"_13":85,"_32":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"isOwned",99,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","wolf","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_42":43,"_32":44,"_37":364,"_46":-5,"_47":48,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":25,"_59":25,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":365,"_80":366,"_82":367,"_84":48},"tree",[207,211,213,216,225,226,227,228,229],"files",[207,208,209,210,211,212,213,214,215,216,217,218,219,220,221,222,223,224,225,226,227,228,229],"counts",{"_197":62,"_198":149,"_199":62,"_200":201,"_202":203},"contents",[125,126,127,128,129,130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":191,"_32":192,"_30":193,"_137":-5,"_40":41,"_39":194,"_139":25,"_37":195,"_13":62,"_34":177,"_35":-5,"_24":48,"_142":-5,"_27":196},{"_42":185,"_32":186,"_30":187,"_137":-5,"_40":41,"_39":188,"_139":25,"_37":189,"_13":62,"_34":177,"_35":-5,"_24":48,"_142":-5,"_27":190},{"_42":179,"_32":180,"_30":181,"_137":-5,"_40":41,"_39":182,"_139":25,"_37":183,"_13":62,"_34":177,"_35":-5,"_24":48,"_142":-5,"_27":184},{"_42":173,"_32":174,"_30":175,"_137":-5,"_40":41,"_39":149,"_139":25,"_37":176,"_13":62,"_34":177,"_35":-5,"_24":48,"_142":-5,"_27":178},{"_42":166,"_32":167,"_30":168,"_137":-5,"_40":41,"_39":169,"_139":25,"_37":170,"_13":62,"_34":20,"_35":171,"_24":48,"_142":-5,"_27":172},{"_42":159,"_32":160,"_30":161,"_137":-5,"_40":41,"_39":162,"_139":25,"_37":163,"_13":62,"_34":20,"_35":164,"_24":48,"_142":-5,"_27":165},{"_42":152,"_32":153,"_30":154,"_137":-5,"_40":41,"_39":155,"_139":25,"_37":156,"_13":62,"_34":20,"_35":157,"_24":48,"_142":-5,"_27":158},{"_42":144,"_32":145,"_30":146,"_137":-5,"_40":41,"_39":147,"_139":25,"_37":148,"_13":149,"_34":20,"_35":150,"_24":48,"_142":-5,"_27":151},{"_42":134,"_32":135,"_30":136,"_137":-5,"_40":41,"_39":138,"_139":48,"_37":140,"_13":62,"_34":20,"_35":141,"_24":48,"_142":-5,"_27":143},"fd29d9d8-3e4b-11f0-82d8-76b3cceeab13","package.json","fd29dad2-3e4b-11f0-82d8-76b3cceeab13","parentId",5,"latest",["D",1748715653914],"{\n \"name\": \"presentationsthursday\",\n \"version\": \"1.0.0\",\n \"description\": \"\",\n \"main\": \"app.js\",\n \"scripts\": {\n \"test\": \"echo \\\"Error: no test specified\\\" && exit 1\",\n \"start\": \"webpack-dev-server --hot --progress --colors\",\n \"build\": \"webpack --progress --colors\",\n \"deploy\": \"NODE_ENV=production webpack -p --config webpack.production.config.js\"\n },\n \"keywords\": [],\n \"author\": \"\",\n \"license\": \"ISC\",\n \"devDependencies\": {\n \"babel-cli\": \"^6.3.17\",\n \"babel-core\": \"^6.3.26\",\n \"babel-preset-es2015\": \"^6.3.13\",\n \"css-loader\": \"^3.0.0\",\n \"redux-devtools\": \"^3.0.1\",\n \"style-loader\": \"^0.23.1\"\n },\n \"babel\": {\n \"presets\": [\n \"es2015\"\n ]\n },\n \"dependencies\": {\n \"babel-loader\": \"^6.2.1\",\n \"babel-preset-react\": \"^6.3.13\",\n \"firebase\": \"^2.4.0\",\n \"immutable\": \"^3.7.6\",\n \"moment\": \"^2.24.0\",\n \"radium\": \"^0.16.2\",\n \"react\": \"^0.14.5\",\n \"react-dom\": \"^0.14.5\",\n \"react-feather\": \"^2.0.3\",\n \"react-hot-loader\": \"^1.3.0\",\n \"react-modal\": \"^0.6.1\",\n \"react-redux\": \"^4.0.6\",\n \"redux\": \"^3.0.5\",\n \"webpack\": \"^1.12.10\",\n \"webpack-dev-server\": \"^1.14.0\"\n }\n}\n","label",[135],"99efe352-3e4c-11f0-9e2b-76b3cceeab13","index.html","fd386386-3e4b-11f0-8e5b-76b3cceeab13",32,["D",1748715916868],1,"\n\n\n \n \n Presentations | Recurse Center\n \n \n\n\n

\n \n\n\n",[145],"fd2724f4-3e4b-11f0-a867-76b3cceeab13","deno.json","fd2725b2-3e4b-11f0-a867-76b3cceeab13",4,["D",1748715653910],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[153],"fd33f0da-3e4b-11f0-8305-76b3cceeab13",".vtignore","fd33f22e-3e4b-11f0-8305-76b3cceeab13",6,["D",1748715653911],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[160],"fd92803c-3e4b-11f0-8e5a-76b3cceeab13",".gitignore","fd9280f0-3e4b-11f0-8e5a-76b3cceeab13",25,["D",1748715654598],"/node_modules/\n.DS_Store\n",[167],"fd00ded4-3e4b-11f0-ad0a-76b3cceeab13","src","fd00e03c-3e4b-11f0-ad0a-76b3cceeab13",["D",1748715653653],"directory",[174],"60970342-3e4c-11f0-a0c2-76b3cceeab13","shared","6fd1bf83-f547-467d-b1f1-e56d53c4cdcd",30,["D",1748715820732],[180],"b4a5a29a-3e4c-11f0-850f-76b3cceeab13","frontend","c9a8b5b0-0e0b-4e82-99b4-f9a6b44525f3",33,["D",1748715961758],[186],"55abf884-3e4c-11f0-9c59-76b3cceeab13","backend","0942c9c1-ef73-4a8f-a249-4ff2ca238bfc",28,["D",1748715802417],[192],"pulls","branches","forks","envVars",{"_204":62,"_206":62},"connections",{"_204":62,"_205":62},"count","unfilledCount","emptyCount",{"_42":191,"_32":192,"_30":193,"_137":-5,"_40":41,"_39":194,"_139":25,"_37":361,"_13":62,"_34":177,"_35":-5,"_24":48,"_142":-5,"_231":362,"_27":363},{"_42":357,"_32":356,"_30":350,"_137":193,"_40":41,"_39":351,"_139":25,"_37":358,"_13":62,"_34":177,"_35":-5,"_24":48,"_142":-5,"_231":359,"_27":360},{"_42":347,"_32":348,"_30":349,"_137":350,"_40":41,"_39":351,"_139":25,"_37":352,"_13":62,"_34":251,"_35":353,"_24":48,"_142":-5,"_231":354,"_27":355},{"_42":340,"_32":341,"_30":57,"_137":193,"_40":41,"_39":194,"_139":48,"_37":342,"_13":62,"_34":251,"_35":343,"_24":48,"_142":344,"_231":345,"_27":346},{"_42":185,"_32":186,"_30":187,"_137":-5,"_40":41,"_39":188,"_139":25,"_37":337,"_13":62,"_34":177,"_35":-5,"_24":48,"_142":-5,"_231":338,"_27":339},{"_42":330,"_32":331,"_30":332,"_137":187,"_40":41,"_39":188,"_139":25,"_37":333,"_13":62,"_34":251,"_35":334,"_24":48,"_142":-5,"_231":335,"_27":336},{"_42":179,"_32":180,"_30":181,"_137":-5,"_40":41,"_39":182,"_139":25,"_37":327,"_13":62,"_34":177,"_35":-5,"_24":48,"_142":-5,"_231":328,"_27":329},{"_42":320,"_32":321,"_30":322,"_137":181,"_40":41,"_39":182,"_139":25,"_37":323,"_13":62,"_34":251,"_35":324,"_24":48,"_142":-5,"_231":325,"_27":326},{"_42":312,"_32":313,"_30":314,"_137":181,"_40":41,"_39":315,"_139":25,"_37":316,"_13":62,"_34":251,"_35":317,"_24":48,"_142":-5,"_231":318,"_27":319},{"_42":173,"_32":174,"_30":175,"_137":-5,"_40":41,"_39":149,"_139":25,"_37":309,"_13":62,"_34":177,"_35":-5,"_24":48,"_142":-5,"_231":310,"_27":311},{"_42":302,"_32":303,"_30":304,"_137":175,"_40":41,"_39":305,"_139":25,"_37":306,"_13":62,"_34":177,"_35":-5,"_24":48,"_142":-5,"_231":307,"_27":308},{"_42":297,"_32":280,"_30":274,"_137":175,"_40":41,"_39":298,"_139":25,"_37":299,"_13":62,"_34":177,"_35":-5,"_24":48,"_142":-5,"_231":300,"_27":301},{"_42":289,"_32":290,"_30":291,"_137":274,"_40":41,"_39":292,"_139":48,"_37":293,"_13":62,"_34":20,"_35":294,"_24":48,"_142":-5,"_231":295,"_27":296},{"_42":281,"_32":282,"_30":283,"_137":274,"_40":41,"_39":284,"_139":48,"_37":285,"_13":62,"_34":251,"_35":286,"_24":48,"_142":-5,"_231":287,"_27":288},{"_42":271,"_32":272,"_30":273,"_137":274,"_40":41,"_39":275,"_139":48,"_37":276,"_13":62,"_34":251,"_35":277,"_24":48,"_142":-5,"_231":278,"_27":279},{"_42":263,"_32":264,"_30":265,"_137":175,"_40":41,"_39":266,"_139":48,"_37":267,"_13":62,"_34":251,"_35":268,"_24":48,"_142":-5,"_231":269,"_27":270},{"_42":255,"_32":256,"_30":257,"_137":175,"_40":41,"_39":258,"_139":48,"_37":259,"_13":62,"_34":251,"_35":260,"_24":48,"_142":-5,"_231":261,"_27":262},{"_42":246,"_32":247,"_30":248,"_137":175,"_40":41,"_39":249,"_139":48,"_37":250,"_13":62,"_34":251,"_35":252,"_24":48,"_142":-5,"_231":253,"_27":254},{"_42":166,"_32":167,"_30":168,"_137":-5,"_40":41,"_39":169,"_139":25,"_37":243,"_13":62,"_34":20,"_35":171,"_24":48,"_142":-5,"_231":244,"_27":245},{"_42":159,"_32":160,"_30":161,"_137":-5,"_40":41,"_39":162,"_139":25,"_37":240,"_13":62,"_34":20,"_35":164,"_24":48,"_142":-5,"_231":241,"_27":242},{"_42":152,"_32":153,"_30":154,"_137":-5,"_40":41,"_39":155,"_139":25,"_37":237,"_13":62,"_34":20,"_35":157,"_24":48,"_142":-5,"_231":238,"_27":239},{"_42":144,"_32":145,"_30":146,"_137":-5,"_40":41,"_39":147,"_139":25,"_37":234,"_13":149,"_34":20,"_35":150,"_24":48,"_142":-5,"_231":235,"_27":236},{"_42":134,"_32":135,"_30":136,"_137":-5,"_40":41,"_39":138,"_139":48,"_37":230,"_13":62,"_34":20,"_35":141,"_24":48,"_142":-5,"_231":232,"_27":233},["D",1748715653914],"children",[],[135],["D",1748715916868],[],[145],["D",1748715653910],[],[153],["D",1748715653911],[],[160],["D",1748715654598],[],[167],"fd8f56e6-3e4b-11f0-8745-76b3cceeab13","helpers.js","fd8f57ae-3e4b-11f0-8745-76b3cceeab13",24,["D",1748715654518],"script","\"use strict\";\n\nfunction isValidDate(date) {\n return !Number.isNaN(date.getTime());\n}\n\nexport const parseDateFromURL = url => {\n let dateIndex = url.indexOf(\"date=\");\n let dateString = url.slice(dateIndex + 5);\n let date = new Date(parseInt(dateString, 10));\n\n if (!isValidDate(date)) {\n return false;\n } else {\n return date;\n }\n};\n\nexport const isToday = date => {\n if (date >= todayUnix() - 1000 * 60 * 60 * 24) {\n return true;\n } else {\n return false;\n }\n};\n\nexport const todayUnix = () => {\n let today = new Date();\n today.setHours(0);\n today.setMinutes(0);\n today.setSeconds(0);\n today.setMilliseconds(0);\n let todayUnix = today.getTime();\n\n return todayUnix;\n};\n\n// Moves `date` forward until it reaches a Thurs in UTC and then the Thurs date\n// is returned. If `date` UTC already refers to a Thurs, then `date` is returned\n// unchanged.\nexport function getNextThursUtc(date) {\n const thurs = 4;\n const thursDate = new Date(date);\n\n while (thursDate.getUTCDay() !== thurs) {\n thursDate.setUTCDate(thursDate.getUTCDate() + 1);\n }\n\n return thursDate;\n}\n\n// Moves `date` forward until it reaches a Fri in UTC and then the Fri date\n// is returned. If `date` UTC already refers to a Fri, then `date` is returned\n// unchanged.\nexport function getNextFridayUtc(date) {\n const friday = 5;\n const fridayDate = new Date(date);\n\n while (fridayDate.getUTCDay() !== friday) {\n fridayDate.setUTCDate(fridayDate.getUTCDate() + 1);\n }\n\n return fridayDate;\n}\n\nexport function lastMondayBefore(date) {\n const monday = 1;\n while (date.getDay() != monday) {\n date.setDate(date.getDate() - 1);\n }\n return date;\n}\n\nexport function nextWeek(date) {\n let ret = new Date();\n ret.setTime(date.getTime() + 1000 * 60 * 60 * 24 * 7);\n return ret;\n}\n\nexport function nextThursAfter(date) {\n const thurs = 4;\n while (date.getDay() != thurs) {\n date.setDate(date.getDate() + 1);\n }\n return date;\n}\n\nexport const getMonthAbbrev = monthId => {\n let monthIndex = monthId.split(\"\");\n monthIndex = monthIndex.splice(4, 6);\n monthIndex = monthIndex.join(\"\");\n monthIndex = parseInt(monthIndex);\n let monthAbbrevs = [\n \"JAN\",\n \"FEB\",\n \"MAR\",\n \"APR\",\n \"MAY\",\n \"JUN\",\n \"JUL\",\n \"AUG\",\n \"SEP\",\n \"OCT\",\n \"NOV\",\n \"DEC\"\n ];\n return monthAbbrevs[monthIndex];\n};\n\nexport const createURLFromDate = date => {};\n\nexport const displayAsMinutes = timeInSeconds => {\n let minutes = Math.floor(timeInSeconds / 60);\n let seconds = timeInSeconds % 60;\n let timeString =\n fixedNumOfDigits(minutes, 2) + \":\" + fixedNumOfDigits(seconds, 2);\n\n return timeString;\n};\n\nexport const fixedNumOfDigits = (value, numOfDigits) => {\n let stringifiedValue = value.toString();\n let finalDisplay = \"\";\n\n if (stringifiedValue.length < numOfDigits) {\n for (let i = 0; i < numOfDigits - stringifiedValue.length; i++) {\n finalDisplay += \"0\";\n }\n finalDisplay += stringifiedValue;\n } else {\n finalDisplay = stringifiedValue;\n }\n\n return finalDisplay;\n};\n\nexport const randomMusicFile = () => {\n let randomNum = Math.round(Math.random() * 9);\n let fileString = \"./src/assets/\" + randomNum + \".mp3\";\n\n return fileString;\n};\n",[],[174,247],"fd3bd502-3e4b-11f0-ab8c-76b3cceeab13","app.js","fd3bd5b6-3e4b-11f0-ab8c-76b3cceeab13",8,["D",1748715654033],"\"use strict\";\n\nimport React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport Firebase from \"firebase\";\nimport { createStore } from \"redux\";\nimport { Provider } from \"react-redux\";\nimport reducer from \"./reducer.js\";\nimport * as action from \"./actions.js\";\nimport * as helper from \"./helpers.js\";\nimport { PresentationsApp } from \"./components/presentationsApp.jsx\";\n\nconst ref = new Firebase(\"https://rc-presentations.firebaseio.com/\");\n\n// This is the first day (in UTC) ever of RC presentations.\nconst firstThursday = Date.UTC(\n 2016, // year\n 1, // month (1 = Februrary)\n 25, // day\n 21 // hour. 21:00 UTC is 4:00 PM EST which is the time that presentations\n // begin in NYC\n);\n\nconst oneWeekInMilliseconds = 1000 * 60 * 60 * 24 * 7;\n\n// import css\n// this is helpful for hot-reloding\n// with webpack-dev-server\nimport \"./index.css\";\n\nlet givenDate = helper.parseDateFromURL(location.href);\nif (!givenDate) {\n givenDate = new Date();\n}\n\nconsole.log(givenDate);\n\n// TODO (emily): Move this back to getNextThursUtc() after presentations on 7/5/24.\n// Note: the day of the week of the upcoming presentation determines how all past presentations\n// are displayed. All previous presentation sessions will now be shown as having occurred on a\n// Friday.\nconst upcomingPresentationDay = helper.getNextFridayUtc(givenDate);\n\n// 21:00 UTC is 4:00 PM EST which is the time that presentations begin in NYC.\nupcomingPresentationDay.setUTCHours(21);\nupcomingPresentationDay.setUTCMinutes(0);\nupcomingPresentationDay.setUTCSeconds(0);\nupcomingPresentationDay.setUTCMilliseconds(0);\n\nconsole.log(\"getting presentations since date\", upcomingPresentationDay);\n\n// The presentations for a given day must have been registered between\n// 5:00:01 PM EST one week ago and 5:00:00 EST on that day.\n//\n// We chose 5:00 PM EST as the cutoff because it corresponds to the end of RC\n// core hours. When NYC is in daylight savings time, the cutoff will switch to\n// 6:00 PM EDT. We're okay with this inconsistency in user experience. The benefit\n// is it simplies our implementation -- the code doesn't have to worry about the\n// difference between standard time and daylight savings time.\nconst endOfPresentationDay = new Date(upcomingPresentationDay);\nendOfPresentationDay.setUTCHours(22); // 22:00 UTC is 5:00 PM EST, the time presentations end\nconst oneWeekBeforePresentationDate = endOfPresentationDay.getTime() - oneWeekInMilliseconds;\n\nref\n .child(\"presentations\")\n .orderByChild(\"date\")\n .startAt(oneWeekBeforePresentationDate)\n .endAt(endOfPresentationDay.getTime())\n .once(\"value\", snapshot => {\n ReactDOM.render(\n ,\n document.getElementById(\"presentationsApp\")\n );\n });\n",[],[174,256],"fd42a292-3e4b-11f0-aaf9-76b3cceeab13","actions.js","fd42a328-3e4b-11f0-aaf9-76b3cceeab13",10,["D",1748715654009],"\"use strict\";\n\nimport * as helper from \"./helpers.js\";\n\nexport const UPDATE_ENTRY = (path, value) => {\n return helper.updateEntryInFirebase(path, value);\n};\n",[],[174,264],"fd71f7a4-3e4b-11f0-aaf9-76b3cceeab13","config.js","fd71f858-3e4b-11f0-aaf9-76b3cceeab13","fd1c8c6a-3e4b-11f0-aa01-76b3cceeab13",18,["D",1748715654383],"module.exports = {\n maxSignUps: 9,\n placeholder: {\n name: \"Carly Rae Jepsen\",\n title: \"How to Do Amazing Things\"\n }\n}\n",[],[174,280,272],"components","fdad787e-3e4b-11f0-83fd-76b3cceeab13","AddPresentation.jsx","fdad7946-3e4b-11f0-83fd-76b3cceeab13",27,["D",1748715654138],"\"use strict\";\n\nimport React from \"react\";\nimport Firebase from \"firebase\";\nlet ref = new Firebase(\"https://rc-presentations.firebaseio.com/\");\nimport Notice from \"./Notice.jsx\";\n\nimport \"./AddPresentation.css\";\n\nimport { placeholder, maxSignUps } from \"./config.js\";\n\nclass AddPresentation extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n titleInput: \"\",\n presenterInput: \"\",\n notice: \"\",\n showForm: true\n };\n }\n\n updateInput(label, e) {\n let newInputObj = {};\n newInputObj[label] = e.target.value;\n this.setState(newInputObj);\n }\n\n addEntryInFirebase(e) {\n if (document.getElementsByClassName(\"presentation\").length >= maxSignUps ) {\n e.preventDefault();\n this.displayNotice(\"aw gee, it's all booked!\");\n } else if (this.state.presenterInput.length > 0) {\n ref.child(\"presentations\").push({\n title: this.state.titleInput,\n presenter: this.state.presenterInput,\n date: Firebase.ServerValue.TIMESTAMP\n });\n } else {\n e.preventDefault();\n this.displayNotice(\"Please add your name\", 50000);\n }\n }\n\n displayNotice(msg) {\n this.setState({\n notice: msg\n });\n setTimeout(() => {\n this.setState({\n notice: \"\"\n });\n }, 1000);\n }\n\n componentDidMount(){\n // Add focus to title input for quicker\n // presentation submission\n // document.getElementById('add-presentation-title').focus();\n }\n\n componentWillMount(){\n let formStatus = this.props.numPresentations < maxSignUps ? true : false;\n this.setState({\n showForm: formStatus\n });\n }\n\n render() {\n let entryData = {\n title: this.state.titleInput,\n presenter: this.state.presenterInput,\n lastUpdated: Firebase.ServerValue.TIMESTAMP\n };\n\n return (\n

\n { this.state.showForm\n ?

\n );\n }\n}\n\nexport default AddPresentation;\n",[],[174,280,282],"fd490858-3e4b-11f0-972e-76b3cceeab13","AddPresentation.css","fd49090c-3e4b-11f0-972e-76b3cceeab13",11,["D",1748715654090],"/* form.add-presentation{\n\n} */\nform.add-presentation h3{\n grid-column: 2 span;\n text-align:left;\n padding-bottom:0.5em;\n}\n\nform.add-presentation label{\n display:block;\n font-size:0.9em;\n text-align:left;\n padding-bottom: 0.5em;\n color:var(--gray);\n}\n\nform.add-presentation input,\nform.add-presentation button{\n /* Shared Form Styles */\n border-width: 0px;\n border-radius: 1rem;\n padding: 0.5em 0.8em;\n font-size: 1.1em;\n}\nform.add-presentation input:focus{\n border-color:1px solid var(--white);\n}\nform.add-presentation button:focus{\n background-color:var(--white);\n border-color:1px solid var(--white);\n}\n\nform.add-presentation input{\n display:block;\n\n position:relative;\n top:0;left:0;\n\n background:none;\n color:var(--text);\n border:1px solid var(--gray);\n border-radius: 1rem;\n width: 100%;\n margin: 0 0 1em 0;\n}\nform.add-presentation button{\n padding:0.5em 1.2em;\n background-color:var(--green);\n color: var(--black);\n transition: all 0.3s ease;\n}\nform.add-presentation button:hover{\n cursor: pointer;\n box-shadow: 0px 0px 10px RGBA(90, 186, 71, 0.60);\n transform: scale(1.05);\n}\nform.add-presentation button:focus:hover{\n box-shadow: 0px 0px 10px RGBA(255, 255, 255, 0.60);\n}\n\n.block-border{\n margin:2rem 0;\n padding: 1rem;\n\n border-radius: 1.5rem;\n border:1px solid var(--gray);\n /* box-shadow: 0px 0px 10px rgba(255,255,255,0.3); */\n\n text-align:left;\n\n /* display:grid;\n grid-template-columns: 2fr 2fr 1fr; */\n}\n\nform.add-presentation .notice{\n display:inline;\n padding-left:1.5rem;\n}\n\nform.add-presentation div.form-grid{\n display:flex-box;\n flex-direction: column;\n flex-wrap: wrap;\n}\n",[],[174,280,290],"fd1c8ada-3e4b-11f0-aa01-76b3cceeab13",3,["D",1748715653838],[219,220,221],[174,280],"fd110688-3e4b-11f0-85ee-76b3cceeab13","assets","fd110746-3e4b-11f0-85ee-76b3cceeab13",2,["D",1748715653764],[],[174,303],["D",1748715653653],[217,218,222,223,224],[174],"6b34e77e-3e4c-11f0-9e2b-76b3cceeab13","utils.ts","6b34e85a-3e4c-11f0-9e2b-76b3cceeab13",31,["D",1748715838548],"export function isValidDate(date: Date): boolean {\n return !Number.isNaN(date.getTime());\n}\n\nexport function parseDateFromURL(url: string): Date | false {\n const dateIndex = url.indexOf(\"date=\");\n if (dateIndex === -1) return false;\n \n const dateString = url.slice(dateIndex + 5);\n const date = new Date(parseInt(dateString, 10));\n\n if (!isValidDate(date)) {\n return false;\n } else {\n return date;\n }\n}\n\nexport function isToday(date: number): boolean {\n if (date >= todayUnix() - 1000 * 60 * 60 * 24) {\n return true;\n } else {\n return false;\n }\n}\n\nexport function todayUnix(): number {\n const today = new Date();\n today.setHours(0);\n today.setMinutes(0);\n today.setSeconds(0);\n today.setMilliseconds(0);\n return today.getTime();\n}\n\n// Moves `date` forward until it reaches a Thursday in UTC and then the Thursday date\n// is returned. If `date` UTC already refers to a Thursday, then `date` is returned\n// unchanged.\nexport function getNextThursUtc(date: Date): Date {\n const thurs = 4;\n const thursDate = new Date(date);\n\n while (thursDate.getUTCDay() !== thurs) {\n thursDate.setUTCDate(thursDate.getUTCDate() + 1);\n }\n\n return thursDate;\n}\n\n// Moves `date` forward until it reaches a Friday in UTC and then the Friday date\n// is returned. If `date` UTC already refers to a Friday, then `date` is returned\n// unchanged.\nexport function getNextFridayUtc(date: Date): Date {\n const friday = 5;\n const fridayDate = new Date(date);\n\n while (fridayDate.getUTCDay() !== friday) {\n fridayDate.setUTCDate(fridayDate.getUTCDate() + 1);\n }\n\n return fridayDate;\n}\n\nexport function lastMondayBefore(date: Date): Date {\n const monday = 1;\n const newDate = new Date(date);\n while (newDate.getDay() !== monday) {\n newDate.setDate(newDate.getDate() - 1);\n }\n return newDate;\n}\n\nexport function nextWeek(date: Date): Date {\n const ret = new Date();\n ret.setTime(date.getTime() + 1000 * 60 * 60 * 24 * 7);\n return ret;\n}\n\nexport function nextThursAfter(date: Date): Date {\n const thurs = 4;\n const newDate = new Date(date);\n while (newDate.getDay() !== thurs) {\n newDate.setDate(newDate.getDate() + 1);\n }\n return newDate;\n}\n\nexport function getMonthAbbrev(monthId: string): string {\n const monthIndex = parseInt(monthId.slice(4, 6));\n const monthAbbrevs = [\n \"JAN\", \"FEB\", \"MAR\", \"APR\", \"MAY\", \"JUN\",\n \"JUL\", \"AUG\", \"SEP\", \"OCT\", \"NOV\", \"DEC\"\n ];\n return monthAbbrevs[monthIndex];\n}\n\nexport function displayAsMinutes(timeInSeconds: number): string {\n const minutes = Math.floor(timeInSeconds / 60);\n const seconds = timeInSeconds % 60;\n return `${fixedNumOfDigits(minutes, 2)}:${fixedNumOfDigits(seconds, 2)}`;\n}\n\nexport function fixedNumOfDigits(value: number, numOfDigits: number): string {\n const stringifiedValue = value.toString();\n let finalDisplay = \"\";\n\n if (stringifiedValue.length < numOfDigits) {\n for (let i = 0; i < numOfDigits - stringifiedValue.length; i++) {\n finalDisplay += \"0\";\n }\n finalDisplay += stringifiedValue;\n } else {\n finalDisplay = stringifiedValue;\n }\n\n return finalDisplay;\n}",[],[180,313],"6096f910-3e4c-11f0-a0c2-76b3cceeab13","types.ts","6096fa00-3e4c-11f0-a0c2-76b3cceeab13",["D",1748715820732],"export interface Presentation {\n id: number;\n title: string;\n presenter: string;\n date: number;\n}\n\nexport interface Config {\n maxSignUps: number;\n placeholder: {\n name: string;\n title: string;\n };\n}\n\nexport const config: Config = {\n maxSignUps: 9,\n placeholder: {\n name: \"Carly Rae Jepsen\",\n title: \"How to Do Amazing Things\"\n }\n};",[],[180,321],["D",1748715820732],[214,215],[180],"b4a58e54-3e4c-11f0-850f-76b3cceeab13","index.tsx","b4a5907a-3e4c-11f0-850f-76b3cceeab13",["D",1748715961758],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0?deps=react@18.2.0\";\nimport ReactDOM from \"https://esm.sh/react-dom@18.2.0/client?deps=react@18.2.0,react-dom@18.2.0\";\nimport { PresentationsApp } from \"./components/App.tsx\";\nimport { parseDateFromURL, getNextFridayUtc } from \"../shared/utils.ts\";\nimport type { Presentation } from \"../shared/types.ts\";\n\n// Get initial data from server-side injection or fetch from API\nconst getInitialData = (): Presentation[] => {\n if (typeof window !== 'undefined' && (window as any).__INITIAL_DATA__) {\n return (window as any).__INITIAL_DATA__;\n }\n return [];\n};\n\n// This is the first day (in UTC) ever of RC presentations.\nconst firstThursday = Date.UTC(\n 2016, // year\n 1, // month (1 = February)\n 25, // day\n 21 // hour. 21:00 UTC is 4:00 PM EST which is the time that presentations begin in NYC\n);\n\nconst oneWeekInMilliseconds = 1000 * 60 * 60 * 24 * 7;\n\nfunction App() {\n const [presentations, setPresentations] = useState(getInitialData());\n const [loading, setLoading] = useState(false);\n\n let givenDate = parseDateFromURL(location.href);\n if (!givenDate) {\n givenDate = new Date();\n }\n\n // TODO (emily): Move this back to getNextThursUtc() after presentations on 7/5/24.\n // Note: the day of the week of the upcoming presentation determines how all past presentations\n // are displayed. All previous presentation sessions will now be shown as having occurred on a\n // Friday.\n const upcomingPresentationDay = getNextFridayUtc(givenDate);\n\n // 21:00 UTC is 4:00 PM EST which is the time that presentations begin in NYC.\n upcomingPresentationDay.setUTCHours(21);\n upcomingPresentationDay.setUTCMinutes(0);\n upcomingPresentationDay.setUTCSeconds(0);\n upcomingPresentationDay.setUTCMilliseconds(0);\n\n const fetchPresentations = async () => {\n setLoading(true);\n try {\n const response = await fetch('/api/presentations');\n const data = await response.json();\n setPresentations(data);\n } catch (error) {\n console.error('Error fetching presentations:', error);\n } finally {\n setLoading(false);\n }\n };\n\n useEffect(() => {\n // Only fetch if we don't have initial data\n if (presentations.length === 0) {\n fetchPresentations();\n }\n }, []);\n\n return (\n \n );\n}\n\nconst root = ReactDOM.createRoot(document.getElementById('presentationsApp')!);\nroot.render();",[],[186,331],["D",1748715961758],[212],[186],"55abec2c-3e4c-11f0-9c59-76b3cceeab13","index.ts",["D",1748715802417],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { initDatabase, getPresentations, addPresentation, updatePresentation, deletePresentation } from \"./database/queries.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Initialize database on startup\nawait initDatabase();\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Main page\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Get initial data to avoid extra round-trips\n const presentations = await getPresentations();\n const dataScript = ``;\n\n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n});\n\n// API Routes\napp.get(\"/api/presentations\", async c => {\n const presentations = await getPresentations();\n return c.json(presentations);\n});\n\napp.post(\"/api/presentations\", async c => {\n const body = await c.req.json();\n const { title, presenter } = body;\n \n if (!presenter || presenter.trim() === \"\") {\n return c.json({ error: \"Presenter name is required\" }, 400);\n }\n \n const id = await addPresentation(title || \"\", presenter, Date.now());\n return c.json({ id, title, presenter, date: Date.now() });\n});\n\napp.put(\"/api/presentations/:id\", async c => {\n const id = c.req.param(\"id\");\n const body = await c.req.json();\n const { title, presenter } = body;\n \n if (!presenter || presenter.trim() === \"\") {\n return c.json({ error: \"Presenter name is required\" }, 400);\n }\n \n await updatePresentation(parseInt(id), title || \"\", presenter);\n return c.json({ success: true });\n});\n\napp.delete(\"/api/presentations/:id\", async c => {\n const id = c.req.param(\"id\");\n await deletePresentation(parseInt(id));\n return c.json({ success: true });\n});\n\nexport default app.fetch;","present",[],[192,341],"5be48630-3e4c-11f0-a961-76b3cceeab13","queries.ts","5be48702-3e4c-11f0-a961-76b3cceeab13","8a143b6d-64b9-4948-8d28-70796e67a64b",29,["D",1748715812836],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nconst TABLE_NAME = 'rc_presentations_v1';\n\nexport interface Presentation {\n id: number;\n title: string;\n presenter: string;\n date: number;\n}\n\nexport async function initDatabase() {\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n title TEXT NOT NULL DEFAULT '',\n presenter TEXT NOT NULL,\n date INTEGER NOT NULL,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )`);\n}\n\nexport async function getPresentations(): Promise {\n const oneWeekInMilliseconds = 1000 * 60 * 60 * 24 * 7;\n const now = Date.now();\n const oneWeekAgo = now - oneWeekInMilliseconds;\n \n const result = await sqlite.execute(\n `SELECT id, title, presenter, date FROM ${TABLE_NAME} \n WHERE date >= ? AND date <= ?\n ORDER BY date ASC`,\n [oneWeekAgo, now + oneWeekInMilliseconds]\n );\n \n return result.rows.map(row => ({\n id: row[0] as number,\n title: row[1] as string,\n presenter: row[2] as string,\n date: row[3] as number,\n }));\n}\n\nexport async function addPresentation(title: string, presenter: string, date: number): Promise {\n const result = await sqlite.execute(\n `INSERT INTO ${TABLE_NAME} (title, presenter, date) VALUES (?, ?, ?)`,\n [title, presenter, date]\n );\n \n return result.lastInsertRowId as number;\n}\n\nexport async function updatePresentation(id: number, title: string, presenter: string): Promise {\n await sqlite.execute(\n `UPDATE ${TABLE_NAME} SET title = ?, presenter = ? WHERE id = ?`,\n [title, presenter, id]\n );\n}\n\nexport async function deletePresentation(id: number): Promise {\n await sqlite.execute(\n `DELETE FROM ${TABLE_NAME} WHERE id = ?`,\n [id]\n );\n}",[],[192,356,348],"database","5be49166-3e4c-11f0-a961-76b3cceeab13",["D",1748715812836],[209],[192,356],["D",1748715802417],[208,210],[192],["D",1748715613647],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":48},{"_13":85,"_32":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"ctx",{"_78":-5,"_122":401,"_402":403,"_404":405,"_406":48,"_407":48,"_408":48,"_409":25,"_410":-5,"_411":-7,"_412":-7,"_413":62,"_414":48,"_415":48,"_416":-5,"_417":48,"_418":48,"_419":48,"_420":-5},"ENV",{"_372":373,"_374":375,"_376":86,"_377":378,"_379":380,"_381":382,"_383":384,"_385":386,"_387":388,"_389":390,"_391":392,"_393":394,"_395":396,"_397":398,"_399":400},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Sign Up to Present

All available presentation slots are full.

Diff · v46