Giter Club home page Giter Club logo

stylesheet's Introduction

snoo

/r/anime stylesheet deploy status

This repo contains the /r/anime stylesheet, written in Sass and automatically built and deployed to Reddit through Github Actions. See CONTRIBUTING.md for more info.

Special thanks to /u/vaclav-2012 for significant improvements to the build system.

stylesheet's People

Contributors

adethise avatar afraaz1 avatar badspler avatar bernasx avatar bielna avatar crobat3 avatar croutons5 avatar drjwilson avatar durinthal avatar dutchman97 avatar eritbh avatar faux-wizard avatar gaporigo avatar github-actions[bot] avatar kiwibennydudez avatar majehos avatar myrnamountweazel avatar mysterybiscuitsoyeah avatar nottherealmorty avatar pittman66 avatar randomredditorwithno avatar reddadz avatar shaking807 avatar shimmering-sky avatar spacedumps avatar spiranix avatar supremegypsy avatar urban287 avatar vaclav-2012 avatar zaphodbeebblebrox avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

stylesheet's Issues

Build/publish script refactor

  • Use Github Actions instead of Travis to keep tings centralized
  • Make sure the build/verification portion of the script can be run locally without requiring Reddit credentials
  • Use dart-sass on the command line as the standard for sass compilation (will allow the use of new language features faster, libsass is kinda slow) + document this in readme
    • Use new --no-charset dart-sass CLI flag to avoid having to strip that out manually in the build
    • Explore performance of --style=compressed dart-sass option compared to the currently used CSS compression API

Migrate to Sass module system

Announcement post and @use documentation

Sass has released a new module system that solves a lot of edge cases and issues that arose from repurposing @import for Sass files as well as local and remote CSS files. It would probably be beneficial to update the sass lib used in this project to a version that supports the new module system (Dart Sass 1.23.0 is listed as the first compatible version in the blog post). There's also a migration tool available that might help out here, though I haven't tested how well it works.

If I get some free time soon I may try to tackle this myself, the biggest challenge will probably just be ensuring that the version of Sass used for CI builds is correct.

skip7 displays an empty MAL flair on old.reddit

When a user has a skip7 flair it displays an empty MAL flair on old.reddit

On reviewing the code it looked as though there was an exception setup to handle this so I was unsure what was up further.

Example

Image uploads

Make an images/ directory in the project and upload sub images from there. Should be fun.

Store comment face positioning data and metadata together in a YAML/CSV file

Editing comment face wiki pages by hand is a pain. To automate it, we would need to do the following:

  • Move comment face positioning data from Sass to a YAML file
    • Add a build step that would pull data from the YAML file back into a Sass map so the stylesheet can be compiled
  • Add metadata keys to that YAML file for things like comment face source and categories (for the commentfacesources and commentfacescategorized pages, respectively)
  • Add a deploy script that reads those new metadata keys and regenerates wiki pages based on them

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.