Giter Site home page Giter Site logo

eternagame / eternagame.org Goto Github PK

View Code? Open in Web Editor NEW
19.0 18.0 18.0 34.28 MB

Website for the Eterna citizen science game

Home Page: https://eternagame.org

License: BSD 3-Clause "New" or "Revised" License

JavaScript 1.69% HTML 0.17% Vue 88.08% TypeScript 8.16% Shell 0.02% SCSS 1.87%
rna game citsci citscigames citizen-science citizen-science-game serious-game serious-games vue vuejs

eternagame.org's People

Contributors

afikanyati avatar agarg5 avatar akrolsmir avatar alexhalb avatar chinemelu avatar dependabot[bot] avatar digitalembrace avatar guyguy2001 avatar jchinja avatar kevinslin avatar ktamas77 avatar luxaritas avatar minseokkang8571 avatar osamahansari avatar rvwillows avatar sbutkovi avatar sharife avatar sjaustirni avatar snehansh avatar tkaragianes avatar tolumide-ng avatar ysskrishna avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  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  avatar  avatar  avatar  avatar  avatar

eternagame.org's Issues

Add explicit Home navigation item

and the pages that do have the little house for a link home, the house eterna home page icon ends up by my browser homepage house icon, a little confusing to the eye.

ALL links should use either <router-link> or <a>

This is a significant accessibility issue, and also prevents the link from being properly displayed by the browser when hovering over it. One big area this happens is in the nav, but this is true for everywhere on the page. As a rule, if the user clicks something and that causes the page to change, in the end it should always be rendered as an anchor tag (which router-link also does for us)

style comps

Please see a list of the routes and associated comps here. Please hardcode with fake sample data matching comp. Add the route indicated in router.ts

Feed is largely broken

Extremely slow to load, and when it does, it shows like 2 things with incorrect data (even though more have been returned in the API request)

Leaderboard 30 day and synthesized not updating

The 30 day leaderboard is only accumulating points, it does not reset for 30 days. (ie. the ?filter=update no longer works.

The synthesized leaderboard does not display the number synthesized, and the number is not updating.

Facebook is not logged out when Eterna logs out

When trying to log in from Chrome on iOS, I hit the login button, the modal pops up, then it seems that it submits itself (without any action on my part) and then it comes up with an error of “undefined query type”

Horizontal carousels should be scrollable

It would be a good idea to make the horizontal carousels (such as those under Mastering Eterna or Complete Your Lab) horizontally scrollable. I use a Magic Mouse that has horizontal scrolling capabilities and have almost grown used to being able to scroll sideways. Can we implement horizontal scrolling for the carousels?

Also, is carousels the proper term? I think I saw them referred to as carousels in the code, so that's where I'm getting it from.

Play/puzzles

If default shows all puzzles, the large green check-mark indicating "completed" is visually helpful. I do like that additional filters were maintained!

Various caching issues

There are a ton of issues right now with pages having improper data, namely when navigating between pages. For some reason it seems like both 1) component state isn’t getting cleared when components get removed and readded and 2) fresh requests aren’t always being made when navigating back to a page you’ve previously visited

Fix axios typescript warning

This issue: subsequent property declarations must have the same type. Property '$http' must be of type 'AxiosStatic', but here has type 'AxiosInstance'. shows up every-time the Vue compiler builds:
image

Favicon shouldn't have white background

For some reason, the favicon has a white background that makes it harder to see. This probably isn't noticeable for most users, but I have dark mode enabled and it doesn't look as good. I'm not sure why it is this way. I attached a 16x16 and 32x32 png and a compressed .ico version. I had to compress the .ico because GitHub doesn't allow .ico files. Those have worked for me in the chat. I'm not sure if replacing them will fix the issue or not, but I figured I'd attach them anyway. This isn't a big issue, so don't rush to fix it, but it should be corrected eventually.

favicon-16x16
favicon-32x32
favicon.ico.zip

Broken link on Play Now

The Play Now button link on the default / logged out homepage is broken. It should link to the first puzzle in the new player progression.

Players page leaderboards

Loads list of players with most points for last 30 days, but total points is highlighted in the menu to the right.

Notification bell contents are incorrect

On my main account on desktop, it’s completely blank. On a new account on desktop (I think, haven’t thoroughly tested) or either on mobile, it seems to be out of date content.

This should also be using the “combined” newsfeed query, which I don’t think it is right now

Chat is cut off on mobile

The website full page chat displays different font sizes in different channels, with the default general channel going off screen.

image
image
image

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.