teleren/devto huggingface dataset:
Integrating with Twitch in Telescope: Part 1!
Tags: css, opensource, docker, design
Published: 2022-02-05 15:16:01

For this week, I worked on finishing up my work on [#2769](https://github.com/Seneca-CDOT/telescope/pull/2769), as well as doing work on the Twitch integration by introducing an RSS feed generator, called [`rss-bridge`](https://github.com/RSS-Bridge/rss-bridge).

## Syntax Highlighting Summary

In the previous post, I mentioned about the work that I had to do for adapting the syntax highlighting. During reviewing, we had this small issue that we couldn't figure out how to solve: import the static CSS stylesheets from the `node_modules` folder to receive updates more easily, instead of having a copy of the minified files in our project.

After trying out for a while, we decided that we were spending too much time and we were holding the PR for such a small problem that was probably not even worth it. A couple of small fixes later regarding coloring, the [PR](https://github.com/Seneca-CDOT/telescope/pull/2769) was merged successfully.🤞🏻

## RSS-Bridge

`RSS-Bridge` is super cool😎🤏. So, newer websites do not offer RSS feeds, and they try to provide their own API, if you want to extract any information programmatically. Twitch is one of these websites. What `RSS-Bridge` addresses is this exact problem: instead of expecting these websites to offer a RSS feed, we will generate them ourselves. It works so well🤩

Setting up was not hard at all, which was the best part😋. I didn't have to install the source code, I just specified that I wanted to install the image hosted in Docker Hub, and set up some routing to make it work properly. I had to do this with the help of Dave🙌🏻, because I had no idea how to do the routing in Telescope.

We will use this Docker container to get the feeds we want and get the posts we want to display them in Telescope :D

This is what I ended up with:
[PR#2788](https://github.com/Seneca-CDOT/telescope/pull/2788)  which was a solution to one of the problems in [this issue](https://github.com/Seneca-CDOT/telescope/issues/2728).


## YouTube Sidebar UI design

Meanwhile, this issue: ([#2680](https://github.com/Seneca-CDOT/telescope/issues/2680)) did not have a related PR that was addressed, but we did discuss some possible design ideas for this. I will follow up with the team to see what we can do to file a PR later.

## React Native Port

I haven't followed up that much regarding this area, so I would need to ask our community and skim through the filed issues and PRs to know the overall status.
Send Email using Sendgird and Node.js
Tags: node, javascript, programming, tutorial
Published: 2022-02-05 14:58:59

For every every web application, there is a need to send the user an email. In this article, I would love to explain you how easy it is to setup Sendgrid with Node.Js.

You can check full code with detail article at: [https://github.com/deadwin19/send-email-sendgrid-nodejs](https://github.com/deadwin19/send-email-sendgrid-nodejs)
Paracetamol.js💊| #45: Explica este código JavaScript
Tags: javascript, webdev, spanish, beginners
Published: 2022-02-05 14:48:35

## **Explica este código JavaScript**

```js
function checkAge(age) {
  if (age < 18) {
    const message = "Sorry, you're too young."
  } else {
    const message = "Yay! You're old enough!"
  }
  return message
}

console.log(checkAge(21))
```

-     A: `"Sorry, you're too young."`
-     B: `"Yay! You're old enough!"`
-     C: `ReferenceError`
-     D: `undefined`

Respuesta en el primer comentario.

---
How I Built my Portfolio in Less Than a Week.
Tags: webdev, javascript, programming, portfolio
Published: 2022-02-05 14:32:35

**Hello👋,**

> Today, I will be sharing my experience on how I built my portfolio website in less than a week and I'm also using this medium to participate in the Hashnode X Netlify Hackathon since it meets up the requirements.

You can view [My Portfolio here](https://www.chryzcode.dev/)😎

-------------------------------------------------------------------------------- 
This might not be a formal article but there are gems 💎 to pick up, so go ahead to give it a read😊

I've been wanting to build my portfolio since late last year but I decided to put on a hold due to a lot of active projects to be completed at that period in time and I wasn't really prepared.

In the month of December 2021, I started making plans on how I was going to have a personal portfolio in 2022 and I met with a product designer for a design.

Then, the whole process started with a User Interface and Experience design in the month of January 2022 and boom 💥 it was ready in the last week of the month.

The 👨‍💻development journey started on the first of this month(1st of February) with an <HTML/> file 👍. I started roughly by using dummy text(Lorem Ipsum) and later refactored it in arrangement and contrast to the UI design while writing the stylings(CSS).

I'm used to building Visual interfaces from desktop view to mobile view but I tried something different this time that really didn't work out well 😅. After speaking with some of my friends who were frontend developers, most of them said building from mobile view to desktop view is the best and I tried it but it didn't really work out for me well though🙄. 
Well, it is okay to do things differently sometimes but don't forget that we all have various ways of how we get things done.

Yes, I built it in less than a week and to be precise it was within four to five (4-5) days, that was a bit fast right 🙀🤯?

Yes, it is but I spent a whole lot of hours per day building🔨. I actually invested a lot of hours because it was worth it 👌, I wanted to build it as fast as possible 🚀.

It was a little bit challenging, I wrote more of CSS(stylings, animations and transitions) and a little bit of Javascript, the wordings typewriter on the portfolio was actually created with CSS😉.

It was fun though as well as it wasn't easy at some point. In the process I was able to learn a whole lot, that's the joy 😀, increasing in knowledge and skillfulness. I was learning and building at the same time and pace that's the beauty 🤩.

For the sake of professionalism in my little understanding, I carefully constructed the contents(choice of words) used and I also decided to get a custom domain for the first time🥳.

> **Thanks for reading through this article and I hope you found it useful, you can connect with me on;**

- [Twitter](https://twitter.com/chryz_code)
- [GitHub](https://github.com/chryz-code)

**Bye 👋.**
9 WordPress Slider & Carousel Plugins
Tags: webdev, beginners, tutorial, wordpress
Published: 2022-02-05 14:32:12


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4hy9gm0nzguokzf03ku7.png)
A WordPress slider plugin provides features for simple image slides, while the advanced solutions expand upon that with drag-and-drop builders, animations, and buttons.

If you’re interested in adding a slider to your website, begin with understanding how to use 9 [WordPress Slider & Carousel](https://softcodeon.com/wordpress/best-wordpress-slider-carousel-plugins.htm) in details so as to not cause problems on your site.

After that, take a look at the top features we like and the best WordPress slider plugins to choose from. We highlight elements like pricing, features, and use-case scenarios to ensure you pick the ideal slider plugin for your organization.

Slider plugins help websites to display the slides on websites, landing pages, or blogs. Various WordPress slider plugins make WordPress websites more exciting and engaging at the display. Installing these slick slider plugins will help in catching more attention from your visitors. 

##9 WordPress Slider & Carousel Plugins

1. WP Logo Showcase Responsive Slider
2. Smart Slider
3. Master Slider
4. MetaSlider
5. Kreatura Slider Plugin
6. Royal Slider
7. Slider – Ultimate Responsive Image Slider
7. Slider by 10Web
8. TouchCarousel
9. Slider Revolution

So finally, your website can choose from those mentioned above top eight WordPress plugin sliders that will help your personal, business, or eCommerce website with a stunning content slideshow. Essential Plugin has designed more than 50+ WordPress plugins for enhancing the engagement and interaction of your website or blog page.
Learning as a newbie
Tags: braziliandevs, beginners, 100daysofcode, codenewbie
Published: 2022-02-05 14:29:34

Hello Everyone! 
My name is Raissa,(hi-essa)this is my first ever blog post and to be frank with you all, writing has never been one of my strong suits, but who am I kidding coding has never been a strong either. However, since joining G{Code} House, I have been learning a lot and surprising myself with the things I know I can do.

As a person with learning disabilities, school has never been easy for me, but learning how to code has been the best decision that I have made for myself. Not only has introduced me to an amazing community, but it has made me more confident that I can learn anything I put my mind to. 

Currently, I live in Chicago, where I have been for the past 8 years, since immigrating from Brazil, like all immigrants desire, to pursue a better life.

I have a background in fashion, but since the pandemic, I noticed that it wasn’t my calling to be a stylist anymore. I am also really into fashion design, and those creative abilities have made me love the Front-end and CSS part of web development. Being able to style a web page and make it pleasing to the eye, has been so fun and I can’t wait to keep learning how to code and in the future learn how to bring clothing to life in a digital form.
🐊ConfigureGator, is it a good idea?
Tags: discuss, kotlin, svelte
Published: 2022-02-05 14:26:58

##Configure-what-now?
Never heard of it? I'm not surprised!
I have been working in secret on a SAAS product called... 🥁 da da da 🎵

🐊 **ConfigureGator**
Snap-on interactive cart system

I asked developers if they wanted to join my side hustle, and although Initial response was good, it mainly showed me what worked and what didn't. I still believe there is no configurator as a service, no 3D shopping experience, and no security first platform to protect your IP and products before launch. I think that's what we are shooting for.

## But why?
When I worked at Dyson, the websites product had a huge configurable requirement. Red blue gree, purple and pink components all that, sometimes these customisable parts where in common with other products, yet replicating this on a new product was a huge bit of work. Also juggling the secretive nature of products not yet released, I knew about products before the public and with one false click I could basically loose my job I would imagine.

A generated configurator and accompanying admin UI will empower sellers to provide interactive shopping experiences beyond just a simple image, VR and metaversal shopping (no not Facebook) is the future!
ConfigureGator will protect your products by only supporting integration with popular Identity providers, your unpublished products will be encrypted and stored in the cloud.
ConfigureGator will support visual scripting to extend the shopping experience for a future where programming is more about using an engine to show off a product, much as unreal engine is how many games are made.

## So is it a good idea?
Are you a Svelte fan? Want to make a start-up? Get in touch!
Oh yes and our backend is kotlin so if you like that, equally get in touch!
Multiple ssh keys
Tags: ssh, azure, git
Published: 2022-02-05 14:18:41

Yesterday, I was gonna add my ssh key to Azure DevOps, to be able to contribute to a repository. I was presented with the following:

![Error from DevOps](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xonwk7dus14sexeq81gk.png)

Apparently, [DevOps does only support rsa keys](https://developercommunity.visualstudio.com/t/cant-use-ed25519-ssh-key/462263), and not ed25519 keys, even though ed25519 is considered to be more [secure](https://docs.gitlab.com/ee/ssh/index.html#ed25519-ssh-keys). The ed25519 is also the default algorithm in [GitHub's guide to setting up keys](https://docs.github.com/en/authentication/connecting-to-github-with-ssh/generating-a-new-ssh-key-and-adding-it-to-the-ssh-agent) which many people follow. 

Generating a new rsa key is the solution to this. However, having multiple ssh keys on the same machine presented new problems. I want to use my ed25519 key as much as possible, for example on repositories on GitHub, but how do I tell my computer to use the rsa key for the repository on Azure DevOps? 

Apparently, there is a file, `~/.ssh/config`, that solves these kind of troubles. You probably have a couple of lines in it, like this:


```
Host *
  AddKeysToAgent yes
  IdentityFile ~/.ssh/id_ed25519
```

These lines tells the ssh client to automatically add keys to the running agent and use the key in `~/.ssh/id_ed25519`, for all hosts.

By adding these lines: 

```
Host ssh.dev.azure.com
  IdentityFile ~/.ssh/id_rsa
```

We tell the ssh client to use the key `~/.ssh/id_rsa` when connecting to `ssh.dev.azure.com`, which is the host of the repositories.

Simple as that!

## Bonus 1

If you tired of writing the entire `ssh username@some-host.com:xxxx` when using ssh, aliases can be configured:

```
Host my-alias
    HostName some-host.com
    User username
    Port xxxx
```

Now `ssh my-alias` will be enough to connect. 

## Bonus 2

If you ever find yourself on a network were port 22 is blocked and you want to use ssh to connect GitHub, you can use ssh over port 443 instead. Just add this configuration. 

```
Host github.com
  Hostname ssh.github.com
  Port 443
```
Office in the garden for no money?
Tags: watercooler
Published: 2022-02-05 13:53:10

So, I think I'm at home now for the long run, in an effort to rekindle the commuting spirit, I have a long garden which I really want to put an office at the end of, a shed will do, around 8' X 10'

To make the saving for such a thing, circa £3000 worth a little easier, I need to either find a way to recycle a lot of stuff or make a passive income.

Could any of these be realistic?
When does your domain name need glue records?
Tags: dns, network
Published: 2022-02-05 13:35:09

Let's say you own `example.com`, and you want to host your name servers at `ns1.example.com` and `ns2.example.com`.

When a DNS client looks up `ns1.example.com`, the root servers would tell the client to ask the name servers of the .com TLD, which would tell it to ask the name servers of `example.com`. Hmm. You need to ask the `example.com` name servers where the name servers of `example.com` are.

See the chicken-and-egg problem? It's a maze without an exit. But you can create one - if you provide glue records. Basically, you have to ensure the TLD's name servers reveal your own name servers' IP addresses through additional DNS records. Here's an animated video that explains how it works.

{% youtube e48AyJOA9W8 %}

## Are glue records dangerous?
When used incorrectly, glue records may cause your website to become unreachable. In essence, you're asking your TLD's name servers to cache the IP address translation of your name servers. If you rely on a third-party DNS service like CloudFlare for your domain's name servers, their IP addresses can change at any time without your knowledge.

If you're using `ruth.ns.cloudflare.com` and `west.ns.cloudflare.com` as your name servers, and you pushed glue records for them, your website may become unavailable if at least one of its name servers gets a new IP address.

Long story short: glue records are a crucial element of DNS, but only use them when strictly necessary. Be aware that you will need to accommodate any IP address changes in your glue records to ensure your website remains available.
M3O - Next generation cloud platform
Tags: cloud, m3o, api
Published: 2022-02-05 13:18:52

---
title: M3O - Next generation cloud platform
published: true
description: Explore, discover and consume public APIs as simpler building blocks on one platform for a 10x developer experience.
tags: cloud, m3o, apis
cover_image: https://pbs.twimg.com/profile_banners/1431189413959282688/1643228900/1500x500
---

Hey all,

We've been hard at work on [M3O](https://m3o.com) for some time now. It's a new cloud provider that focuses on the developer experience. We've got 50+ apis, starting from a serverless postgres database, to user management, search, sms, email, geocoding and much more. 

The majority of APIs are FREE to start with a 1 million api call quota per month and $1 per million calls after that. Signup with google, github or email.

Checkout the website https://m3o.com

See [M3O Dev](https://m3o.dev) for more info and join us on [Discord](https://m3o.chat) if you have any other questions.

Cheers
Asim
New Things Added - Laravel 8.82 Released
Tags: php, laravel, programming, webdev
Published: 2022-02-05 10:42:13

Let's get started quickly I found new things in Laravel 8.82 Released I wanted to share with you.

- Cross Join Sequences in Factories

Here's the newly merged approach for joining multiple sequences
```php
User::factory(4)
    ->state(
        new MatrixSequence(
            [['first_name' => 'Thomas'], ['first_name' => 'Agent']],
            [['last_name' => 'Anderson'], ['last_name' => 'Smith']],
        ),
    )
    ->create();
 
/*
[
    ['first_name' => 'Thomas', 'last_name' => 'Anderson'],
    ['first_name' => 'Thomas', 'last_name' => 'Smith'],
    ['first_name' => 'Agent', 'last_name' => 'Anderson'],
    ['first_name' => 'Agent', 'last_name' => 'Smith'],
]
*/
```
Previously, you'd call sequence multiple times
```php
User::factory(4)
    ->sequence([
        ['first_name' => 'Thomas'],
        ['first_name' => 'Thomas'],
        ['first_name' => 'Agent'],
        ['first_name' => 'Agent']
    ])
    ->sequence([
        ['last_name' => 'Anderson'],
        ['last_name' => 'Smith'],
        ['last_name' => 'Anderson'],
        ['last_name' => 'Smith'],
    ]);
```
Adds a new `` CrossJoinSequence `` class that helps cross joining multiple sequences
```php
User::factory(4)
    ->crossJoinSequence(
        [['first_name' => 'Thomas'], ['first_name' => 'Agent']],
        [['last_name' => 'Anderson'], ['last_name' => 'Smith']],
    )
    ->create();
/*
[
    ['first_name' => 'Thomas', 'last_name' => 'Anderson'],
    ['first_name' => 'Thomas', 'last_name' => 'Smith'],
    ['first_name' => 'Agent', 'last_name' => 'Anderson'],
    ['first_name' => 'Agent', 'last_name' => 'Smith'],
]
*/
```
- Transliterate String Helper

Str::transliterate() method which transliterates a string to its closes ASCII representation
```php
$value = 'ⓐⓑⓒⓓⓔⓕⓖⓗⓘⓙⓚⓛⓜⓝⓞⓟⓠⓡⓢⓣⓤⓥⓦⓧⓨⓩ';
Str::transliterate($value) // abcdefghijklmnopqrstuvwxyz 
```
- Required Array Keys Validation Rule

 required_array_keys validation rule which allows you to define keys that are required in an array input
```php
$data = [
    'baz' => [
        'foo' => 'bar',
        'fee' => 'faa',
        'laa' => 'lee',
    ],
];
 
$rules = [
    'baz' => [
        'array',
        'required_array_keys:foo,fee',
    ],
];
 
$validator = new Validator($trans, $data, $rules, [], []);
$validator->passes(); // true
```
Here's a failed validation attempt
```php
$data = [
    'baz' => [
        'foo' => 'bar',
        'fee' => 'faa',
        'laa' => 'lee',
    ],
];
 
$rules = [
    'baz' => [
        'array',
        'required_array_keys:foo,fee,boo,bar',
    ],
];
 
$validator = new Validator($trans, $data, $rules, [], []);
 
$validator->passes(); // false
 
// 'The baz field must contain entries for foo, fee, boo, bar'
$validator->messages()->first('baz');
```

I hope you enjoyed with me and to learn more about this release visit the sources and search more. I adore you who search for everything new.
Source :- https://laravel-news.com/laravel-8-82-0
Source :- https://www.youtube.com/watch?v=_q3gYeK7gdo
Dagster: The Best Free and Open-Source Alternative to Airflow With Python!
Tags: python, programming, bigdata, tooling
Published: 2022-02-05 13:04:43


Stop Using Airflow Today with Dagster!

> “Dagster is the data orchestration platform built for productivity.”

Dagster is an open-source project with fundamental tools for the modern data platform, with the aim of:

* Accelerate development and testing with elegant Pythonic APIs.

* Ability to scale to any workload with flexible, battle-tested infrastructure.

* Ability to understand the status of jobs and data with built-in observability, all in a very polished interface.

Find out much more about Dagster and how it can be better than Airflow at:

https://jlgjosue.medium.com/dagster-the-best-free-and-open-source-alternative-to-airflow-with-python-53d9ccd0c6f2

Is that you? Will it continue into the age of Dinosaurs with Airflow? Is the solution your team uses really the best? :)
Got my hacktoberfest swags🥳🚀
Tags: hacktoberfest, appwrite, digitalocean, maintainer
Published: 2022-02-05 13:01:49


Got my #hacktoberfest swags today🥳🚀
This time I participated as a maintainer and received 1k+ pull requests on my repositories.

Thank You 
@digitalocean
 
@appwrite_io


waiting for the next year😁🧑🏻‍💻

#hacktoberfest2021 #digitalocean #appwrite #swags #thankyou


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bx7sfxje6m8v2lr0l630.jpeg)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0dnpudpc6ar0hdb0qy2b.jpeg)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6kspn2zrcryea17g5tp9.jpeg)
Tutorial: Extending Sonic With Limit Orders Using ic-cron Library
Tags: internetcomputerprotocol, smartcontracts, dfinity, defi
Published: 2022-02-05 12:54:31

---
title: Tutorial: Extending Sonic With Limit Orders Using ic-cron Library
published: true
description: This tutorial attempts to give all the information in a beginner-friendly manner. It is intended for advanced blockchain-developers, who already understand all the basics about Rust canister development for the Internet Computer. This tutorial is dedicated to the [Internet Computer (Dfinity) platform. Finishing this tutorial you: Will know some of advanced canister (smart-contract) development techniques with Rust programming language. Will learn how to integrate canisters with each other using their public APIs. Will try using [ic-cron] library to execute any background canister code.
tags: internetcomputerprotocol, smartcontracts, dfinity, defi
//cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o28n0izka0nxaotfcj8t.png
---

https://hackernoon.com/tutorial-extending-sonic-with-limit-orders-using-ic-cron-library
Make an Image Hover Overlay using html and css
Tags: html, css, codenewbie, beginners
Published: 2022-02-05 12:51:44

You may have made a **Profile Card**. But, what if there was a card on which when we hover; it shows us some **content**!

**Now that is possible only by using css.**

Today we are going to make something like above mentioned.

Let us get started:

**Step 1:** HTML

```html
<div class="container">
  <img src="your_pic.png" alt="text" class="image">
  <div class="overlay">
    <div class="text">Good Day</div>
  </div>
</div>
```

**Step 2:** CSS

```css
.container {
  position: relative;
  width: 50%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: crimson;/* U can choose your favourite color */
}

.container:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-family: sans-serif;
  font-size: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
```
Now, you have successfully made your first Image Hover Overlay Card.
This is it for today! Bye :)