stuyspec / stuyspec.com

🖼 The Stuyvesant Spectator's website, built with React, GraphQL, and Rails.
https://stuyspec.com
MIT License
24 stars 25 forks source link

Inline CSS #130

Open NicholasLYang opened 6 years ago

NicholasLYang commented 6 years ago

Overall our css is pretty good, but we have a few bits that can be sped up. First, bootstrap needs to be inlined into our regular CSS. Right now it's a separate file (bootstrap.min.css), which needs to be loaded. That's why there's a flash of unstyled content at the beginning. There's two options here: the optimal one is to literally inline it into the index.html. This requires a little bit of setup in gulp, but it'd be the fastest. The second is to add it to main-index.css. This is less work, but it doesn't completely fix the loading times

AndySok commented 3 years ago

For the devs: part of the re-styling project, instructions were outlined by Nicholas