mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-08 02:52:12 +00:00
88 lines
1.7 KiB
Markdown
88 lines
1.7 KiB
Markdown
fakeyou-frontend
|
|
================
|
|
|
|
NB: This is now a MONOREPO
|
|
--------------------------
|
|
|
|
Based on https://medium.com/geekculture/setting-up-monorepo-with-create-react-app-cb2cfa763b96,
|
|
which isn't the best guide, but it works.
|
|
|
|
Library code is exported in the library's index.tsx (meh)
|
|
|
|
To start the react server, run "yarn start-storyteller" or "yarn start-fakeyou"
|
|
|
|
### Running
|
|
|
|
```
|
|
# Install Yarn if not present (Linux/Mac)
|
|
sudo npm install --global yarn
|
|
|
|
# We might need a newer node (Linux/Mac)
|
|
sudo install n -g
|
|
sudo n stable
|
|
|
|
# Install project deps (Linux/Mac)
|
|
yarn install
|
|
|
|
# Start one or more of the several frontends (Linux/Mac)
|
|
yarn start-fakeyou
|
|
yarn start-storyteller
|
|
```
|
|
|
|
TODO: Upgrade React, it's a bit behind. See downgrade @ SHA
|
|
`d739b66bfa3315620208579193d652e8e460da1e`.
|
|
|
|
|
|
Netlify Notes
|
|
-------------
|
|
|
|
The `.node-version` file controls which version of node Netlify uses to build!
|
|
|
|
Old Readme Follows
|
|
------------------
|
|
|
|
Frontend website for https://fakeyou.com/ (previously https://vo.codes)
|
|
|
|
Hosted with netlify.
|
|
|
|
Installation in Dev
|
|
-------------------
|
|
|
|
Normally, `npm install` in the `./fakeyou` directory works, but Mac needed
|
|
the following workaround for a [sass build failure](https://stackoverflow.com/a/67242989):
|
|
|
|
```
|
|
nvm install 14
|
|
```
|
|
|
|
|
|
Logo, Favicon, Font
|
|
-------------------
|
|
Font: fugaz one, 110, #209CEE
|
|
|
|
Using https://favicon.io/favicon-generator/
|
|
|
|
Transparent Images
|
|
------------------
|
|
https://www.remove.bg (pretty cheap)gt
|
|
|
|
|
|
Social Icons
|
|
------------
|
|
Taken from subscription service https://www.flaticon.com
|
|
|
|
This pack: https://www.flaticon.com/packs/social-logo-1
|
|
|
|
Video Thumbnails
|
|
----------------
|
|
Generated with https://ezgif.com/
|
|
|
|
* webp, 500x300px (~100kb each)
|
|
|
|
Reverse clips:
|
|
|
|
```
|
|
ffmpeg -i input.mp4 -vf reverse reversed.mp4
|
|
```
|
|
|