teleren/devto huggingface dataset:
Diamond wipe animation for revealing text
Tags: webdev, css
Published: 2023-01-09 12:55:58


I was riffing on some ideas for revealing text in interesting ways.

Using shapes can be cool.

How about a diamond?

I went loud with the colours! 🔆🔊😎

{% codepen https://codepen.io/robjoeol/pen/NWBdYRj %}

The idea is to animate a [clip path](https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path) to reveal the text. I wanted the text reveal to happen within a bordered shape. To do this you need to have a shape for the clip path, and a separate element with the border that has the same shape. This is easier to do in SVG as you can work directly with a [`path` element](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/path).

What do you think?

[There *are* other wipes besides diamond wipes](https://www.youtube.com/watch?v=72bUheqRE5o)...

But, why eat hamburger when you can have steak!
Deploy Helm Chart using kustomize
Tags: kubernetes, helm, kustomize, devops
Published: 2023-01-09 10:18:09

## Hello Dev,

I'm happy to share with you a deployment I recently had to do :).
So... Imagine you have a helm chart for example from [Crossplane](https://www.crossplane.io/). What if the Helm Chart doesn't fit your needs? Yes, you could just edit it by hand and make it fit. But what if a new version comes out and you have to upgrade it? You have to do it all over again :(. I'm gonna show you how I did it and what worked out for me.

In the Crossplane Helm-Chart is a ConfigMap used to store the PKI Certificates. But I would like to use a Secret. So I wrote a part of a Deployment that overrides the ConfigMap with a Secret.

```YAML
apiVersion: apps/v1
kind: Deployment
metadata:
  name: crossplane
spec:
  template:
    spec:
      volumes:
        - name: ca-certs
          configMap: null
          secret:
            secretName: pki
            items:
              - key: pki
                path: pki
```

When this config should be used you have to mention it in your kustomization.yaml file under the patchesStrategicMerge property.

```YAML
namespace: kube-crossplane
patchesStrategicMerge:
- deployment-crossplane.yaml
helmCharts:
- name: crossplane
  version: 1.10.1
  repo: https://charts.crossplane.io/stable
  valuesFile: values.yaml
```

When you deploy that, the ConfigMap for ca-certs will now be replaced with a Secret.
Monthly Amazon Location Service Updates - 2022.12
Tags: amazonlocationservice, amplifygeo, amplify, amazonlocationserviceupdates
Published: 2023-01-09 12:41:59

![img](https://day-journal.com/memo/images/logo/aws/location-service.png)

### Monthly Amazon Location Service Updates - 2022.12

<br>

This is a summary of the December updates for Amazon Location Service.

<br>

## 2022.12 Updates

[Amazon Location Service is now HITRUST CSF certified](https://aws.amazon.com/about-aws/whats-new/2022/12/amazon-location-service-hitrust-csf-certified/)
Health Information Trust Alliance Common Security Framework Certification.

[Announcing Open Data Maps for Amazon Location Service (Preview)](https://aws.amazon.com/about-aws/whats-new/2022/12/amazon-location-service-open-data-maps-preview/)
The "Open Data" map style based on OpenStreetMap (OSM) data is now available in the preview version.

[Amazon Location Service now available in Asia Pacific (Mumbai), Canada (Central), Europe (London), and South America (São Paulo)](https://aws.amazon.com/about-aws/whats-new/2022/12/amazon-location-service-available-new-regions/)
Supported regions are now Asia Pacific (Mumbai), Canada (Central), Europe (London), and South America (São Paulo).

<br>

## Other Info

[Amazon Location Service Developer Guide](https://docs.aws.amazon.com/location/latest/developerguide)
Official Amazon Location Service Documentation.

[Amplify Geo Docs](https://docs.amplify.aws/lib/geo/getting-started/q/platform/js)
Official Amplify Geo Docs.

[Amazon Location Service Samples](https://github.com/aws-samples/amazon-location-samples)
Official Amazon Location Service samples.

[amazon-location-service-starter](https://github.com/dayjournal/amazon-location-service-starter)
Build environment to get started with Amazon Location Service.

[A Summary of How to Build Amplify Geo and Amazon Location Service](https://dev.to/aws-builders/a-summary-of-how-to-build-amplify-geo-and-amazon-location-service-5hal)
Summary of Amazon Location Service and Amplify Geo. (as of December 2021)  

[dev.to](https://dev.to/dayjournal)
Articles on Amazon Location Service.

[tags - Amazon Location Service](https://day-journal.com/memo/tags/Amazon-Location-Service)
[tags - Try](https://day-journal.com/memo/tags/Try)
Notes on Amazon Location Service. (Japanese)

<br>

## Related Articles

{% link https://dev.to/aws-heroes/monthly-amazon-location-service-updates-202211-3nem %}
Effortlessly manage configuration data in your Node.js microservices with nconf
Tags: node, microservices, javascript, webdev
Published: 2023-01-09 12:27:55

Building microservices requires careful attention to detail in the area of configuration management. It will be much simpler for you to launch and maintain your services as a result of this ability to segregate configuration data from code. In this post, we'll take a look at how to manage configuration data in Node.js microservices by using the **_nconf_** package.

### Why Should You Use **_nconf_**?

There are several good reasons why you should consider using nconf as the configuration management tool for your Node.js microservices, including the following:

- **_Flexibility_**: nconf offers you the ability to load configuration data from a wide number of sources, including command-line arguments, environment variables, a configuration file, and default settings. Because of this, it is simple to modify the behaviour of your microservices in accordance with the environment they are running in

- **_Ease of use_**: nconf's application programming interface (API) is quite straightforward, which makes retrieving and setting configuration data very simple. Additionally, it supports hierarchical data structures, which enables you to store and retrieve configuration settings that are nested within one another

- **_Well documented_**: because it is so well documented, both learning it and putting it to use won't be difficult at all, thanks to nconf's extensive documentation and several working examples.

### Example

Here is an example of how you might use **_nconf_** in a Node.js microservice:

```
const express = require('express');
const nconf = require('nconf');

// Initialize nconf to use (in-order):
//   1. Command-line arguments
//   2. Environment variables
//   3. A configuration file
//   4. Default values
nconf.argv().env().file({ file: 'config.json' }).defaults({
  port: 3000,
  host: 'localhost'
});

const app = express();

// Get the value of the 'port' key from the configuration data
const port = nconf.get('port');

app.listen(port, () => {
  console.log(`Microservice listening on port ${port}`);
});
```

This piece of code generates an Express app and makes use of **_nconf_** to load configuration data from a configuration file, command-line arguments, environment variables, and other sources, in addition to using default values. After that, the **_get()_** method is used in order to acquire the value of the port key from the configuration data, and it then begins the server process on the port that was given.

After that, you will be able to add routes to the application, which will enable customers to interact with the microservice as required. As an illustration, you can decide to build a route in order to obtain the currently active configuration data:

```
app.get('/config', (req, res) => {
  res.json(nconf.get());
});
```

This route retrieves all of the configuration data by utilizing the **_get()_** method, and then gives it back to the client in the form of a **_JSON_** object.
Spring boot 2.7.7 application deployment on Glassfish 6.2.3
Tags: spring, java, jdk
Published: 2023-01-09 12:24:11

---
title: Spring boot 2.7.7 application deployment on Glassfish 6.2.3
published: true
description: Not able to run Spring boot 2.7.7 helloworld application with JDK 11 or JDK 17. Application is deployed but not able to hit endpoint. Its giving 404. Everything is fine on apache tomcat.   
tags: #Spring #java #jdk
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-01-09 12:12 +0000
---
Generics In Golang
Tags: go, generics, tutorial
Published: 2023-01-09 12:17:59

Generics in Go got introduced in release 1.18.

**What are generics?**

Generics is a mechanism through which we can pass any type of value in a function.

**What were the issues prior to Go version 1.18?**

```
package main

import "fmt"

func main() {
	stringObject := "Hello"
	floatObject := 3.14
	intObject := 7
	
	assertType(stringObject)
	assertType(intObject)
	assertType(floatObject)
}

func assertType(object interface{}) {
	switch object.(type) {
	case string:
		fmt.Println("Received Type:", object.(string))
	case int:
		fmt.Println("Received Type:", object.(int))
	default:
		fmt.Println("Unknown Type")
	}
}
```
So, every time we need to infer the type if we infer it with wrong datatype it will result into panic. Let's see another simple example.

```
package main

import "fmt"

func main() {
	stringObject := "Hello"
	printValue(stringObject)
}

func printValue(object interface{}) {
	fmt.Println(object.(int))
}
```
Here, we're trying to infer the string as int so it will result in a panic. So if we don't use the correct type it will cause panic in our program.

**3. Genrics Code Example?**

**A. Any**
Let's see our first example. Where we'll pass any value in function be it array, int, string.

```
package main

import (
	"fmt"
)

func assertType(T any) {
	fmt.Println(T)
}
func assertTypeArray[T any](arrayObject []T) []T {
	for i := range arrayObject {
		fmt.Println(i)
	}
	return arrayObject
}
func main() {
	assertType("Hello")
	assertType(12.32)

	array := []int{1, 2, 3}
	arrayObject := assertTypeArray(array)
	fmt.Println(arrayObject)
}
```

**B. Predefined constraints.**

We can define the datatypes in interface like Integer, Float then embed inside Number interface.  Using predefined constraint we can restrict the input.

```
package main

import (
	"fmt"
)

type Integer interface {
	~int | ~int8 | ~int16 | ~int32 | ~int64
}

type Float interface {
	~float32 | ~float64
}

type Number interface {
	Integer | Float
}

func Min[T Number](x, y T) T {
	if x < y {
		return x
	}
	return y
}

type IntType int64

func main() {
	x, y := 1, 3
	a, b := 1.1, 4.5
	k, v := IntType(-12344), IntType(12)
	fmt.Println(Min(x, y))
	fmt.Println(Min(a, b))
	fmt.Println(Min(k, v))
}
```
Build Your Own Link Tree with React, Next Js, Tailwind, and Typescript
Tags: react, nextjs, tailwindcss, typescript
Published: 2023-01-09 12:13:49

Forget about Linktree, it's time to build your own custom link tree! And with the magic of Typescript, Next.js, and Tailwind CSS, you'll have a tree that's both functional and fashionable.

{% embed https://www.youtube.com/embed/ruVfPLbHzXM %}

[Live Site](https://linktree-clone-gamma.vercel.app/)

First things first, you'll need to clone the repository from Github. Just head on over to [https://github.com/Pandeyashish17/linktree-clone-using-typescript-and-nextjs-app-dir](https://github.com/Pandeyashish17/linktree-clone-using-typescript-and-nextjs-app-dir) and hit the "Clone or download" button. Copy the link and use your favorite Git tool to clone the repository to your local machine. Or, if you're feeling adventurous, you can teleport the repository directly onto your computer using your mind powers (just kidding, don't do that).

Next, it's time to install the dependencies. Make sure you have Yarn installed or NPM , then navigate to the project directory and run the following command:

```
yarn

```
or 

```
npm install
```
This will install all the necessary Node modules for the project, including Tailwind CSS for styling.

Now it's time to customize your link tree! Open up the project in your favorite code editor (I recommend Visual Studio Code with the "Dracula" theme) and start making changes. You can add links, change the design, or even add some funky animations. And if you want to change the data on your tree, just head to the data folder and edit the data.json file. It's as easy as eating a slice of pizza (which, let's be real, is pretty darn easy).

Once you're happy with your changes, it's time to build and deploy your link tree. Run the following command:

```
yarn build

```
This will build the project and generate a production-ready version. To deploy, you'll need to choose a hosting provider and follow their instructions for uploading your site. Or, if you're feeling particularly bold, you can host it on your own server and impress everyone with your tech skills.

And that's it! You now have your very own custom link tree. Show it off to all your friends and impress them with your coding skills. Happy tree building!
Effortlessly Set Up a Hadoop Multi-Node Cluster on Windows Machines with Our Step-by-Step Guide
Published: 2023-01-09 12:07:29

Setting up a Hadoop multi-node cluster on Windows machines can seem intimidating, but with a little bit of preparation and attention to detail, it can be a relatively straightforward process. Before getting started, you'll need to make sure you have the following:

- **A group of Windows machines** that you will be using as nodes in your cluster. These machines should be connected to the same network and have access to one another.

- A **copy of Hadoop installed on each of these machines**. You can download Hadoop from the [Apache website](https://hadoop.apache.org/), or you can use a distribution like [Cloudera](https://www.cloudera.com/) or [Hortonworks](https://hortonworks.com/).

- A **text editor or programming environment** that you can use to edit configuration files.

Once you have these prerequisites in place, you can start setting up your Hadoop multi-node cluster. Here are the steps you'll need to follow:

1. **_Configure Hadoop on each node_**
Each machine in your cluster will need to have Hadoop installed and configured. You'll need to edit the Hadoop configuration files on each node to specify the hostnames and IP addresses of the other nodes in the cluster.

2. **_Set up passwordless SSH._**
In order for Hadoop to communicate between nodes, you'll need to set up passwordless SSH on each machine. This will allow Hadoop to run commands on other nodes without requiring you to enter a password every time.

3. **_Configure Hadoop to run in distributed mode._** 
You'll need to edit the Hadoop configuration files on each node to specify that Hadoop should run in distributed mode, rather than in standalone mode. This will allow Hadoop to use multiple nodes in your cluster to process data.

4. **_Start the Hadoop services._** 
Once you've configured Hadoop on each node and set it up to run in distributed mode, you can start the Hadoop services on each machine. This will allow Hadoop to begin processing data on your multi-node cluster.

Setting up a Hadoop multi-node cluster on Windows machines requires a bit of configuration and setup, but with the right tools and a little bit of patience, you can get your cluster up and running in no time.
Create an Elastic Network Interface - Multiple IPs on an EC2
Tags: aws, cloud, awscommunity, 100daysofcloud
Published: 2023-01-09 12:00:39

[9/100] #100DaysOfCloud Today, I created an EC2 Instance and attached an Elastic Network Interface and an Elastic IP to get multiple IPs on an EC2.

<u>Elastic Network Interface (ENI) :</u>

- An elastic network interface is a logical networking component in a VPC that represents a virtual network card.

- Multiple ENI's can be attached to a single EC2 instance.

- By default, it gives you a private IPv4 address, you can choose to attach an Elastic IP for a Public IPv4 address.

- You can create and configure network interfaces and attach them to instances in the same Availability Zone

- You can create a network interface, attach it to an instance, detach it from an instance, and attach it to another instance. When you move a network interface from one instance to another, network traffic is redirected to the new instance.

- You will charged for an Elastic IP Address that is associated with a network interface but the network interface isn’t attached to a running instance.

- You can attach and detach secondary interfaces (eth1-ethn) on an EC2 instance, but you can’t detach the eth0 interface.


You can try to create an EC2 Instance and attached a Elastic Network Interface and an Elastic IP to get multiple IPs on an EC2 yourself by following the steps from the link below :
[GitHub](https://github.com/aaditunni/100DaysOfCloud/blob/main/Journey/009/Readme.md)
How to get country by IP address
Tags: geolocation, country, ip
Published: 2023-01-09 11:59:49

[ipdeny.com](https://ipdeny.com/) provides nice free service for this. Download [country block](https://www.ipdeny.com/ipblocks/) for any country you want and use it in your code.

country block is simple CIDR list, e.g. for Afghanistan it starts with:
```
23.88.192.0/19
43.230.209.0/24
43.250.136.0/22
...
```
Benefits of Electronic Signature for Human Resources
Tags: electronicsignature, onlinedocumentsigning, signadoconline
Published: 2023-01-09 11:57:18

Physical signatures are different from [electronic signature for human resources](https://signdocs.co/electronic-signature-for-human-resources/) because the latter uses an internet platform to sign papers. An electronic signature for human resources also adds another layer of security and guarantees the integrity of the document. A digital certificate is closely related to an executed document. The signer and the time the signature is asserted are clearly identified. The digital signature securely connects a signer to a document and takes the form of a unique code.
Digital signatures rely on the Public Key Infrastructure (PKI), a globally regarded standard, for greater security. The goal of an online document signature is to guarantee that the original text is preserved.
**Digital Signature on Documents**
To survive, any organization must be able to function efficiently and swiftly. However, all data must be protected once business processes have carried out the exchange of data. The primary responsibility of corporate people is online document signing but employing an electronic solution may guarantee that duties are executed more quickly, efficiently, and always in a structured, secure manner. Businesses may additionally have short- and long-term financial gains, which can help them grow.
Signing documents electronically: importance and advantages
Because signing an electronic document just requires a few cursor clicks, [online document signing](https://signdocs.co/) is relatively simple to utilize. Many online tools let you establish an electronic signature for your company. Your electronic signature can be created in a number of different methods, such as by entering it in using your keyboard, uploading an image of your signature, drawing it with a cursor, or tracing it using a stylus or your finger on a touch-screen device.
**Don't use paper**
Going paperless can save businesses a significant amount of money and makes it easier to store, update, and distribute electronic documents. Every year, businesses spend a sizable sum on paper. Your business can drastically reduce the amount of paper used in everyday operations by utilizing digital technology and electronic signatures. Digital technology allows you to complete every task that can be completed on paper, including dealing with daily administrative tasks, negotiating contracts or transactions with clients, and more.
**Accuracy**
All information exchanged in business and organizational documents must be correct since they are legally binding. The documentation must be finished, signed, and gathered within the deadline. With electronic signatures, it can be a much easier task. To assist the signer in determining which section requires their signature, you can allow obligatory fields. Online document signing ensures accuracy in all signature procedures.
Flask vs. Django: what's the difference?🤔
Tags: python, django, flask, programming
Published: 2023-01-09 11:53:38

The **Flask** and the **Django** frameworks are both Python web frameworks. The purpose of these tools is to simplify low-level tasks such as handling requests, responses, and server-side logic so that developers can concentrate on building the app itself.

_**Between the two frameworks, there are some key differences:**_

- Flask is a microframework, meaning it is a lightweight framework that provides only the essential components, leaving developers to add their own libraries and tools as needed. This makes Flask a good choice for small projects or for developers who want more control over the components of their app.

- Django is a full-stack framework, meaning it provides all the necessary components for a complete web application out of the box. This makes Django a good choice for larger projects or for developers who want a more opinionated framework.

- Flask is more flexible and easier to learn, making it a good choice for beginners or for developers who want to build an app quickly. Django is more feature-heavy and can be more complex, making it a better choice for more experienced developers or for projects that require a lot of features.

Overall, the choice between **Flask** and **Django** will depend on the specific needs of your project and your own preferences as a developer.

Thanks for reading the blog.
Is it necessary for a Startup Tech Founder to Learn Programming?
Tags: programming, career, discuss, startup
Published: 2023-01-09 11:51:59

Hi Guys,

Am an entrepreneur and tech founder. I have never really built a product myself for over 5yrs being a founder but have hired developers to do so. Right now i want to learn some programming languages and fully immerse myself into the space, what do you suggest? is this a good move?
Assembly
Tags: programming, python, bash, setup
Published: 2023-01-09 11:46:42


Setup Windows, Mac and Linux Systems with ease

Hello people, I'm working on a OpenSource Project <a href="https://github.com/Asssembly">Assemby</a> which is a one time setup script for basic utilities and was making this post to get some contributions in programming it or even tips on what to add to it :).

## Purpose?

When you have a fresh `Operating System` you may find yourself spending a long time installing applications and setting up the registry how you want it. I'm sure you dont have time for that and would appreciate if something did it all for you. Well Assembly is a one time setup script written in `Python`. You can easily configure and possibly put it on your <a target="_blank" href="https://www.raspberrypi.com/products/raspberry-pi-pico/">`Raspberry Pi Pico`</a> or another `HID` device so it automatically runs and does the hard work for you.


Link to project : https://github.com/Asssembly