https://github.com/anthonyray/anthonyray.github.io
Online presence
https://github.com/anthonyray/anthonyray.github.io
Last synced: 4 months ago
JSON representation
Online presence
- Host: GitHub
- URL: https://github.com/anthonyray/anthonyray.github.io
- Owner: anthonyray
- Created: 2014-04-21T20:38:07.000Z (about 12 years ago)
- Default Branch: master
- Last Pushed: 2025-03-23T18:38:26.000Z (about 1 year ago)
- Last Synced: 2025-10-20T06:36:49.585Z (8 months ago)
- Language: CSS
- Homepage:
- Size: 5.98 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Online Presence
[anthonyray.github.io](https://anthonyray.github.io)
## Styling
I want to experiment with "functional" css, and decided to use [Tailwind](https://tailwindcss.com/docs/what-is-tailwind/) for this project.
Tailwind is configured with a configuration file (found in `styles/tailwind.js`).
The CSS stylesheets are generated with the following process :
- The Tailwind CLI generates an output css stylesheet that is stored in the : `styles/output.css` file. It takes the tailwind config file (`styles/tailwind.js`) and the `styles/style.css` stylesheet as input.
- The `styles/output.css` is then used by the website.
The following process is done with this command :
```
./node_modules/tailwindcss/lib/cli.js build styles/styles.css -o styles/output.css -c styles/tailwind.js
```