Git Product home page Git Product logo

coronavirus-or-movie's Introduction

COVID-19 or Movie ?

We're going through strange times right now, and some pictures that we see in the news seem like they could come from a movie. Can you tell which is which?

Made by Mamboleoo and MaelB using Svelte.

screenshot of COVID-19 or Movie site

Build setup

Install the dependencies...

npm install

...then start Rollup:

npm run dev

Navigate to localhost:5000. You should see your app running.

Build for production:

npm run build

Image credits

  • 1.jpg: 28 Days Later, Danny Boyle 2002
  • 2.jpg: Kevin Frayer / Getty Images
  • 3.jpg: Strange_Unicorn / Reddit
  • 4.jpg: Blindness, Fernando Meirelles 2008
  • 5.jpg: CNN
  • 6.jpg: I Am Legend, Francis Lawrence 2007
  • 7.jpg: Contagion, Steven Soderbergh 2011
  • 8.jpg: Vanilla Sky, Cameron Crowe 2001
  • 9.jpg: Alexander Zemlianichenko / AP Photo
  • 10.jpg: CNN
  • 11.jpg: Washington Post
  • 12.jpg: Rec, Paco Plaza and Jaume Balagueró 2007
  • 13.jpg: Open Your Eyes, Susan Cohen 2008
  • 14.jpg: Ignacio Pereira
  • 15.jpg: Anadolu Agency
  • 16.jpg: Carriers, Àlex Pastor and David Pastor 2009
  • 17.jpg: Carl de Souza
  • 18.jpg: AP Photo/Mark J. Terrill
  • 19.jpg: West Asia News Agency
  • 20.jpg: The Walking Dead, Frank Darabont 2010
  • 21.jpg: Lori Kristen

coronavirus-or-movie's People

Contributors

maeligg avatar mamboleoo avatar

Stargazers

 avatar

Watchers

 avatar  avatar

coronavirus-or-movie's Issues

Améliorer le chargement des images

Les images chargent après le reste du contenu. Quelques pistes d'amélioration :

  • Compresser / optimiser la taille des images
  • Fixer la taille du conteneur pour éviter un reflow de la page
  • Preloader l'image suivante à chaque question

Animer le background

Voir si on ne peut pas animer les bandes du background (quitte à changer d'image).

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.