teleren/devto huggingface dataset:
Adding a docker container to Pantavisor Linux
Tags: pantavisor, linux, docker
Published: 2021-07-09 10:16:43

Adding a Pantavisor Linux system, middleware or app container from docker is done using our `pvr` middleware tool.

If you are using Pantavisor Linux with our PVBox frontend you can simply use the pvboxctl "install" command to get this done:

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/etrm5qt2ynry1x5fa52w.png)

Next you select "Add from docker"

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9wqt0cw3nb6lsz15sd0h.png)


And choose a name:

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vxkjaeugy1sf2bs5qq2d.png)

And finally type the "Docker Source" ref from your preferred docker registry:

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ej5m543mtajlrintjlqm.png)

And let pvr do the the rest:

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7zj9808tqtg798inbg5f.png)

Once finished you will have a chance to do some final edits to you app and commit it:

```
===============================
Pantabox Interactive Edit Shell
===============================

We have provisioned the following files
for the parts you have selected to edit:


You can now edit part \'mynewapp\' and change
them to your liking.

Remember to pvr commit any changes you might
want to apply to your system.

When done, you can:
1. apply committed changes: exit 0 (or Ctrl-D)
2. discard your changes: exit 1

For help visit: https://pantavisor.io

pvctlbox::mynewapp#

```

Often you can just use the container using the default configuration pantavisor linux generated for you.

Once happy you would run:

```
pvr add .
pvr commit
```

and exit the interactive shell (e.g. press ctrl-D) to apply you changes and instruct pantavisor to run the new, modified system that includes your new docker container.
how to make webhosting pricing table for website 2021
Tags: pricetable, pricingwebshostingtable, tablegenatration
Published: 2021-07-09 10:15:28

how to make webhosting pricing table for website 2021


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Hosting package</title>
</head>
<body>
    <div class="container">
        <h1>Trial</h1>
        <h2>$20 <span>/per month</span></h2>
        <ul>
            <li>1 Domain Supported</li>
            <li>30gb hosting</li>
            <li>ddos-protection 70gb</li>
            <li>dv ssl</li>
            <li>20% faster</li>
            <li>24/7 support</li>
            <li><a href="#">Ordar now</a></li>
            
        </ul>
        
    </div>
    <div class="container">
        <h1>Premium</h1>
        <h2>$70 <span>/per month</span></h2>
        <ul>
            <li>5 Domain Supported</li>
            <li>50gb hosting</li>
            <li>ddos-protection 150gb</li>
            <li>dv ssl</li>
            <li>40% faster</li>
            <li>24/7 support</li>
            <li><a href="#">Ordar now</a></li>
            
        </ul>
        
    </div>
    <div class="container">
        <h1>Exclusive</h1>
        <h2>$90 <span>/per month</span></h2>
        <ul>
            <li>10 Domain Supported</li>
            <li>80gb hosting</li>
            <li>ddos-protection 250gb</li>
            <li>dv ssl</li>
            <li>70% faster</li>
            <li>24/7 support</li>
            <li><a href="#">Ordar now</a></li>
            
        </ul>
        
    </div>
    
</body>


<style>
*{
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    box-sizing: border-box;
}
body {
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(237, 233, 255);
    min-height: 100vh;
}
.container {
   width: 200px;
   background: #111;
   border-radius: 10px;
   margin: 0 20px;
}
.container ul{
    display: block;
    top: 5px;
    bottom: 10px;
}
.container ul li {
    list-style: none;
    color: #fff;
    font-size: 15px;
    padding: 8px 0;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    margin: 0 10px;
}
.container ul li a{
    position: relative;
    color: #fff;
    background: #ff056d;
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
    left: 20%;
    margin: 10px 0;
}
h1 {
    color: #fff;
    background: #ff056d;
    padding: 8px 10px;
    text-align: center;
    border-radius: 10px 10px 0 0;

}
h2 {
    margin: 10px 10px;
    font-size: 3rem;
    color: #ff056d;
    text-align: center;
}
h2 span {
    font-size: 15px;
}

</style>
</html>
Plan IP addressing for AKS configured with Azure CNI Networking
Tags: aks, kubernetes, azure, cni
Published: 2021-07-13 20:01:37

---
title: Plan IP addressing for AKS configured with Azure CNI Networking
published: true
date: 2021-07-09 10:00:00 UTC
tags: aks, kubernetes, azure, cni
canonical_url: https://carlos.mendible.com/2021/07/09/plan-ip-addressing-for-aks-configured-with-azure-cni-networking/
---

When configuring Azure Kubernetes Service with Azure Container Network Interface (CNI), every pod gets an IP address of the subnet you’ve configured.

So how do you plan you address space? What factors should you consider?

1. Each node consumes one IP.
2. Each pod consumes one IP.
3. Each internal LoadBalancer Service you anticipate consumes one IP.
4. Azure reserves 5 IP addresses within each subnet.
5. The Max pods per node is 250.
6. The Max pods per nodes lower limit is 10.
7. 30 pods es the minimum per cluster.
8. Max nodes per cluster is 1000.
9. When a cluster is upgraded a new node is added as part of the process which requires a minimum of one additional block of IP addresses to be available. Your node count is then n + 1.
10. When you scale a cluster an additional node is added. Your node count is then n + number-of-additional-scaled-nodes-you-anticipate + 1.

With all that in mind the formula to calculate the number of IPs required for your cluster should look like this:

```
requiredIPs = (nodes + 1 + scale) + ((nodes + 1 + scale) * maxPods) + isvc

```

where:

- nodes: Number of nodes (default 3)
- maxPods: Max pods per node (default 30)
- sacale: Number of expected scale nodes
- isvc: Number of expected internal LoadBalancer services

To help you with this I’ve created a small console program written in golang: **[aksip](https://github.com/cmendible/aksip)** which performs the necessary validations and calculations for you.

Let’s say you want a 50 node cluster with one internal load balancer that also includes provision to scale up an additional 10 nodes:

Just run:

```
aksip -n 50 -s 10

```

The output will show that you’ll need 1892 IP addresses and therefore a /21 subnet or larger:

```
{
"nodes": 50,
"scale": 10,
"maxPods": 30,
"isvc": 1,
"requiredIPs": 1892,
"cidr": "/21"
}

```

Hope it helps!!!

References:

- [Configure Azure CNI networking in Azure Kubernetes Service (AKS)](https://docs.microsoft.com/en-us/azure/aks/configure-azure-cni)
- [Configure maximum - new clusters](https://docs.microsoft.com/en-us/azure/aks/configure-azure-cni#configure-maximum---new-clusters)
- [Are there any restrictions on using IP addresses within these subnets](https://docs.microsoft.com/en-us/azure/virtual-network/virtual-networks-faq#are-there-any-restrictions-on-using-ip-addresses-within-these-subnets)
ডিজিটাল রুট (Digital Root)
Tags: python, problem, bangla
Published: 2021-07-09 08:59:53

একটি সংখ্যার প্রতিটি ডিজিটকে একত্রে বার বার যোগ করার মাধ্যমে একটি ডিজিট বিশিষ্ট সংখ্যাই রূপান্তর করার প্রক্রিয়াকেই ডিজিটাল রুট বলে। উদাহরণঃ

173 এর ডিজিটাল রুট নির্ণয়:

1 + 7 + 3 = 11
1 + 1 = 2

উত্তরঃ 2

9256987 এর ডিজিটাল রুট নির্ণয়

9 + 2 + 5 + 6 + 9 + 9 + 7 = 46
4 + 6 = 10
1 + 0 = 1

উত্তরঃ 1

এইভাবে ডিজিটাল রুট বের করার পদ্ধতিকে Naive method বলা হয়। যা প্রোগ্রামিঙয়ের মাধ্যমে বার বার লুপ চালিয়ে বের করা যায় (নিজে করো)

এবার আস আরেকটি সহজ পদ্ধতি চিন্তা করি

DigitalRoot(1) = 1
DigitalRoot(2) = 2
DigitalRoot(3) = 3

... ... ...

DigtalRoot(9) = 9

DigitalRoot(10) =1 + 0 -> 1
DigtalRoot(11) = 1 + 1 -> 2
DigitalRoot(12) = 1 + 2 -> 3
DigitalRoot(13) = 1 + 3 = 4

... ... ...

DigitalRoot(18) = 1 + 8 = 9

... ... ...


কি দেখতে পেলে আমরা যদি পর পর প্রতিটি সংখ্যার digital root বের করতে থাকি তাহলে বার বার ১, ২, ৩, ৪, ৫, ৬, ৭ , ৮, ৯ এই মান গুলো পর পর বার বার আসছে। অর্থাৎ শেষবার মান ৯ আসার পর আবারও ১ থেকে মান আসা শুরু হচ্ছে। একই কাজ আমারা ৯ দ্বারা ভাগ করে ভাগশেষ বের করার মাধ্যমে করতে পারি। তবে যখন আমাদের ভাগশেষ ০ আসবে তবে আমাদের ডিজিটাল রুট কে ৯ ধরতে হবে। কিন্তু যদি ০ এর ডিজিটাল রুট বের করতে বলে তাহলে ভাগশেষ ০ হলেও ডিজিটাল রুট ০ ই হবে।

1 mod 9 = 1
2 mod 2 = 2
...
9 mod 9 = 0 (০ কে আমারা ৯ ধরব)

10 mod 9 = 1
11 mod 9 = 2
12 mod 9 = 3 
13 mod 9 = 4
...
18 mod 9 = 0 (9)
... ... ...

অর্থাৎ ডিজিটাল রুট নির্ণয়ের সূত্রটি হবে:
![alt text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zi95xv0vpbuc7jqlvzl1.png)
 
Python code snippet:
```python
def dr(n):
    if n == 0:
        return 0
    m = n % 9
    return m if m != 0 else 9
```

যার Big(o) Complexity: O(1)
How To Develop Server Side Blazor Apps With RADZEN Part 1
Tags: csharp, dotnetcore, blazor
Published: 2021-07-09 08:36:53

1. First you must have .net core installed on your computer. If you do not have .net core installed, please go to https://dotnet.microsoft.com/download and install .NET 5 SDK
2. The second step to take is to go to https://www.radzen.com/
3. On the RADZEN home page, click the download now button.
![Radzen Home Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b9fc1qjvb5x0qpe3jtwx.jpg)
4. You will be automatically redirected to the download tab of the operating system of the computer you are using.(I am automatically redirected to windows download tab in the image below).
5. Click on download button.
![Radzen Download](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dtjqtqrc78pnhi6lbbp4.jpg)
6. Once the installer file has been completely downloaded, double-click on it to install it.
7. Click I Agree button on Licence Agreement dialog.
![Agreement](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qgxyfa08u82lmnkqitzg.jpg)
8. Wait until installation is complete.
![Installation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c6zfwjsjgqazvf26bq82.jpg)
9. After installation is complete, fill the registration form and click register for trial button.
![Registration](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k8pbe2xa93aefo1121i8.jpg)
10. You will get a confirmation code in the inbox of the email address you registered with.
11. Copy and paste this confirmation code in the RADZEN signup dialog and click OK.
![SignUp](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uni1xa4huunyzytkntx1.jpg)
12. You have now activated 15 days trial of RADZEN Professional Edition.
13. The remaining part of this tutorial series will be based on RADZEN Professional Edition.
How to publish my own NPM package ?
Tags: npm, node
Published: 2021-07-09 08:28:32

## What is NPM?

As javascript developers, all of us use npm CLI and [NPM](https://www.npmjs.com) in our everyday non-public or expert life. NPM is a large bundle dealing with a provider that offers an extensive variety of javascript applications that simplifies our venture and improvement process.

NPM stands for Node Package Manager. [Node](https://nodejs.org/en/) is a javascript runtime surroundings jogging at the V8 engine. 

We all have used sizeable numbers of npm applications for projects, packages or perhaps for utilities. There are large open-supply individuals withinside the globe supplying loose applications on NPM. 

Using any NPM bundle is remarkably simple. All we want is ```npm i ~bundle-name~ ```

NPM additionally manages the variations of all posted records of the bundle hosted at the platform.

Two sorts of applications may be hosted at the NPM Registry:
 1. Public
 2. Private

**Public** Packages are loose to submit, regulate and use. Anyone with an account on npmjs.com can submit an npm bundle. Similarly, every person with the machine set up Node can use the NPM applications.

**Private** Packages applications may be posted, changed and utilized by paid customers of NPM only. It is constrained to precise members.


## How to publish your first NPM Package?

1. Make sure [Node](https://nodejs.org/en/) is installed on your system.
2. Make sure you have an account on [NPM](https://www.npmjs.com)
3. Login through CLI with ```npm login``` 
It will ask for username, password and email for verification.
4. ```mkdir my-test-package```
5. ```cd my-test-package```
6. ``` npm init```

![Sample 1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rrw00du7wzsxz30nqzzj.png)

![Sample 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4yuh54fa0gdanjd4os3p.png)


7. Hit ```npm publish```
8. Great! You have published your first npm package to the NPM registry.


Thank you for Reading !!
#IamRemarkable Community
Tags: news, gratitude, codenewbie, discuss
Published: 2021-07-09 08:27:01

#What is #IamRemarkable?
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qor80rqwzwbxkwf5648v.png)

####IamRemarkable started in 2015 as an internal Google initiative.

 Initially, it was aimed just at women and focused on empowering women to talk more openly about their accomplishments in the workplace and challenging the established gender modesty norms. However, the team quickly realized that the issues raised weren’t specific to just women - they applied to those from any underrepresented groups, whether that be gender, ethnicity, sexuality, ability…really any individual who differs in any way from the majority of their peers, as being marginalized can mean you are more likely to experience limiting beliefs or Imposter Syndrome and less likely to engage in self-promotion.

 Therefore, the workshop is now available to everyone: whether you are, or have ever been, part of an underrepresented group, or whether you would just like to better understand the difficulties others face and be able to assist with challenging the existing preconceptions. 




####How does it work?

IamRemarkable workshops are usually a 90 min session run by the facilitators trained by Google.

The workshop will highlight to participants the importance of self-promotion in their careers and provide them with the tools to practice this skill.





####Steps involved to be a part of the #IamRemarkable.

Sign up Here,  to become an #IamRemarkable facilitator:
https://events.withgoogle.com/iamremarkabletrainthetrainer/

After doing Registration, Book a slot according to your availability.

After the training, you will receive the workshop guides and resources to run your first workshop. You will then run a practice session for your team/peers within four weeks to become a fully trained facilitator.




Responsibilities of a #IamRemarkable Facilitator

Hosting workshops for your personal or professional networks
Being an ambassador for #IamRemarkable
Filling out the facilitator feedback form after each workshop

FAQs!

All the FAQs can be found Here:
https://iamremarkable.withgoogle.com/faq

To Know more about #IamRemarkable:
https://iamremarkable.withgoogle.com/
How to use Rails validators out of context
Tags: rails, validation, dry
Published: 2021-07-09 07:56:40

Why reinvent the wheel?

```ruby
ActiveModel::Validations::NumericalityValidator.new(attributes: [nil]).send(:is_number?, "666", Float::DIG, nil)

=> true

ActiveModel::Validations::NumericalityValidator.new(attributes: [nil]).send(:is_number?, "meh", Float::DIG, nil)

=> false
```
Now it is possible to validate, for example, a nested JSON value before storing it on a JSON column.

```ruby
# app/models/amendment.rb
class Amendment > ApplicationRecord

  store_accessor :amendments, :clauses

  validate :amendments_validation

  private
  
  def amendments_validation
    if self.clauses.present?
      if self.clauses["price"].present?
        errors.add(:clauses, "price is not a number") unless ActiveModel::Validations::NumericalityValidator.new(attributes:[nil]).send(:is_number?, self.clauses["price"], Float::DIG, nil)
      end
    end
  end

end
```
How to add different Authentication in Mern App??
Published: 2021-07-09 07:54:01

Hy Guys , I am making a e-commerce project using MERN stack and I need help from you guys . In this project , I use jwt authentication .So for login and signup user have to make user profile into my app , but i want to add feature of login through google , fb etc. So I want to know that where i can do this google auth or fb auth in backend or can i able to feature in this forntend .I dont how to do it .
Two Quick IHP tips to dynamically assign classes
Tags: functional, todayilearned, ihp, haskell
Published: 2021-07-09 07:28:42

Here are two quick tips for [IHP](https://ihp.digitallyinduced.com/):

## Use the classes helper
...to dynamically assign classes to elements in your views. It's an easy way to simplify your code by a lot:

```haskell
-- BEFORE
<a class={usersLinkClasses} href={UsersAction}>Users</a>
<a class={invitesLinkClasses} href={InvitesAction}>Invites</a>
...
where
    usersLinkClasses = "nav-link" ++ if isActivePath UsersAction
        then " active"
        else ""
    invitesLinkClasses = "nav-link" ++ if isActivePath InvitesAction
        then " active"
        else ""

-- AFTER
<a class={classes ["nav-link", ("active", isActivePath UsersAction)]} href={UsersAction}>Users</a>
<a class={classes ["nav-link", ("active", isActivePath InvitesAction)]} href={InvitesAction}>Invites</a>
```

## Use `isActivePathOrSub` instead of `isActivePath`
If you read the previous example, you might have noticed that I used `isActivePath` to dynamically assign the `active` class to the links. Well, using `isActivePathOrSub` this will also work if the path is a sub-path. In the following example, both `/Settings` and `/Settings/Profile` would match and cause the link to get the `active` class. [Learn more in the documentation](https://ihp.digitallyinduced.com/api-docs/IHP-ViewSupport.html#v:isActivePathOrSub).

```haskell
<a class={classes ["nav-link", ("active", isActivePathOrSub "/Settings")]} href={SettingsAction}>Settings</a>
```

If this peaked your interest, [get started with IHP now](https://ihp.digitallyinduced.com/Guide/index.html) and tell us what you think!
Top 5 GAN(Generative Adversarial Networks) Projects for Final Year Computer Science Students
Tags: computerscience, datascience, machinelearning, opensource
Published: 2021-07-09 07:01:12

Topic: Top 5 GAN(Generative Adversarial Networks) Projects for Final Year Computer Science Students

https://medium.com/analytics-vidhya/top-5-gan-generative-adversarial-networks-projects-for-final-year-computer-science-students-ff35eab94e4f

Generative adversarial networks (GANs) are algorithmic architectures that use two neural networks, pitting one against the other (thus the “adversarial”) in order to generate new, synthetic instances of data that can pass for real data. They are used widely in image generation, video generation and voice generation.

GANs’ potential for both good and evil is huge because they can learn to mimic any distribution of data. That is, GANs can be taught to create worlds eerily similar to our own in any domain: images, music, speech, prose. 

#deeplearning #machinelearning #neuralnetworks #datascience #projects #innovation #GANs #generativedesign #generativeart #engineeringstudents
10 Data Science FREE Courses Udemy 
Tags: datascience, machinelearning, analytics, analyst
Published: 2021-07-09 07:00:10

Guy's,

Udemy is one of the most popular MOOC-based e-learning platforms in the world. 

And Udemy has a wide variety of Data Science courses.

That's why I thought to share with you some FREE Udemy Courses for data science.

##**10 Data Science FREE Courses Udemy**

And here is the list-

###**1. Introduction to Data Science using Python**
**https://bit.ly/3fhBOqM**


###**2. Learn NumPy Fundamentals (Python Library for Data Science)**
**https://bit.ly/3uh1W9C**


###**3. Python Crash Course for Data Science and Machine Learning**
**https://bit.ly/3oOLQmc**


###**4. Introduction to Python For Data Science 2021**
**https://bit.ly/34cSI3B**


###**5. SQL Crash Course for Aspiring Data Scientist**
**https://bit.ly/3yErEIg**


###**6. Explore, Track, Predict the ISS in Realtime With Python**
**https://bit.ly/3ukUc6e**


###**7. Logistic Regression Practical Case Study**
**https://bit.ly/3ukJ6yn**


###**8. Polynomial Regression, R, and ggplot**
**https://bit.ly/2QPdxPv**


###**9. Introduction to Bayesian Statistics**
**https://bit.ly/34cKCIj**


###**10. Introduction to Spacy for Natural Language Processing**
**https://bit.ly/3fMHVCo**


I hope you will find these resources helpful.

Happy Learning!
HTML tags | details-summary
Tags: html, tags, details, summary
Published: 2021-07-09 06:18:49

They are used to **build an interactive element that shows or hides content** on demand. The element responsible for this is the `<summary>`, which must be the first child of `<details>`. The rest of the content can be of any type.

**By default the content appears hidden**. If we want to show it initially we can use the `open` attribute in this way `<details open>`.

The `<details>` element can contain headings or any HTML that can be used within a `<p>` but, by having an **implicit ARIA role** `button` as well and removing all the roles assigned to the children, **in case of using a heading this will not be discovered by assistive technologies** as it is not treated as such.

- Type: *block* / *list-item*
- Self-closing: *No* / *No*
- Semantic value: *Yes* / *Yes*

[Definition and example `<details>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details) - [Definition and example `<summary>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/summary) | [Support](https://caniuse.com/details)
Finally I contributed to a repository in GitHub.
Tags: github, newbie, html, css
Published: 2021-07-09 06:48:53

Hello there, today I would like to share with you one of my longest desire and fear. For long I was longing for contributing something in GitHub and often I was telling myself, "this isn't for you man, you're a beginner and that's deep stuffs for real awesome and geniuses people who code like machines!" Lol I was wrong because, first I didn't know anything about Git and GitHub and I kept lying on myself that those two ain't for me. 
Yesterday I read a post on google about the importance of Git and GitHub to developers from beginners to experts, that's where I got my AHA! stage and I decided to login into my unused account on GitHub, since I had read a little bit of concepts such as repository, fork, branch and pull request. I decided to search for repository that used some of languages I'm familiar with (in this case Html5 and Css) and Voila! I saw one and decided to give it a go. 
The project needed me to create a webpage that will helps pets find home
It needed to have two directories (index.html) and (style.css) as well as (readme.md)

I see this project fruitful to me because I was exposed to work on creation of various elements in html and doing some impressive styling and what's really important it exposed me to the fact that I didn't understood the concept of adding audio in html5, therefore it gave me a chance to re-learn the concept once again from YouTube (link below)
https://www.youtube.com/watch?v=1Bl2WVQGfiE

I'm glad that I finally finished this project and you can find it here
https://github.com/Ngowi-Inc/pet-store 

A lesson I've learned is in learning about web dev we really need to practice things we have learnt because watching tutorials isn't sufficient enough to ensure that you have sufficiently understood the taught concepts. 
All the best in your learning objectives for today, be safe and until next time 
Ciao.