From a6f3dc3a4dbde3a6fc66342ebe709dc7c747560a Mon Sep 17 00:00:00 2001 From: Robert Hall Date: Fri, 18 Jun 2021 20:09:03 -0600 Subject: [PATCH] Cleanup logos on homepage (#6409) --- .gitignore | 2 - site/package.json | 2 +- site/scripts/update_whos_using.js | 13 --- .../src/routes/_components/WhosUsingSvelte.js | 80 +++++++++++++++++++ .../routes/_components/WhosUsingSvelte.svelte | 60 ++++++++++++++ .../[id]/_components/AppControls/index.svelte | 1 - site/src/routes/repl/[id]/index.svelte | 17 ---- .../tutorial/[slug]/_TableOfContents.svelte | 1 + site/static/whos-using-svelte/1password.svg | 1 + .../whos-using-svelte/Schneider_Electric.svg | 1 + .../whos-using-svelte/alaskaairlines.svg | 1 + site/static/whos-using-svelte/avast.svg | 1 + site/static/whos-using-svelte/chess.svg | 1 + .../static/whos-using-svelte/fusioncharts.svg | 1 + site/static/whos-using-svelte/godaddy.svg | 1 + site/static/whos-using-svelte/ibm.svg | 1 + site/static/whos-using-svelte/les-echos.svg | 1 + site/static/whos-using-svelte/nyt.svg | 1 + site/static/whos-using-svelte/philips.svg | 1 + site/static/whos-using-svelte/rakuten.svg | 1 + site/static/whos-using-svelte/razorpay.svg | 1 + site/static/whos-using-svelte/square.svg | 1 + site/static/whos-using-svelte/transloadit.svg | 1 + 23 files changed, 157 insertions(+), 34 deletions(-) delete mode 100644 site/scripts/update_whos_using.js create mode 100644 site/src/routes/_components/WhosUsingSvelte.js create mode 100644 site/src/routes/_components/WhosUsingSvelte.svelte create mode 100644 site/static/whos-using-svelte/1password.svg create mode 100644 site/static/whos-using-svelte/Schneider_Electric.svg create mode 100644 site/static/whos-using-svelte/alaskaairlines.svg create mode 100644 site/static/whos-using-svelte/avast.svg create mode 100644 site/static/whos-using-svelte/chess.svg create mode 100644 site/static/whos-using-svelte/fusioncharts.svg create mode 100644 site/static/whos-using-svelte/godaddy.svg create mode 100644 site/static/whos-using-svelte/ibm.svg create mode 100644 site/static/whos-using-svelte/les-echos.svg create mode 100644 site/static/whos-using-svelte/nyt.svg create mode 100644 site/static/whos-using-svelte/philips.svg create mode 100644 site/static/whos-using-svelte/rakuten.svg create mode 100644 site/static/whos-using-svelte/razorpay.svg create mode 100644 site/static/whos-using-svelte/square.svg create mode 100644 site/static/whos-using-svelte/transloadit.svg diff --git a/.gitignore b/.gitignore index bddabf688b..e21a94e698 100644 --- a/.gitignore +++ b/.gitignore @@ -30,8 +30,6 @@ _output /site/static/svelte-app.json /site/static/contributors.jpg /site/static/workers -/site/static/organisations /site/scripts/svelte-app /site/scripts/community /site/src/routes/_contributors.js -/site/src/routes/_components/WhosUsingSvelte.* diff --git a/site/package.json b/site/package.json index e11c6f306c..f88da89e5b 100644 --- a/site/package.json +++ b/site/package.json @@ -7,7 +7,7 @@ "copy-workers": "node scripts/copy-workers.js", "migrate": "node-pg-migrate -r dotenv/config", "build": "npm run copy-workers && sapper build --legacy", - "update": "node scripts/update_template.js && node scripts/get-contributors.js && node scripts/update_whos_using.js", + "update": "node scripts/update_template.js && node scripts/get-contributors.js", "start": "node __sapper__/build", "test": "mocha -r esm test/**", "deploy": "make deploy" diff --git a/site/scripts/update_whos_using.js b/site/scripts/update_whos_using.js deleted file mode 100644 index 36bc3bdc53..0000000000 --- a/site/scripts/update_whos_using.js +++ /dev/null @@ -1,13 +0,0 @@ -const sh = require('shelljs'); - -sh.cd(__dirname + '/../'); - -// fetch community repo -sh.rm('-rf','scripts/community'); -sh.exec('npx degit sveltejs/community scripts/community'); - -// copy over relevant files -sh.cp('scripts/community/whos-using-svelte/WhosUsingSvelte.svelte', 'src/routes/_components/WhosUsingSvelte.svelte'); -sh.cp('scripts/community/whos-using-svelte/WhosUsingSvelte.js', 'src/routes/_components/WhosUsingSvelte.js'); -sh.rm('-rf', 'static/organisations'); -sh.cp('-r', 'scripts/community/whos-using-svelte/organisations', 'static'); diff --git a/site/src/routes/_components/WhosUsingSvelte.js b/site/src/routes/_components/WhosUsingSvelte.js new file mode 100644 index 0000000000..430bc95867 --- /dev/null +++ b/site/src/routes/_components/WhosUsingSvelte.js @@ -0,0 +1,80 @@ +export const companies = [ + { + href: "https://1password.com", + filename: "1password.svg", + alt: "1Password logo", + }, + { + href: "https://www.alaskaair.com/", + style: "background-color: #01426a;", + filename: "alaskaairlines.svg", + alt: "Alaska Airlines logo", + }, + { + href: "https://avast.com", + filename: "avast.svg", + alt: "Avast logo", + }, + { + href: "https://chess.com", + style: "background-color: #312e2b;", + filename: "chess.svg", + alt: "Chess.com logo", + }, + { + href: "https://fusioncharts.com", + filename: "fusioncharts.svg", + alt: "FusionCharts logo", + }, + { + href: "https://godaddy.com", + filename: "godaddy.svg", + alt: "GoDaddy logo", + }, + { + href: "https://www.ibm.com/", + filename: "ibm.svg", + alt: "IBM logo", + }, + { + href: "https://media.lesechos.fr/infographie", + filename: "les-echos.svg", + alt: "Les Echos", + }, + { + href: "https://www.philips.co.uk", + filename: "philips.svg", + alt: "Philips logo", + }, + { + href: "https://global.rakuten.com/corp/", + filename: "rakuten.svg", + alt: "Rakuten logo", + }, + { + href: "https://razorpay.com", + filename: "razorpay.svg", + alt: "Razorpay logo", + }, + { + href: "https://www.se.com", + style: " background-color: #3dcd58; ", + filename: "Schneider_Electric.svg", + alt: "Schneider Electric", + }, + { + href: "https://squareup.com", + filename: "square.svg", + alt: "Square", + }, + { + href: "https://nytimes.com", + filename: "nyt.svg", + alt: "The New York Times logo", + }, + { + href: "https://transloadit.com", + filename: "transloadit.svg", + alt: "Transloadit", + }, +]; diff --git a/site/src/routes/_components/WhosUsingSvelte.svelte b/site/src/routes/_components/WhosUsingSvelte.svelte new file mode 100644 index 0000000000..0b48800e86 --- /dev/null +++ b/site/src/routes/_components/WhosUsingSvelte.svelte @@ -0,0 +1,60 @@ + + + + +
+ {#each sortedCompanies as {href, filename, alt, style, picture, span}, index} + + {#if picture} + + {#each picture as {type, srcset}} + + {/each} + + + {:else} + + {#if span} + {span} + {/if} + {/if} + + {/each} +
diff --git a/site/src/routes/repl/[id]/_components/AppControls/index.svelte b/site/src/routes/repl/[id]/_components/AppControls/index.svelte index c2e5684944..55a1d24e28 100644 --- a/site/src/routes/repl/[id]/_components/AppControls/index.svelte +++ b/site/src/routes/repl/[id]/_components/AppControls/index.svelte @@ -16,7 +16,6 @@ export let gist; export let name; export let zen_mode; - export let bundle; let saving = false; let downloading = false; diff --git a/site/src/routes/repl/[id]/index.svelte b/site/src/routes/repl/[id]/index.svelte index 945678ba33..70b843724c 100644 --- a/site/src/routes/repl/[id]/index.svelte +++ b/site/src/routes/repl/[id]/index.svelte @@ -167,27 +167,10 @@ z-index: 111; } - .pane { width: 100%; height: 100% } - - .loading { - text-align: center; - color: var(--second); - font-weight: 400; - margin: 2em 0 0 0; - opacity: 0; - animation: fade-in .4s; - animation-delay: .2s; - animation-fill-mode: both; - } - @keyframes fade-in { 0% { opacity: 0 } 100% { opacity: 1 } } - - .input { - padding: 2.4em 0 0 0; - } diff --git a/site/src/routes/tutorial/[slug]/_TableOfContents.svelte b/site/src/routes/tutorial/[slug]/_TableOfContents.svelte index 97a298bcca..3b9d9ca44b 100644 --- a/site/src/routes/tutorial/[slug]/_TableOfContents.svelte +++ b/site/src/routes/tutorial/[slug]/_TableOfContents.svelte @@ -77,6 +77,7 @@ {selected.chapter.title} +