teleren/devto huggingface dataset:
Hosting a PayID on Github Pages
Tags: payid, coil, ilp, webmonetization
Published: 2020-06-20 22:40:41

I wrote a blog the other day about how to statically host a PayID on your own site, if you maintain one:

{% post https://dev.to/hammertoe/static-serving-payid-address-1eac %}

A friend and colleague, Si, asked me if you could host one on a Github Pages site. 

{% twitter 1273751838253289475 %}

My first thought was probably not due to not having control of the content-type header that is set...

...**but turns out you can**. So in this video I briefly explain what you need to do to serve up a PayID from Github Pages.

In short: 

1. You need to create a Github Pages repository if you don't already have one. These are named after your username. So if your username is `hammertoe` then your github pages repository needs to be `hammertoe.github.io` and will then be served up on `https://hammertoe.github.io`

2. You need to create a file in the repository named after then local part of the PayID (before the `$`). So I want my PayID to be `pay$hammertoe.github.io` and so I need to create a file called `pay`. And in that file I have put the PayID information. This is a JSON block that describes my payment destination. e.g.

```json
{
  "addresses": [
    {
      "paymentNetwork": "XRPL",
      "environment": "MAINNET",
      "addressDetailsType": "CryptoAddressDetails",
      "addressDetails": {
        "address": "X75nEw5QD8Ej8jWt7EkJXHoVAV9YCtjuUSJppADpNtPKdim"
      }
    }
  ],
  "payId": "pay$hammertoe.github.io"
}
```

You can have multiple address blocks, so you can reference multiple payment systems, e.g. XRP, BTC, SWIFT, etc.


Commit. Push. And you are done!

Now anyone with a PayID compatible wallet (such as Xumm, below) or payment system can search for your PayID and it will resolve to the payment information contained in the PayID file you put on Github.

![Screenshot of Xumm payment wallet searching a PayID](https://dev-to-uploads.s3.amazonaws.com/i/e4mjgh7evgzgmpmpppju.PNG)
Run commands with notification after finishing
Tags: linux, git, github
Published: 2020-06-20 22:33:45

Have you ever wondered how to execute scripts with some notification after they finish on your local or remote machine? As a physics student, I run many simulations on remote servers or lab PCs. These days I contribute to my supervisor’s package [quantarhei](https://github.com/tmancal74/quantarhei) (also we need developers) and I need to run package tests on a regular basis. Since these tests take approximately 5 min, that is a reasonable time indeed, but our school lab can do a bit better. I don’t want to wait all this time staring at unit test output and I would like to continue in package development! So what do I do?

I tried to solve this inconvenience. Because I had VPS, I created my own Rest API, with MongoDB database and telegram bot. This way I had smartphone notifications and desktop notification with the telegram web app. This solution, however, created many different problems (which I had fun solving). I was searching for some online tools but didn’t find anything for a reasonable price or for free.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/kefe5uk979u8vwknn7g2.png)

For my local machine I use sound notification, with these aliases in `.zshrc` (or `.bashrc` if you don’t use zsh)
```shell
alias sn1="mpg123 ~/Music/never.mp3 > /dev/null 2>&1" 
alias sn2="spd-say 'Yo'"
alias sn3="mpg123 ~/Music/doot_doot_mr_skeletal.mp3 > /dev/null 2>&1" 
...
```
then simply run the following
```shell
sleep 5; sn2
```
What about remote machines? I use Pushbullet together with ntfy [ntfy](https://github.com/dschep/ntfy) utility! Ntfy also supports Pushover, but they do not support older versions of Android OS. You have to go to the Pushbullet website and get Access Token in the settings. Then create ntfy config file `~/.config/ntfy/ntfy.yml`
```yml
backends:
    - pushbullet
pushover:
    user_key: YOUR_ACCESS_TOKEN
```
Set your alias in `.zsrhc` (or `.bashrc`)
```shell
alias msg="ntfy send"
```
If you do not have rights to change files outside your home folder you can also execute ntfy directly with the token
```shell
alias msg="ntfy -b pushbullet -o access_token YOUR_ACCESS_TOKEN send"
```
Enjoy your notifications!
```shell
msg “ARE YOU READY?”
```
Looking for help with my video game that I plan on essentially making and Testing and all that
Published: 2020-06-20 21:54:46

Hello I am looking for people who are good at 3D animating and  
3D video game developing as well as people who can help me in writing the story for said video game........ I would of coarse be the main manager But I am looking for people who can make the game look good..... I would love for someone to be co creator but I am still looking for that certain someone I think would be suited for this job.... Skill sets: (I at least need a couple of each) Computer programming knowledge, Creativity for quests and sub quests, animating knowledge as well as people with a knack for art who can do some 3D modeling




Basically I want to make a game with the aspects of survival from Minecraft and the aspect of skyrims Replay-ability as well as Middle Earths: shadow of wars combat (But with magic instead of Swordplay) And with breakable environment and on critical's (As in fatal hits that have a certain % of a chance to trigger) I want a mini Kill  scene for the critical (if it is a fatal critical)

I do not have knowledge in 3D animating or modeling I am basically just looking to be in charge of the story and be the manager for said game if you would like to help send me an email, my email is : Mologorath@gmail.com
Responsive space site
Tags: css
Published: 2020-06-20 21:34:54

How to set media query for following criteria:
  When
   The screen has a min-width of 768px
   The screen has a max-width of 1024px
   The screen has an orientation of landscape
  Make 
   title, description float left

```css
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

  .page-title, .page-description {
    float: left;
  }
}

```

How to set high resolution screen display:
  When
   The screen min-resolution is 80 dpi
  Make 
   Image more crisp

```css

/* high resolution screen display media query
 */
@media only screen and (min-resolution: 80 dpi) {
  .logo {
    background-image: url("../img/cowboy@2x.png");
  }
}

```
I made $100 every hour by sharing HEY invite codes
Tags: tutorial
Published: 2020-06-20 21:15:36

**hey**

If you not living under the rock, you would have heard **HEY by Basecamp**. They just crossed 95,000+ people on their waiting list. It became so hyped, and it reached a stage where people started buying Invite codes on eBay for more than $500 per invite.

Since I signed up early, I got access to the HEY Invite code on day 1 of their launch. The code can only be used 3 times, so I decided to share my codes to anyone who buys me a cup of coffee on my [Twitter](https://twitter.com/Felix_Josemon/status/1272934425534201856?s=20) profile.

My imbox & DM got flooded with people who want a HEY invite. So I created a sheet and built a PAY-IT Forward campaign where anybody who gets an invite will offer one back to others on my list. 

![HEY Invite code chain](https://i.imgur.com/l9eJ3G4.png)

A few minutes after posting this on Twitter, I got $95 worth of coffees on my Buy Me a Coffee account. It went so viral that people outside the list started sharing their unused invites.

![HEY Invite code chain](https://pbs.twimg.com/media/Eapoqc7VAAICL0v?format=jpg&name=large
)

That's how it got started.

It's Day 3 of the PAY-IT Forward campaign and I have 86 supporters on [my Buy Me a Coffee Page](https://www.buymeacoffee.com/felixbmc)🔥.

I am thinking of offering access to top of my list to anyone who can offer more than 15 coffees till I reach 100 supporters.

I am also thinking of writing a complete case study in a week or two, on what strategies worked and what didn't, twitter hacks and how I automated my google sheet. 

Let me know if you have any specific questions in the comments below. I will keep everyone posted here.

P.S I work as the Product & Growth Head at Buy Me a Coffee (YC W19)

First wrote on [Medium.com](https://medium.com/@felixjosemon/i-made-100-every-hour-by-sharing-hey-invite-codes-62ee824091ba), updated with recent earnings as well there(22nd June).
Top 5 Websites For Design Inspiration [Opinion]
Tags: webdev, inspiration, beginners, productivity
Published: 2020-06-20 20:47:29

I was many times in a situation when I needed a miracle to complete my gig. And the websites in this list have never failed to pull through for me.

I am not arranging these in any particular order. But, I feel every website in this list has something unique to offer.

`Not interested in reading` - [Watch Video](https://www.youtube.com/watch?v=eej0WkZdarA)
{% youtube eej0WkZdarA %}

# [Pinterest](https://www.pinterest.se/search/pins/?q=web%20design%20inspiration)
While Pinterest might not be best known to give web design inspiration, at the end of the day all it has are Pins. And what do Web Designers pin, web designs ofcourse.

# [siteInspire](https://www.siteinspire.com/)
siteInspire I feel is unique with its tagging system. Most of the time I was stuck with a need for new/unique/tangy way to showcase things like Portfolio, Forms, Navigations etc.,. This is exactly where siteInspire comes to the rescue.

# [CSS Nectar](https://www.cssnectar.com)
CSS Nectar is pure quality. While the collection on the website is small, the quality is great and it is reviewed by a lot of people and also graded in various categories.

# [Awwwards](https://www.awwwards.com)
Listing in Awwwards is an Award for a website for its awesomeness and uniqueness among its peers. A lot of people submit their website design applications on the website and those websites are public to us viewers.

# [Behance](https://behance.net)
Last but the best of them all, Behance is where I find some of the most awesome and extensive design case studies. If you are trying to build your design portfolio, start doing it on Behance. Because if you have a great portfolio on Behance, it may increase your chances of getting hired.

Thanks for reading till the end,

[Please have a look at my YouTube Channel. I post interesting web-related videos on it : https://www.youtube.com/channel/UCvf5cqRQk6aOmFZrgoU6K-Q]
Bases numéricas: Octal
Tags: notacao, posicional, octal, braziliandevs
Published: 2020-06-20 20:37:42

### Sistema octal

Esse sistema tem base oito, ou seja, os algarismo vão de 0 a 7.

```
0, 1, 2, 3, 4, 5, 6, 7
```

Para representação mínima, temos

![representação octal mínima](https://dev-to-uploads.s3.amazonaws.com/i/96w73eps8b6kan99b1so.png)

O valor na parte de cima de cada quadradinho, significa o valor mínimo que cada posição representa, em decimal.

> obviamente não estamos contando aqui com o zero, que possui a mesma representação e valor em quaisquer bases numéricas.

E para representação máxima, temos

![representação octal máxima](https://dev-to-uploads.s3.amazonaws.com/i/d6l90zya6nz6cdjo4mqq.png)

O valor na parte de cima de cada quadradinho, significa o valor máximo que cada posição representa, em decimal.

Isso significa que, tomando por exemplo a **primeira casa (8<sup>0</sup>)**, o valor mínimo a ser representado é **1(<sub>8</sub>) = 1(<sub>10</sub>)** e o valor máximo é **7(<sub>8</sub>) = 7(<sub>10</sub>)**.

Para a **segunda casa (8<sup>1</sup>)**, o valor mínimo é **1(<sub>8</sub>) = 8(<sub>10</sub>)** e o valor máximo é **7(<sub>8</sub>) = 56(<sub>10</sub>)**. E assim por diante.

Desse modo, para representar o número **137<sub>(8)</sub>**

![137 octal](https://dev-to-uploads.s3.amazonaws.com/i/csy579tq1wkqhxr2dmh9.png)

Decompondo o número na **base 8**,

**137<sub>(8)</sub> = 1 x 8<sup>2</sup> + 3 x 8<sup>1</sup> + 7 x 8<sup>0</sup>**

**1 x 64 + 3 x 8 + 7 x 1**

**64 + 24 + 7 = 95<sub>(10)</sub>**

### Convertendo decimal para octal

Basta fazer a divisão inteira por oito sucessivamente até chegar em zero. Assim,

![divisão por oito](https://dev-to-uploads.s3.amazonaws.com/i/lqw09klcfztfmbz4y8bv.png)

Dessa maneira, o número **octal** são os restos começando do último em direção ao primeiro, como mostrado na figura.

### Convertendo octal para binário

Há duas maneiras de fazer essa conversão:

Uma delas é usando o sistema **decimal** como intermediário. Assim,

![conversão de octal, decimal, binário](https://dev-to-uploads.s3.amazonaws.com/i/6ad9kcg11pyx0ywoxvh0.png)

Faz-se primeiramente a conversão de octal para decimal, então de decimal para binário. Como mostrado na figura acima.

Outra maneira é, sabendo que **2<sup>3</sup> = 8**, podemos pegar **cada posição do número octal** e relacioná-la a **3 posições do sistema binário**, assim, para realizar a conversão do número **375<sub>(8)</sub>**, temos

**3<sub>(8)</sub> = 011<sub>(2)</sub>**
**7<sub>(8)</sub> = 111<sub>(2)</sub>**
**5<sub>(8)</sub> = 101<sub>(2)</sub>**

![conversão de octal para binário](https://dev-to-uploads.s3.amazonaws.com/i/rhb4p1imcy1nzxt9mca9.png)

Para cada casa do número octal, fazemos a associação a com três posições em binário; como mostrado na figura acima.

logo, **375<sub>(8)</sub> = 1111 1101<sub>(2)</sub>**
What is the fastest way to HTTP GET in Python?
Tags: python
Published: 2020-06-20 20:30:38

What is the fastest way to do a HTTP GET in a Python program?

To start the HTTP GET method in python, any of the following <a href="https://python-commandments.org/python-packages/">modules</a> can be used: 

* <a href="https://pypi.org/project/httplib2/">httplib</a>
* <a href="https://pypi.org/project/urllib3/">urllib</a> (<a href="https://pythonspot.com/http-download-file-with-python/">example</a>)
* <a href="https://pypi.org/project/requests2/">requests</a> (example below)

You can install all of the above module using <a href="https://pythonbasics.org/how-to-use-pip-and-pypi/">pip</a> package manager and the easiest module is the request module.

The example in this blog post shows how the requests module can be used. 

## Install requests

You can use pip to install the module

    pip install requests

IF you use PyCharm, you can install it in project settings.

In the console it outputs something like this:
```
    Collecting requests
      Downloading requests-2.23.0-py2.py3-none-any.whl (58 kB)
         |████████████████████████████████| 58 kB 2.4 MB/s 
    Collecting certifi>=2017.4.17
      Downloading certifi-2019.11.28-py2.py3-none-any.whl (156 kB)
         |████████████████████████████████| 156 kB 9.3 MB/s 
    Collecting urllib3!=1.25.0,!=1.25.1,<1.26,>=1.21.1
      Downloading urllib3-1.25.8-py2.py3-none-any.whl (125 kB)
         |████████████████████████████████| 125 kB 10.6 MB/s 
    Collecting chardet<4,>=3.0.2
      Using cached chardet-3.0.4-py2.py3-none-any.whl (133 kB)
    Collecting idna<3,>=2.5
      Downloading idna-2.9-py2.py3-none-any.whl (58 kB)
         |████████████████████████████████| 58 kB 4.1 MB/s 
    Installing collected packages: certifi, urllib3, chardet, idna, requests
    Successfully installed certifi-2019.11.28 chardet-3.0.4 idna-2.9 requests-2.23.0 urllib3-1.25.8
```

## Requests HTTP GET method example

Import the requests module, set the url and do a `requests.get()` call.

This returns a response object, response.text contains the data.

```python
>>> import requests
>>> url = "https://dev.to"
>>> response = requests.get(url=url)
>>> print(response)
<Response [200]>
>>> print(response.text)
```

This outputs:
```
<!DOCTYPE html>
<html lang="en">
  <head>
   etc
```

If your app uses a GUI module like <a href="https://pythonpyqt.com/">PyQt</a>, then you'll want to do HTTP requests in another <a href="https://pythonprogramminglanguage.com/threading/">thread</a> (not on the GUI thread).
Serverless database computing with Azure Cosmos DB and Azure Functions
Tags: serverless, cloud, womenintech, database
Published: 2020-06-20 20:24:36

# What is Cosmos DB?

- It's a globally distributed multi-model database service. It provides APIs for SQL, MongoDB, Cassandra, Tables, or Gremlin so you can access your data. There's a free tier now, which was made available in March 2020.
- [Azure Cosmos DB free tier is now available | Azure updates | Microsoft Azure](https://azure.microsoft.com/en-us/updates/azure-cosmos-db-free-tier-is-now-available/)

# Why use Cosmos DB?

- **Key benefits**
    - Global distribution: You can add or remove any of the Azure regions to your Cosmos account at any time.
    - Provides 99.999% high availability for reads and writes.
    - The database engine is fully schema-agnostic.
    - [A bunch more](https://docs.microsoft.com/en-us/azure/cosmos-db/introduction#key-benefits)

# Why use Functions with Cosmos?

- You can create event-driven serverless apps with low-latency access to data.
- Keep in mind that currently, Azure Functions trigger, input bindings, and output bindings for Cosmos DB are supported for use with the SQL API only. For all other Azure Cosmos DB APIs, you should access the database from your function by using the static client for your API.
- [Serverless database computing with Azure Cosmos DB and Azure Functions](https://docs.microsoft.com/en-us/azure/cosmos-db/serverless-computing-database)

# **Bindings**

- [https://docs.microsoft.com/en-us/azure/azure-functions/functions-bindings-cosmosdb-v2](https://docs.microsoft.com/en-us/azure/azure-functions/functions-bindings-cosmosdb-v2)

In this video I provide an overview of the trigger, input and output bindings for Cosmos DB and Azure Functions.

{% youtube AFF4kuBTtNg %}

I plan on creating more content around Azure; it's great to share what I've been learning.

If you have any feedback at all, please let me know in the comments below or reach out to me on socials.

Thanks for reading and possibly watching!
It is not recommended to publish Ivy libraries to NPM repositories
Tags: angular
Published: 2020-06-20 20:06:35

Okay we get it, all the hype to get to Angular 9 was to get to the new Ivy compiler and renderer. The whole upgrade a veritable total mess with goofy NPM dependency messages and tons of lost time just upgrading.
 
**Meanwhile**
We start our merry way trying to create a reusable library only to see this message each time we compile.

The work around is simple:
```json
Before publishing a library to NPM, 
build it using the --prod flag which will
use the older compiler and runtime 
known as View Engine instead of Ivy.
```
Umm, ok Google, please tell me again the benefits of Ivy? While you're at it, why can't we use Ivy for libraries? 

**Root Cause**

After looking into this a bit, it turns out Angular doesn't want Ivy packages in NPM.  I have no idea why.  However, this error message is only seen when we type in 

```
ng build
//instead of 
ng build --prod
```

One last tip, Angular 9 libraries are not compatible with prior versions of Angular. Don't even think of trying it.
The Git Pull Guide
Tags: codenewbie, github, firstyearincode
Published: 2020-06-20 19:56:28

GitHub is powerful and often magical.

But learning the ins and outs has been *stressful.*

Recently my programming partner and I started building an app and realized, we had no idea how to contribute to a shared repo.

OH BOY.

A *lot* of trial and error led us to push and pull requests like we were born to do them.

Mostly to remind myself how to do this again (full disclaimer), but also to be a guide anyone else learning (kudos to you!), I present:

##The Git Pull Guide

First and foremost, [this guide](https://opensource.com/article/19/7/create-pull-request-github) was my saving grace.

But the reason I'm writing my own is that I varied from the above guide in a few ways to make it work for me.

Here's my take.

**1) To fork, or not to fork?**

The author of the original guide would advise you to first fork the original repo.

This caused me to pull my hair out (when I eventually tried to push changes to the original repo), so I did not do that.

A kind reader suggested the following perspective (thank you Jennifer Davis!), and I wanted to share it with you here:

"As for forking or not, it all depends first on your workflow and how you want to work and if you have owner/maintainer privs on the source repo. If you aren't an owner/maintainer you definitely have to fork the repo."

Great tips, Jennifer!

**2) Clone the repo.**

`git clone https://github.com/<YourUserName>/demo`

**Note:** when cloning, I ran into a few hiccups using the SSH version, but after helpful wisdom from Jennifer Davis (yup! she's done it again!), I'd now recommend using SSH, with this helpful [GitHub resource](https://help.github.com/en/github/authenticating-to-github/connecting-to-github-with-ssh).

**3) Switch into your new directory.**

`cd cool-app`

**4) Create a new branch.**

`git checkout -b new_branch`

**5) Create a new remote for the upstream repo.**

`git remote add upstream https://github.com/name/appname`

Here, "upstream repo" refers to the original repo.

And now, you should be in that branch.

**6) Make a change to the code and push it to the new branch.**

`git add .`

`git commit -m "Add readme"`

`git push -u origin new_branch`

If that goes through successfully, you'll see a message similar to this:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/9la8z0i2wzfitsi2rhac.png)

*Photo credit to Kedar Vijay Kulkarni*

**7) Head over to GitHub the repo itself. The green `Compare & pull request` button will appear in the original repo.**

Click it and you'll see the `Open a pull request` page. 

There, you'll see another green button, this one says `Create pull request` and you can do just that.

**8) From now on, you can make a change and push that change via this command:**

`git push origin new_branch`

And create a pull request from there.

Tears of joy, applause, so happy. 

Thanks so much for reading, catch you next time!
Music or No music while coding?
Tags: webdev, discuss
Published: 2020-06-20 19:54:10

---
title: Music or No music while coding?
published: true
description: 
tags: webdev, discuss
//cover_image: https://direct_url_to_image.jpg
---
As I've noticed, some devs see music as a distraction and absolutely hate it, while some won't write a single line of code without headphones on ears.

Which type of person are you and could you please elaborate a bit on your reasons behind it?
How to Create Certificate Templates
Tags: help, discuss, javascript, svg
Published: 2020-06-20 19:17:57

---
title: How to Create Certificate Templates
published: true
description: Templates like Freecodecamp
tags: #help #discuss #javascript #svg
---

I would like to create a Digital Certificate for event running by our college department.

We will be having 3 dynamic field Name, event participate and Signature of the professor. 

We will have static background (if possible event based). How can we create this certificate template using Javascript or any other language.  

Deadline to create is 30th June 2020
World of WoqlCraft - Ep.12 Start creating movies data graph
Tags: python, database, graph, query
Published: 2020-06-20 19:10:05

---
title: World of WoqlCraft - Ep.12 Start creating movies data graph
published: true
description: Using the new Python client for the most powerful TerminusDB 2.0, we start creating a knowledge graph with the IMDB movies data.
tags: python, database, graph, query
---
Using the new Python client for the most powerful TerminusDB 2.0, we start creating a knowledge graph with the IMDB movies data.

Find the source code from our [tutorial repo](https://github.com/terminusdb/terminus-tutorials).

Join the TerminusDB community at [Discord](https://discord.gg/Gvdqw97)
S1E2 Learn JMeter Series - Building Blocks of JMeter
Tags: jmeter, performance, testing, java
Published: 2020-06-20 19:03:57

Welcome to Learn JMeter Series!

In this season one episode two, you will learn the following:

* Building blocks of JMeter
* Test Plan
* Samplers
* Listeners
* Config Element
* and more

{% youtube eJHrJVQeHXo %}

✔ Buy me a tea 🍵 : https://www.buymeacoffee.com/qainsights
✔ [My Blog](https://qainsights.com)
✔ [My Udemy Course](https://www.udemy.com/course/performance-testing-using-truweb)