feat: clone from cdn-web

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "cds-extended-id"
+  }
+}

.gitignore

@@ -0,0 +1,66 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+firebase-debug.log*
+firebase-debug.*.log*
+
+# Firebase cache
+.firebase/
+
+# Firebase config
+
+# Uncomment this if you'd like others to create their own Firebase project.
+# For a team working on the same Firebase project(s), it is recommended to leave
+# it commented so all members can deploy to the same project(s) in .firebaserc.
+# .firebaserc
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env

data/hackathon-faq.json

@@ -0,0 +1,56 @@
+{
+    "faq": [
+        {
+            "question": "What is a Chrome Hackathon?",
+            "answer": "Chrome Hackathon is a mini hackathon that participants can join and challenge themselves to use technology and updates from Chrome Dev Summit 2020 into a project solution where participants can also get a mentoring session and feedback from hackathon mentors."
+        },
+        {
+            "question": "Who can participate?",
+            "answer": "a professional or a student for hackers, coders, and makers."
+        },
+        {
+            "question": "Where will the Hackathon take place?",
+            "answer": "Online (Devpost)"
+        },
+        {
+            "question": "What is in for me?",
+            "answer": "Learning new skills, looks good on your CV, networking, winning cash prizes, working as a team, meet great people, have great food and having fun!"
+        },
+        {
+            "question": "How are the winners selected?",
+            "answer": "There will be an independent Jury selecting the winners with a rating system."
+        },
+        {
+            "question": "Who will be judging?",
+            "answer": "The judge panel composition will be announced closer to the date of the hackathon."
+        },
+        {
+            "question": "How many people should a Team be?",
+            "answer": "5 Persons."
+        },
+        {
+            "question": "What are the costs of participating?",
+            "answer": "Free!"
+        },
+        {
+            "question": "Do we sign up as individuals or as a team?",
+            "answer": "You can register as a team or individuals."
+        },
+        {
+            "question": "Can we use any programming language?",
+            "answer": "Yes."
+        },
+        {
+            "question": "Who is keeping the intellectual property of my solution?",
+            "answer": "The team that develops the project is the owner of the intellectual property and project.. Before the Presentations our technical team will do a quick technical check to make sure that you created your project at the hackathon. You are allowed to use open source libraries, your own libraries etc. to develop your solution!"
+        },
+        {
+            "question": "What is the problem we will be hacking to solve?",
+            "answer": "Details of the business problem will be announced on the day of the event."
+        },
+        {
+            "question": "I have another question that is not answered in your FAQs, what should I do?",
+            "answer": "Contact us in the telegram group. Don’t be shy! We are here to help and create a great atmosphere, drop your question below."
+        }
+    ]
+}

data/organizers.json

@@ -0,0 +1,28 @@
+{
+    "organizers": [
+        {
+            "name": "Muh Isfhani Ghiath",
+            "role": "Co-Organizer, GDG Jakarta",
+            "linkedin": "http://linkedin.com/in/isfaaghyth",
+            "avatar": "https://avatars0.githubusercontent.com/u/6775159?s=460&u=0002db0105729652b99fa3eddcb22525dfdc1520&v=4"
+        },
+        {
+            "name": "Patrick Nugros",
+            "role": "Organizer, GDG Jakarta",
+            "linkedin": "http://linkedin.com/in/patricknugros",
+            "avatar": "https://miro.medium.com/fit/c/1360/1360/1*[email protected]"
+        },
+        {
+            "name": "R Surahutomo Aziz Pradana",
+            "role": "Organizer, GDG Jakarta",
+            "linkedin": "http://linkedin.com/in/retzd",
+            "avatar": "https://media-exp1.licdn.com/dms/image/C5603AQF6birDj6gohQ/profile-displayphoto-shrink_400_400/0/1592429869733?e=1614211200&v=beta&t=nfOPSBrfQ3utP-2FqGrmxH8EhByWIrUxZ0CwJD_s6gI"
+        },
+        {
+            "name": "Qodir Masruri",
+            "role": "Co-Organizer, GDG Jakarta",
+            "linkedin": "http://linkedin.com/in/justmasqod",
+            "avatar": "https://avatars2.githubusercontent.com/u/14886818?s=400&u=ce3da2cf483523cc32213046075226024d06e57b&v=4"
+        }
+    ]
+}

data/schedule.json

@@ -0,0 +1,97 @@
+{
+    "firstday": {
+        "name": "Keynote Talks & Hackathon Opening",
+        "schedule": [
+            {
+                "time": "13:00 PM",
+                "title": "Keynote 1",
+                "speaker": "Yohan Totting"
+            },
+            {
+                "time": "13:35 PM",
+                "title": "Keynote 2",
+                "speaker": "Riza Fahmi"
+            },
+            {
+                "time": "14:05 PM",
+                "title": "Keynote 3",
+                "speaker": "Jihan A"
+            }
+        ]
+    },
+    "secondday": {
+        "name": "Chrome Hours & Hackathon Mentoring",
+        "schedule": [
+            {
+                "time": "13:00 - 15:00 PM",
+                "title": "Workshop 1",
+                "speaker": "Jefry Dewangga"
+            },
+            {
+                "time": "",
+                "title": "Workshop 2",
+                "speaker": "Atika Azzahra Akbar"
+            },
+            {
+                "time": "",
+                "title": "Workshop 3",
+                "speaker": "Ivan Kristanto"
+            },
+            {
+                "time": "",
+                "title": "Workshop 4",
+                "speaker": "Angela Melinda"
+            },
+            {
+                "time": "15:00 - 16:00 PM",
+                "title": "Mentor 1",
+                "speaker": "Yohan Totting"
+            },
+            {
+                "time": "",
+                "title": "Mentor 2",
+                "speaker": "Riza Fahmi"
+            },
+            {
+                "time": "",
+                "title": "Mentor 3",
+                "speaker": "Hilman Ramadhan"
+            },
+            {
+                "time": "",
+                "title": "Mentor 4",
+                "speaker": "Sandika Galih"
+            },
+            {
+                "time": "",
+                "title": "Mentor 5",
+                "speaker": "Adrianti Rusli"
+            }
+        ]
+    },
+    "thirdday": {
+        "name": "Session Talks & Hackathon Announcement",
+        "schedule": [
+            {
+                "time": "13:00 - 14:00 PM",
+                "title": "Talk",
+                "speaker": "Friska Nataniel"
+            },
+            {
+                "time": "",
+                "title": "Talk",
+                "speaker": "Hilman Ramadhan"
+            },
+            {
+                "time": "",
+                "title": "Talk",
+                "speaker": "Irfan Maulana"
+            },
+            {
+                "time": "14:00 - 14:30 PM",
+                "title": "Announcement",
+                "speaker": "GDG Indonesia"
+            }
+        ]
+    }
+}

data/speakers.json

@@ -0,0 +1,32 @@
+{
+    "speakers": [
+        {
+            "name": "Yohan Totting",
+            "title": "Web Developer",
+            "linkedin": "https://id.linkedin.com/in/tyohan",
+            "twitter": "https://twitter.com/tyohan",
+            "avatar": "https://avatars3.githubusercontent.com/u/106703?s=460&u=5e6a07c895ce106b8d8e8951759134612c5f1808&v=4"
+        },
+        {
+            "name": "Riza Fahmi",
+            "title": "Co-Founder, Hacktiv8",
+            "linkedin": "https://id.linkedin.com/in/rizafahmi",
+            "twitter": "https://twitter.com/rizafahmi22",
+            "avatar": "https://avatars2.githubusercontent.com/u/1147918?s=460&u=5efa9629fc1a6cd252677b105765d571b20ea732&v=4"
+        },
+        {
+            "name": "Friska Nataniel",
+            "title": "Associate Research and Development, Blibli",
+            "linkedin": "https://id.linkedin.com/in/friskanataniel/",
+            "twitter": "",
+            "avatar": "https://i.ibb.co/wL5p8LB/Whats-App-Image-2021-01-06-at-6-41-51-PM.jpg"
+        },
+        {
+            "name": "Irfan Maulana",
+            "title": "Principal Engineer, Tokopedia",
+            "linkedin": "https://id.linkedin.com/in/mazipan/",
+            "twitter": "https://twitter.com/Maz_Ipan",
+            "avatar": "https://i.ibb.co/PFc8fJN/2019-08-mazipan.jpg"
+        }
+    ]
+}

firebase.json

@@ -0,0 +1,11 @@
+{
+  "hosting": {
+    "public": "public",
+    "cleanUrls": true,
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ]
+  }
+}

public/css/dark-mode.css

@@ -0,0 +1,80 @@
+  [data-theme="dark"] {
+      background-color: #111 !important;
+      color: #eee;
+  }
+
+  [data-theme="dark"] h2.text-secondary {
+      color: #007bff !important;
+  }
+
+  [data-theme="dark"] .text-muted {
+      color: #aeb1b3 !important;
+  }
+
+  [data-theme="dark"] hr {
+      border-color: #ffffff11 !important;
+  }
+
+  [data-theme="dark"] .card.schedule {
+      background-color: #191C1E !important;
+      border-color: #ffffff28 !important;
+  }
+
+  [data-theme="dark"] .card.card-overview {
+      background-color: black;
+  }
+
+  [data-theme="dark"] .card.card-overview:hover {
+      box-shadow: none;
+  }
+
+  [data-theme="dark"] .bg-light {
+      background-color: #191C1E !important;
+  }
+
+  [data-theme="dark"] .bg-white {
+      background-color: #000 !important;
+  }
+
+  [data-theme="dark"] .bg-black {
+      background-color: #eee !important;
+  }
+
+  [data-theme="dark"] .headline-event-tight {
+      color: #fff !important;
+  }
+
+  [data-theme="dark"] .text-logo.text-dark {
+      color: #fff !important;
+  }
+
+  [data-theme="dark"] .navbar-brand {
+      color: #fff !important;
+  }
+
+  [data-theme="dark"] .navbar-toggler-icon {
+      color: #fff !important;
+  }
+
+  [data-theme="dark"] .nav-item.nav-link.active {
+      color: #fff !important;
+  }
+
+  [data-theme="dark"] .nav-tabs {
+      border-bottom: none;
+  }
+
+  [data-theme="dark"] .nav-tabs .nav-link.active {
+      color: #fff !important;
+  }
+
+  [data-theme="dark"] .nav-tabs .nav-link:hover {
+      border-top-color: #111;
+      border-left-color: #111;
+      border-right-color: #111;
+      border-bottom: 1px solid #007bff;
+  }
+
+  [data-theme="dark"] .navbar-light .navbar-toggler {
+      color: #fff !important;
+  }