Giter Site home page Giter Site logo

codexmon / k5games Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 2.0 4.14 MB

A place for Bilingual (Chinese and English), English and Buddhist online games for children ages kindergarten through 5th grade.

Home Page: https://k5games.gloriang.com

CSS 16.62% HTML 80.49% JavaScript 2.89%
hacktoberfest

k5games's Issues

asset names

asset names need replacement from spaces to hyphens

insert legend for games

insert legend into each game page. legend contains icons for:

  • camera on / off
  • chat / no chat
  • screen share / no screen share

social icons for github pages still not working

  • header and footer files are in the includes folder
  • icons are in the assets folder, which is a sibling to the includes folder
  • the path in the code is correct
  • jquery .load() was used to insert the header and footer code into index.html
  • perhaps a compiling/interpreting/transpile issue?
    p.s. the site is working an netlify

"key" each game

  1. browser each game link to determine which icons from the legend for camera, chat, and screen share pertain to each game.
  2. then insert each icon in the respective game.

social icons

social icons to connect with github and linkedin for header and footer navigation

Put Header and Footer in a standalone file

It would be much better, if header and footer are in own files, so that it's easier to edit them, because you don't have to edit them in every single file.

This can be done for example with JQuery.

footer navigation

footer navigation with logo, links and games needed in branded colors

fix text links

in buddhist.html file, format text links so there is no text decoration

hero image

Playful, cheerful image that invites users to engage in the site contents.

icon indicators for the games

similar to the screen share-friendly and screen share-free icons to indicate the kinds of games available on the site, it would be great to have icons for:

  • video camera on
  • video camera off
  • mic on
  • mic off
  • chat on
  • chat off
  • whiteboard on
  • whiteboard off

game filter

  1. create game filter for each icon (camera on/off, chat on/off, screen share on/off).
  2. test that filter works.

button width fix

the button click on bilingual charades file needs to be as wide as the section.

games list

listing of games for bilingual, english and buddhist needed

navbar

Build out navbar with logo, site name, menu buttons and a dropdown for bilingual, English and Buddhist games for the K to 5 age group

game links needed

links missing for the games in the text content of respective pages: bilingual, english and buddhist

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.