teleren/devto huggingface dataset:
Hyde
Tags: blogger, blogspot, theme, template
Published: 2021-12-14 21:36:08

---
title: Hyde
published: True
date: 2021-12-11 22:45:00 UTC
tags: Blogger, Blogspot, Theme, Template
canonical_url: https://dev.to/zent/hyde
---

 ![Hyde](https://blogger.googleusercontent.com/img/a/AVvXsEix0a3KzXH1OweYajtnhIPzSQdvj6-6evstVjyWIkwTNwVUToKDloQNGaQRup7wCT9Qxevu_vfWbLTEsbla49Iw4EnVCpBd54UPEZokLp36QXwCRN96pI413LTS5ICkTh7Z-g_acCWBNp6ksdpLUdBiYB7j6IAxEiNk1nPCvMCN0c4boZcQ9IB7YfZDWQ "Hyde") Hyde Blogger Theme is a simple theme made by Mark Dotto for Jekyll and adapted by us for blogspot.   
  
 The theme has 8 different color options except the default and is used by adding a class to the tag. But we have made it dynamic by using jQuery cookies as a convenience. As can be seen from the preview address, color changes can be made with one click. We used this to show the sidebar on the right as well. Moreover, since this change is saved through cookies, it does not change on page refresh or on subsequent visits. Let's not forget that this feature is a first in blogger themes. This feature is only valid for the visitor who made the change. If the same color will be reflected to all users statically, it is necessary to add a class name to the body tag manually.   
  
Class names for static color change 
```
theme-base-08
theme-base-09
theme-base-0a
theme-base-0b
theme-base-0c
theme-base-0d
theme-base-0e
theme-base-0f
```
<style> pre{padding: 10px; overflow: auto; font-size: 15px; background: #f7f7f7 !important; color:#000}</style> Use of : 
```
body class="theme-base-08"
```
 How to get the sidebar to the right side 
```
body class="layout-reverse"
```
 How to show sidebar on right side with different color setting 
```
body class="theme-base-08 layout-reverse"
```

[Live Preview](http://hydebloggertemplate.blogspot.com)  
  

[Download](https://github.com/zaferzent/hydebloggertemplate)  

Source : [Hyde Blogger Theme](https://www.themeslab.net/2021/12/hyde.html)
Solving day 11 of Advent of Code 2021 in JavaScript
Tags: challenge, adventofcode, javascript, video
Published: 2021-12-11 22:20:57

---
title: Solving day 11 of Advent of Code 2021 in JavaScript
published: true
description: JavaScript walkthrough of Advent of Code 2021 (day 11)
tags: challenge, AdventOfCode, javascript, video
series: Advent of Code 2021 in Javascript
---

{% youtube ClI4TpyIDP4 %}
Job queue for serverless apps #low-code
Tags: nextjs, serverless, gatsby, netlify
Published: 2021-12-11 22:17:37

## What's a job queue 🤔

A job queue allows apps to schedule jobs to run in the background.

## No easy solution for serverless apps

Serverless apps are event-driven, so they only run when called upon. There's no running server that can host a job queue or even run cron-jobs.

But running jobs in background (at specific times) is a need that comes up all the time when building apps.

## Idea 💡

So I decided to bootstrap a job queue using as little code as possible. My stack:

- Airtable functions
- Airtable scripting
- Airtable automations
- Nextjs/Vercel

Basically the app is in Nextjs hosted on Vercel with an endpoint `/api/job` where users can submit their job.

Here's an example api call to schedule a job:

```
fetch("https://www.tasklater.io/api/job", { 
    method: "POST", 
    headers: {
        "Content-Type": "application/json",
        Accept: "application/json",
        "x-api-key": "API_KEY_GOES_HERE", // replace with your API key
      }, 
    body: {
        timezone: "America/New_York", // optional (default: "America/New_York")
        run_time: 1639015224, // required (Unix timestamp)
        url: "https://www.example.com/api/send-delayed-email", // required (endpoint to trigger at run time)
        data: { // optional (data passed to your endpoint)
            email: "example@gmail.com"
        },
    }
});
```

## Airtable Functions

The job gets recorded in Airtable and there's one field that makes everything work.

The to_run field is a function of whether the run_time is less than or equal to the current time. Seems like Airtable runs these functions every 10 minutes to update the fields.

That means, max 10 minutes after run_time Airtable will update the to_run field to 1.

(Usually delayed jobs are not sensitive to the exact minute, so it's a trade-off I'm willing to take)

## Airtable Automations

The job then enters the "running" view in Airtable. That will run an Airtable automation that runs an Airtable script.

## Airtable Scripting

The Airtable script does 2 things:

- logs what's happening into the logs table
- hits the endpoint that was requested to be hit at run_time

## That's how Tasklater.io was born

You can currently get an API key at Tasklater.io and get started. This can only do delayed jobs for now, but there's more in the pipeline - here's the roadmap for who's interested.

And btw, it's free! Happy for anyone to test it out 😊

Comments/feedback are much appreciated!
Suggest me some web dev project Ideas💡in comments 👇
Tags: css, webdev, beginners, programming
Published: 2021-12-11 22:14:01

_Hello world_
This is Rohit an another coding introvert, Who is struggling to find some webdev _project ideas__💡_. Which I can complete as a challenge until the end of this month and year also whoever will see this post let me know what can you suggest me. Comment down in comment section below 👇.

## 
Resons why I'm posting this question on blog:

1. Don't have audience on Twitter.
Here's my Twitter handle🐦
[Twitter](https://twitter.com/rohitcodestweet?t=TizprlL7ikpR2mxXUryIrQ&s=09)

2. Not either on instagram
Here's my Instagram handle 📸 
[Instagram](https://instagram.com/rohitcodes.in?utm_medium=copy_link)

3. Part of amezing community😎.

Please let me know your idea in comment I'll share daily my experience on that projects with you.

With that said let's grow as community.


_Nothing to prove, Everything to improve.
_

Thanks for reading peace out✌️.

exit()
ParseJS update: Tokens are now sorted by length and dictionary order.
Tags: javascript, webdev, watercooler, bugfix
Published: 2021-12-11 21:58:07

A [new commit](https://github.com/CalinZBaenen/ParseJS/commit/7f9878e6f14daef1492ece3121b4e8f4ac6848fa) was made to the [ParseJS repository](https://github.com/CalinZBaenen/ParseJS), it contains an update that will prevent smaller tokens from potentially wrongfully being placed.

This is the bug in question:
```javascript
parse_string("Hello, world!", ["Hell", "Hello"]);
// Produces: [Symbol(Hell), 'o', ',', ' ', 'w', ...]

// But, this--
parse_string("Hello, world!", ["Hello", "Hell"]);
// -- produces: [Symbol(Hello), ',', ' ', 'w', 'o', 'r', ...]
```

Now, in this update, the order won't matter, the longer token is always chosen if it can be.
How-To: portable, maintainable git and shell configs made easy
Tags: devops, productivity, git
Published: 2021-12-11 21:57:54

In case you have ever had to deal with getting your shell and git config dialed in on a new unix machine, this how-to is for you. It also for those of who you want to keep configs in sync across multiple machines. 

I recently had to setup a brand new computer without being able to restore from backup and this little solution not only made the setup very simple and quick but also maintainable. It will be useful moving forward to keep a single source of config truth that is easily obtainable between machines.

In order to streamline a repeatable setup exactly as desired the (not so) secret is leveraging git and (fairly secret) symlinks. 

Git clearly is great for the version control properties of the relevant config files (`~/.gitconfig`, `~/.zshrc`, `~/.oh-my-zsh/custom`, etc). Definitely keep these files (sans sensitive information) in version control. 

However, how to manage config files that span multiple directories? The files listed above all live in the home directory, but what if a config file you want to track was in `~/dev/configs/myawesomeconfg`? This where one of the advantages of symlinks come into play.

By creating a symlink from your config-repo directory to a config's regular path all disparate configs can be managed in one git directory. Furthermore by using symlinks, instead of hardlinks, one can then pull updates from the repo (say from another machine you work on) and the files that are symlinked  in their default locations are also updated. 

For example, I create a symlink for my `.gitconfig` from my config-repo, `~/dev/config-repo/.gitconfig`, to its default location, the home directory. This is done by:

```
cd ~
ln -s ~/dev/config/.gitconfig .
```

Now if that git managed `.gitconfig` file is ever updated and I pull the changes in config-repo locally the git config, in its "normal" place in the home directory is also updated. And visa versa if I update `~/.gitconfig` the changes are reflected in git-repo change log. I use this same setup for a .zshrc config file.

This setup also works for my `~/.oh-my-zsh/custom` directory. I allow each machine's oh-my-zsh installation to manage it's own installation, but I symlink the custom directory so I get all my shell aliases and functions.

```
cd ~/.oh-my-zsh
rm -rf custom
ln -s ~/dev/config/oh-my-zsh/custom .
```

In conclusion, this solution enables tracking essential configurations in version control for maintainability and enables interoperability between machines. This can of course be extended to any type of config files / directories. I hope this how-to was informative and helpful. 

Ray
Advent.js🎅🏼| #11: ¿Vale la pena la tarjeta de fidelidad del cine?
Tags: javascript, webdev, adventofcode, spanish
Published: 2021-12-11 21:56:02

## [¿Vale la pena la tarjeta de fidelidad del cine? ](https://adventjs.dev/challenges/11)

Este mes de diciembre hay películas super interesantes en el cine... y tengo que optimizar cómo gasto el dinero.

Mi cine favorito tiene dos posibilidades:

- Entrada de un sólo uso: Cuesta 12$ por cada película.

- Tarjeta de fidelidad: Cuesta 250$ pero que **cada vez que vas pagas sólo el 75% del precio del ticket**. ¡Lo mejor es que se acumula! Y cada vez que vas, se paga el 75% del precio del ticket que pagaste la última vez.
Ejemplo de cada una al comprar 3 entradas y el precio que pagaría en total:

```js
// Entrada normal: 12$ * 3 = 36$
// Tarjeta fidelidad: 250$ + (12$ * 0,75) +  (12$ * 0,75 * 0,75) + (12$ * 0,75 * 0,75 * 0,75) = 270,8125$
```

Necesito una función que, al pasarle las veces que voy a ir al cine, me diga si vale la pena comprar la tarjeta fidelidad o no.

```js
shouldBuyFidelity(1) // false -> Mejor comprar tickets de un sólo uso
shouldBuyFidelity(100) // true -> Mejor comprar tarjeta fidelidad
```
La dificultad del reto está en encontrar una fórmula sencilla que nos diga el precio con descuento acumulado para la tarjeta fidelidad. 😜

Completa el reto!

---
Mi solucuón:

{% jsitor https://jsitor.com/embed/SVIRNpgwp %}

---
Puedes seguir a @midudev y estar pendiente de los retos de Advent.js 

{% twitter 1466086678507008003 %}
Log4j Vulnerability -- CVE-2021-44228
Tags: security, java
Published: 2021-12-11 21:54:23

Lots of my technology friends are concerned about the new CVE-2021-44228, the log4j vulnerability. What should you do? First of all, don't panic. Yes, the library is widely used -- in software which leverages java. If your code or app isn't java there's a slim to no chance it will be affected. If you do find the code is java-based, check with your vendor. Even my home lab uses the UniFi controller from Ubiquiti, and they promptly released a patch this weekend.
(https://community.ui.com/releases/UniFi-Network-Application-6-5-54/d717f241-48bb-4979-8b10-99db36ddabe1)
Rest assured your friendly neighborhood software vendor is on it!
Tracking Project Status With GitHub Projects
Tags: github, kanban
Published: 2021-12-11 21:52:42

The Resume Challenge isn't a huge project, but it does involve a fair bit of work in different areas, so to keep track of everything I created a GitHub project for my repo.

![github project](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8klfkzbpz6e6eqvntw6t.png)

I've used Trello before for organizing projects so I set up my project tracker as a kanban board. The GitHub integration is convenient compared to a standalone kanban and if this was a team project with pull requests and issue tracking it would all tie into the code in the repo. I don't need all that for this simple project but it's nice to know it's there.
Goal 1 accomplished: A personal website.
Tags: devjournal
Published: 2021-12-11 21:37:20

I finally put up my personal website!  It's fairly simple and it uses HTML tables 😆 to display my education and work experience, but considering that I returned to coding just a week ago, I feel like it's a good starting point.  What do you think?

https://richardkentng.github.io/my-site/

I think I should also purchase a custom domain so that my site's URL will look more professional.  Does anybody know a good resource on how to do that?  Thanks!

Edit:  I have my own domain now!: https://www.richard-ng.com
K8s : Baremetal loadbalancer and ingress setup and usage demo
Tags: kubernetes, nginx, metallb
Published: 2021-12-11 21:07:24

Some notes related to my testing loadbalancer, ingress & ingress controller (nginx) in my baremetal kubernetes cluster.

https://github.com/upinder-sujlana/k8s-baremetal-loadbancer-ingress-demo/tree/main
How to set another homepage for  website  build by React
Tags: javascript, reactnative, homepage
Published: 2021-12-11 20:32:27

I deployed one website on localhost ,  with `npm build` / react  , and I would like to select another landing page .

However i`m a newbie working with React and I don`t know where to find the routes for the pages .  I have the following codes in the  public/Index.html  , public/manifest.json  ,  and package.json from root folder. 
I tried modifying the `homepage`  in `package.json`  to another folder/.ts/.tsx files but without any success..

Any idea in how to find the routes to other pages  and how to set the landing page to them for localhost server ?
Download a copy of an entire website
Tags: go
Published: 2021-12-11 19:08:36

---
title: "Download a copy of an entire website"
published: true
description: "A simple command-line application to download an entire online website, including CSS, JSS, and other assets."
canonical_url: https://asanchez.dev/blog/download-copy-website/
tags: 
- Go
---

I have created a simple yet powerful command-line application to easily download an entire copy of any online website. 

It is coded with Go and it is available on my GitHub: https://github.com/antsanchez/go-download-web 

I normally use it to: 
- Back up any website (at least the rendered part of the website)
- Create copies of websites for accessing them offline

It also allows you to change the URL of the downloaded website, which can be very helpful when moving an existing static website from a domain to another. 

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

If you need any help or have any questions, do not hesitate to contact me.
Willow
Tags: blogger, blogspot, theme, template
Published: 2021-12-14 21:31:30

---
title: Willow
published: true
date: 2021-12-11 20:28:00 UTC
tags: Blogger, Blogspot, Theme, Template
canonical_url: https://dev.to/zent/willow
---

 ![Willow](https://lh3.googleusercontent.com/-qL6e9ol3kTM/YbUEvzvP23I/AAAAAAAAHe0/mGolTXyZpUEUGU6cd3LDEoi1y5yKBzuyQCNcBGAsYHQ/s0/willow-blogger-blogspot-theme-template.png "Willow")
Willow blogger theme was a theme designed by Raivis Vitols for Ghost blogging platform. We adapted it to a blogger blogger in our spare time.   
  
Minor changes and additions were made while adapting the theme. In order for the post images to appear proportional on the home page, they must be 600\*300 in size or its multiples. 

[Live Preview](http://bloggerwillowtemplate.blogspot.com/)  
  

[Download](https://github.com/zaferzent/Willow-Blogger-Theme)  

Source : [Willow Blogger Theme](https://www.themeslab.net/2021/12/willow.html)
Windows Subsystem for Linux (WSL)
Published: 2021-12-11 20:08:33

## What is Windows Subsystem for Linux (WSL)?
The Windows Subsystem for Linux (WSL) is a type of resource within the Windows operating system that allows users to run Linux command lines on a computer with a Windows operating system installed. This enables developers and others to work “natively” in a Linux environment when languages like Ruby or Python are more conveniently utilized through the Linux interface

In May 2019, WSL 2 was announced, introducing important changes such as a real Linux kernel, through a subset of Hyper-V features. Since June 2019, WSL 2 is available to Windows 10 customers through the Windows Insider program, including the Home edition WSL is not available to all Windows 10 users by default. It can 
be installed either by joining the Windows Insider program or manual install.
WSL 2 uses the latest and greatest in virtualization technology to run a Linux kernel inside of a lightweight utility virtual machine (VM).However, WSL 2 is not a traditional VM experience.

## More Details On Windows Subsystem for Linux (WSL)

The Windows Subsystem for Linux uses an application called Bash.exe – this opens a Linux dialog box inside of the Windows operating system interface. One easy way to think of this is as a “shell” application that opens up within Windows, or alternately, as a dual operating system interface that acts as a “window within a window.” This type of internal OS interface system emerged early in the Windows era when Windows systems would allow users to get into a DOS command line system with a similar internal application. This made users more familiar with the idea of running a different operating system interface inside Windows.

Users can utilize the Windows Subsystem for Linux to access file systems with Linux or get better access to specific language libraries, but cannot run some Linux apps in the Windows Subsystem. System requirements also apply, and users can get more information directly from Microsoft.
Block Scope and Shadowing in JavaScript
Tags: javascript, webdev, beginners, programming
Published: 2021-12-11 19:25:28

Hello Readers,
- Read this Blog to know about Block Scope and Shadowing .

## Block:
- also known as Compound Statement. For Example
```
{
This is a Block.
}
```
- Block is used to Combine Multiple JS Statements into One Group.
- We group multiple statements in a Block, so that we can use it where JS expects one Statement.
```
if(true)   //This statement will give error.
```
- The **if** syntax expects any statement after if(true) ...here.
```
if(true) true //This is correct.
```
- But what if we want to include multiple statements in if block, Here we use **Block {}**.
```
if(true){
  line1
  line2
  more lines ...
}
```

## BlockScope:
- All the variables and Functions accessible inside a scope, so that's why we say let and const are Block Scoped because they are stored in a different memory space reserved for the Block.

## Shadowing:
- If we have same Variables outside as well as inside the block. The variable inside the block shadows the outer variables. 
For Example:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hzw3302o4vn8o12unz7m.png)
- But Not in case of let or const due to lexical scopping


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1b3nro36pvy2t874l1fw.png)
- vice versa not true!.
- All these programs work same for Arrow Functions too.
- Thanks for Reading the blog, Have a Great Day :)
1SecondPainting: Generate realistic art in one click.
Tags: ai, design, javascript, webdev
Published: 2021-12-11 19:13:45

Hi Devs,

This is sort of new for me. I've never really been a business guy - more the kind of dude that just codes away behind the scenes - but I've been working on a really cool project and thought it fit to show the community. We also hit #1 on Hacker News, so I figured there was a fair bit of crossover :-)

**Short description**

[1SecondPainting](https://1secondpainting.com/) is an artificial intelligence art generator that lets people create their own, stunning quality paintings in seconds.  You can then purchase canvas prints, framed posters, or digital downloads (for NFTs). Every painting sold is 100% unique - you're in full control of your art.

I combined some pretty cutting edge ML with a proprietary post-processing pipeline to deliver probably the highest quality art of this kind (in my opinion, though of course I'm biased).

A lot of people have called it unsettling & kind of scary, which I agree with! If you're interested, you can try it for yourself [here](https://1secondpainting.com/app). Let me know what you think :)

Thanks,
Nick
My Ideal App
Tags: devjournal
Published: 2021-12-11 19:12:49

If I could build an app, website or technology of any kind, then I would create an open source software designed to help users discover new music. One implementation of this application could utilize SoundCloud’s API. The current API has the capability to embed songs, search for artists and songs while crediting the artists with streams. Although SoundCloud has some of its own methods for recommending content to users, this specialized software will expand on these features so a user can browse new content when they are open to receiving suggestions. 
 
**Who would it be for?**
This technology could showcase creative work and my favorite projects, while also allowing others to use the technology in any way they like. I think music lovers would enjoy navigating this type of technology, and developers could contribute improvements if they are inclined.

Developers could use the technology to develop their own similar tool. Making it open sourced, I would not mind if someone were to use the software as inspiration for their own ideas. In addition to someone taking from the application, maintaining an open source project for this purpose would increase transparency and give value to the community.

**No Time, No Money**
If money and time were no concern, I could spend my life dedicated to this app and its operation in the music world. Realistically, if money were no concern then I would probably be working on the application from a beach somewhere. If I had disposable income I would absolutely hire a development team to help me work on the project, although we might spend most of our time coding from a beachfront bar with our toes in the sand. 


![Laptop by the beach](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pigmr8xq9zbr1sar2uqe.jpg)
(Image from Akin Ozcan - stock.adobe.com)