teleren/devto huggingface dataset:
Sun Set Using Pure CSS No Image. Good Night ✨
Tags: freecodez, react, html, blog
Published: 2023-10-15 15:01:42

Hey there, You are most welcome to this article. I hope you will enjoy this article. If you like this article then please share this article with your friends and colleagues. If you have any questions or suggestions regarding this article then please comment down below.

**Sun Set Using Pure CSS No Image. Good Night ✨**

![Sun Set Using Pure CSS No Image. Good Night ✨](https://res.cloudinary.com/freecodez/image/upload/v1697382096/images/sagjbilasiwczmy17kjq.webp)

For full source code visit : [https://freecodez.com/post/l8ghehl](https://freecodez.com/post/l8ghehl)


```
<!-- https://freecodez.com -->
<div id="ui">
    <div class="sun"></div>
    <div class="sea">
        <div class="wave"></div>
        <div class="wave"></div>
        <div class="wave"></div>
        <div class="wave"></div>
        <div class="wave"></div>
        <div class="wave"></div>
    </div>
        <h1>Good Night</h1>
</div>
```

Source Code : [https://freecodez.com/post/l8ghehl](https://freecodez.com/post/l8ghehl)

For more such articles visit : [https://freecodez.com](https://freecodez.com/all)
Buy Verified PayPal Account
Tags: cryptocurrency, buyverifiedpaypalaccount, webmoney, bitcoin
Published: 2023-10-15 14:49:53

Buy Verified PayPal Account

Replay and contact 24/7 Live Support

E-mail : promxs24@gmail.com
WhatsApp : +1(315) 514-9654
Telegram : @promxs
Skype : promxs

https://promxs.com/product/buy-verified-paypal-account/

100% Buy verified 

> PayPal account
. Original passport, SSN, and visa card used. High Quality Full 100% Buy Verified PayPal Accounts From ProMxs.
Bum - Bun Version Manager
Tags: bunjs, typescript, javascript, rust
Published: 2023-10-15 09:14:53



A lightning-fast Bun version manager written in Rust. ⚡ 

![demo](https://github.com/owenizedd/bum/raw/main/.docs/bum-quick-demo.gif)

Check out the [Bum Repo](https://github.com/owenizedd/bum)
## Installation
Getting started with Bum is a breeze. Follow these simple steps to install Bum on your system:

Open your terminal and execute the following command:
`curl -fsSL https://github.com/owenizedd/bum/raw/main/install.sh | bash`
> It will install Bun automatically if you don't have one.

Bum supports both Linux x86_64 and Darwin x86_64 (Mac OS) - For now.
To determine your system architecture, you can run uname -ms in your terminal.

After the installation is complete, restart your terminal, or run the appropriate command to reload your shell configuration:

For Zsh users: 
`source ~/.zshrc`
For Bash users: 
`source ~/.bashrc`

Now if everything done properly, you can start using Bum from your terminal.

## Getting Started

Familiar with NVM? if yes, then you will be able to use Bum immediately.

.bumrc File: If you have a .bumrc file in your project directory, Bum will automatically use the version specified in that file when you run bum use without specifying a version.

I do this project as part of my free time, still many exciting improvements to be made.
Buy Verified Authorize Account
Tags: buyverifiedauthorizeaccount, verifiedauthorizeaccount, authorizeaccount, webmoney
Published: 2023-10-15 14:48:04


Buy Verified Authorize Account

Buy Verified [Authorize Account](https://promxs.com/product/buy-verified-authorize-account/
), Business &amp; personal account, Original passport, SSN, and visa card used. Customer satisfaction Guarantee 100%

Replay and contact 24/7 Live Support

E-mail : promxs24@gmail.com
WhatsApp : +1(315) 514-9654
Telegram : @promxs
Skype : promxs
https://promxs.com/product/buy-verified-authorize-account/
buy Verified Stripe Account
Tags: promxs, stripe, ssnpva, smmaccount
Published: 2023-10-15 14:44:06

buy Verified Stripe Account

Full Varified Active [Stripe Account](https://promxs.com/product/buy-verified-stripe-account/
), Debit/ credit card added and confirmed, SSN and Router number verified. Buy Verified Stripe Account From us

Replay and contact 24/7 Live Support

E-mail : promxs24@gmail.com
WhatsApp : +1(315) 514-9654
Telegram : @promxs
Skype : promxs

#Buy_Verified_Stripe_Account
#promxs
#verified_stripe_accounts
#aged_stripe_accounts
#new_stripe_accounts
https://promxs.com/product/buy-verified-stripe-account/
Leet code problem 620. Not Boring Movies
Tags: leetcode, 620, boring, movie
Published: 2023-10-15 14:29:27

Problem: Table: Cinema

+----------------+----------+
| Column Name    | Type     |
+----------------+----------+
| id             | int      |
| movie          | varchar  |
| description    | varchar  |
| rating         | float    |
+----------------+----------+
id is the primary key (column with unique values) for this table.
Each row contains information about the name of a movie, its genre, and its rating.
rating is a 2 decimal places float in the range [0, 10]
 

Write a solution to report the movies with an odd-numbered ID and a description that is not "boring".

Return the result table ordered by rating in descending order.

The result format is in the following example.

 

Example 1:

Input: 
Cinema table:
+----+------------+-------------+--------+
| id | movie      | description | rating |
+----+------------+-------------+--------+
| 1  | War        | great 3D    | 8.9    |
| 2  | Science    | fiction     | 8.5    |
| 3  | irish      | boring      | 6.2    |
| 4  | Ice song   | Fantacy     | 8.6    |
| 5  | House card | Interesting | 9.1    |
+----+------------+-------------+--------+
Output: 
+----+------------+-------------+--------+
| id | movie      | description | rating |
+----+------------+-------------+--------+
| 5  | House card | Interesting | 9.1    |
| 1  | War        | great 3D    | 8.9    |
+----+------------+-------------+--------+
Explanation: 
We have three movies with odd-numbered IDs: 1, 3, and 5. The movie with ID = 3 is boring so we do not include it in the answer.

**Code in SQL**

```
# MySQL query statement below
SELECT * FROM Cinema WHERE id %2 != 0 AND description != "boring" ORDER BY rating DESC;
```
This SQL query is written to retrieve data from a table called "Cinema." Let me explain it step by step in plain English:

SELECT *: This part of the query instructs the database to retrieve all columns (indicated by the asterisk) from the "Cinema" table.

FROM Cinema: It specifies that the data we want to retrieve is located in the "Cinema" table.

WHERE id % 2 != 0: Here, we're applying a filter to the rows. It's looking for rows where the "id" column is not divisible evenly by 2, which essentially means it's looking for rows with odd values in the "id" column.

AND description != "boring": In addition to the previous filter, this condition further refines the selection. It only includes rows where the "description" column does not contain the word "boring."

ORDER BY rating DESC: Finally, it specifies how the selected rows should be sorted. It arranges them in descending order (indicated by "DESC") based on the values in the "rating" column. So, the rows with the highest ratings will appear at the top of the result set.

In summary, this SQL query retrieves all columns for rows in the "Cinema" table where the "id" is odd and the "description" is not "boring," and it sorts these rows by their "rating" values in descending order.
StoryCircle: Collaberative Story Telling Game!!!
Tags: webdev, gpt3, react, fullstack
Published: 2023-10-15 14:05:37

[](url)## StoryCircle
Welcome to Our Collaborative Storytelling Adventure!

> Are you ready to embark on a journey of creativity, imagination, and teamwork? Look no further - our online collaborative storytelling game is here to spark your imagination and connect you with fellow storytellers from around the world.

---

### Our Mission
Our mission is to unite individuals from diverse backgrounds, fostering creativity, teamwork, and a shared love for storytelling. We believe in the power of collaborative storytelling to inspire imagination, cultivate bonds, and create unforgettable narratives together.

---

### How does it works?
In our collaborative storytelling game, participants collectively choose a story genre, from mystery to fantasy or romance. Each storyteller contributes just one word, adding an element of surprise to the narrative canvas. Our AI-driven model then takes these ingredients and weaves them into an exciting and coherent story in real-time. What sets this adventure apart is the power of collaboration. Engage in discussions with your fellow storytellers to shape the characters, plot, and direction of the unfolding tale. It's a dynamic and immersive storytelling experience where your creativity plays a pivotal role in crafting a unique and thrilling narrative. Join us today and start your journey into the world of collaborative storytelling!

### Check out this Video:

[StoryCircle](https://drive.google.com/file/d/1fYORFpcFTudglLQSrsAE_ry2Kbgj3Rh3/preview)

---


### Features

**1. Dynamic Storytelling:**
Experience the thrill of dynamic storytelling as your contributions shape the narrative in real-time, making each story unique.

**2. Genre Variety:**
Explore a world of genres, from spine-tingling mysteries to enchanting fantasies. Our diverse community ensures there's a genre for everyone.

**3. Community Interaction:**
Connect with fellow participants, discuss story direction, and appreciate the rich tapestry of perspectives within our global storytelling community.

**4. Immerse in Creativity:**
Unleash your creative side. Whether you're a seasoned wordsmith or a novice, our platform provides a canvas for your imagination to thrive.

---

### Website

![StoryCircle](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7vxjxnl1n4nviw21dtkg.png)
[StoryCircle](https://storycircle.vercel.app/)

### Technical Stack
1. React JS & Material UI (Frontend)
2. Python Flask (Backend)
3. GPT Model 3.5 (API Key)
4. HuggingFace (Model and Cache Management)
5. Docker (Built and deploy container)

---

### LinkedIn - [Abhishek Yeole](https://www.linkedin.com/posts/abhishek-yeole-994b44251_hackathon-storycircle-fullstack-activity-7119296941380767745-SiDC?utm_source=share&utm_medium=member_desktop)

---
Road to the success ( I hope)
Tags: go, svelte, tailwindcss, webdev
Published: 2023-10-15 14:05:11


Hey, Dev.to community! I'm excited to embark on a new journey, and I'm here to share my experiences, challenges, and triumphs as I work on a significant project that has been taking up a big chunk of my life. My hope is that my story can inspire others on their own path to success.

## The Project: Bridging Golang and SvelteKit

For a while now, I've been dedicating my time and effort to an ambitious project that combines the power of Golang and the elegance of SvelteKit. This project is aimed at making a meaningful impact, starting in Bosnia and Herzegovina. Our primary goal is to make it available to the public in this country, with aspirations to expand to other regions as we secure enough sponsors.

## Weekly Insights

In this series of posts, I plan to document my journey, taking you through the highs and lows of building this project. Here's what you can expect:

1. **Weekly Updates:** I'll be posting at least once a week, giving you a peek into the latest developments and the challenges we're facing.

2. **Problem-Solving Adventures:** Software development isn't all smooth sailing. I'll share the issues and problems I encounter along the way and how I manage to overcome them. Whether it's a tricky bug or a complex architectural decision, you'll be right there with me as I tackle these challenges.

3. **Code Snippets:** If you're working with Gofiber, SvelteKit, or DaisyUI, I'll provide code snippets to help you tackle similar issues. Sharing is caring, and I want to make your journey a bit easier if you run into similar roadblocks.

## Join Me on This Journey

If you're passionate about software development, Golang, SvelteKit, or just love hearing about ambitious projects, I invite you to follow along with me. Let's explore the world of coding, problem-solving, and building something that can make a difference. And who knows, maybe you'll find inspiration in it.
Docker Volume
Published: 2023-10-15 13:55:30

Hoje vamos falar sobre Docker Volume, uma funcionalidade que pode salvar sua vida. 
Ao utilizarmos o docker para criar nossos containers, em muitos cenários nós inserimos os arquivos dentro do container. Como o exemplo abaixo.


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

FROM nginx
COPY arquivo.txt /usr/share/nginx/html/
EXPOSE 80

Nesse exemplo, pegamos o arquivo "arquivo.txt" e colocamos ele dentro do container criado. O usuário irá interagir com o arquivo, inserindo, modificando ou apagando informações. Mas como esse arquivo está localizado dentro do container, então temos um problema.Caso o container seja eliminado - independente do motivo - esse arquivo, assim como todas suas modificações também será perdido.Esse cenário inclui também uma base de dados.Pode ser que você tenha utilizado uma imagem de um MySQL, MariaDB, etc.E é nesse cenário que o docker volume surge para eliminar esse problema. Ao utilizar essa abordagem, o arquivo não é colocado dentro do container. Ao invés disso, é criado um mapeamento do container para o arquivo.


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

Como mostrado na imagem acima, o arquivo não estará dentro do container, mas apenas mapeado.Toda interação realizada no arquivo ou base de dados, será realizado no container mas salvo em um diretório da sua máquina.E mesmo que o container seja deletado, o arquivo, ou a base de dados não será perdido. Muito legal, não é!? Mas essa abordagem é perfeita!? Bom, nem tudo são flores. Como tudo fica salvo em um diretório da máquina, você terá que garantir que ninguém terá como apagar esse diretório, caso contrário você terá tudo perdido. Mas é uma abordagem bem interessante para garantir que os dados não sejam perdidos.

Curtiu essa dica? Escreve aqui o que achou, dando sugestões, dicas, melhorias. 

Este está sendo minha postagem nesse blog e conto com vocês da comunidade para melhorias.

Valeu.
Build a GraphQL API and deploy it in minutes with Encore 🚀
Tags: programming, graphql, go, backend
Published: 2023-10-15 13:10:22

## TL;DR

This guide shows how to build a GraphQL API with [Encore](https://encore.dev). It implements a backend for a url shortener as an example, and shows how you deploy it to Encore's free development cloud.

**🚀 What's on deck:**
- Installing Encore.
- Starting a development environment with Encore.
- Run locally and try Encore’s developer dashboard.
- Test the API using the GraphQL Playground.
- Deploying to Encore's development cloud.

## Install Encore

Install the Encore CLI to run your local environment:
- **macOS:** `brew install encoredev/tap/encore`
- **Linux:** `curl -L https://encore.dev/install.sh | bash`
- **Windows:** `iwr https://encore.dev/install.ps1 | iex`

## Create your app

Create a new Encore application and clone this example with this command:

```bash
encore app create my-app-name --example=graphql
```

## Running locally

_Before running your application, make sure you have Docker installed and running. It's required to locally run Encore applications with databases._

Run your Encore backend:

```bash
encore run
```
You should see this:

![Encore Run](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3xvz6vyuu7wpjml80y2f.png)


👉 Open <http://localhost:9400/> to view Encore's [local developer dashboard](https://encore.dev/docs/observability/dev-dash).


![Local Dev Dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rwdudk7t5yadva2vmbem.png)

## 🌟 Using the API

Let's run some queries using the GraphQL Playground!

👉 Open <http://localhost:4000/graphql/playground> in your browser.

![GraphQL playground](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/08do6dta3td176g9ysid.png)

### Shorten a URL

```graphql
mutation {
  shorten(url: "https://encore.dev") {
    id
    url
  }
}
```

### Listing all shortened URLs

```graphql
query {
  urls {
    id
    url
  }
}
```

### Getting a URL from a shortened ID

```graphql
query {
  get(id: "some-id") {  # Use an actual ID you have
    id
    url
  }
}
```

## 🚀 Deploy

Deploy your backend to a staging environment in Encore's free development cloud:

```bash
git add -A .
git commit -m 'Initial commit'
git push encore
```

👉 Then head over to the [Cloud Dashboard](https://app.encore.dev) to monitor your deployment and find your production URL.

From there you can also see metrics, traces, connect your app to a GitHub repo to get automatic deploys on new commits, and connect your own AWS or GCP account to use for deployment.

![Encore Cloud Dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7kmyqylyk7lxvuvosl4k.png)

### 🎉 Great job - you're done!

You now have a scalable and production-ready web app foundation running in the cloud.

Keep building with these Open Source [App Templates](https://encore.dev/templates). 👈

If you have questions or want to share your work, join the developers hangout in [Encore's community Slack](https://encore.dev/slack). 👈
Leadership Series: Continuous Learning
Tags: leadership, continuouslearning, seniorleadership
Published: 2023-11-07 13:40:25

---
title: Leadership Series: Continuous Learning
published: true
date: 2023-10-15 12:01:32 UTC
tags: leadership,continuouslearning,seniorleadership
canonical_url: https://augustokrosa.medium.com/leadership-series-continuous-learning-615df70f8836
---

[![](https://cdn-images-1.medium.com/max/1024/1*Zt1njd4utcS9wz4RYswwhg.png)](https://augustokrosa.medium.com/leadership-series-continuous-learning-615df70f8836?source=rss-fab031e08990------2)

How to Continue to Learn Through the Increased Responsibility of Senior Roles

[Continue reading on Medium »](https://augustokrosa.medium.com/leadership-series-continuous-learning-615df70f8836?source=rss-fab031e08990------2)
How to setUp the debugger in the vscode while using ESM module in nodejs
Published: 2023-10-15 11:56:39

create the .vscode folder in the root directory of your project and paste the below code

```
{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Node.js ESM",
      "program": "${workspaceFolder}/your-esm-entry-file.js",
      "runtimeArgs": ["--loader", "esm"]
    }
  ]
}


```
cetak dus makanan kekinian
Tags: cetak, kemasan, box, packaging
Published: 2023-10-15 11:50:50

cetak dus makanan dan macamnya

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/98d51e89v4f080ei3owf.jpg)

untuk [cetak dus makanan](https://salamprin.com/) Ada beberapa tipe paket yang dipakai untuk beragam produk. Beberapa macam paket umum mencakup:

Paket Plastik: Termasuk botol plastik, kantong plastik, dan tempat plastik. Ini sering dipakai untuk produk makanan, minuman, dan barang customer yang lain.

Paket Karton: Ini termasuk kotak karton dan tempat karton. Karton kerap dipakai untuk paket produk electronic, makanan kering, dan banyak.

Paket Kertas: Kertas dipakai berbentuk kotak, tas, dan tempat yang lain. Ini kerap dipakai untuk paket makanan cepat sajian, produk roti, dan lain-lain.

Paket Logam: Termasuk kaleng, botol logam, dan tempat logam yang lain. Ini dipakai untuk produk seperti minuman berkarbonasi, makanan kaleng, dan semacamnya.

Paket Kaca: Botol dan topeles kaca kerap dipakai untuk minuman seperti juice dan sauce.

Paket Fleksibel: Ini ialah tipe paket yang bisa dibuat dan fleksibel, seperti kantong foil atau paket blister yang umum dipakai untuk beberapa obat.

Paket Berkeamanan: Ini ialah tipe paket yang direncanakan membuat perlindungan produk perampokan atau kerusakan. Misalnya ialah blister pack untuk produk farmasi.

Paket Ramah Lingkungan: Ini ialah tipe paket yang direncanakan pemikiran lingkungan, seperti paket daur ulangi atau biodegradable.

Paket Makanan: Paket khusus yang dipakai untuk makanan, termasuk kaleng makanan, topeles kaca, dan tempat plastik yang aman untuk makanan.

Paket Produk Electronic: Ini termasuk kotak dan buntel yang direncanakan khusus untuk produk electronic seperti handphone atau computer.

Tipe paket yang dipakai akan bergantung pada tipe produk, keperluan pelindungan, dan pemikiran marketing.
Understanding Concurrency in Dart: A Deep Dive
Tags: dart, programming, concurrency, isolate
Published: 2023-10-15 11:43:30

## Introduction

Concurrency is a fundamental aspect of modern software development, enabling applications to perform multiple tasks simultaneously. Dart, the language behind the popular Flutter framework, offers robust support for concurrent programming. In this post, we'll explore how Dart handles concurrency, focusing on its unique `Isolate` model.

---

## Async/Await: The Basics

Before diving into isolates, it's essential to understand Dart's `async/await` syntax. This feature allows you to write asynchronous code that looks almost like synchronous code. Here's a quick example:

```dart
Future<void> fetchData() async {
  var data = await someAsyncFunction();
  print("Data fetched: $data");
}
```

The `await` keyword pauses the function's execution until `someAsyncFunction()` completes, allowing other tasks to run in the meantime.

---

## Future and Stream: Asynchronous Data Types

Dart uses `Future` and `Stream` objects to represent values that will be provided in the future. A `Future` is like a promise that will eventually complete with a value or an error. A `Stream` is similar but can provide multiple values over time.

```dart
Future<int> fetchInt() async {
  return 42;
}

Stream<int> countStream(int to) async* {
  for (int i = 1; i <= to; i++) {
    yield i;
  }
}
```

---

## Isolates: Dart's Concurrency Model

Now, let's talk about the star of the show: Isolates. Unlike traditional shared-memory threads, each Dart isolate has its own memory heap and runs in its own thread. This design eliminates many complexities associated with shared-state concurrency, such as data races and deadlocks.

### Creating an Isolate

Here's how you can create a new isolate:

```dart
import 'dart:isolate';

void foo(var message) {
  print('Isolate received: $message');
}

void main() {
  Isolate.spawn(foo, 'Hello, Isolate!');
}
```

### Communication Between Isolates

Isolates communicate with each other using message passing. You can send simple data types like numbers, strings, and lists between isolates.

```dart
// Code for sending and receiving messages between isolates
import 'dart:isolate';

void newIsolate(SendPort mainSendPort) {
  ReceivePort newIsolateReceivePort = ReceivePort();
  mainSendPort.send(newIsolateReceivePort.sendPort);

  newIsolateReceivePort.listen((message) {
    print('Message received in new isolate: $message');
  });
}

void main() async {
  ReceivePort mainReceivePort = ReceivePort();
  Isolate.spawn(newIsolate, mainReceivePort.sendPort);

  SendPort? newIsolateSendPort = await mainReceivePort.first;

  newIsolateSendPort?.send('Hello from main isolate');
}
```

---

## Conclusion

Dart's approach to concurrency, especially its use of isolates, offers a robust and straightforward way to write concurrent programs. Whether you're building a CPU-intensive computation or a responsive UI, Dart has got you covered.