Presentations | Recurse Center

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_377":378,"_379":380},"routes/_app.x.$handle.$name",{"_97":96,"_32":45,"_105":87,"_27":54,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":49,"_119":120,"_121":49,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":25,"_60":25,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":49},"version",45,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",true,"deletedHere","path","src/components/Notice.jsx","latestPath","fileId","fd7ab308-3e4b-11f0-8745-76b3cceeab13","name","Notice.jsx","fileType","script","content","\"use strict\";\n\nimport React from \"react\";\n\nimport './notice.css';\n\nclass Notice extends React.Component {\n renderConfirm() {\n if (this.props.confirm) {\n return (\n

\n \n \n

\n );\n }\n return null;\n }\n\n render() {\n const { notice, confirm, confirmFunc, cancelFunc } = this.props;\n\n if (notice.length > 0) {\n return (\n

\n {notice}\n {this.renderConfirm()}\n

\n );\n } else {\n return null;\n }\n }\n}\n\nexport default Notice;\n","createdAt",["D",1748716023779],"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",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":56,"_101":102,"_103":49},"branch",{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"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",{"_43":44,"_32":45,"_38":373,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":58,"_59":25,"_60":25,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":374,"_81":375,"_83":376,"_85":49},"tree",[208,212,214,217,227,228,229,230,231],"files",[208,209,210,211,212,213,214,215,216,217,218,219,220,221,222,223,224,225,226,227,228,229,230,231],"counts",{"_198":63,"_199":150,"_200":63,"_201":202,"_203":204},"contents",[126,127,128,129,130,131,132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":192,"_32":193,"_30":194,"_138":-5,"_41":42,"_40":195,"_140":25,"_38":196,"_13":63,"_34":178,"_36":-5,"_24":49,"_143":-5,"_27":197},{"_43":186,"_32":187,"_30":188,"_138":-5,"_41":42,"_40":189,"_140":25,"_38":190,"_13":63,"_34":178,"_36":-5,"_24":49,"_143":-5,"_27":191},{"_43":180,"_32":181,"_30":182,"_138":-5,"_41":42,"_40":183,"_140":25,"_38":184,"_13":63,"_34":178,"_36":-5,"_24":49,"_143":-5,"_27":185},{"_43":174,"_32":175,"_30":176,"_138":-5,"_41":42,"_40":150,"_140":25,"_38":177,"_13":63,"_34":178,"_36":-5,"_24":49,"_143":-5,"_27":179},{"_43":167,"_32":168,"_30":169,"_138":-5,"_41":42,"_40":170,"_140":25,"_38":171,"_13":63,"_34":20,"_36":172,"_24":49,"_143":-5,"_27":173},{"_43":160,"_32":161,"_30":162,"_138":-5,"_41":42,"_40":163,"_140":25,"_38":164,"_13":63,"_34":20,"_36":165,"_24":49,"_143":-5,"_27":166},{"_43":153,"_32":154,"_30":155,"_138":-5,"_41":42,"_40":156,"_140":25,"_38":157,"_13":63,"_34":20,"_36":158,"_24":49,"_143":-5,"_27":159},{"_43":145,"_32":146,"_30":147,"_138":-5,"_41":42,"_40":148,"_140":25,"_38":149,"_13":150,"_34":20,"_36":151,"_24":49,"_143":-5,"_27":152},{"_43":135,"_32":136,"_30":137,"_138":-5,"_41":42,"_40":139,"_140":49,"_38":141,"_13":63,"_34":20,"_36":142,"_24":49,"_143":-5,"_27":144},"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",[136],"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",[146],"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}",[154],"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",[161],"fd92803c-3e4b-11f0-8e5a-76b3cceeab13",".gitignore","fd9280f0-3e4b-11f0-8e5a-76b3cceeab13",25,["D",1748715654598],"/node_modules/\n.DS_Store\n",[168],"fd00ded4-3e4b-11f0-ad0a-76b3cceeab13","src","fd00e03c-3e4b-11f0-ad0a-76b3cceeab13",["D",1748715653653],"directory",[175],"60970342-3e4c-11f0-a0c2-76b3cceeab13","shared","6fd1bf83-f547-467d-b1f1-e56d53c4cdcd",30,["D",1748715820732],[181],"b4a5a29a-3e4c-11f0-850f-76b3cceeab13","frontend","c9a8b5b0-0e0b-4e82-99b4-f9a6b44525f3",33,["D",1748715961758],[187],"55abf884-3e4c-11f0-9c59-76b3cceeab13","backend","0942c9c1-ef73-4a8f-a249-4ff2ca238bfc",28,["D",1748715802417],[193],"pulls","branches","forks","envVars",{"_205":63,"_207":63},"connections",{"_205":63,"_206":63},"count","unfilledCount","emptyCount",{"_43":192,"_32":193,"_30":194,"_138":-5,"_41":42,"_40":195,"_140":25,"_38":370,"_13":63,"_34":178,"_36":-5,"_24":49,"_143":-5,"_233":371,"_27":372},{"_43":366,"_32":365,"_30":359,"_138":194,"_41":42,"_40":360,"_140":25,"_38":367,"_13":63,"_34":178,"_36":-5,"_24":49,"_143":-5,"_233":368,"_27":369},{"_43":356,"_32":357,"_30":358,"_138":359,"_41":42,"_40":360,"_140":25,"_38":361,"_13":63,"_34":35,"_36":362,"_24":49,"_143":-5,"_233":363,"_27":364},{"_43":349,"_32":350,"_30":58,"_138":194,"_41":42,"_40":195,"_140":49,"_38":351,"_13":63,"_34":35,"_36":352,"_24":49,"_143":353,"_233":354,"_27":355},{"_43":186,"_32":187,"_30":188,"_138":-5,"_41":42,"_40":189,"_140":25,"_38":346,"_13":63,"_34":178,"_36":-5,"_24":49,"_143":-5,"_233":347,"_27":348},{"_43":339,"_32":340,"_30":341,"_138":188,"_41":42,"_40":189,"_140":25,"_38":342,"_13":63,"_34":35,"_36":343,"_24":49,"_143":-5,"_233":344,"_27":345},{"_43":180,"_32":181,"_30":182,"_138":-5,"_41":42,"_40":183,"_140":25,"_38":336,"_13":63,"_34":178,"_36":-5,"_24":49,"_143":-5,"_233":337,"_27":338},{"_43":329,"_32":330,"_30":331,"_138":182,"_41":42,"_40":183,"_140":25,"_38":332,"_13":63,"_34":35,"_36":333,"_24":49,"_143":-5,"_233":334,"_27":335},{"_43":321,"_32":322,"_30":323,"_138":182,"_41":42,"_40":324,"_140":25,"_38":325,"_13":63,"_34":35,"_36":326,"_24":49,"_143":-5,"_233":327,"_27":328},{"_43":174,"_32":175,"_30":176,"_138":-5,"_41":42,"_40":150,"_140":25,"_38":318,"_13":63,"_34":178,"_36":-5,"_24":49,"_143":-5,"_233":319,"_27":320},{"_43":311,"_32":312,"_30":313,"_138":176,"_41":42,"_40":314,"_140":25,"_38":315,"_13":63,"_34":178,"_36":-5,"_24":49,"_143":-5,"_233":316,"_27":317},{"_43":306,"_32":289,"_30":283,"_138":176,"_41":42,"_40":307,"_140":25,"_38":308,"_13":63,"_34":178,"_36":-5,"_24":49,"_143":-5,"_233":309,"_27":310},{"_43":298,"_32":299,"_30":300,"_138":283,"_41":42,"_40":301,"_140":49,"_38":302,"_13":63,"_34":20,"_36":303,"_24":49,"_143":-5,"_233":304,"_27":305},{"_43":290,"_32":291,"_30":292,"_138":283,"_41":42,"_40":293,"_140":49,"_38":294,"_13":63,"_34":35,"_36":295,"_24":49,"_143":-5,"_233":296,"_27":297},{"_43":280,"_32":281,"_30":282,"_138":283,"_41":42,"_40":284,"_140":49,"_38":285,"_13":63,"_34":35,"_36":286,"_24":49,"_143":-5,"_233":287,"_27":288},{"_43":272,"_32":273,"_30":274,"_138":176,"_41":42,"_40":275,"_140":49,"_38":276,"_13":63,"_34":35,"_36":277,"_24":49,"_143":-5,"_233":278,"_27":279},{"_43":264,"_32":265,"_30":266,"_138":176,"_41":42,"_40":267,"_140":49,"_38":268,"_13":63,"_34":35,"_36":269,"_24":49,"_143":-5,"_233":270,"_27":271},{"_43":256,"_32":257,"_30":258,"_138":176,"_41":42,"_40":259,"_140":49,"_38":260,"_13":63,"_34":35,"_36":261,"_24":49,"_143":-5,"_233":262,"_27":263},{"_43":248,"_32":249,"_30":250,"_138":176,"_41":42,"_40":251,"_140":49,"_38":252,"_13":63,"_34":20,"_36":253,"_24":49,"_143":-5,"_233":254,"_27":255},{"_43":167,"_32":168,"_30":169,"_138":-5,"_41":42,"_40":170,"_140":25,"_38":245,"_13":63,"_34":20,"_36":172,"_24":49,"_143":-5,"_233":246,"_27":247},{"_43":160,"_32":161,"_30":162,"_138":-5,"_41":42,"_40":163,"_140":25,"_38":242,"_13":63,"_34":20,"_36":165,"_24":49,"_143":-5,"_233":243,"_27":244},{"_43":153,"_32":154,"_30":155,"_138":-5,"_41":42,"_40":156,"_140":25,"_38":239,"_13":63,"_34":20,"_36":158,"_24":49,"_143":-5,"_233":240,"_27":241},{"_43":145,"_32":146,"_30":147,"_138":-5,"_41":42,"_40":148,"_140":25,"_38":236,"_13":150,"_34":20,"_36":151,"_24":49,"_143":-5,"_233":237,"_27":238},{"_43":135,"_32":136,"_30":137,"_138":-5,"_41":42,"_40":139,"_140":49,"_38":232,"_13":63,"_34":20,"_36":142,"_24":49,"_143":-5,"_233":234,"_27":235},["D",1748715653914],"children",[],[136],["D",1748715916868],[],[146],["D",1748715653910],[],[154],["D",1748715653911],[],[161],["D",1748715654598],[],[168],"fd88f44a-3e4b-11f0-aa01-76b3cceeab13","index.css","fd88f526-3e4b-11f0-aa01-76b3cceeab13",23,["D",1748715654536],"@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",[],[175,249],"fd8f56e6-3e4b-11f0-8745-76b3cceeab13","helpers.js","fd8f57ae-3e4b-11f0-8745-76b3cceeab13",24,["D",1748715654518],"\"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",[],[175,257],"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",[],[175,265],"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",[],[175,273],"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",[],[175,289,281],"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",[],[175,289,291],"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",[],[175,289,299],"fd1c8ada-3e4b-11f0-aa01-76b3cceeab13",3,["D",1748715653838],[220,221,222],[175,289],"fd110688-3e4b-11f0-85ee-76b3cceeab13","assets","fd110746-3e4b-11f0-85ee-76b3cceeab13",2,["D",1748715653764],[],[175,312],["D",1748715653653],[218,219,223,224,225,226],[175],"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}",[],[181,322],"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};",[],[181,330],["D",1748715820732],[215,216],[181],"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();",[],[187,340],["D",1748715961758],[213],[187],"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",[],[193,350],"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}",[],[193,365,357],"database","5be49166-3e4c-11f0-a961-76b3cceeab13",["D",1748715812836],[210],[193,365],["D",1748715802417],[209,211],[193],["D",1748715613647],{"_97":96,"_104":100},{"_97":96,"_98":-5,"_99":100,"_18":56,"_101":102,"_103":49},{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"ctx",{"_79":-5,"_123":410,"_411":412,"_413":414,"_415":49,"_416":49,"_417":49,"_418":25,"_419":-5,"_420":-7,"_421":-7,"_422":63,"_423":49,"_424":49,"_425":-5,"_426":49,"_427":49,"_428":49,"_429":-5},"ENV",{"_381":382,"_383":384,"_385":87,"_386":387,"_388":389,"_390":391,"_392":393,"_394":395,"_396":397,"_398":399,"_400":401,"_402":403,"_404":405,"_406":407,"_408":409},"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 · v45