teleren/devto huggingface dataset:
How to rent a professional meeting room
Tags: meeting, rooms, office, space
Published: 2020-08-09 01:17:44

A meeting is similar to a delicate ecosystem - all of the participants and amenities be inbalance that is perfect for the call or maybe presentation to achieve its highest potential. To
help make an excellent impression, reserve a professional and private conference room with comfy furniture, kitchen facilities, high-speed Internet, state-of-the-art presentation tools, or
maybe whatever else you have to generate your best work. When your staff is chasing the high heels of an urgent deadline, you want a meeting space where you can get right down to business with on-point amenities and technology so you can stay focused.

Dedicated meeting spaces can provide the clients of yours and associates a great impression of the business of yours while giving a sophisticated environment and making a superb backdrop for a conference. You have observed that you will find a couple of drawbacks to having a meeting in a public space.

Nowadays, the vast majority of meeting room landlords are likely to offer their customers a distinctive range of services, which, when taken collectively, produce a user&#39;s knowledge.

Forget about the tech issues with your software and hardware. The meeting space IT support staff is going to have everything installed and also launched.

Meeting rooms are offer and large generally plenty of room for the meetings of yours. You can plan for the number of individuals joining the conference and be sure you will have sufficient room to accommodate people. The meeting may be kept in a spacious room,
allowing everybody to be focused and comfortable, while a small gathering is conducted in a smaller place.

Conducting a company conference is likely inside an espresso shop; however, you will discover far more benefits by taking the business to a meeting room. Not merely can you and your business appear much more professional, you will have much more business as a setting to enjoy a real relationship and interaction amongst attendees.

A meeting room provides you with the proper atmosphere to care for business while creating an excellent impression at precisely the same time.

Here at Officeriders, we are specialists in providing professional conference rooms that are inexpensive but do not compromise quality. With all sorts of conference room rentals, the meeting space portal of ours will help you arrange and select a structure that suits the occasion of yours. Whether you need an efficient
or flexible room set-up, we can help you find a great working meeting space. Layout, square space footage, along with other meeting space abilities based upon venue accessibility.
Find out about our vibrant community center meeting rooms at <a href="https://www.officeriders.com">https://www.officeriders.com</a>
My transition around IDES
Tags: ide, vim, sublimetext
Published: 2020-08-09 00:24:47

I have a pair of years working as Web developer, Mostly in the area of front end, and i started with Sublime text, since that time, despite i have tried many others Ides and text editors i would always reccommend st, but, why did i change my ide?

Well, At my work they used vscode and they always would say that vscode is the sixth monument for Programmers, ok, I didnt have a reason to try it, despite it had, or still has the advantage with git and when doing merges, linters and all these fancy plugins... apart from that did not look so amusing

In my community of programmers they used VIM or Emacs, so, why not to give them a try, and my first experience with them was by using OniVim 1, And started learning what Vim could offer, commands, .vimrc, etc, great experience, sadly, onivim had some issues when installing syntax plugins, (havent tried the v2 yet) and after trying some more Vim, it felt really slow, also has a slower starting time than sublime text, so i returned to sublime, at that moment i was learning haskell, i got reccommended Emacs

My experience with Emacs was small, it has a really big issue, an ugly interface... 😂, despite that i had to reconfigure my mindset to use M-X not for deleting but for other things, and i felt comfy with all these shortcuts on windows, linux and other softwares, so, i returned back to vim which, the hard part was installing vim on windows and its vimrc, actually i keep using it, and tried vscode.

With vscode it was weird, the interface is kind of distracting for me, so i hid a lot of things, instaled vim mode and went on, used it for many projects, but having firefox, edge, vscode and figma started to felt heavy on my pc, thing that did not happen with vim, I needed some gui, but also the perks of vim mode (which i tried before on sublime and did not work for me), i find it hard to use vim for large projects with a lot of folders and files.

And this is how i went back to sublime again along with vintage, im using sublime for bigger projects and vim for other stuff like writing the drafts for this one article.

## Honorary Mentions

NeoVim, slow start than vim, and some issues on windows, despite it was easier installing plugins on it (same with emacs).
First Steps of discord bots
Published: 2020-08-09 00:11:17

So today, I've decided to enter the realm of creating a discord bot. For those who are unfamiliar with discord. It's basically another version of slack which you can communicate with people around the world and even voice chat. 

I decided on creating a discord bot just to have fun and see what I can do in order to help my daily life. Maybe make it have eval command for my personal use. 

But as of right now, I want to note on the process of just even putting the discord bot online.

First, we need to create our bot on the discord developer site which is located [here](https://discord.com/developers/applications/)

Create your bot and get your token. Make sure no one knows the token and don't accidentally upload it to github!

Next, I use visual studio code in order to create my bot, but lets create a config.json and add in our bot token variable!
It should look something like 

``"BOT_TOKEN": "BOT TOKEN"``

Make sure to also use *npm init* to create your package.json

afterwards use npm install discord.js. This will install discords api.

Last step in order for your discord bot to go online, you'll need to make a index.js with a few line of code


The code should look something like this

```
const Discord = require("discord.js");
const config = require("./config.json");
const client = new Discord.Client();

client.login(config.BOT_TOKEN);
```

Now test it by running node index.js!
Project Universe & Helping Humanity
Tags: discuss, humanity, space, future
Published: 2020-08-08 23:03:33

# Introduction
**Project Universe** is preparing humanity for our future as a united interplanetary civilization utilizing collaboration, education, technology & video games. From **24 December 2017 to 28 January 2019** it was in closed development while I devised methods of funding it without requiring users to pay. On **29 January 2019** global open community development began, which included a non-expiring open invitation for humanity to participate.
## Progress
Since then the plan has evolved & our community has grown. We received a $30,000 donation in October which paid for the business to be setup **Shaostoul Social Purpose Corporation**, soft/hardware for volunteer devs & paid some for their contributions. In response to the quarantine shutting down schools across the globe & the threat COVID-19 poses to students, teachers & their families the school we're creating has increased priority.
## What "it" is
Project Universe is a blended reality platform developed in Unity featuring a future-ready school & shopping mall integrated into a sci-fi video game. It's designed to help humanity today & in our future among the stars.
## How
The **game** is meant to be played all-day-every-day to combat cabin fever, provide social interaction & more. The **mall** is means of passive funding so the game & school are free. The **school** is means of teaching anyone anything anywhere on & off Earth with the help of AI and VR/AR.
## Fighting for Humanity's future
Humanity's future is uncertain, what we do today affects future generations for millennia to come. It is my desire to help humanity have the best possible future through what I know best: Collaboration, teaching, tech & video games. This isn't a complete explanation of what Project Universe is, but I hope it gives you an understanding of what we're doing & how we're doing it.
# Discuss
1. If it cost nothing, but time to help humanity, would you?
2. What are you thoughts on attending a real school inside a video game?
3. Any deal-breakers?
4. Do you want to live off Earth?
5. Would you travel to a new solar system in a slower-than-light spaceship?
6. Do you believe in aliens?
7. Willing to receive a brain implant that connects you to humanity & AI?
8. Have you seen 2047: Virtual Revolution?
TIL: Define where an element should be scrolled to using elem.scrollIntoView
Tags: webdev, javascript
Published: 2020-08-09 18:36:05

---
title: TIL: Define where an element should be scrolled to using elem.scrollIntoView
published: true
date: 2020-08-09 00:00:00 UTC
tags: webdev, javascript
canonical_url: https://www.stefanjudis.com/today-i-learned/define-where-an-element-should-be-scrolled-to-using-elem-scrollintoview/
---

Today I came across [a tweet by Stuart Langridge](https://twitter.com/sil/status/1259552444058685440). He shared a fact about the DOM method `scrollIntoView`, which was news to me. `scrollIntoView` allows you to bring elements back into the visible viewport by scrolling the parent container. 

[MDN defines the method as follows](https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView):

> The Element interface's scrollIntoView() method scrolls the element's parent container such that the element on which scrollIntoView() is called is visible to the user.


```javascript
document.querySelector('.some-elem').scrollIntoView();
```

Additionally, `scrollIntoView` accepts an options object that lets you configure three things: `behavior`, `block` and `inline`.

```javascript
document.querySelector('.some-elem').scrollIntoView({
  behavior: 'smooth', // 'auto' or 'smooth'
  block: 'center',    // 'start', 'center', 'end' or 'nearest'
  inline: 'center'    // 'start', 'center', 'end' or 'nearest'
});
```

The `behavior` property lets you scroll an element into the visible area with "smooth scrolling". 

`block` and `inline` are the configuration options that Stuart shared and that were new to me. These properties let you define an element's scroll position on the `block` and `inline` axis when using `scrollIntoView`. In a top-to-bottom and left-to-write writing mode, the `block` dimension is the Y-axis and the `inline` dimension is the X-axis. If you want to read more about this topic, I recommend reading [this article from Rachel Andrew](https://www.smashingmagazine.com/2019/08/writing-modes-layout/).

Possible scroll position values for both axes are `start`, `center` and `end`. If you don't want to choose a final scroll position but want to scroll as little as possible `nearest` is an option, too.

![Scroll into view devsheets](//images.ctfassets.net/f20lfrunubsq/4NBY2S6nAuUO5JoccinT96/16f63ca6c9bd316e71719a0724f12a6f/Screenshot_2020-08-09_at_14.33.29.png)

I have to say, that's very cool stuff! I'd love it if people used this feature more often because I prefer elements to be scrolled to the center of the viewport rather then the top or bottom.

If you want to play around with it, [I wrote a quick CodePen](https://codepen.io/stefanjudis/pen/wvMVLOQ) and [tweeted a short video](https://twitter.com/stefanjudis/status/1289964166430617601).

I recommend treating the scroll position in `scrollIntoView` as a progressive enhancement because, at the time of writing, [the described functionality is not cross-browser supported yet](https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView#Browser_compatibility).
Mixins in JavaScript
Tags: javascript
Published: 2020-08-09 00:00:00

---
  title: Mixins in JavaScript
  published: true
  tags: JavaScript
  date: Sun Aug 09 2020 05:30:00 GMT+0530 (India Standard Time)
  canonical_url: https://melvingeorge.me/blog/mixins-javascript
  cover_image: https://melvingeorge.me/_next/static/images/main-9717e35434ecb4f34367547f9f6e2cdf.jpg
  ---
  [Originally posted here!](https://melvingeorge.me/blog/mixins-javascript)
  
Mixins are those functions that cannot be used independently but when used with any class provide useful functionalities.

Consider this class `User`,

```javascript
// class User
class User {
  constructor(name) {
    this.name = name;
  }

  getName() {
    return this.name;
  }
}
```

Here we have a class `User` with the property `name` and a method that returns the property `name`.

Let's now make an object with methods `sayGreeting()` and `sayGoodBye()` which greets a user by name and says goodbye to a user respectively.

```javascript
const greetAndBye = {
  // greeting method
  sayGreeting() {
    return `Hello, ${this.name}`;
  },

  // goodbye method
  sayGoodBye() {
    return `Goodbye, ${this.name}`;
  },
};
```

As you can see, if we try to call the methods independently the methods are not useful at all.

Let's now copy all these methods to the prototype chain of the `User` class using the `Object.assign()` static method.

```javascript
// greetAndBye Mixin
const greetAndBye = {
  // greeting method
  sayGreeting() {
    return `Hello, ${this.name}`;
  },

  // goodbye method
  sayGoodBye() {
    return `Goodbye, ${this.name}`;
  },
};

// class User
class User {
  constructor(name) {
    this.name = name;
  }

  getName() {
    return this.name;
  }
}

// copy greetAndBye object methods
// to prototype of User class
Object.assign(User.prototype, greetAndBye);

// make an object
const John = new User("John");

// invoke mixin methods
console.log(John.sayGreeting());
console.log(John.sayGoodBye());
```

Now you can call the mixin methods we copied to the prototype chain of `User` class.

- The `greetAndBye` object here is called a mixin.
- We are not doing any inheritance but copying of all the methods to the prototype chain of the `User` class.
- Mixins can be attached to more than one class.

### Feel free to share if you found this useful 😃.

---
How often are you increasing font size on blog posts?
Tags: watercooler, webdev, design
Published: 2020-08-08 23:02:43

I have been doing this a lot lately. I'm not sure if it's just my age showing, or my shitty eye sight (boy I hope not), or the fact that my monitors are higher rez, but I really enjoy reading with large type that fills the entire screen.

Hell, I even do this with my own site and it makes me want to go and refactor my font size setup.

Anyone else find themselves doing the same?
Deep Work and Music - What are some of your favorite artists / songs / playlists when working?
Tags: watercooler, productivity
Published: 2020-08-08 22:46:39

Would love to get more variety in what I'm listening to. I struggle with any audio that has lyrics, so most of what I listen to falls into the categories:

- lofi
- classical
- instrumental

But I do enjoy some upbeat techno when I'm in a groove. Usually when I'm trying to figure out a difficult problem I opt for silence first.

Curious to hear how everyone else approaches audio when working?
Setting Your Git Commit Email Address
Tags: git, tutorial, codenewbie
Published: 2020-08-08 22:35:33

# Exordium

Git has a feature that displays a user’s contributions (based on commits that fall into a specific set of requirements) on their public profile. I think this is great, as it gives the public (as well as potential employers or clients) a look at your programming activity. Only public contributions are shown by default, but there is also an option to account for private ones. While working on a client project, I recently ran into an issue where the work I was pushing to GitHub was not showing up on my profile.

— — —

## A Simple Fix
This fix does not only apply to GitHub, but can also be used for other git services. As mentioned earlier, contributions will only be displayed on your profile if they fall within a specific set of requirements. A contribution includes issues, pull requests, and commits. Usually, to add private contributions to your profile — the only thing you need to do is enable the setting. Commits have a subset of rules that they must abide by — including 1.) The email address used for the commits is associated with your GitHub account and 2.) You are a collaborator on the repository or are a member of the organization that owns the repository.

After working with a client for about two weeks and using a private repo, I noticed that my commits were not being shown on my profile. I had confirmed that I was a collaborator on the repo, and assumed that my email account was attached to the commits being pushed from the command line. It turns out that I was wrong, but the fix was simple.

After I added a new email to my GitHub account via the web app, I failed to change it on my local machine. It’s an easy process, and as soon as I changed the email address to one that was associated with my GitHub account — the private commits started showing up on my profile.

In Terminal, you can check the current email address associated with your GitHub account by running:
`$ git config — global user.email`

To set the email account, run:
`$ git config — global user.email “email@example.com”`

There you have it — a simple mistake with a simple solution.
No method too small
Tags: story, method, discuss, development
Published: 2020-08-08 22:24:33

---
title: No method too small
published: true
canonical_url: https://amoenus.dev/post/no-method-too-small/
description: 
tags: story, method, discuss, development
cover_image: https://amoenus.dev/images/no-method-too-small-1.png
---
This story starts with a call from the 1st line support that users were getting intermittent-production-only error in one of the key application my team were working on.

The problem was that the application was behind the hardened environment that we had no access to.

The only thing we could do is enable logging which in itself took a whole week to get approved. And the result the Developers favourite - `NullReferenceException` in one of the biggest methods, I've ever seen in my whole career. Needless to say, that was not very helpful and we were no closer to the solution.

What. A. Pain.

Frustrated with the issue and with business breathing down my neck I started slicing this Monster of a method into smaller and smaller chunks. Even if some action was just a one-liner that would not stop me to create a method. At one point I could no longer care for method names resorting to such classics like `Method1`, `FooBar123` and `DoStuff`.

But. It. Worked.

After the next deployment logs were showing the same `NullReferenceException` but now the stack trace pointed me to some `Method13`.

The resulting stack trace finally allowed to pinpoint the issue. The fix then was just a simple null check.

While Dev team who did not appreciate my creative method naming it was obvious to everyone that even that was better than one big blob of code.

It might seem silly to separate the most obvious one-liners into their own methods and sometimes even whole classes but not living through that experience alone is worth it for me.

Did you ever found yourself in a situation where you wished your stack trace was just a little bit more in-depth? Tell me in the comments ^_^

So now go and look at your code and see if you can pepper it with smaller methods so that you stack traces can pave your way to your debugging success.
VSCode Vetur Template Interpolation Service
Tags: template, vue, vetur, typescript
Published: 2020-08-08 22:27:41

---
title: VSCode Vetur Template Interpolation Service
published: true
date: 2020-08-08 22:18:20 UTC
tags: template,vuejs,vetur,typescript
canonical_url: 
---

How to Vetur 0.26.1 check variable type in Vue’s template

#### Enable Option

![](https://cdn-images-1.medium.com/max/740/1*Lt-p061niN-1q9KsuLXKLw.png)<figcaption>VSCode Vetur extension enable option</figcaption>

#### Example Without Type declare

![](https://cdn-images-1.medium.com/max/1010/1*tO55xDD7-ISrRA9KG0DXug.png)

#### Case 1 mouse over

![](https://cdn-images-1.medium.com/max/949/1*rpLjnS2fXWmTP8Bfkwf0ZA.png)<figcaption>Mouse over variable in template</figcaption>

#### Case 2 CMD/ALT + mouse over

![](https://cdn-images-1.medium.com/max/1024/1*PSpcKcjC8eVQiwcvVZO1Zg.png)

#### Example With Type Declare

![](https://cdn-images-1.medium.com/max/892/1*AFLGFgatPbfSI0c5qskEqA.png)<figcaption>Possibly ‘undefined’</figcaption>

![](https://cdn-images-1.medium.com/max/892/1*5_-a51nz6zBpH--Ysr4-zQ.png)<figcaption>Use v-if to make sure ‘info’ has value</figcaption>
Automação de feed do seu blog no perfil do github 🤖
Tags: brasil, github, codenewbie, git
Published: 2020-08-08 22:15:50

## Que tal linkar seus novos posts de conteúdo no perfil do github de forma automática?

![Alt imagem exemplo no perfil do github](https://dev-to-uploads.s3.amazonaws.com/i/de1f6g3icujra84gpmfd.png)

Funciona com a maioria das plataformas de blogs como DEV, Wordpress, Mediume até playlist de youtube. Assim que você publicar um conteúdo novo, através do github actions, irá verificar de tempos em tempos se há uma atualização de FEED, com isso fará um update no readme do seu perfil.

Caso não saiba como fazer um readme para o seu perfil, [clique aqui](https://dev.to/leoyassuda/um-readme-para-o-seu-user-do-github-27pf). 👈

Então bora lá! 🦾

Na imagem, tem como exemplo meu único post feito no [dev.to](http://dev.to) 😜, mas assim que publicar esse conteúdo, teremos dois links na lista. 🤟

Passo a passo:

- No seu arquivo `REAMDE.md` vamos inserir duas tags de marcação.

```yaml
# Lastest Blog posts
<!-- BLOG-POST-LIST:START -->
<!-- BLOG-POST-LIST:END -->
```

- Agora na raiz criaremos duas pastas a primeira `.github` e dentro a pasta `workflows` .
- Dentro da pasta `workflows` , criaremos o arquivo de configuração yaml `blog-post-workflow.yml` com o seguinte conteúdo.

```yaml
name: Latest blog post workflow
on:
  schedule:
    # Runs every hour
    - cron: '0 * * * *'

jobs:
  update-readme-with-blog:
    name: Update this repo's README with latest blog posts
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - uses: gautamkrishnar/blog-post-workflow@master
        with:
          feed_list: "https://dev.to/feed/seu_usuario,https://medium.com/feed/@seu_usuario"
```

Obs.: no atributo `feed_list` passamos uma String separadas por vírgula dos links dos feeds que vocês queiram, nesse caso um exemplo para linkar o dev.to e o medium.

- Agora podemos fazer o commit e push, e esperar pelo github actions ser rodado. ✌️

Para mais customizações ou opções avançadas, segue o link do autor dessa automação.

[blog-post-workflow](https://github.com/gautamkrishnar/blog-post-workflow#options)

---

Espero que tenham gostado =]