https://github.com/idaluisonyeo/orbit-card

💳 Generate your own Orbit 1.0 membership card
https://github.com/idaluisonyeo/orbit-card

Last synced: 3 months ago
JSON representation

💳 Generate your own Orbit 1.0 membership card

• Host: GitHub
• URL: https://github.com/idaluisonyeo/orbit-card
• Owner: idaluisonyeo
• Created: 2018-12-03T05:44:58.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-02T17:53:50.000Z (almost 2 years ago)
• Last Synced: 2024-07-18T08:48:40.098Z (4 months ago)
• Language: JavaScript
• Homepage: https://loonaverse.com/orbit-card
• Size: 1.96 MB
• Stars: 27
• Watchers: 1
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [Orbit Card Generator](https://loonaverse.com/orbit-card)

#### ✨ Purpose

A digital representation of the ID card from the Orbit 1.0 MD Kit for registered LOOΠΔ fanclub members.

#### 🎨  Design

Logos redrawn based on the original assets, respective to original copyright holders. Fonts used: [Montserrat](https://fonts.google.com/specimen/Montserrat) + [Noto Sans KR](https://fonts.google.com/specimen/Noto+Sans+KR).

#### 🛠 Feature

“Save Image” feature implemented in JavaScript with [html2canvas](https://github.com/niklasvh/html2canvas) and [FileSaver](https://github.com/eligrey/FileSaver.js) per [Yenerator](https://github.com/baumant/ye-gen).

#### 📦  Stack

This one-page site is served from the [`gh-pages`](https://github.com/idaluisonyeo/orbit-card/tree/gh-pages) branch (source code in `master`). HTML, SCSS, and jQuery assets compiled and bundled for production by [parcel.js](https://parceljs.org/).

* Install Parcel

```

npm install -g parcel-bundler

```

* To view changes locally, start Parcel to run the server to automatically watch the project

```

$ parcel index.html

```

* Bundle assets for production with the following flags to use relative paths for our URL:

```

$ parcel build index.html cp social-card.png --public-url ./

```

+ Copy files from the `/dist` dir and push them into the `gh-pages` branch with the following command:

```

$ git subtree push --prefix dist origin gh-pages

```

#### 🔒 Credit

LOOΠΔ logos, artwork, and card layout/design © BlockBerry Creative and 101X. For entertainment purposes only, no infringement intended.

**_`STAN LOONA`_**