Saurus Sims Tumblr Theme!
What Is This?
This project is a tumblr theme for Saurus Sims.
If there's time in future, I'll be creating a theme generator, so that the development experience for creating the Tumblr theme itself can approach the level of speed and comfort made possible by modern JS tooling!
Install dependencies by navigating to the
theme directory and running
theme/src/secrets.example.js to a new file
theme/src/secrets.js. Enter your Contentful access token and space id into this new file.
Note that you'll need to implement the correct data structure in Contentful for those features to work. If you'd like to do so, open an issue on the repo and I'll look into copying over the data structure so you can!
The theme uses
webpack-dev-server setup to make the development process fast. This includes multiple scripts for different sections of the theme:
yarn start:downloads- Renders the
downloadspage, which pulls data from
yarn start:gallery- Renders a photoset layout, with gallery functionality available when you click on the images.
yarn start:masonry- Renders an example of the masonry layout, to confirm that updates to other parts of the theme do not break the masonry integration.
yarn start:photoset- Renders a photoset layout, with gallery functionality available when you click on the images.
yarn start:resources- Renders the
resourcespage, which pulls data from
yarn start:sims- Renders the
simspage, which pulls data from
Build the project via
yarn build, and then install the files in
theme/output just like any other Tumblr theme:
- Copy/paste the
theme.htmlinto the Tumblr editor.
- Upload the
- Update the
scripttags to point to the uploaded css and js files.
- Click the
publishbutton to publish the changes.
It's preferable to just upload the file to Tumblr and serve it from there when possible though!