teleren/devto huggingface dataset:
I've created another LightDM Greeter
Tags: linux, lightdm, node, showdev
Published: 2021-09-09 13:57:42

Through these past months, I’ve read a lot the LightDM documentation. Now I’m kind confident that I could create all the greeters I want in any time. That’s why I created another one!

Before, I said I updated [web-greeter][web-greeter], read my [post][webg-dev]. This new greeter is practically the same, a LightDM greeter that allows to create wonderful themes with web technologies, like HTML, CSS and JavaScript! The difference is the language that’s based on: **Node.js** with **Electron**. I named it **[Nody Greeter][nody-greeter]**

## Why another web based greeter?
Why not? I mean, options are great! If you want to use a greeter with Python running behind it, that’s okay, but if you want a bit more performance, **Nody Greeter** is meant for that.

**Node.js** is fast, really fast, not as much as **C/C++**, but in contrast to **Python**, it’s a great improvement.

Check this [video](https://streamable.com/9jov2w) to see the difference.

Note this may vary. Sometimes **web-greeter** is faster, sometimes **nody-greeter**, but in general I could say **nody-greeter** is more responsive.

## Is there any difference?

Practically, there are no differences, both `web-greeter` and `nody-greeter` do the same. Their API is the same, so every theme working in `web-greeter` should work without problems in `nody-greeter`.

Although, there are some differences:

- **Nody Greeter** is faster than **Web Greeter**
- As **Web Greeter** is interpreted, its python dependencies should be always present. Update **Python** and it breaks. **Nody Greeter** is built with **Electron**, so no dependencies.


[web-greeter]: https://github.com/JezerM/web-greeter
[nody-greeter]: https://github.com/JezerM/nody-greeter
[webg-dev]: https://dev.to/jezerm/lightdm-web-greeter-3-0-0-arrives-5fd4
I've published the first official Chakra UI course
Tags: tutorial, react, chakraui, egghead
Published: 2021-09-09 13:23:51

Hey everyone 👋

I've published the first [official Chakra UI course](https://egghead.io/courses/build-a-modern-user-interface-with-chakra-ui-fac68106?af=5zzhqq) on egghead! It's free and it'll get you up to speed with Chakra UI in 40 minutes.

Check it out and let me know what you think.

Thanks!
Make your Github profile cool ✨
Tags: github
Published: 2021-09-09 13:05:05

## My Github profile

![Image 2021-09-09 at 10.00.24 PM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g0br2lgs8vrofu2pfzq5.jpg)

[Github: takuyakikuchi](https://github.com/takuyakikuchi)

## How to add the profile README

1. Create a repository with a name that matches your GitHub username(The repository should be public)
2. Add README.md in its root
3. Update README.md as you like 🤩

## Reference

[Managing your profile README - GitHub Docs](https://docs.github.com/en/account-and-profile/setting-up-and-managing-your-github-profile/customizing-your-profile/managing-your-profile-readme)
Pine script recipes for RSI-based indicators
Tags: pine, sideprojects
Published: 2021-09-09 12:56:07

RSI indicators are group of technical tools that market traders use to gauge momentum of a market.

The group of RSI-based indicators includes the default RSI, which is the short for relative strength index, as well as various transformations of it. Most popular one would be the stochastic RSI, the easiest to use but lesser known would be the Inverse Fisher RSI.

This is the basic RSI indicator source code in pine:

```
//@version=4
study(title="Relative Strength Index", shorttitle="RSI", format=format.price, precision=2, resolution="")
len = input(14, minval=1, title="Length")
src = input(close, "Source", type = input.source)
up = rma(max(change(src), 0), len)
down = rma(-min(change(src), 0), len)
rsi = down == 0 ? 100 : up == 0 ? 0 : 100 - (100 / (1 + up / down))
plot(rsi, "RSI", color=#7E57C2)
band1 = hline(70, "Upper Band", color=#787B86)
bandm = hline(50, "Middle Band", color=color.new(#787B86, 50))
band0 = hline(30, "Lower Band", color=#787B86)
fill(band1, band0, color=color.rgb(126, 87, 194, 90), title="Background")
```

Translation from pine into English:

* Call it Relative Strength Index.
* Take 14 past candles for the length.
* Retrieve their values at Close all over your length.
up and down: Compare every two consecutive Closes and find out if the price went up or down between them.
* If the price went up, set the down value to 0. If the price went down, set to up value to 0.
* Still on the same line: Get the weighted moving average of both up and down over your length.
* Scale the ratio of averaged up vs down to fit between values of 0 and 100 to make it into a relative index.
* Color it pretty!

Source: https://coinpub.org/spreadsheets/technical-analysis-rsi-indicators-inverse-fisher/
Women in Tech w/ Alexandria
Tags: womenintech, podcast
Published: 2021-09-09 12:37:35

{% spotify spotify:episode:1nzSkv2CpQwnoi3CV0PAFZ %}

## What is HTML All The Things

HTML All The Things is a [web development podcast](https://podcast.htmlallthethings.com/) and [discord community](https://discord.com/invite/jweMCx9) which was started by Matt and Mike, developers based in Ontario, Canada. 

The podcast speaks to web development topics as well as running a small business, self-employment and time management. You can join them for both their successes and their struggles as they try to manage expanding their Web Development business without stretching themselves too thin.

## Sponsored By

### [CodeCast](https://www.codecast.io/htmlallthethings) 
Community-focused live streaming and video platform that is structured for developers by developers

### [Showwcase](https://www.showwcase.com/)
This is where people who code can connect, build community and find new opportunities.

Invite Code: JoinHATT

## What's This One About?

In this episode Matt and Mike sit down with Alexandria to discuss her journey as a black woman through the tech world. The trio discuss things like different paths to get into tech, how tech differs (advantages and disadvantages) for women and people of color in tech. If you're interested in unique career paths, workplace diversity, and some straight up tech talk - you're not going to want to miss this episode!


## Guest Introduction

Today we’ll be talking to Alex who dove headfirst into the tech world. She is a Cybersecurity major that has taken Tech Twitter by storm. She has a lot of insight into what challenges women and people of color face in the tech community. She also brings some great advice and some ways to use it to push yourself and the entire community forward!

[Alexandria's Twitter @AlexandriasTech](https://twitter.com/AlexandriasTech)
[Alexandria's Youtube](https://www.youtube.com/c/AlexandriasTech)
[Alexandria's Twitch](https://www.twitch.tv/alexandriastech)

## Show Notes

2:30 - Your journey into Tech

6:10 - The challenges you’ve experienced

15:50 - Advantages of being a woman in tech (Intersectionality)

22:40 - Advice for women getting into tech

##Key Takeaways

* Bringing intersectionality and diversity to the workplace is a huge benefit for the end product. Getting different perspectives on a problem can bring a more unique and complete solution. 
* You don't need to know how to code to enter the tech industry. 

## Thank you!

If you're enjoying the podcast consider giving us a review on [Apple Podcasts](https://podcasts.apple.com/us/podcast/html-all-things-web-development-web-design-small-business/id1412209136) or checking out our Patreon to get a shoutout on the podcast. 

**[Support us on Patreon](https://www.patreon.com/htmlallthethings)**



You can find us on all the podcast platforms out there as well as

[Instagram (@htmlallthethings)](https://www.instagram.com/htmlallthethings/)
[Twitter (@htmleverything)](https://twitter.com/htmleverything)
[TikTok (Html All The Things)](https://www.tiktok.com/@htmlallthethings)
BMI Calculator
Tags: python, programming, computerscience, functional
Published: 2021-09-09 12:37:16

```python
# bmi_calc.py
#   This program calculates a person's BMI and prints a message telling
#   whether they are above, within, or below the healthy range.
# by: Scott Gordon

def main():
    print("***** Welcome to BMI Calculator***** \n")
    weight = float(input("Enter your weight in pounds: "))
    height = float(input("Enter your height in inches: "))

    def bmi_calculator(weight, height):
        """This program calculates a person's BMI and prints a message telling 
        whether they are above, within, or below the healthy range."""

        bmi = (weight * 720) / (height ** 2)

        if (bmi > 0) and (bmi < 19):
            return f"\nYour BMI is {bmi} you are below the healthy range."
        elif (bmi >= 19) and (bmi <= 25):
            return f"\nYour BMI is {bmi} you are in the healthy range."
        elif (bmi > 25):
            return f"\nYour BMI is {bmi} you are above the healthy range."
        else:
            return f"\nCheck your entries something went wrong."

    print(bmi_calculator(weight, height))


if __name__ == '__main__':
    main()

```
Photo by <a href="https://unsplash.com/@neonbrand?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">NeONBRAND</a> on <a href="https://unsplash.com/s/photos/bmi?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
Conditional types in typescript react
Tags: help, react, typescript, jsx
Published: 2021-09-09 12:33:00

Here I am making a Button component which should render `<button>` or `<a>` conditionally, using the `as` prop. eg:-
```js
// should render <button> component, prop 'as' is 'button' by default
<Button> Click me </Button>

// should render <a> component 
<Button as="a" href="xyz.com" > Visit here </Button>
```

The code
```js
import React, {
  AnchorHTMLAttributes,
  ButtonHTMLAttributes,
} from "react";

type Props = Partial<
  ButtonHTMLAttributes<HTMLButtonElement> &
    AnchorHTMLAttributes<HTMLAnchorElement> & { as: "a" | "button" }
>;

const Button: React.FC<Props> = ({ as: As = "a", ...rest }) => {
  return <As {...rest}></As>;
};

export default Button;
```

but it is showing anchor element properties (eg: href) while as = 'button', it is not a big problem here but when I was trying to make a base component which should render as a `div | main | ul | section` it gives error but after removing `ul` it is working fine
eg
```js
// should render <div> component 
<Base as='div' />

// should render <main> component 
<Base as='main' />

// should render <section> component 
<Base as='section' />

// should render <ul> component 
<Base as='ul' />
^ the error part as ul props and [div | main | section] props are 
not matching

```
First Website with ASP.NET Core
Tags: webdev, csharp, azure, html
Published: 2021-09-09 12:26:05

In this post I won't write a lot of things. I'm just really excited that I have created an ASP.NET Core Website from scratch and published it to Microsoft Azure.

With the help of Microsoft's official tutorials ([link](https://www.youtube.com/watch?v=lE8NdaX97m0&list=PLdo4fOcmZ0oW8nviYduHq7bmKode-p8Wy)) I have learned a lot of the .NET Core technology.

More specific I understood the usage of MVC, C# as a programming language, the usage of a JSON file in a Web API and Microsoft Azure. I got "deeper" to the GitHub workflows, too.

The link for the implemented website is [this](https://contosocraftszap.azurewebsites.net/) and the GitHub repository is [this](https://github.com/tech-gian/ContosoCrafts).

![Website's Capture](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rp4a026gm6zfq2m7meap.JPG)

I'm waiting your comments, advices and remarks on my work!
I also want any kind of prompt of what to learn next.
Is your Voice being heard?
Tags: softwaredevelopment, agile, teamwork
Published: 2021-09-09 12:21:16

---
title: Is your Voice being heard?
published: true
date: 2021-09-09 12:20:15 UTC
tags: softwaredevelopment,agile,teamwork
canonical_url: https://medium.com/chingu/is-your-voice-being-heard-93b1041e03d5
---

#### Sprint 2 — Thursday

![](https://cdn-images-1.medium.com/max/1024/1*A-of80amb9K1dym2ovBClQ.jpeg)<figcaption>Photo by <a href="https://unsplash.com/@brett_jordan?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Brett Jordan</a> on <a href="https://unsplash.com/s/photos/who-are-you?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></figcaption>

By now you know that the success of your team depends on **_daily_** communication and collaboration.

But, it’s important not just to communication about your project, but also to get to know your teammates on a more personal level. To make a connection with one another so you can understand their goals, constraints, strengths, and weaknesses.

> Understanding your teammates as the unique individuals they are helps the team to come together and bond around your goals.

### How to make your voice be heard?

But it’s also important to think about not just what you are communicating, but how you are communicating. As humans we typically fall into two broad categories —  **_introverts_** & **_extroverts_**.

Extroverts are more socially at ease and outgoing around others, while introverts find social settings involving groups unsettling. As a result extroverts tend to speak more while introverts tend to speak less in meetings.

It’s important to understand these types of traits in ourselves and our teammates to **_make sure that everyones ideas & opinions are being heard_**.

**_Extroverts…_** make sure you aren’t dominating conversations at the expense of others on your team. Go the “extra mile” and ask others what they think. Help to ensure that every voice is heard.

**_Introverts…_** step out of your comfort zone and make sure you are heard. As difficult as it may be to express your thoughts and feelings in team meetings, your thoughts and opinions are important and you deserve to be heard.

Chingu strives to create an environment where feedback is both friendly and frank. We want everyone to be heard, but it takes work on the part of all of us. For “extra credit” check out this as a tool to learn more about yourself…

[https://www.16personalities.com/personality-types](https://www.16personalities.com/personality-types)

### Before you Go!

Chingu helps you to get out of “_Tutorial Purgatory_” by transforming what you’ve learned into experience. The experience to boost your Developer career and help you get jobs.

You can learn more about **Chingu** & how to join us at [https://chingu.io](https://chingu.io/)

* * *
How to change Material Icon Theme folder association
Tags: react, vscode
Published: 2021-09-09 12:15:00

---
title: How to change Material Icon Theme folder association
date: 2021-09-09 12:15:00 UTC
published: true
description: Change material Icon Theme, for visual studio code, folder associations. Choose any icon to display in the file explorer.
tags: react, vscode
canonical_url: https://relatablecode.com/how-to-change-material-icon-theme-folder-association/
---
How to change [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme) folder association
I really love the Material Icon Theme for Visual studio code. It’s very visually appealing and helps me quickly mentally locate whatever I need inside the explorer.

However, not all folder names and types are covered by default. But, they do offer a way to add your own associations with custom icons as well pre-existing icons.

Changing the icon
In this example, I’ll be changing the icon for a folder named cypress. [Cypress](https://www.cypress.io/) is used for end-to-end testing so I figured I should change the default Icon to something more oriented for testing.

First, let’s go ahead and open up Visual Studio Code and hit CTRL + SHIFT + p

This should open up possible commands. Type in User Settings.

![Visual Studio Code User Settings](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u5p4edh0be8bpchfg5y0.png)

Upon opening them up, we can see the search bar, search for folder icon.

In Material-icon-theme > Folders: Associations click on “Edit in settings.json”

There should be a section called material-icon-theme.folders.associations

Inside we can start changing the folder associations

![Material Icon Theme settings.json](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6zluzfjbcs64tbyrkofz.png)
 
I updated it to include cypress with the test folder association.

For default images this can be used as a reference:

https://raw.githubusercontent.com/PKief/vscode-material-icon-theme/main/images/folderIcons.png

Now cypress will show up with the updated icon:

![New cypress icon](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/usa7mb2cohcdd0qq3gen.png)

And that’s it! Let me know in the comments below if you have any other material icon theme customizations you use!
Today's Daily Dose of Programming Humor
Tags: jokes, dailydeveloperjokes
Published: 2021-09-09 12:00:32

---
title: "Today's Daily Dose of Programming Humor"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1259d077252.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
___Q:___ Which programming language is the shortest?

___A:___ HTML. Because it doesn't have a neck between its `<head>` and `<body>`.
 -->
Send emails to multiple recipients from Database with Laravel
Published: 2021-09-09 11:47:19

After completing every task eg payments or new user registration, Admins need to be notified as well as the user/client therefor it will result in sending multiple emails from database at once. This tutorial will provide a solution to this scenario.  

First Step(Register your mail server configurations in .env file as follows)

MAIL_MAILER=smtp
MAIL_HOST=mail.domain.co.zw
MAIL_PORT=465
MAIL_USERNAME=Your email Username
MAIL_PASSWORD=Your email Password
MAIL_ENCRYPTION=SSL
MAIL_FROM_ADDRESS=matruts@domain.co.zw

Second Step(Create blade file)
create email.blade.php file, this is where you put email body eg in a paragraph as follows 

<p>You have Registered for Online Upcoming event, you will receive joining link within 48 hours<p>

Last Step (Create Controller)
After creating a controller using the following command.
php artisan make:controller SendMailController 

Select all emails from users table .

$Emails = User::all()->pluck('email');

After getting all emails convert the result into a collection as following.

$mails=collect($Emails);

we can also add new emails to the collection using push.

$mails->push('matruts@domain.co.zw');//adding new email to the collection

Now you can Send emails from a $mails collection through a foreach loop

 foreach($mails as $mail){
      Mail::send('emails', [], function($message) use ($mail)
       {    
        $message->to($mail)->subject('Registration Confirmation');    
         });
       var_dump( Mail:: failures());
       exit;
    }
Nexxtrack
Tags: firstpost, vue, nuxt
Published: 2021-09-09 11:37:00

Hello, I'm Keigo, new to dev.to.

Let me introduce my works. The first one is Nexxtrack.
I do DJing for hobby and wanted to improve my skill with hacking.
So I analyzed popular mix created by pro DJs and created recommend app.

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

This app show what song tend to be mixed with certain song.

Using Nuxt.js for frontend, flask for api.

If you have interest, please try and give me feedbacks.

Thanks.

[https://nexxtrack.club/](https://nexxtrack.club/)


I wrote an introduction on medium too.
[https://k5trismegistus.medium.com/for-dj-beginners-having-trouble-selecting-songs-use-nexxtrack-8a3cfdd1d5a0](https://k5trismegistus.medium.com/for-dj-beginners-having-trouble-selecting-songs-use-nexxtrack-8a3cfdd1d5a0)
DongTai IAST 
Tags: devops, devsecops, github, iast
Published: 2021-09-09 11:30:16

DongTai IAST is an interactive application security testing tool that can help developers produce safer and better code. It was released on 1st Sep 2021, which is the first open-source IAST project in the world.

Details: https://hxsecurity.github.io/DongTai-Doc/#/en-us/doc/tutorial/intro
Ant colony optimization for beginners
Tags: beginners, algorithms, watercooler
Published: 2021-09-09 11:10:47

A single ant can carry 10 to 50 times its own body weight and run 700 times its body length per minute. These are impressive qualities; however, when acting in a group, that single ant can accomplish much more.

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

In groups, ants build colonies, retrieve food, and even use peer pressure to influence others. They achieve this with pheromones - essentially, perfumes that ants drop wherever they go. Other ants can sense these perfumes and change their behavior based on them.

An experiment based on real-life harvesting ants showed that they always converged to the shortest path between the nest and the food source. Ants that have walked specific paths increased the pheromone intensity on those paths that other ants pick up on.

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

Ant colony optimization (ACO) algorithms simulate the emergent behavior shown in this experiment. In the case of finding the shortest path, the algorithm converges to a similar state, as observed with real ants. How can we use this to solve a more practical problem?

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3u70mg9ecbrqbfb76lnn.png)

Imagine we're visiting a carnival that has many attractions to experience. Each attraction is located in a different area, with varying distances between them. Because we don’t feel like wasting time walking too much, we want to find the shortest paths between all attractions.

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

Ant colony optimization can help in finding the shortest path between all the attractions in a more computationally efficient way. If we represent an ant's memory, best distance, and actions it can take, we can simulate a colony and solve hard problems.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5cvjgeabgo7pe77vv9v5.png)

Follow for the next part to this thread  - [@RishalHurbans](https://twitter.com/RishalHurbans). To learn the details of this algorithm, see Grokking AI Algorithms with Manning Publications: [http://bit.ly/gaia-book](http://bit.ly/gaia-book), or join my mailing list for infrequent knowledge drops: [https://rhurbans.com/subscribe](https://rhurbans.com/subscribe).
echoAR nominated "one of the best startups in NYC" - VOTE NOW!
Tags: startup, showdev, augmentedreality, nyc
Published: 2021-09-09 11:08:28

**GREAT NEWS!** echoAR has been nominated as one of the best startups in NYC at HackerNoon’s annual "Startups of the Year" competition! 

Voting is now open and we'd love your support:  [CLICK HERE](https://startups.hackernoon.com/new-york/new-york-city) 

Just search for '**echoAR**' and click the ‘**Vote**’ button!

![Untitled.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1631185629334/S1VZZ6TP1.png)