teleren/devto huggingface dataset:
Day 782 : I See Myself
Tags: hiphop, code, coding, lifelongdev
Published: 2023-07-13 21:38:26

_liner notes_:
- Professional : So many meetings... in addition to the normal weekly ones, I had another pair programming session with someone from engineering. We worked out the rest of the endpoints structure that I'll be adding to an updated API reference. After the last meeting, I added all the different error response types and finished up one of the endpoints.

- Personal : I went through a bunch of tracks for the radio show. I also added another option for the online coding workspace for my side project. You can now select from 2 options, put in your GitHub repo link and get a preview link that you can click and will load in the selected workspace to make sure everything works okay. I also got a chance to check out the dialog HTML element to show more info for each option. Pretty dope element. I've done dialogs/modals before and having a native element is really helpful.

![Clouds with some with sunrays shining through.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5xo11nn7ycb4ufoggdhy.jpg)

Okay, it's Thursday. Going to go through and purchase some projects on Bandcamp and then get my tweets ready to send out tomorrow. Also want to work on the radio show. I think I have everything I need to start saving the data and image to the backend. I see myself getting that done tonight.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube u8gDzTuyLw0 %}
Qual a sua senioridade?
Tags: devrel, employeeexperience
Published: 2023-07-13 21:36:35

Senioridade em tecnologia não é sobre idade ou experiência. É sobre paixão, aprendizado e liderança.

Seja um aprendiz ao longo da vida. 
A tecnologia está em constante mudança, então é importante estar sempre atualizado sobre as últimas tendências. Participe de conferências, faça cursos online e leia artigos sobre tecnologia.

Liderança. 
Os melhores profissionais de tecnologia são aqueles que inspiram e motivam outras pessoas. Eles são capazes de construir relacionamentos e formar equipes.

Solucionador de problemas.
Seja capaz de identificar e resolver problemas complexos, tenha um pensamento critico e saiba encontrar soluções criativas.

Torne-se um comunicador eficaz. 
Aprender a comunicar suas ideias concisamente vai te ajudar a se relacionar com uma variedade de pessoas, incluindo engenheiros, gerentes e clientes.

Então, qual a sua senioridade?

#tecnologia #DevRel
The 33rd Day of the 100 Days of Code Challenge
Published: 2023-07-13 21:35:39

Hey everyone!
Today, I figured out that Upwork does not allow minors to use its platform when accepting my first offer of 50 dollars.

Not too cool, as most platforms allow this with the guardian's permission, but hey, we'll find another platform to work on!

I worked some more on my restaurant reservations project, I incorporated Twilio in and worked on streaming the audio to my server. The only thing I need to add is VAD to know when to generate the ChatGPT responses and play them back. I am a bit stuck on playing back audio, but not too big of a problem. Some more Stack Overflow should solve it. Tomorrow, it should be done and I'm hoping to get my audio transmission issue sorted out soon in the real-time transcription that's primarily making use of Diart. I've already gotten a response from the developer and I'll review it tomorrow as well.

Hoping for a productive day tomorrow :)

Happy coding everyone!
If the teams in your organization are independent, the organization has failed its purpose
Published: 2023-07-13 21:34:18

The value of any single organization is that a common leadership allows people to create value more efficiently than would be possible if there were multiple smaller organizations collaborating toward the same goal.

If teams within an organization are operating independently, then those teams could function equally well as separate entities. This implies that the larger organization, comprised of multiple independent teams, would offer no advantages over numerous small companies. In such a scenario, the organization is nothing greater than the sum of its parts.

At the same time, a large organization comprised of independent team still faces all the downsides of a large organization, namely:

1. Regulation: Bigger companies inherently face more regulatory challenges due to their size and reach.
2. Misalignment of shareholders and employees. In larger orgs the employee's individually small stock share dilutes the impact of their actions on the overall value of the firm, making them less likely to act in their role as shareholder and more as employees.
3. Lower granularity for evolutionary pressure and natural selection: Businesses that deliver value should grow, those that do not should die. But larger orgs lump poorly- and well-performing units together, and prevent them from dying or growing independently.
How to upload any website to the Internet, quickly
Tags: webdev, programming, beginners
Published: 2023-07-13 21:33:27

So you have created a website on your computer? Great! Now, we come to the following problem: how to make it accessible to the public?

There are many great options for web hosting (we call them PaaS), and they also offer a free account to get you started without losing any money.

I created a PaaS where it should take less than ten clicks (less than 10 minutes) to set up any website over the Internet. Let's get it started:

## First Step: Create an Account

Go to [domcloud.co](https://domcloud.co/) and create an account using Google/GitHub Sign In. With 3rd party sign-in, you don't have to confirm your email to get in.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1688796071509/00f1478e-1506-4294-9d52-2389b7c8e6fd.png)

After that, a welcome page will be shown. Click **Create a Website**.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1688797291551/46331f2d-e9ae-4c9b-9e88-5f6f55370a66.png)

## Uploading a website

This page contains two modes: **Start from a template** or **Upload or clone from the Internet**. We choose the latter.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1688797721389/0df3417a-2377-4639-872e-7687833c1732.png)

The next step is to drop your project folder into the uploader, then choose what's the kind of framework you're using in that project, [like in the video below](https://www.youtube.com/shorts/0WFk-qh2Cc0). It will generate a script about how the project will be initiated.

{% youtube 0WFk-qh2Cc0 %}

Then fill in the unique name, website region, also with a custom domain name (if you own one), then click **Add a website**. (Read more about [using a custom domain](https://domcloud.co/docs/features/dns))

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1688853801710/a524aadc-f117-4763-81d5-c5dce2beb73b.png)

## Done!

The next screen tells the progress as it happens in almost real-time. It should only take a few minutes.

![](https://domcloud.co/assets/ss/new-progress-b.png)

After it is finished, your website should be accessible over the Internet!

## Continue Editing

Continue editing the website online via tools like an online file browser and Visual Studio Code remote development using SSH (my favorite). [Read more about it in the documentation](https://domcloud.co/docs/intro/getting-started#managing-website).

If your website setup comes into a problem, there is [a tool to check its connection](https://domcloud.co/blog/improving-ux-for-newbies#connection-check-api). It should be able to troubleshoot common HTTPS and DNS problems.

This tutorial doesn't cover database migration, but some framework scripts do already handle that (check the script!). If in the end, your website has a database problem, you might need to initiate the database yourself. [Check the documentation](https://domcloud.co/docs/features/database/) for that.

That's it! I hope this brings new excitement into learning website development. Let me know what you think about it 🤓
Wave Divider SVG
Tags: svg, html, css, tutorial
Published: 2023-07-13 21:03:33

Adding a waves or shape divider is a modern and creative way to separate the sections on a website. The simplest way to create this effect is to add a SVG to your HTML. You can generate one on (https://getwaves.io/).

![background image of cocktail glasses with a SVG wave in front](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dcfiaxb9lxxovdcexjv3.png)

While the HTML is pretty straight-forward, it is necessary to use CSS to place the header element in front of the background image and SVG, which can be achieved with the z-index property. Also, you will need to set the position property of the SVG to absolute in order for it to be placed on top of the image rather than above it. You should set the top and right properties to 0, so that the "wave" is pinned regardless of the screen size.

```
  <body>
    <main>
      <section class="menu">
        <h2 class="text-center menu-title">Menu</h2>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
          <path
            fill="#FAF883"
            fill-opacity="1"
            d="M0,96L60,122.7C120,149,240,203,360,240C480,277,600,299,720,261.3C840,224,960,128,1080,128C1200,128,1320,224,1380,272L1440,320L1440,0L1380,0C1320,0,1200,0,1080,0C960,0,840,0,720,0C600,0,480,0,360,0C240,0,120,0,60,0L0,0Z"
          ></path>
        </svg>
        <img src="gallery-background.jpg" alt="" class="gallery-background" />
      </section>
    </main>
  </body>
```

```
.menu {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.menu-title {
  font-family: Satisfy;
  font-size: 3em;
  margin-top: 0.2em;
  position: absolute;
  z-index: 4;
}

.gallery-background {
  width: 100%;
  opacity: 0.5;
}

svg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 3;
}
```
The WebXGuild Chronicles - #00C03: The Enigma of Event Recording
Tags: webdev, devjournal, github, opensource
Published: 2023-07-13 20:50:00

![The Enigma of Event Recording](https://cdn.leonardo.ai/users/a6387757-01eb-40c5-834b-471fa435fba2/generations/99da6714-3eff-4e3c-b439-ca928d318ce9/Absolute_Reality_v16_In_a_dimly_lit_room_a_mysterious_device_t_2.jpg)

Ah, the wonders of "Event Recording." In this realm, past and upcoming events are captured with the flick of a digital wand. Organizers and attendees need not worry about the sands of time erasing precious memories. Every talk, every workshop, every gathering—preserved for posterity. Vincent, our daring advocate, finds himself amidst a whirlwind of events, each one etched into the annals of [WebXGuild](https://github.com/WebXDAO/WebXGuild) history.

---
> DISCLAIMER: This content was made via Google Translate (an AI tool used to translate languages, you may have forgotten so I reminded it). Why should there be this disclaimer? Because I always considered ChatGPT!!!
The WebXGuild Chronicles - #00C02: The Quest for the Unique Username
Tags: devjournal, github, opensource, webdev
Published: 2023-07-13 20:41:00

Imagine, dear reader, a world where organizations possess their own distinct usernames—a virtual realm where individuality reigns supreme. With a personalized URL, they stake their claim in the digital landscape, proudly proclaiming their presence. Join me as we witness the birth of our first protagonist, an organization known as GDSC-India. Their URL, [webxguild](https://github.com/WebXDAO/WebXGuild).io/gdsc-india, becomes a beacon, calling coders from far and wide.

![The Quest for the Unique Username](https://cdn.leonardo.ai/users/a6387757-01eb-40c5-834b-471fa435fba2/generations/9009a61c-6aa2-4969-a3bb-bfd769b1116c/Absolute_Reality_v16_The_image_showcases_a_digital_landscape_b_3.jpg)

---

> DISCLAIMER: This content was made via Google Translate (an AI tool used to translate languages, you may have forgotten so I reminded it). Why should there be this disclaimer? Because I always considered ChatGPT!!!
Threads Design Templates Product Hunt Launch
Tags: producthunt, discuss, learning, design
Published: 2023-07-13 20:22:13

Hello PH Community,

I have some exciting news to share with you. Our new product, Threads Design Templates, has just launched on Product Hunt! 🚀

I would be incredibly grateful if you could spare a moment to visit our Product Hunt page and show your support for Threads Design Templates. Your feedback and encouragement would mean the world to us! 😊

You can find us here: https://www.producthunt.com/posts/threads-design-templates

Thank you in advance for your valuable support!
The WebXGuild Chronicles - #00C01: The Octocat and the Uncharted Web
Tags: webdev, devjournal, opensource, github
Published: 2023-07-13 20:21:33

![The Octocat and the Uncharted Web](https://cdn.leonardo.ai/users/a6387757-01eb-40c5-834b-471fa435fba2/generations/9591fa35-002d-4534-a97d-b979a05c82fe/Absolute_Reality_v16_The_image_depicts_Vincent_Villafuerte_the_1.jpg)
Dear Reader,

Welcome to a world where technology and community intertwine in a delightful dance of open source innovation. I, your humble narrator, shall guide you through the captivating story of [WebXGuild](https://github.com/WebXDAO/WebXGuild)—a tale that begins with our protagonist, Vincent Villafuerte, better known as "vinzvinci."

Vincent, a self-proclaimed Octocat lover and Open Source Advocate, possesses an insatiable appetite for interaction with the Developer Community. With his trusty keyboard by his side, he paves the way for a new era of collaboration and discovery. But how did this extraordinary journey begin? Gather 'round, and let me weave the tale for you.

On that fateful day, in the vast realm of cyberspace, Vincent found himself amidst a lively discussion on the [WebXDAO](https://github.com/WebXDAO) discussion thread on GitHub. It was the 12th of May, 23, a date that would mark the birth of something truly remarkable.

As he fired up his virtual quill, Vincent penned ten key points that would lay the foundation for future projects within the [WebXDAO Organization](https://github.com/WebXDAO). Oh, how those points sparked excitement and anticipation among the coding enthusiasts who stumbled upon his words!

But my dear reader, let us embark on a journey where I shall narrate the tales inspired by those points, while infusing them with humor, wit, and a touch of whimsy. Brace yourself for the enchanting chapters that lie ahead.

---

> DISCLAIMER: This content was made via Google Translate (an AI tool used to translate languages, you may have forgotten so I reminded it). Why should there be this disclaimer? Because I always considered ChatGPT!!!
The WebXGuild Chronicles - EP#00: A Journey of Codes and Connections
Tags: devjournal, opensource, github, webdev
Published: 2023-07-13 20:14:15

> DISCLAIMER: This content was made via Google Translate (an AI tool used to translate languages, you may have forgotten so I reminded it). Why should there be this disclaimer? Because I always considered ChatGPT!!!

## Introduction

Dear Reader,

Welcome to "The [WebXGuild](https://github.com/WebXDAO/WebXGuild) Chronicles: A Journey of Codes and Connections," a captivating tale of technology, collaboration, and the boundless possibilities of the digital world. In this first chapter, titled "The Octocat and the Uncharted Web," we embark on a thrilling adventure alongside our protagonist, Vincent Villafuerte, known as "vinzvinci" in the vast realm of cyberspace.

Vincent, an ardent Octocat lover and Open Source Advocate, possesses an unquenchable thirst for interaction with the Developer Community. Armed with his trusty keyboard, he sets out to pave the way for a new era of collaboration and discovery. But how did this extraordinary journey begin, you may wonder? Sit back, dear reader, and allow me to spin the tale for you.

On a momentous day, within the depths of cyberspace, Vincent finds himself immersed in a lively discussion on the [WebXDAO](https://github.com/WebXDAO) discussion thread on GitHub. It is the 12th of May, 23, a date that will forever mark the genesis of something truly remarkable.

With the flicker of his virtual quill, Vincent pens ten pivotal points that will serve as the foundation for future projects within the [WebXDAO Organization](https://github.com/WebXDAO). These points ignite a spark of excitement and anticipation among coding enthusiasts who stumble upon his words, their hearts brimming with curiosity and the promise of innovation.

But fear not, dear reader, for this is merely the beginning of our journey. As we delve deeper into the chapters that lie ahead, I shall regale you with tales inspired by Vincent's ten key points, infusing them with humor, wit, and a touch of whimsy. Together, we shall witness the birth of organizations, unravel the mysteries of event recording, partake in the social media soiree, and dance to the rhythm of event creation and link sharing.

Prepare yourself for the wonders that await us, as we explore the realms of QR code generation, event notifications, remote and in-person experiences, sponsorship opportunities, and the tapestry of feedback and commentaries. Our journey will culminate in the unveiling of the worldwide organization map, a visual symphony that showcases the vibrant presence of [WebXGuild](https://github.com/WebXDAO/WebXGuild) across the globe.

So, dear reader, fasten your seatbelt, for we are about to embark on a grand adventure—a journey that will bring us face-to-face with the limitless potential of the digital landscape. With each turn of the page, surprises, laughter, and unexpected climaxes await us. Together, let us navigate the intricate web of codes and connections, as we unravel the mesmerizing tale of [WebXGuild](https://github.com/WebXDAO/WebXGuild).
Introducing Grial Studio
Tags: dotnetmaui, productivity, ui, design
Published: 2023-07-13 19:43:00

A couple of weeks ago we shared the first insights on **Grial Studio**, a new way of building .NET Apps. So today we want to talk a little bit more about it.

Let me share some context first. From the very beginning, [UXDivers](https://uxdivers.com/) has been committed to solving the challenge of closing the gap between design and development in the .NET space. That was, and still is our motivation! And the reason we created Grial.

_What if any .NET  developer could access an infinite library of UI resources to plug-n-play in their project painlessly?_

Grial UI Kit has always been seen as a great way to **kick-off .NET mobile apps**, and also as an **excellent learning tool** for Xamarin.Forms and .NET MAUI.

We are proud to see so many apps built with our Kit. It’s been an awesome journey. But we know there’s more we can do to close the gap between design and code. We wanted to add a productivity booster layer on top of Grial, and here’s where Grial Studio comes in.

Grial Studio lives inside Visual Studio. It brings ever growing Grial content library into our favorite IDE. It’s like a design buddy that assists the entire development process. If you need a page, a template, an icon, anything, find it in Grial Studio and bring it to your project with a few clicks. The goal is simple: never start any UI-related work from scratch again.

Grial Studio also opens the door to integrate content into existing projects (projects that were not created through Grial). Once again, it can help at any stage, even if your project has already started.

Check this brief introductory video:

{% youtube LDsXNvclogU %}

Here’s also a sneak peek of what icon management looks like:

{% youtube mjr09SF110s  %}

Grial Studio theme builder, it's also a key part of Grial Studio. Check it out in this short video:

{% youtube ylWldogp5_k  %}

This is just the start of the story. Let me share part of our roadmap. 

Grial Studio will have tools that anybody can use, even if you don’t have a Grial subscription. For instance, the Icons Panel we just talked about. But what are icons without beautiful content? This is where the Free Templates come in. We will be shipping pages that anybody can use, no strings attached. This is a preview of how that will look:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s0daiflwzzvgosnpy9c6.png)

And lastly, more platforms are on the way. Blazor work is already in progress! What are your preferences there? Let us know below 🙂

If you have questions, ideas or just want to say hello, please do! We are always happy to talk and share experiences.

You can subscribe [here to get early access](https://share.hsforms.com/1qAjQpf7VTbaB7an5d_qBwg21khs)!

**Useful links**
Visit the Grial UI Kit website to know everything about it.
https://grialkit.com/

Get started with Grial UI Kit 4:
https://admin.grialkit.com/

Get the demo apps here.
https://grialkit.com/download-demo-app

Grial UI Kit blog. Subscribe and stay tuned.
https://grialkit.com/blog

Thanks for reading! Get Grial UI Kit, get inspired.
Mis terminales favoritas.
Tags: terminal, beginners, spanish
Published: 2023-07-13 19:36:00

Estos últimos días he pasado mucho tiempo en la terminal, porque hago la gran mayoría de mis cosas ahí. Desde commits que es regularmente lo mas constante hasta SSH para modificar algunas cosas del servidor.

Para mi que se vea bien forma parte de que me sienta cómodo y vea chulo.

En Windows  y Linux Oh My Posh es excelente: https://ohmyposh.dev

En MacOS es excelente: https://ohmyz.sh

Por si alguien ocupa. Para tunear tu terminal y este mas chula.
What I Learned Today
Published: 2023-07-13 19:17:36

Today I learned all about CodeSpace in GITHUB. I was already aware of some of the tools GITHUB offers but I was unaware of this cool tool. CodeSpace is a cloud computer system which I will use to write and run my code that I will create. This tool helps eliminate steps such as downloading a coding lang. and downloading the IDE. Now all I have to do is click a button built right in my repository.
Embed YouTube videos responsively
Tags: webdev, css, blog, socialmedia
Published: 2023-07-13 19:10:17

YouTube makes it easy to copy-paste a video embed.
LOVE THAT!

But, the default embed isn't responsive so it is guaranteed to look shit wherever you embed it.

I've drug this snippet around the internet with me for years.

```css
/* youtube embed wrapper */
[data-responsive-youtube-container] {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin: 1em 0;
}

[data-responsive-youtube-container] > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
```

I adapted it to use [AVO 🥑 CSS](/avo-a-bem-dialect-using-data-attributes/ "AVO 🥑 — a data attribtues dialect of BEM"), my data attributes specification of [BEM](https://en.bem.info/methodology/css/ "BEM — a CSS mothodology").
But I didn't write the styles.
I hate magic numbers like `56.25%`, and I would have tried to avoid it until giving up 😆

## Usage

1. Copy a YouTube embed from the share sheet.
2. Paste that embed in an HTML or markdown file.
3. Wrap it in a block-element container with the `data-responsive-youtube-container` selector.
4. Enjoy cointainer-aware responsive videos!

```html
<div data-responsive-youtube-container>
  <iframe
    width="560"
    height="315"
    src="https://www.youtube.com/embed/u63pOK6Zyog"
    title="YouTube video player"
    frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
    allowfullscreen
  ></iframe>
</div>
```

Embed responsively!

## Bonus

This works with layouts as well.
Around [chan.dev](/marchdown/container-plugin "A chantastic lesson on how I create custom containers in markdown"), you'll see this paired with a flex and grid layout.

[chan.dev]: https://chan.dev "chan.dev — a home for chantastic's creative chaos"

## Help me attribute this

If you know where I originally swiped this from, let me know so I can give the author credit here.

I'm `@chantastic` on twitter and discord.