teleren/devto huggingface dataset:
How to verify your GitHub account on Mastadon
Tags: technologytips, github, mastadon, socialmedia
Published: 2023-02-14 22:07:02

---
title: How to verify your GitHub account on Mastadon
published: true
date: 2023-02-15 12:33:00 UTC
tags: TechnologyTips,github,mastadon,socialmedia
canonical_url: https://santoshhari.wordpress.com/2022/11/21/how-to-verify-your-github-account-on-mastadon/
---

[Mastadon is the social media service of choice that large sections of people, techies in particular, are flocking to](https://www.cnet.com/tech/services-and-software/twitter-migrants-flock-to-mastodon-how-does-the-open-source-social-network-work/) after the recent events at Twitter, mainly because it’s an non-algorithmic decentralized platform.

On a related note, you can [follow me on Mastadon](https://hachyderm.io/@santoshhari).

Verifying your GitHub on Mastadon is a 2-step process

1. Paste your verification link in your GitHub Profile
2. Paste your GitHub link in your Mastadon Profile Metadata
3. That’s it!!

Twitter had an opaque process for verification with the previous management, and, [now infamous $8 verification](https://abcnews.go.com/Business/twitters-verification-plan-works-facing-criticism/story?id=92794983) for trolls and bots with the current management> Mastadon, OTOH has a self verification process where you can verify yourself by posting a piece of code on a website or service. The instructions for this can be found under the **Edit Profile** section as shown below.

[![Verification: You can verify yourself as the owner of the links in your profile metadata. For that, the linked website must contain a link back to your Mastodon profile. The link back must have a rel=me attribute. The text content of the link does not matter. Here is an example:](https://santoshhari.files.wordpress.com/2022/11/image-1.png?w=598)](https://santoshhari.files.wordpress.com/2022/11/image-1.png)

This will work with websites where you can edit the homepage source. However, the issue with GitHub is different. The most obvious space appears to be the readme.md in the profile page. However, if you edit this page and insert the verification code, it does not work. [You can read a detailed explanation on why](https://jan.wildeboer.net/2022/06/Quick-Fix-Verified-Mastodon-Github/).

[![](https://santoshhari.files.wordpress.com/2022/11/image-2.png?w=1024)](https://santoshhari.files.wordpress.com/2022/11/image-2.png)

The trick is to take the verification url and plug it into your profile settings directly ( **Edit Profile** button on homepage) as shown below.

[![](https://santoshhari.files.wordpress.com/2022/11/image-3.png?w=573)](https://santoshhari.files.wordpress.com/2022/11/image-3.png)

After updating the GitHub profile with verification code, please make sure you add your GitHub link to your Mastadon **Profile Metadata** as shown below.

[![](https://santoshhari.files.wordpress.com/2022/11/image-4.png?w=623)](https://santoshhari.files.wordpress.com/2022/11/image-4.png)

Since the tech crowd loves to use GitHub, why not verify on Mastadon with your GitHub profile? Please share these tips with the community.
Creating Aliases in git
Tags: tutorial, git, laravel, beginners
Published: 2023-02-15 12:30:11

Git aliases assist programmers to define key shortcuts for certain repeated commands, for example, php artisan can be 'pa'. This avoids the need for repetition of commands.

**so how do we create aliases in git?**

- install git bash
- open your bash
- in the bash terminal run
    

```
vim ~/.bash_profile
```
_this will open bash in the home directory or create one if it doesn't exist_
- type in your aliases, as many as you like. For example,
 

```
alias pa='php artisan'
alias model='php artisan make:model'
alias controller='php artisan make:controller'
```
- then press 'esc' key. then type ":wq" to close.
- finally restart git bash
- run 'alias ' to list all the aliases

**Testing**
now, in our terminal we may run the php server:

```
pa serve 
```
Deploy a Crystal app with Docker and Opentelemetry
Tags: crystal, docker, webdev, opensource
Published: 2023-02-15 12:30:00

This is the continuation of the previous post in this series about a Battlesnake server.

{% embed https://dev.to/fdocr/learning-crystal-with-battlesnake-3chj %}

This one will talk about what the deploy process looks like and some Opentelemetry data collected from it.

## Digitalocean App Platform with Dockerfile

I've been a Digitalocean customer/user for a while now so I gave their [App Platform](https://www.digitalocean.com/products/app-platform) PaaS a try. They use buildpacks or detect a `Dockerfile` which will build and run your app, and I went with the latter (not sure if the Crystal buildpack is supported somewhow).

[Michael Nikitochkin's article](https://jtway.co/dockerfile-for-a-crystal-application-1e9db24efbc2) taught me ~95% of what I needed to come up with an efficient container deployment with a small footprint image (alpine).

```Dockerfile
# Build image
FROM crystallang/crystal:1.7.2-alpine as builder
WORKDIR /opt
# Cache dependencies
COPY ./shard.yml ./shard.lock /opt/
RUN shards install -v
# Build a binary
COPY . /opt/
RUN crystal build --static --release ./src/app.cr
# ===============
# Result image with one layer
FROM alpine:latest
WORKDIR /
COPY --from=builder /opt/app .
ENTRYPOINT ["./app", "-p", "8080"]
```

The app is deployed with every commit to `main` and cached layers are nice. The entire process takes ~2min40s on average when a docker image needs to be built (with cached dependencies) and when the deploy was triggered by a config update (i.e. ENV variable update) it takes under 2min on averge.

## Opentelemetry

To understand what's going on I added [Opentelemetry](https://github.com/jgaskins/opentelemetry) tracing with [Honeycomb.io](https://www.honeycomb.io/). Some cool stats from a few days of ranking on the leaderboards:

![honeycomb opentelemetry stats](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/13y5stbue72hijvzqyyx.png)

You can tell leaderboards run on specific hours and the server sits there without much activity about half the time. My favorite stat there is `P99` on ~3.1 milliseconds with all that logic running (from [previous post](https://dev.to/fdocr/learning-crystal-with-battlesnake-3chj)).

Lots of responses manage to respond in microseconds though, as seen in the runtime logs (below) and the `P50` stat on Honeycomb (above):

![microsecond response times](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/94hciqkm5den8vspadgw.png)

All in all pretty sweet ⚡️

More about other learnings from this project to come soon.

Pura vida.
Transform Your Web Design with the CSS Translate Function
Tags: tutorial, webdev, css, beginners
Published: 2023-02-15 12:10:41

CSS translate function is used to reposition HTML elements using both the tx and ty vectors in the horizontal and/or vertical directions. By changing the value of either the tx or ty coordinates, the position of an element can be changed from its starting position. The translate function is a <translate-function> data type. The first coordinate, tx, is required, and the second coordinate, ty, is optional. The parameters can be either a number or percentage value.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z739cbt6h8snpxxbfh22.png)

This [article explains the syntax, parameters, and examples of using the CSS translate function](https://appcode.app/css-translate-function/) on elements with CSS transform. The examples illustrate how to apply the translate function to any element or image by using CSS selectors. This article also includes a try-it-out section to show how to use the CSS translate function to create a 3D space using perspective and translateZ.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1onffossike7iik263v1.png)

To learn more about the CSS translate function, check out the article and the examples on the [AppCode website](https://appcode.app/). The article provides a detailed explanation of the CSS translate function with examples that demonstrate how to apply the function to HTML elements. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vgzkxaxwh6ih4g83ve0r.png)

You can also practice using the CSS translate function on [Codepen](https://codepen.io/edmundojr/pen/YWQKrR), which is a code editor that allows you to write and run HTML, CSS, and JavaScript code in the browser.
The Power of AWS Step Functions: Simplifying Complex Applications
Tags: aws, beginners, devops, cloud
Published: 2023-02-15 12:05:18

AWS Step Function is a fully managed service that can make applications with multiple steps become easy to create, run and 
visualize.
It offers a visual, state-machine-based workflow creation and execution method. You can create and execute workflows that combine various AWS services into serverless applications using Step Functions.

###Why Use AWS Step Functions?
The step function makes it easier to design applications since it allows you to:

1. Create a visual model of the entire workflow.
2. It is simple to create and execute applications with multiple steps.
3. Automate logic for retries and error handling.
4. Bring together various AWS services into a single, seamless application.

###Building a Workflow with AWS Step Functions
It's simple to create a workflow using AWS Step Functions. The service offers a visual, state-machine-based workflow creation and execution method. The Step Functions console, which offers a visual workflow builder, as well as the AWS CLI or SDK, can be used to create your workflow.

Here are the fundamental steps for using AWS Step Functions to build a workflow:

1. Create a state machine on the AWS Console
2. Become familiar with the Step Function WorkFlow Studio
3. Use the Amazon States Language, and define your workflow as a state machine.
4. Start the execution of your state machine and provide the required input

###Simplifying Complex Applications with AWS Step Functions
AWS Step Functions makes complex applications simpler by offering a visual, state-machine-based workflow creation and execution method. As a result, modeling and visualizing the entire workflow is made simpler. Additionally, error handling and retry logic can be automated, and multiple AWS services can be combined to create a single, seamless application.

Here are some illustrations of how AWS Step Functions can make complicated applications simpler:

1. automating a multi-step process that uses various AWS services, such as image processing.
2. constructing a serverless app that manages numerous Lambda functions and AWS services.
3. running processes that call for error handling and retry logic, like an application that processes data from a queue.


In conclusion, AWS Step Functions is an effective tool for creating and operating complex applications. It makes it simple to describe and visualize workflows with its visual, state machine-based approach, automate error handling, implement retry logic, and combine many AWS services into a single, seamless application. AWS Step Functions is a great tool for streamlining complex applications, whether you're creating a serverless application or automating a multi-step process.
Power Bi Online Jobs Support From India
Tags: job
Published: 2023-02-15 11:57:17

A team of consultants from India who are trained professionals with more than 8 years of project experience offer [Power BI Online Job Support](https://onlinejobsupport.net/job-support/power-bi-online-job-support/). If you're a new or seasoned professional struggling with your daily project assignment and are new to Power BI, Online Job Support is the appropriate location for you. Both Power BI online training and Power BI online job support are offered by Online Job Support, which is based in India.
Call or text us at 9176533433 if you require emergency assistance.
What are some reasons why JavaScript is currently one of the most popular programming languages?
Published: 2023-02-15 11:52:10

Versatility: JavaScript can be used for a wide range of tasks, from front-end web development to server-side programming to mobile app development.

Accessibility: JavaScript can be run in any modern web browser without requiring any additional setup or installations.

Large community and resources: JavaScript has a massive community of developers who share their knowledge and build open source tools and libraries to help other developers. This makes it easy to find resources and get help with any issues you may encounter.

Easy to learn: JavaScript is a relatively easy language to learn, with a simple syntax and a low barrier to entry.

Interactivity: JavaScript allows developers to create dynamic and interactive web pages that respond to user input, making the web experience more engaging for users.

Continual development: JavaScript is constantly evolving, with new features and capabilities being added on a regular basis, ensuring that it remains a relevant and useful programming language.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2eefz4n4aosckswnff1o.png)
Wednesday Links - Edition 2023-02-15
Tags: java, jvm, kubernetes, kotlin
Published: 2023-02-15 11:42:27

JDK 21: Image Performance Improvements (2 min)🖼️
https://minborgsjavapot.blogspot.com/2023/02/jdk-21-image-performance-improvements.html

Best Practices for Java Apps on Kubernetes (12 min)☸️
https://piotrminkowski.com/2023/02/13/best-practices-for-java-apps-on-kubernetes

Onion Architecture (9 min)🧅
https://blog.allegro.tech/2023/02/onion-architecture.html

The huge potential of Kotlin/Wasm (6 min)⏫
https://seb.deleuze.fr/the-huge-potential-of-kotlin-wasm/

Null safety: Kotlin vs. Java (4 min)🥊
https://blog.frankel.ch/null-safety-java-vs-kotlin/

The K2 Compiler is going stable in Kotlin 2.0 (5 min)🫓
https://blog.jetbrains.com/kotlin/2023/02/k2-kotlin-2-0/

Reactor context propagation to ThreadLocals (30 sec)↪️
https://twitter.com/chemicL/status/1625574084086988800

How Gradle Works Part 2 - Inside The Daemon (4 min)👹
https://blog.gradle.org/how-gradle-works-2

Gradle 8.0 (30 sec)🎉
https://twitter.com/gradle/status/1625146949610381315

The Build Cache Extension in Maven (30 sec)🪶
https://twitter.com/mikemybytes/status/1623285674123177986

Why does 0.1 + 0.2 = 0.30000000000000004? (7 min)🤔
https://jvns.ca/blog/2023/02/08/why-does-0-1-plus-0-2-equal-0-30000000000000004/
FOSS security for Windows servers
Tags: windowsecurity, webdev, opensource, security
Published: 2023-02-15 11:38:06

🛡️ The field of FOSS security tools for Microsoft Windows servers is limited, but CrowdSec has made a move to change that.

✅ Why would a company using Windows choose CrowdSec?
✅ What can CrowdSec detect and block on a Windows server?
✅ How can I test CrowdSec on my Windows server?

All these questions and more are answered in our latest article! Check it out here 👉 https://bit.ly/3S7yoJ6
We are excited to launch our new plugin with WooCommerce!
Tags: wordpress, plugin, saas, community
Published: 2023-02-15 11:35:59

We are excited to launch our new plugin with WooCommerce! 

empact's innovative #vat compliance TaxTech platform now integrates seamlessly with #woocommerce through our new plugin. Our platform offers an outstanding value proposition for global e-commerce businesses operating in the European and UK markets, and now with our free-to-install WooCommerce plugin, managing your VAT compliance has never been easier.

So if you're an e-commerce business operating in the European and UK markets, try empact's new Woocommerce #plugin and experience the #benefits of our innovative VAT compliance TaxTech platform.

Learn more about our new plugin and download the plugin here:
https://wordpress.org/plu.../empact-eu-uk-vat-automation/...

For a special offer, click and register now:
https://empact.online/pricing-2/

#business #compliance   #new #onlinebusiness #innvoation #code
Is Next.js the Only way to use ISR?, Unleashing the Power of Incremental Static Generation: A Look at Top Web Frameworks
Tags: nextjs, isr, webdev, react
Published: 2023-02-15 11:09:46

In this blog post, We talk about web frameworks that support similar features to ISR in **Next.js**:

**Incremental Static Regeneration (ISR)** is a feature in Next.js that allows you to generate static pages with dynamic content that can be updated incrementally. This means that you can pre-render pages with data that changes frequently and update them in real-time, without having to rebuild the entire site.

While ISR is a powerful feature in Next.js, it's not the only web framework that supports this type of functionality. Here are a few other frameworks that provide similar features to ISR:

1. **Nuxt.js**: Nuxt.js is a popular framework for building Vue.js applications, and it has a similar feature called "Incremental Static Generation" (ISG) which allows you to generate dynamic pages at build time and update them incrementally. ISG allows you to build pages that can be updated on-demand, and it's especially useful for e-commerce sites or other sites with frequently changing content.

2. **Gatsby.js**: Gatsby.js is a static site generator that also supports a similar feature called "Incremental Builds" which allows you to rebuild only the pages that have changed since the last build. This means that you can generate pages with dynamic content that can be updated incrementally, without having to rebuild the entire site.

3. **Sapper**: Sapper is a framework for building web applications with Svelte, and it has a feature called "Preloading" that allows you to generate pages at build time and update them on-demand. Preloading is similar to ISR in that it allows you to generate pages with dynamic content that can be updated incrementally.

4. **Gridsome**: Gridsome is another static site generator that supports a feature called "Smart prefetching" which allows you to pre-render pages at build time and update them on-demand. Smart prefetching is similar to ISR in that it allows you to generate pages with dynamic content that can be updated incrementally.

All of these frameworks provide different approaches to achieving similar goals as ISR in Next.js, and each may have their own unique strengths and weaknesses depending on your specific use case. When choosing a web framework, it's important to consider which features are most important for your project, and to evaluate each framework based on its ability to meet those needs.

In conclusion, while Next.js is a powerful web framework that supports ISR, there are other frameworks out there that provide similar features for generating static pages with dynamic content. Nuxt.js, Gatsby.js, Sapper, and Gridsome are just a few examples of frameworks that offer these features, and they can be useful for building fast, scalable, and dynamic web applications.

**Follow me**
[Linkedin](https://www.linkedin.com/in/muneebhussainmodi/)
[Github](https://github.com/muneebhdeveloper)
Runtime environment
Published: 2023-02-15 11:08:47

A runtime environment is where your program will be executed. JavaScript code may be executed in one of two runtime environments:

1. - A browser’s runtime environment
2. - The Node runtime environment

In each of these environments, different data values and functions are available, and these differences help distinguish front-end applications from back-end applications.

Front-end JavaScript applications are executed in a browser’s runtime environment and have access to the window object.
Back-end JavaScript applications are executed in the Node runtime environment and have access to the file system, databases, and networks attached to the server.
How to get the most out of a code review
Tags: beginners, programming, webdev, productivity
Published: 2023-02-15 11:04:43

During my time as a self-taught developer, one of the things that I always missed was **interaction**: someone I could discuss certain coding doubts with and someone who could give me feedback about my projects. My learning journey started to move much faster when I decided to get a mentor and participate at [The Collab Lab](https://dev.to/the-collab-lab/the-collab-lab-tcl-49-recap-429d), where I built an app in a team for 8 weeks.

This was my first coding experience collaborating with other developers in the same project and one of the things that helped me improve my coding and communication skills was not only [pair programming](https://www.cristina-padilla.com/pairprogramming.html) but also doing **code reviews**.

We were a team of 4 developers and 3 mentors. Each week, 2 developers would pair to work on a task. By the end of the week the goal was not only having the task solved but also reviewing our colleague’s code.

We would start analyzing the task individually and doing some pair programming sessions. Once the task was solved, we would write a **PR (Pull Request)** with the following information: 

- Description: what kind of issue did we solve? What was the goal?
- Link to the related issue
- Acceptance criteria: main pain points to be solved
- Type of changes: is this a bug fix, a new feature, etc.?
- A before and after app preview or a short video showing the new functionality
- A link to the app so that others can test it

![Pull request example](https://community.codenewbie.org/remoteimages/uploads/articles/3nfv0k610l6gsgbitqjt.png)

See a complete PR example [here](https://www.cristina-padilla.com/codereview.html)

    
After that, our task would be reviewed by the other team and we would also start reviewing their task. The whole process would look like this: 

![Team code process](https://community.codenewbie.org/remoteimages/uploads/articles/z5x74k41uyj30yw99d3k.png)

## What is a code review?

It is an **open conversation** where everyone has the chance not only to **share their knowledge** but also to **learn from each other**.

A code review is also about **collaboration: sharing your work and asking questions**. It will not only **help you become a better developer**, but also **help your team** decentralize knowledge, share responsibility and improve code base quality.

## How to get the most out of a code review? 

✨ Be kind and empathetic. It is not about criticizing other people's work but helping them improve their code.
✨ Ask questions. It is also a chance for you to learn a different problem solving approach.
✨ Suggest other solutions that can help writing cleaner or more quality code.
✨ Don't focus too much on stylistic changes like “you missed a semicolon or a space here”. There are tools like Prettier for that.
✨ Test the feature locally.
✨ Praise your colleagues!

👀 Don't forget that everyone made an effort to solve the issue (even if the solution is not completely perfect), that you are part of the same team and are working together towards the same goal! 🚀