teleren/devto huggingface dataset:
With my eyes at WWDC21
Tags: devlive, apple, devjournal
Published: 2021-06-19 04:22:28

originally posted on [blog.vphreak.net](https://blog.vphreak.net/with-my-eyes-at-wwdc21)

##My world as a deaf person at Apple WorldWide Developer Convention

Three big tech companies in America: Google, Microsoft, and Apple. They are in our lives and it’s impossible to stay away from their products. Google’s popular with its own search engine that billions of us use in our daily lives. Microsoft is impossible to miss with their Windows Operating System all over the world. Apple is one of the richest companies that have a market cap of about 2 trillion dollars and we all probably touched one of their products such as the iPhone, iPod, Macintosh computers, and Apple Watch.

They all three have valued accessibility and inclusion. I saw at Google I/O when they live-streamed American Sign Language (ASL) interpreter. I have experienced the amazing Microsoft #MSBuild event with ASL interpreters on most of their videos. Apple has built so many great things on accessibility with their iPhone, iPad, and Macs. But, Apple did not think of including ASL interpreters for the most part of their Worldwide Developer Convention (WWDC) week.
 
###Wait? Apple?

Yes, they did have ASL interpreters after their Opening Keynote Presentation with Tim Cook and many others. It was not live-streamed but posted later after the event. WWDC is a big week-long event for all app developers all over the world. There are so many awesome sessions during the week but none of them included ASL interpreters. Of course, I was deeply disappointed and this is why I have to write about this.

I took it to Twitter to rant about Apple and I emailed Tim Cook directly. Someone at Apple read the email and called me directly but I didn’t answer the phone. I got the email and I emailed back for the arrangement for a phone conversation on Wednesday during the WWDC week. I felt that Apple’s taking it seriously about the ASL interpreters situation so I decided to write a thread on Twitter with some good points.
 {% twitter 1402628235091795975 %}

After the week is over, I decided to do 8 minutes video which is available in subtitles on YouTube


{% youtube 4H95JTIzg10 %}

 
I clipped one of the good parts of the video to put it on Twitter and TikTok in their format, which means short video to attract people’s attention. Nobody wants to watch 8 minutes video nowadays.
 

{% twitter 1403716110436950023 %}
 

Let me wrap up here, you can check out the thread and the videos to get the full picture here. In my next blog post, I will write about subtitles on video vs. American Sign Language interpreter and why it is important to the deaf community.

 
Thank you for reading and you can find me on Twitter: [vphreak](https://twitter.com/vphreak)
Let's find out the most enormous known prime number using java
Tags: java, largestprimenumber, primenumber
Published: 2021-07-03 07:41:12

---
title: Let's find out the most enormous known prime number using java
published: true
date: 2021-06-19 04:10:40 UTC
tags: java, largestPrimeNumber, PrimeNumber 
canonical_url: http://bazlur.com/2021/06/lets-find-out-the-most-enormous-known-prime-number-using-java/
---

According to [Wikipedia](https://en.wikipedia.org/wiki/Largest_known_prime_number), the biggest known prime number (as of December 2020) is 2^82,589,933 − 1, which has 24,862,048 digits when printed in base 10.

The number itself is unfathomable.

Let’s write a java program that calculates this number and writes it in a text file.

![100DaysOfProgramming_Day013](http://bazlur.com/img/Day013.png "100DaysOfJava")

It doesn’t take much time to calculate the number, but writing on file or flushing on Standard output would take quite a significant time.

The file is quite large: 24.9 MB. Any text editor would struggle to open it.

Here is a glimpse of the number:

![TheLargestPrimeNumber](http://bazlur.com/img/theLargestKnownPrimeNumber.png)

If you want to see this on yourself then this file: [theLargestKnownPrime](https://github.com/rokon12/100DaysOfJava/blob/main/theLargestKnownPrime.txt)

for **copy/paste** pleasure: [https://github.com/rokon12/100DaysOfJava/blob/main/src/main/java/com/bazlur/Day013.java](https://github.com/rokon12/100DaysOfJava/blob/main/src/main/java/com/bazlur/Day013.java)
TryHackMe TShark
Tags: security, cybersecurity
Published: 2021-06-19 02:20:41

# TryHackMe [TShark](https://www.tryhackme.com/room/tshark)
### References
* DarkSec. (2021). TryHackMe TShark Official Walkthrough [YouTube Video]. In YouTube. https://youtu.be/tbXIFRS4u7I

## Reading PCAP Files
### How many packets are in the `dns.cap` file?
* TShark's `-r` flag enable reading a PCAP file.
* `wc`'s `-l` flag counts the lines of a given input.
```bash
$ tshark -r dns.cap | wc -l
38
```

**Answer**: `38`
### How many A records are in the capture (including responses)?
* TShark's `-Y "dns.qry.type == 1"` is used to filter DNS A records.
```bash
$ tshark -r dns.cap -Y "dns.qry.type == 1" | wc -l
6
```

**Answer**: `6`
### Which A record was present the most?
* TShark's `-T fields` is used to specify the output's format.
* TShark's `-e dns.qry.name` is specify which field to output.
```bash
$ tshark -r dns.cap -Y "dns.qry.type == 1" -T fields -e dns.qry.name
www.netbsd.org
www.netbsd.org
GRIMM.utelsystems.local
GRIMM.utelsystems.local
GRIMM.utelsystems.local
GRIMM.utelsystems.local
```

**Answer**: `GRIMM.utelsystems.local`
## DNS Exfil
### How many packets are in this capture?
```bash
$ tshark -r task3.pcap | wc -l
125
```
**Answer**: `125`
### How many DNS queries are in this PCAP (excluding responses)?
```bash
$ tshark -r task3.pcap -Y "dns.flags.response == 0" | wc -l
56
```
**Answer**: `56`
### What is the DNS transaction ID of the suspicious queries (in hex)?
```bash
$ tshark -r task3.pcap -Y "dns.flags.response == 0" -T fields -e dns.id
0x0000beef
```
**Answer**: `0x0000beef`
### What is the string extracted from the DNS queries?
```bash
$ tshark -r task3.pcap -Y "dns.flags.response == 0" -T fields -e dns.qry.name | cut -c1 | tr "\n" " " | sed 's/ //g'
MZWGCZ33ORUDC427NFZV65BQOVTWQX3XNF2GQMDVG5PXI43IGRZGWIL5
```
**Answer**: `MZWGCZ33ORUDC427NFZV65BQOVTWQX3XNF2GQMDVG5PXI43IGRZGWIL5`
### What is the flag?
```bash
$ echo 'MZWGCZ33ORUDC427NFZV65BQOVTWQX3XNF2GQMDVG5PXI43IGRZGWIL5' | base32 -d
flag{th1s_is_t0ugh_with0u7_tsh4rk!}
```
**Flag**: `flag{th1s_is_t0ugh_with0u7_tsh4rk!}`
Weekly Check-In #2: Second Week
Tags: weeklyretro, opensource, python, gsoc
Published: 2021-06-19 01:52:37

Hi again! this is my second weekly check-in, you can check the previous one in the series.

The second week of my GSoC internship is finishing and the first sprint as well. In this weekly check-in, I've got the good announcement that my team and I have made great progress during our first sprint. However, there is still a lot of work to do, so let's keep going.

<img src="https://media.giphy.com/media/mGK1g88HZRa2FlKGbz/giphy.gif" alt="Good job meme"/>

## What did you do this week?

I continued work on the quizzes and I made [4 PRs](https://github.com/PyAr/PyZombis/pulls?q=is%3Apr+author%3Ay-martinez+created%3A2021-06-14..2021-06-20+), they are just waiting for the review of my mentors. This is great progress because, with these and the others ones that my teammate did,  we have almost finished fixing and refactoring all the quizzes in the [PyZombis](https://github.com/PyAr/PyZombis) course.

## What is coming up next?

The next week I am going to start with the lessons. As far as I know, there aren't a lot of problems to resolves, however, I need to check out much deeper. I plan to finish all the lessons were assigned to me for the next week so wish me luck.

<img src="https://media.giphy.com/media/kVaj8JXJcDsqs/giphy.gif" alt="Good luck meme" />

## Did you get stuck anywhere?

Yes indeed, as I said in my first post, at the beginning (check it [here](https://dev.to/ymartinez/post-1-everyone-can-be-struggling-with-it-345o)), I got stuck using the library ``playwright``.  Besides that, I had some conflict problems in a file, but I resolved it by doing rebase. It is very powerful and useful so keep it out there, like an ace up one's sleeve 🧏
I Published My First npm Package
Tags: node, javascript, aws
Published: 2021-07-26 12:12:54

---
title: I Published My First npm Package
published: true
date: 2021-06-19 00:00:00 UTC
tags: [ node, javascript, aws ]
canonical_url: https://thomasstep.com/blog/i-published-my-first-npm-package
---

I recently published my first `npm` package and it was easier than I thought it would be. I had a quick and dirty idea of a package that I wanted to exist but couldn’t find so I wrote some code to handle what I needed. I was my first customer before my package was even published. To test out my package locally I ran `npm link my-package` in another `Node` project that would be consuming my package. From there I was able to test my code and make sure everything functioned as intended.

The next step was to publish. After two commands my package was live in the `npm` repository: `npm login` and `npm publish`. That’s it.

There are some final words I wanted to say regarding my package’s `package.json`. There are four keys that I needed to pay attention to before I published my package and they were `main`, `keywords`, `files`, and `version`.

### `main`

`main` represents the file path to the main `Javascript` code that is the package’s entry point. Running `npm init` defaults this to `index.js`, but my main file was in another folder and named file. The value for this key is a string representing a path from the root of the project to the entry point file.

### `keywords`

`keywords` is solely for discoverability. It’s like SEO for `npm`. I found some other packages similar to mine and added some of their keywords so I would be grouped with their packages. The value for this key is an array of strings.

### `files`

I used `files` because I hosted other code in my package’s repo that I used to test it out. Using `files` tells `npm` specifically which files and paths should be included in the package. This helps keep the size in check. Dependency bloat is something that most `Javascript` developers know too much about. The value for `files` is an array of strings that represent files and paths that should be included.

### `version`

`version` is incredibly important for publishing packages. To publish new changes for a package, I first needed to increment the version following [semantic versioning](https://semver.org/). The value for this key is a string representing the version as `major.minor.patch`.

If you would like to see my package, it is hosted on [`npm` as `crow-api`](https://www.npmjs.com/package/crow-api) and the [code is on GitHub](https://github.com/thomasstep/crow-api).
How to set the background color on the circle svg element in HTML?
Tags: html
Published: 2021-06-19 00:00:00

---
  title: How to set the background color on the circle svg element in HTML?
  published: true
  tags: HTML5
  date: Sat Jun 19 2021 05:30:00 GMT+0530 (India Standard Time)
  canonical_url: https://melvingeorge.me/blog/set-background-fill-color-circle-svg-element-html
  cover_image: https://melvingeorge.me/_next/static/images/main-f3bdcf3067280bdfb5d3afe7bf1b7ee9.jpg
  ---
  [Originally posted here!](https://melvingeorge.me/blog/set-background-fill-color-circle-svg-element-html)
  
To set the background color for the `circle` SVG element, you can use the `fill` attribute on the `circle` element inside the `svg` tag in HTML.

### TL;DR

```html
<!-- Set background color on 'circle' svg element -->
<svg>
  <circle cx="30" cy="30" r="30" fill="red" />
</svg>
```

For example to set the color `red` on the `circle` svg element, let's use the `fill` attribute and set its value to the string `red` like this,

```html
<!-- Set background color on 'circle' svg element -->
<svg>
  <circle fill="red" />
</svg>
```

But this alone wouldn't show anything on the screen as the browser doesn't know where to start drawing the shape. For that, you also have to add other 3 attributes like the `cx`, `cy`, and `r`. To know more about these attributes check out [How to create or draw a circle using SVG in HTML?
](https://melvingeorge.me/blog/create-circle-svg-html)

So at the end it will look like this,

```html
<!-- Set background color on 'circle' svg element 🔥 -->
<svg>
  <circle cx="30" cy="30" r="30" fill="red" />
</svg>
```

See the above code live in [JSBin](https://jsbin.com/poqekibuwa/2/edit?html,output).

That's all 😃!

### Feel free to share if you found this useful 😃.

---
The importance of continuous improvement
Tags: practices, continuousimprovement
Published: 2021-06-22 08:42:25

---
title: The importance of continuous improvement
published: true
date: 2021-06-19 00:00:00 UTC
tags: practices,continuousimprovement
canonical_url: https://jhall.io/archive/2021/06/19/the-importance-of-continuous-improvement/
---

“Continuous Improvement” is almost a buzzword these days. But I take it to heart. I’m constantly looking for ways to improve my business, my code, even my personal life.

Even the smallest improvements add up over time.

Gene Kim, co-author of [_The Phoenix Project_](https://amzn.to/3wKgReo), has a famous quote, which I think is very relevant:

> Improving daily work is even more important than doing daily work.

It may be possible, in principle, to take this to an extreme. But I’ve never met a team, let alone an individual, who was any real danger of this.

* * *
_If you enjoyed this message, [subscribe](https://jhall.io/daily) to <u>The Daily Commit</u> to get future messages to your inbox._
mautic で Form と Landing Page をとりあえず作ってみる
Published: 2021-06-18 23:43:09

公式ドキュメント的には、最初に Campaign の説明が来るのだけれど、なんらかコンタクト等の取得元が無いと始まらないので、まずは Form と Landing Page を作ってみる。

- https://docs.mautic.org/en/components/forms
- https://docs.mautic.org/en/components/landing-pages

最初はいきなり Landing Page の方を作ろうとしてみて、入力フォームが無いのに戸惑ってしまったが、なんのことはなく Form は別だというだけだった。

## Form

![2021-06-19_08h25_48](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bkecc0jjf5bppxme7mjl.png)

![2021-06-19_08h26_47](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k41a84vor31wqo3l7jc2.png)

全体的に雑に作っている、在住は dropdown を作るのが面倒だったので `country` に紐付けた。
![2021-06-19_08h27_26](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/noa6umno40srbj1f2kcx.png)

そんなに編集する場所は無いが、「フィールドの HTML 名」はきちんと付けておくほうがよい。空白にすると `zai_jyu` みたいになってしまう。
![2021-06-19_08h29_00](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sl1dbhuaau0dopi3mzhi.png)

アクションもメールを送信するだけ。ここの `{formfield=country}` のところが、先程の「フィールドの HTML 名」になる。
![2021-06-19_08h31_15](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/96gd897zeky90jhwdfo5.png)

「フィールドの HTML 名」とは書いているが、HTML を見ると、form の `name` 属性に使われているので POST パラメータにもなっている。
とはいえ、`formfield` でのパラメータアクセスのキーにもなるので、明示的な名前にしておく方がいいと思う。（そもそも英語を使うなら自然に設定されるからいんでしょうけど）
 
## Landing Page

Blank のテーマを選んで、最初からあるテキストの場所に `{form=1}` を入れただけ。
![2021-06-19_08h32_54](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mc2cc62s0f75ogea7y9m.png)

`{form=1}` の `1` は Form の ID なので、一覧から探せる。
 
![2021-06-19_08h34_14](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g43amdbonbhf9cld2b8b.png)

これで終了。

## 表示

Landing Page の画面から publish されたページのリンクがでるので表示してみる。

![2021-06-19_08h35_34](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oy9gnh46ljpmh70uqmcw.png)
在住のドロップダウンにも、国の一覧が出てくる。

## 送信

Form の画面の方に結果が出てくる。グラフには反映されない。
![2021-06-19_08h37_18](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1v9h8dgprhvkkbz8ecv9.png)

メールも送信されている。
![2021-06-19_08h39_45](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ajug0sspnrmq2ictudvk.png)
Forward Packets with Socat
Tags: networking
Published: 2023-01-05 22:48:08

---
title: Forward Packets with Socat
published: true
date: 2021-06-18 23:38:43 UTC
tags: Networking
canonical_url: https://brandonrozek.com/blog/socatforward/
---

I’ve written about relaying TCP traffic using [SSH port forwarding](/blog/sshlocalportforwarding/). Though sometimes you don’t require the authenticity and encryption of SSH or want to use another protocol such as UDP. That’s where `socat` comes in.

The following will listen to TCP traffic on port 8001 and redirect it to TCP localhost:8000

```
socat tcp-listen:8001,reuseaddr,fork tcp:localhost:8000

```

This will listen UDP on port 4009 and forward it to UDP localhost:4010

```
socat udp-listen:4009,reuseaddr,fork udp:localhost:4010

```
Getting Started With Apache Kafka
Tags: microservices, kafka, broker, docker
Published: 2021-06-18 23:06:54

Apache Kafka is an open-source distributed event streaming platform used by thousands of companies for high-performance data pipelines, streaming analytics, data integration, and mission-critical applications.

Let's first run a single kafka node with docker and docker-compose.

- Create a docker-compose.yaml file

```yaml
---
version: '3'

services:
  zookeeper:
    image: confluentinc/cp-zookeeper:6.1.1
    hostname: zookeeper
    container_name: zookeeper
    ports:
      - "2181:2181"
    environment:
      ZOOKEEPER_CLIENT_PORT: 2181
      ZOOKEEPER_TICK_TIME: 2000

  broker:
    image: confluentinc/cp-server:6.1.1
    hostname: broker
    container_name: broker
    depends_on:
      - zookeeper
    ports:
      - "9092:9092"
      - "9101:9101"
    environment:
      KAFKA_BROKER_ID: 1
      KAFKA_ZOOKEEPER_CONNECT: 'zookeeper:2181'
      KAFKA_LISTENER_SECURITY_PROTOCOL_MAP: PLAINTEXT:PLAINTEXT,PLAINTEXT_HOST:PLAINTEXT
      KAFKA_ADVERTISED_LISTENERS: PLAINTEXT://broker:29092,PLAINTEXT_HOST://localhost:9092
      KAFKA_METRIC_REPORTERS: io.confluent.metrics.reporter.ConfluentMetricsReporter
      KAFKA_OFFSETS_TOPIC_REPLICATION_FACTOR: 1
      KAFKA_GROUP_INITIAL_REBALANCE_DELAY_MS: 0
      KAFKA_CONFLUENT_LICENSE_TOPIC_REPLICATION_FACTOR: 1
      KAFKA_CONFLUENT_BALANCER_TOPIC_REPLICATION_FACTOR: 1
      KAFKA_TRANSACTION_STATE_LOG_MIN_ISR: 1
      KAFKA_TRANSACTION_STATE_LOG_REPLICATION_FACTOR: 1
      KAFKA_JMX_PORT: 9101
      KAFKA_JMX_HOSTNAME: localhost
      CONFLUENT_METRICS_REPORTER_BOOTSTRAP_SERVERS: broker:29092
      CONFLUENT_METRICS_REPORTER_TOPIC_REPLICAS: 1
      CONFLUENT_METRICS_ENABLE: 'true'
      CONFLUENT_SUPPORT_CUSTOMER_ID: 'anonymous'

```

- After installing docker and docker-compose, Start kafka and zookeeper containers with the following command

```zsh
$ docker-compose up -d
```

- Get kafka container id to run some commands inside the container.

```zsh
$ docker ps

$ docker exec -it $ID bash
```

To create a kafka topic `clivern`

```zsh
$ cd /bin
$ kafka-topics --create \
  --bootstrap-server localhost:9092 \
  --topic clivern
```

To run a consumer

```zsh
$ cd /bin
$ kafka-console-consumer \
    --bootstrap-server localhost:9092 \
    --topic clivern
```

To run a producer

```zsh
$ cd /bin
$ kafka-console-producer \
    --bootstrap-server localhost:9092 \
    --topic clivern
```

To list all topics

```zsh
$ cd /bin
$ kafka-topics --bootstrap-server localhost:9092 --list
```
Aplica el Patrón Pipeline en Laravel
Tags: laravel, testing, php
Published: 2021-06-18 22:29:06

El **patrón de diseño Pipeline (Tubería)** consiste en hacer pasar una estructura o un objeto a través de una secuencia de tareas o etapas.

La tubería actúa como una línea de montaje, donde los datos se procesan y luego pasan a la siguiente etapa.

En este video te explico como funciona este patrón en Laravel

{% youtube bx_KAkTL-Sg %}
Build an Android app with Ionic, without Android Studio
Tags: ionic, android, webdev, mobile
Published: 2021-06-18 22:22:53

Ionic 5's official documentation recommends [using Android Studio to build](https://ionicframework.com/docs/angular/your-first-app/6-deploying-mobile#android-deployment) the project. However, I can think of a few reasons to sidestep Android Studio in the build process:

- Android Studio is relatively resource-intensive
- A command-line method could be simpler and faster than opening up a full-blown Android development environment
- Using Android Studio just for the build process might break your workflow, if you've gotten comfortable with your existing development chain, say VScode and the CLI tools

Whatever your reasons are, Android apks could be built from your Ionic 5 project with a few extra commands. Before building, you can test if your app runs fine in the browser with this command:

```sh
ionic serve
```

If you don't have an Ionic 5 project ready, create a blank project with this command:

```sh
ionic start sample-ionic-angular-app blank --type=angular --capacitor
```

Refer to [Ionic 5's first app docs](https://ionicframework.com/docs/angular/your-first-app) for more details on how to get started with Ionic app development.

**Step 1**: Build the Ionic project
```sh
ionic build
```

**Step 2**: Add support for the Android platform
```sh
ionic capacitor add android
```

**Step 3**: Sync changes from your Ionic project to the Android part
```sh
ionic capacitor sync
```

**Step 4**: Build for Android and generate apk
```sh
cd android && ./gradlew assembleDebug && cd ..
```

If the build completes successfully, you'll find your app's apk at `android/app/build/outputs/apk/debug/app-debug.apk`. From now on, whenever you need to build for Android, you need to repeat only steps 3 and 4.

## Credits & Sources
- [How to build an Android APK file without using Android Studio in a Capacitor project?](https://forum.ionicframework.com/t/how-to-build-an-android-apk-file-without-using-android-studio-in-a-capacitor-project/177814/9)
- Cover image created from logos of [Android](https://source.android.com/setup/start/brands) and [Ionic](https://commons.wikimedia.org/wiki/File:Ionic_Logo.svg)