DEV Community

Cover image for Potherca's Weekly Github Stars - 2020 Week 23
Ben Peachey
Ben Peachey

Posted on • Updated on

Potherca's Weekly Github Stars - 2020 Week 23

Week 23

Alt Text

Last week I worked on my submission for the Grant For The Web Hackathon on DEV.

In case you missed it [the deadline for the hackathon has been extended to June 14th].

My submission is an idea about Web Monetization for Games.1 As such, most of last weeks stars are related to Web Monetization and Games.

Last week's starred repos

Awesome Web Monetization

GitHub logo thomasbnt / awesome-web-monetization

🕶️ Stuffs about Web Monetization. Packages, articles, documentation links and others tools.

Logo Web Monetization

Awesome Web Monetization Awesome

Awesome stuffs about Web Monetization. Learn more, check modules and others tools.

Web Monetization is a web service that allows you to send money directly in your browser This is a JavaScript browser API that allows the creation of a payment stream from the user agent to the website

Contents

About Web Monetization


How to start monetize my website

If you would like to monetize your content, you must have a Wallet and Provider account. See below the platforms that allow you to use them.

More details about Wallet and Provider account












Wallets
Name




One of the awesome submissions to the hackathon was by Thomas Bnt.

He made an "Awesome List" for Web Monetization. Worth checking out!

CodeLani

GitHub logo breck7 / pldb

PLDB: a Programming Language Database. A computable encyclopedia about programming languages.

title PLDB: a Programming Language Database
import code/ciBadges.scroll
PLDB is a public domain database and website containing over 135,000 facts about over 4,000 programming languages
This repo contains the entire database, code, and website for https://pldb.com.

## To analyze the data
The PLDB database is freely available:
- As CSV: https://pldb.com/pldb.csv
- As JSON: https://pldb.com/pldb.json
- The JSON file is also available via npm:
javascriptCode
 // npm install pldb
 console.log(require("pldb").javascript.appeared)
Documentation for the CSV is available here: https://pldb.com/csv.html.

## To add a new language
Easy method: https://pldb.com/create.html
Advanced method: Create a new file in `concepts` with a unique URL friendly filename ending in `.pldb` and send a pull request.

## To update a language
Easy method: https://pldb.com/
Advanced method: Edit the corresponding `concepts/*.pldb` file and send a pull request.

## To add a new question
Advanced method: Edit or create a new file in `questions/` and add at

Along the way, I stumbled across CodeLani. This project holds all sorts of information about many programming language. plain text format, or binary specifications. Combining various sources, it is great for quickly looking up background information, without having to scan an entire Wikipedia page.

The page for Javascript, for instance, gives us a quick overview showing Javascript:

  • is 25 Years Old
  • has 6,985,336 Users
  • ranks in the top 1% of languages
  • was created by Brendan Eich

Alt Text

Great for research!

Dwitter

GitHub logo lionleaf / dwitter

Social network for short js demos

dwitter

A platform to write visual art in javascript limited to 140 characters.

The frontend is currently being rewritten, so please direct frontend development to dwitter-frontend The new frontend is currently hosted at beta.dwitter.net.

Available on dwitter.net

Join the chat on Discord

license

Inspired by arkt.is/t/

Pre-requisites and first-time installation

  • Install npm
  • sudo apt install npm
  • Get packages needed for server and clone the repository
  • sudo apt install git virtualenv python-pip
  • git clone https://github.com/lionleaf/dwitter.git

Setup

Linux

  1. make setup (set up virtual environment)
  2. source venv/bin/activate (activate virtual environment)
  3. make (install dependencies and set up database)
  4. python manage.py createsuperuser (create admin account used below)
  5. make run runs the server. Use make serve instead if you're working inside a VM with port forwarding. (0.0.0.0:8000)
  6. Go to http://localhost:8000/admin/sites/ and log in with admin account created above.
  7. Click on the one entry, and change both domain name and display name to localhost:8000.
  8. Make sure…

This is one has nothing to do with games or monitization.

Dwitter is a social network for short js demos.

It is a way developers to demonstrate their work in response to the site's challenge:

see what [..] you can create [with] only 140 characters of javascript and a canvas.

I discovered it after a tweet that did just that:

So much cool work there.

Js13kGames

GitHub logo js13kGames / resources

Tools, assets and tutorials for creating small HTML/JavaScript games.




A previous hackathon that the Grant for the Web was involved with was the 2019 edition of the Js13kGames.

The Js13kGames is a competition that challenges participants to develop a game that does not exceed 13 kilobytes of code.

Started in 2012, it takes place every year on the 13th of August, so mark this year in your calendar!

The repository I starred list all sorts of usefull resources regarding JS game development.

Visit https://js13kgames.github.io/resources/ to see them all.

RedHoodJT1988/endless-runner

Endless Runner - Goblin Run

This is a project of mine that I have been wanting to develop for a while now. I have been using TypeScript for a little over 6 months now and wanted to see if what I have been learning with TypeScript could be used to develop games in a similar fashion to using C# (for Unity) or C++ (Unreal Engine).

I am pretty proud of the project and will be adding more levels and different versions of the Goblin to correspond with the levels. This project was done to help get Web Monetization going. I believe in letting my player base play a game without the use of ads to generate an income. With Web Monetization that can actually be a reality. No more will browser based games or games built with HTML game engines need to have ads built in for a source of…

This is another entry in the hackathon.

One reason that I starred this, is because it is a game that has something to do with monetization. Another reason is just because it is a fun way to waiste some time.

The game can be played at https://run-goblin-run.netlify.app/

Give it a go!

Repo Ranger

GitHub logo reporanger / default

Default configuration for Ranger

reporanger/default

Default configuration for reporanger.com

Usage

Within your .github/ranger.yml:

uses: reporanger/default
# or
extends: reporanger/default

# ...
Enter fullscreen mode Exit fullscreen mode



Something else I discovered last week is Repo Ranger.

It is a project by Michael Fix (one of the creators Carbon, source code to images generator)

Repo Ranger is a bot that automates various tasks to help repository maintainers with menial tasks like:

  • Closing Issues
  • Commenting on Threads
  • Creating Tags after Merging
  • Deleting Comments
  • Deleting Merged Branches
  • Merging PRs

And it works well in combination with other bots.

As the source-code is not (yet?) open-sourced, I starred the config repo as not to forget about this tool.

Currently still in beta, something to keep an eye on!

Weather Font

GitHub logo Weatherfonts / weather-font

215 Weather Themed Icons and CSS

Weather Icons 3.0

222 Weather Themed Icons and CSS

Weather Icons is the only icon font and CSS with 222 weather themed icons, ready to be dropped right into Bootstrap, or any project that needs high quality weather, maritime, and meteorological based icons!

Get started at https://weatherfont.com/!

Icon Preview

Basic Usage

Place the 5 font files and the main weather-icons.min.css file in your project, with the assumption that the fonts are located up ../ from your CSS directory.

The icons are displayed by using an i element and adding the base class wi and then the icon class you want, such as day-sunny. This then looks like <i class="wi wi-day-sunny"></i>.

To add a modifier, include the class you want after the icon name, which looks like <i class="wi wi-day-sunny wi-flip-vertical"></i>. You can flip, rotate, or add a fixed width. See it all at https://weatherfont.com/.

API Usage

Another off-topic entry for last weeks theme.

In 2013, Erik Flowers created an amazing set of weather icons. Since then the project has grown to more than two-hundred icons. Sadly, since 2017, the project is no longer maintained.

More recently, however, there has been some talk about reviving the project. As the repo I starred already set up https://weatherfont.com/, odds are looking good that this might be the rallying point of this new effort.

We'll see...

Closing notes

That wraps up last weeks stars. Because of the hackathon, there is more of a theme to this post's stars, which I like.

Maybe I should change the format from "weekly" to a more cohesive "themed" format... Something to think about.

Until next week, stay healthy, stay safe. 👋

Footnotes

  1. You can read about my submission here:

#weekly

#github

"Where the world builds software"

#stars


Top comments (0)