your pokemon for today

Ihr Pokémon für heute

Dies ist eine nette kleine Galerie -Site, die das Rad Your Pokémon für heute Illustrationen zeigt, dass das RAD KC Green auf seinem Twitter und Tumblrs veröffentlicht hat.

Es muss nicht wirklich existieren, und doch tut es !!

Im Webby -Ende verwendet es LightGallery.js für Lightboxy -Sachen.

Am Ende des Buildy verwendet es GraphicsMagick für Knoten, um Miniaturansichten für jede Illustration zu generieren, Nunjucks zum Vorlagen und Gulp (und eine ganze Reihe von Gulp -Plugins), um das Ganze zusammen zu fesseln.

Die Website selbst ist für Ihr Browservergnügen bei https://yourpokemonfor.today/ verfügbar.

Das Repository ist irgendwie dumm riesig, weil es viele Bilddaten enthält (sowohl vorhanden als auch in der Vergangenheit). Entschuldigung.

Um es selbst zu bauen

Also willst du ein Digimon -Meister sein, oder ???? Hier erfahren Sie, wie Sie eine Version dieser Website auf Ihrem eigenen Computer erstellen (wenn Sie Mac OS X ausführen):

1. Holen Sie sich eine Kopie dieses Repositorys (entweder durch Klonen oder Herunterladen einer Reißverschlusskopie und Entpackung).

2. Stellen Sie sicher, dass Sie Node.js und Garn installiert haben ( package.json unter engines für die erforderlichen Versionen einchecken) sowie Homebrew

3. Installieren Sie GraphicsMagick: Öffnen Sie eine Befehlszeilenschnittstelle und führen Sie brew install graphicsmagick

4. Installieren Sie die Abhängigkeiten des Projekts: Navigieren Sie in Ihrer Befehlszeilenschnittstelle zum Projektordner und führen Sie yarn aus

5. Erstellen Sie die Site aus den Quelldateien: Führen Sie im selben Ordner yarn build aus. Die Website ist erstellt, wenn Sie Finished 'default' sehen, und Sie erhalten Ihre Eingabeaufforderung zurück.

   • Dieser Befehl erstellt die Site und verarbeitet alle Bilder der Website, sodass es eine Weile (überall bis zu zehn Minuten) dauern kann, wenn er zum ersten Mal ausgeführt wird. Nachfolgende Builds werden schneller sein.

6. Schauen Sie sich im Ordner "Build" an - da ist Ihre Website! WOW!

7. Um die Website in einem Webbrowser zu öffnen, müssen Sie im Ordner "Build" einen Webserver ausführen. Hier ist meine einfache Möglichkeit, dies auf einem Mac zu tun.

Dat ist es! Wenn Sie Änderungen vornehmen, führen Sie Schritt 5 erneut aus, um eine neue Version der Website zu erstellen. Anschließend können Sie eine Pull -Anfrage mit Ihren Änderungen einreichen! Zusammenarbeit macht Spaß.

Todo

Vielleicht willst du mir helfen, diese Dinge zu tun ???

• Fügen Sie eine Filteroption hinzu, um nur KCs Bilder anzuzeigen (und vielleicht nur eine, die nur diejenigen anzeigen, die er nicht getan hat? Würde jemand das jemals überhaupt wollen?)

• Fügen Sie eine Option zum Sortieren nach Datum hinzu

• Fügen Sie der Gulp -Konfiguration eine "Uhrenaufgabe" hinzu, um die relevanten Build -Dateien automatisch neu aufzubauen, wenn sich die Quelldateien ändern