Giter Site home page Giter Site logo

getwilds.github.io's Introduction

WILDS Website

Contributing

If you use make - you can run:

  • make preview: preview the site with auto update as you make changes
  • make render: just builds the site, with output to _site/

Both make targets above make sure that necessary R dependencies are installed before running.

Note that quarto cli tool is required.

getwilds.github.io's People

Contributors

sckott avatar seankross avatar tefirman avatar vortexing avatar

getwilds.github.io's Issues

Make each package on the packages page a Bootstrap card

Making each one a card will allow for more information to be included.

What we could include:

(already there)

  • package name
  • short description

(not there yet)

  • status badge (link to our badges website probably)
  • link to cran page if on cran
  • link to source on github

WILDS repository info

Using the github api via the gh package is easy (e.g., API method for getting org repos), so we can do that.

But we likely want to partition out packages on the website by type and/or status badges. Only a few WIILDS repos are using status badges right now. And we have no way of partitioning repos based on type of repo, e.g., workflow vs. package. This could be done using github topics, those label things you can add if you click the little โš™๏ธ icon on the landing page of a repo.

bslib::cards images are stretched

bslib::card_image by default seems to force the image to fill the entire card, which makes it look stretched out. I cooked up the abomination below to replace bslib::card_image, but maybe there's a better way?

div(style = "display: flex; justify-content: center; align-items: center; height: 100%;",
        tags$a(href = "packages.html",
          img(src = "assets/WDLlogo.png", 
              style = "max-width: 100%; height: auto;"))
    )

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.