[ { "path": ".gitignore", "content": ".DS_Store\nnode_modules\n/dist\n\n# local env files\n.env.local\n.env.*.local\n\n# Log files\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\npnpm-debug.log*\n\n# Editor directories and files\n.idea\n.vscode\n*.suo\n*.ntvs*\n*.njsproj\n*.sln\n*.sw?\n" }, { "path": ".nvmrc", "content": "12.22.12\nengine-strict=true" }, { "path": "README.md", "content": "# Netlify Reaches a Million Developers!\n\n![Screenshot of Site](https://assets.codepen.io/28963/CleanShot+2020-08-01+at+16.29.48%402x.png)\n\nFive years ago, Netlify launched and changed the way developers build for the web, and we've now onboarded more than 1 million users! Look up your Netlify account to learn when you joined, and check out the timeline to see animated versions of the big features and milestones along the way. Tweet your number and milestone to share with the community!\n\n### [Check out the site here >](https://million-devs.netlify.com/?utm_source=csstricks&utm_medium=milliondevs-sd&utm_campaign=devex)\n\nThere is also a writeup of how the application and SVG Animations were done, if you'd like to learn about the process, [the article is here](https://css-tricks.com/the-making-of-netlifys-million-devs-svg-animation-site/).\n\n## Project setup\n```\nyarn install\n```\n\n### Compiles and hot-reloads for development\n```\nyarn run serve\n```\n\n### Compiles and minifies for production\n```\nyarn run build\n```\n\n### Run your tests\n```\nyarn run test\n```\n\n### Lints and fixes files\n```\nyarn run lint\n```\n\n### Customize configuration\nSee [Configuration Reference](https://cli.vuejs.org/config/).\n" }, { "path": "babel.config.js", "content": "module.exports = {\n presets: [\n '@vue/cli-plugin-babel/preset'\n ]\n}\n" }, { "path": "package.json", "content": "{\n \"name\": \"million-devs\",\n \"version\": \"0.1.0\",\n \"private\": true,\n \"scripts\": {\n \"serve\": \"vue-cli-service serve\",\n \"build\": \"vue-cli-service build\"\n },\n \"dependencies\": {\n \"core-js\": \"^3.6.5\",\n \"gsap\": \"^3.4.2\",\n \"vue\": \"^2.6.11\",\n \"vuex\": \"^3.4.0\"\n },\n \"devDependencies\": {\n \"@vue/cli-plugin-babel\": \"^4.4.0\",\n \"@vue/cli-service\": \"^4.4.0\",\n \"node-sass\": \"^4.14.0\",\n \"sass-loader\": \"^8.0.2\",\n \"vue-template-compiler\": \"^2.6.11\"\n },\n \"browserslist\": [\n \"> 1%\",\n \"last 2 versions\",\n \"not dead\"\n ]\n}\n" }, { "path": "public/_redirects", "content": "/share/* http://million-devs-api.netlify.app/share/:splat 200!" }, { "path": "public/index.html", "content": "\n\n \n \n \n \n Netlify Reaches One Million Devs!\n favicon/favicon.png\" />\n favicon/apple-touch-icon.png\"\n />\n favicon/safari-pinned-tab.svg\"\n color=\"#00c7b7\"\n />\n \n \n \n \n \n \n \n \n \n \n \n \n \n fonts/dillan-latin-hint.woff2\"\n as=\"font\"\n type=\"font/woff2\"\n crossorigin\n />\n \n \n \n \n \n \n
\n \n \n\n" }, { "path": "src/App.vue", "content": "\n\n\n\n\n\n\n" }, { "path": "src/components/App2016.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/App2017.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/App2018.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/App2019.vue", "content": "\n\n\n\n" }, { "path": "src/components/App2020.vue", "content": "\n\n\n\n" }, { "path": "src/components/AppAnalyticsuk.vue", "content": "\n\n\n\n" }, { "path": "src/components/AppAnimationSwitch.vue", "content": "\n\n\n\n" }, { "path": "src/components/AppAuditlogs.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/AppBook.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/AppBuildPlugins.vue", "content": "\n\n\n\n" }, { "path": "src/components/AppBush.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/AppDeploybutton.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/AppDeploypreview.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/AppDocs.vue", "content": "\n\n\n\n" }, { "path": "src/components/AppDrop.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/AppFunctions.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/AppGithub.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/AppGithubCorner.vue", "content": "\n\n\n\n" }, { "path": "src/components/AppGoldenGate.vue", "content": "\n\n\n\n" }, { "path": "src/components/AppHeader.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/AppJamstack1.vue", "content": "\n\n\n\n" }, { "path": "src/components/AppJet.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/AppLargemedia.vue", "content": "\n\n\n\n" }, { "path": "src/components/AppLetsencrypt.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/AppLogin.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/AppLoginResult.vue", "content": "\n\n\n\n" }, { "path": "src/components/AppLoginResultSticky.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/AppMillion.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/AppMobilepath.vue", "content": "\n\n\n\n" }, { "path": "src/components/AppNetlifycms.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/AppRedirect.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/AppScrolldown.vue", "content": "\n\n\n\n" }, { "path": "src/components/AppSeed.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/AppSmashing.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/AppSplittesting.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/AppStatueDev.vue", "content": "\n\n\n\n" }, { "path": "src/components/AppStreetlamp1.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/AppStreetlamp2.vue", "content": "\n\n\n\n" }, { "path": "src/components/AppText.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/AppTree.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/AppTweetit.vue", "content": "\n\n" }, { "path": "src/components/AppTwodoto.vue", "content": "\n\n\n\n\n" }, { "path": "src/components/AppVirtual.vue", "content": "\n\n\n\n" }, { "path": "src/components/AppYouarehere.vue", "content": "\n\n\n\n" }, { "path": "src/components/Footer.vue", "content": "\n\n\n\n" }, { "path": "src/components/coords.js", "content": "const coords = {\n computed: {\n svgCoords() {\n return {\n x: this.viewportSize == \"large\" ? this.x : this.xSmall,\n y: this.viewportSize == \"large\" ? this.y : this.ySmall,\n }\n },\n },\n}\n\nexport default coords\n" }, { "path": "src/main.js", "content": "import Vue from \"vue\"\nimport App from \"./App.vue\"\nimport store from \"./store\"\n\nVue.config.productionTip = false\n\nnew Vue({\n store,\n render: (h) => h(App),\n}).$mount(\"#app\")\n" }, { "path": "src/store/index.js", "content": "import Vue from \"vue\"\nimport Vuex from \"vuex\"\n\nVue.use(Vuex)\n\nexport default new Vuex.Store({\n state: {\n toggleConfig: `play pause none pause`,\n startConfig: `center 90%`,\n isAnimationDisabled: false,\n viewportSize: \"large\",\n user: {\n name: \"\",\n number: \"\",\n },\n },\n mutations: {\n updateViewportState(state, size) {\n state.viewportSize = size\n },\n updateAnimationState(state) {\n state.isAnimationDisabled = !state.isAnimationDisabled\n },\n login(state, payload) {\n state.user.name = payload.name\n state.user.number = payload.number\n },\n },\n getters: {\n tweetPreviewLink: function(state, getters) {\n let twitterVideoSlugs = {\n jet: \"1288850213172662272\",\n redirect: \"1288850337349197824\",\n github: \"1289369827228827648\",\n letsencrypt: \"1288850557013299203\",\n seed: \"1288852224467247106\",\n deploypreview: \"1289369944078143492\",\n deploybutton: \"1288852349335764997\",\n twodoto: \"1289370041616445440\",\n splittesting: \"1288852492248387586\",\n auditlogs: \"1288852552474406912\",\n smashing: \"1288852619251908608\",\n netlifycms: \"1289370121908047872\",\n functions: \"1288852683449933832\",\n drop: \"1288852749153718273\",\n jamstack1: \"1288852888312328192\",\n largemedia: \"1288852991529963525\",\n \"statue-dev\": \"1288853067518152705\",\n analyticsuk: \"1288853373496832003\",\n book: \"1288853167535464450\",\n \"golden-gate\": \"1288853434041589760\",\n docs: \"1288853499208503298\",\n virtual: \"1288853975710695424\",\n \"build-plugins\": \"1288854043134132227\",\n million: \"1288849874671341569\",\n }\n\n if (twitterVideoSlugs[getters.milestone]) {\n return `https://twitter.com/1mdevs/status/${\n twitterVideoSlugs[getters.milestone]\n }/video/1`\n }\n return \"\"\n },\n milestone: function(state) {\n let ids = {\n jet: 0, // but really 7656\n redirect: 12400,\n github: 18112, // out of order?\n letsencrypt: 25000,\n seed: 31226,\n deploypreview: 33769,\n deploybutton: 44319,\n twodoto: 74179,\n splittesting: 82983,\n auditlogs: 90554,\n smashing: 128546,\n netlifycms: 135652,\n functions: 183658,\n drop: 269271,\n jamstack1: 308307,\n largemedia: 395967,\n \"statue-dev\": 435285,\n analyticsuk: 520824,\n book: 542309,\n \"golden-gate\": 600000,\n docs: 625040,\n virtual: 750000,\n \"build-plugins\": 948344,\n million: 1000000,\n }\n\n let userNumber = parseInt(\n (\"\" + state.user.number).replace(/[^\\d]*/g, \"\"),\n 10\n )\n let lastId = 0\n for (let idStr in ids) {\n if (userNumber < ids[idStr]) {\n return lastId\n }\n lastId = idStr\n }\n return false\n },\n milestoneCoords(state, getters) {\n let coords = {\n jet: { x: 1050, y: -350 },\n redirect: { x: 450, y: 250 },\n github: { x: 450, y: 250 },\n letsencrypt: { x: 450, y: 250 },\n seed: { x: 700, y: 850 },\n deploypreview: { x: 420, y: 1200 },\n deploybutton: { x: 350, y: 1700 },\n twodoto: { x: 850, y: 1680 },\n splittesting: { x: 1130, y: 2020 },\n auditlogs: { x: 730, y: 2200 },\n smashing: { x: 200, y: 2430 },\n netlifycms: { x: 700, y: 2900 },\n functions: { x: 250, y: 3250 },\n drop: { x: 380, y: 3650 },\n jamstack1: { x: 890, y: 3870 },\n largemedia: { x: 100, y: 4200 },\n \"statue-dev\": { x: 700, y: 4400 },\n analyticsuk: { x: 800, y: 5050 },\n book: { x: 1180, y: 4900 },\n \"golden-gate\": { x: 200, y: 5300 },\n docs: { x: 700, y: 5700 },\n virtual: { x: 1400, y: 5950 },\n \"build-plugins\": { x: 750, y: 6450 },\n million: { x: 750, y: 6800 },\n }\n\n if (coords[getters.milestone]) {\n return coords[getters.milestone]\n }\n return { x: -250, y: -1000 }\n },\n },\n actions: {},\n modules: {},\n})\n" } ]