teleren/devto huggingface dataset:
Exploring Moroccan Zellige Patterns with a Generative Art Tool I Created
Tags: art, generative, design
Published: 2023-03-30 02:21:01

Moroccan Zellige patterns have been captivating artists, designers, and architects for centuries. These intricate geometric designs are a symbol of the rich artistic heritage of Moroccan culture. I've always been fascinated by these patterns, and as a creative coder, I decided to build a Moroccan Zellige Pattern Generator using the p5.js library. In this article, I'll introduce you to the generator I've created, which allows users to explore the beauty of these patterns, customize them, and create their own unique designs.

## Overview of the Generator:

I built the Moroccan Zellige Pattern Generator as a web-based tool that enables users to create stunning, customizable patterns using a simple graphical user interface (GUI). The tool offers various parameters to adjust, including the number of points, cell size, number of cells, shape size, rotation, and stroke width. Users can also toggle the grid display option to create a wide range of patterns.


![Moroccan Zellige Patterns screenshot 1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/09e6hs48tunmqhom4odb.png)

## My Inspirations:

My inspiration for creating this generator came from my love for Moroccan Zellige patterns and my passion for creative coding. I wanted to create a tool that would make it easy for users to explore these beautiful designs and have fun experimenting with different parameters to create unique patterns.

## Using the Generator:

[Visit the Moroccan Zellige Pattern Generator webpage](https://labs.jawharkodadi.com/moroccan_zellige_v2/).
Begin by adjusting the parameters in the GUI to create your desired pattern. Experiment with different values and settings to explore the full range of possibilities.
Toggle the grid display option to further customize your design.
Once you have created a pattern you are satisfied with, click the "Save as SVG" button to download the SVG file.
Use the exported SVG in your design projects, or share your generated patterns with others.

## Screenshots :

![Moroccan Zellige Patterns screenshot 1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/soe80k4yr49t0w7mi4bt.png)

![Moroccan Zellige Patterns screenshot 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oazd9ryi1afm71kjx6de.png)

![Moroccan Zellige Patterns screenshot 3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/13m1l6asw5jz6bqqbh5e.png)

![Moroccan Zellige Patterns screenshot 4](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pnw7ajegytdsp16nw877.png)


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

## How to make it better ?

I would appreciate feedback on the user experience and interface of the Moroccan Zellige Pattern Generator. Are the customization options intuitive and easy to use? Do you have any suggestions for additional features or improvements to the current parameters? Your insights will be valuable in refining the tool. Thank you!
Setting up SendInBlue in a Typescript project with a Prismic CMS
Published: 2023-03-30 02:13:28

---
title: Setting up SendInBlue in a Typescript project with a Prismic CMS
published: true
description: Adding a contact form and subscribe button to a Prismic project in order to send transactional emails and add to your contact list on SendInBlue's platform
tags: 
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2023-03-30 02:08 +0000
---

Adding a contact form and subscribe button to a Prismic project in order to send transactional emails and add to your contact list on SendInBlue's platform

{% embed https://www.youtube.com/watch?v=KY_FX3qiG3g %}
the repo is: https://github.com/ayseboogie/prismic-ts

Dev.to post that led me to figuring it out: https://dev.to/pavel_polivka/how-to-create-simple-email-form-in-your-nodejs-website-3end
Plotting beautiful spirographs with matplotlib and Spyrograph
Tags: python, opensource, showdev, tutorial
Published: 2023-03-30 02:12:26

*DISCLAIMER: This blog post was written by a human with the help of AI*

In this blog post, we'll be exploring the `plot` method of the `Hypotrochoid` class in the `spyrograph` library

This method allows users to create **beautiful visualizations** of **hypotrochoids** and **epitrochoids** using the popular `matplotlib` library

![Black matplotlib tracing of a hypotrochoid](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mg5560buwdhrs3tp7ywm.PNG)

We will walk through the process of creating a **hypotrochoid** and then use the `plot` method to visualize it

---

## Table of contents
- [Prerequisite imports](#prerequisite-imports)
- [Creating a hypotrochoid](#creating-a-hypotrochoid)
- [Plotting the hypotrochoid](#plotting-the-hypotrochoid)
- [Conclusion](#conclusion)

{% github https://github.com/chris-greening/spyrograph %}

---

## Prerequisite imports <a src="#prerequisite-imports"></a>

Before we dive into **creating and plotting** a hypotrochoid, let's make sure we have `spyrograph` and `matplotlib` installed

```bash
pip3 install spyrograph matplotlib
```
## Creating a hypotrochoid <a src="#creating-a-hypotrochoid"></a>

To create a hypotrochoid, we need to **specify the parameters** `R` (**radius** of the fixed circle), `r` (**radius** of the rolling circle), `d` (**distance** from the rolling circle), and `thetas` (a list of **theta values**)

Here's an example of creating a hypotrochoid:

```python
from spyrograph import Hypotrochoid

hypotrochoid = Hypotrochoid(
    R=100,
    r=51,
    d=75,
    thetas=np.arange(0, 20 * np.pi, 0.01)
)
```

---

## Plotting the hypotrochoid <a src="#plotting-the-hypotrochoid"></a>

Now that we have our **hypotrochoid**, we can use the `plot` method to **visualize** it

This method will return a `matplotlib` **figure and axis** objects, which we can further customize if desired

```python
fig, ax = hypotrochoid.plot(
    color="red",
    linewidth=2
)
plt.show()
```

![Red matplotlib tracing of a hypotrochoid](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t9gclxwfmo1swut084m6.PNG)

In this example, we've specified the **color** of the hypotrochoid to be blue and the **line width** to be 1

You can **customize the appearance** of the plot by passing additional keyword arguments that are accepted by the [`matplotlib.pyplot.plot`](https://matplotlib.org/stable/api/_as_gen/matplotlib.pyplot.plot.html) function

---

## Conclusion <a src="#conclusion"></a>

The `plot` method in the `spyrograph` library makes it *incredibly* easy to create visually appealing plots of hypotrochoids and epitrochoids

With just a **few lines of code**, we can create stunning spirograph patterns that can be used for **artistic, educational, or scientific purposes**

Start **experimenting** with different parameter values and see what amazing designs you can create!
Um novo caminho na minha carreira
Published: 2023-03-30 01:26:14

> Um novo rumo, uma mudança de trilho do trem que seguia em uma direção específica. Em 2021 decidi mudar minha carreira de Desenvolvedor para Gestão de Pessoas Desenvolvedoras. Vou contar um pouco do começo da minha carreira e quando decidi virar essa chave.

---

Aqui conto um pouco sobre minha trajetória:

https://medium.com/@rafaelmoura25/um-novo-caminho-na-minha-carreira-431477ea9765

https://rafaelmoura.dev/
Do marketers need to know programming?
Published: 2023-03-30 01:23:37

Programming is one of the biggest skills in the 21st  century but with social media drastically growing into unseen areas it should be a necessity for marketers to know the basics of programming or the theory of programming. My personal opinion is due to the fast paced marketing mentality they are a little unaccustomed to programming safeguards, marketers don't always fully understand that you cannot change the colour of the webpage on "whim" or change the dropdown menu. With a little knowledge one programming many businesses can save time, stress and money in their business. Please let me know if you agree or disagree!
Sudoku Solver: The Ultimate Tool for Solving Puzzles with Ease
Tags: codenewbie, python, beginners, programming
Published: 2023-03-30 00:54:04

- Are you tired of spending hours trying to solve Sudoku puzzles by hand? Look no further than Sudoku Solver, the ultimate tool for solving Sudoku puzzles quickly and easily. With its powerful algorithm and easy-to-use GUI, Sudoku Solver is the perfect solution for anyone looking to improve their logic and reasoning skills while having fun.

- Sudoku is a popular number-placement puzzle game that requires players to fill a nine-by-nine grid with digits so that each row, column, and 3x3 section contains numbers between 1 and 9, with each number used once and only once in each section. It's a challenging game that helps improve concentration, memory, and cognitive abilities. But solving Sudoku puzzles by hand can be time-consuming and frustrating, especially for beginners.

{% github dhhruv/Sudoku-Solver no-readme %}

- That's where Sudoku Solver comes in. Our script generates a random, solvable Sudoku board every time it's executed, allowing you to solve puzzles quickly and easily. The GUI is intuitive and easy to use, with simple controls for inputting your solutions. Plus, our visualizer feature demonstrates how the backtracking algorithm works, so you can understand the logic behind each solution.

- Sudoku Solver is perfect for anyone who loves Sudoku puzzles, whether you're a beginner or an experienced player. With its powerful algorithm and easy-to-use GUI, you'll be solving puzzles in no time. Plus, Sudoku is a great way to exercise your brain and improve your cognitive abilities, making it a fun and challenging game for people of all ages.

![Entering Values](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cdf37yv1e3mcn0aat5ip.gif)

- To get started with Sudoku Solver, simply download the repository and run the SudokuGUI.py file. You'll be presented with a random Sudoku board and a GUI for inputting your solutions. Use the left-click to select the box you want to fill, then enter your value and confirm it by pressing the Enter key. If you get stuck on a tricky puzzle, press the Spacebar key to solve the board using the backtracking algorithm. You can also receive hints by pressing the "h" key, which will display a random correct value on the board.

![Visualizer](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/afttou4aho4ok6s4ftt4.gif)

- Sudoku Solver is a fun and challenging way to exercise your brain while having fun. So what are you waiting for? Download Sudoku Solver today and start solving puzzles with ease!

- You can get more information about Sudoku Solver on: 
{% github dhhruv/Sudoku-Solver no-readme %}
Animation -19 : Simple preloader CSS Animation
Tags: css, javascript, design, animation
Published: 2023-03-30 00:54:00

Free CSS Loading Animation for your website 

#### Simple preloader CSS Animation 

---

{% youtube hmVRb2erKjo %}

 ---
### [Source code](https://democoding.netlify.app/loaders/simple-preloader-css-animation)


---

## For more information
 

1. Subscribe my Youtube Channel 
[https://www.youtube.com/@democode](https://www.youtube.com/@democode) 

2. Check out my Fiver profile if you need any freelancing work
[https://www.fiverr.com/amit_sharma77](https://www.fiverr.com/amit_sharma77)

3. Follow me on Instagram
[https://www.instagram.com/fromgoodthings/](https://www.instagram.com/fromgoodthings/)

4. Check out my Facebook Page 
[Programming memes by Coder](https://www.facebook.com/programmingmemesbycoders)

5. Linktree
[https://linktr.ee/jonSnow77](https://linktr.ee/jonSnow77)

 
---
---

{% instagram CqUbm3fNzeB %}
Making PRs better - first public release!
Tags: codereviewvillains, productivity, devops, codereview
Published: 2023-03-30 00:25:12

Yesterday we released the first public version (v0.4.0) of our **FREE Chrome Extension** (see https://sourcefield.io or https://lnkd.in/gf-KesJu)! We've been testing it internally for a week & are excited!! We have v0.5.0 on-deck to improve code reviews even more! Check it out!

(_We're still early, so there might be some minor bugs_)

Here are the early “release notes”:
Product Features:
* **Auto-generated PR Summary**: Quickly glean what packages were added/removed/up- and down-graded
* **Arcs**: Ordered narratives, composed of PR comments, to guide reviewers through a PR
* **Video & Audio Comments**: Whether you want to spice up your comments with audio or video, or add a video to show off your UI, we embed the video & show you a code-aware transcription.
We will be adding automatic hyperlinking over the next few weeks, so when variables are mentioned, the context is already quickly built for the commenter.
* **Risk Score**: Know when a code change is risky - and determine if you or other team members should spend more time reviewing the PR.

Browser Support:
* Supported: **Chrome, Edge, Brave, Vivaldi, Opera**, and **Epic** (we have not tested SRWare Iron, Comodo Dragon, Torch)

Platform Support:
* Supported: **GitHub Cloud**
Introducing AI Ipsum
Tags: gpt, loremipsum, netlify, webdev
Published: 2023-03-30 17:36:56

---
title: Introducing AI Ipsum
published: true
description: "Because even your dummy text should be riding the generative AI hype train."
date: 2023-03-30 00:00:00 UTC
tags: gpt, loremipsum, netlify, webdev
canonical_url: https://blog.brainstory.ai/ai-ipsum/
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/drlstvu21xm0qaao4k6k.png
---

We’ve all been there. You’re sitting around, working on a beautiful website, and you need dummy filler text to fill in the gaps in your layout… and your heart.

You might reach for the classic, “lorem ipsum dolor sit amet,” but you’re _better_ than that now. You’re a generative AI hype train connoisseur. Luckily, we have the product just for you.

## AI Ipsum

That’s right: it’s [AI Ipsum](https://ai-ipsum.app/). Get all the Latin filler text you need, with dashes of AI peppered throughout!

Here’s a fun little sample of what you’ll get using AI Ipsum:

> MLops gradient boosting aliqua ensemble learning et excepteur. Laborum est quis esse sit evolutionary algorithms proident ETL aliquip et technology est decision trees velit generative models Ea ipsum non eu nostrud magna AMD cloud computing artificial intelligence genetic algorithms laborum sit web scraping cupidatat laboris laborum. random forests nisi tensorflow enim officia irure consequat. reinforcement learning data warehouses veniam affective computing velit. investment eu seq2seq context-aware computing magna pariatur qui aliquip elit nulla mollit "AI in education" magna.

Brava, brava, sans the VC drama!

Not only can you use the web app (at [ai-ipsum.app](https://ai-ipsum.app/)), but you can also make a lil `GET` request directly to the AI Ipsum API by simply passing in a number for how many paragraphs you want:

```bash
GET https://ai-ipsum.app/ipsum/{quantity}
```

## Whoa, how does this work?

Great question! Though we _did_ source most of our terms from a friendly neighborhood GPT-4 prompt, we’re… not actually using AI under the hood to deliver this service to you.

The website is built with plain ol’ HTML, CSS, and JavaScript, and the API is powered by Netlify Functions! We take in [two JSON files](https://github.com/Contenda-Team/ai-ipsum/tree/main/ipsums) of Latin filler words and AI filler words, and then smash them together in a very cool, artisanal fashion.

The whole thing is open source! [Check out the repository here to contribute your own terms to AI Ipsum!](https://github.com/Contenda-Team/ai-ipsum)

We can’t wait to see your [filler text](https://ai-ipsum.app/) at work. Happy AI-ing!
A 2-day open source bootcamp in a box
Tags: opensource, git, github, learning
Published: 2023-03-31 22:21:33

---
title: A 2-day open source bootcamp in a box
published: true
date: 2023-03-30 00:00:00 UTC
tags: opensource,git,github,learning
canonical_url: https://jimbobbennett.dev/blogs/announcing-open-source-bootcamp/
---

I’m excited to announce the publication of a 2-day open source bootcamp in a box!


[![The open source bootcamp GitHub org](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8tnq29yta0v813aqdxr8.png)](https://github.com/open-source-bootcamp)

This boot camp was put together by [Sam Wronski](https://hachyderm.io/@runewake2), [Austin Akers](https://twitter.com/tweetmonster999) and I, with help and support from GitHub, GitHub campus experts, and others from the open source community.

## Goals

The goal of this bootcamp is to take attendees from a very basic to no understanding of GitHub on a journey to not only being comfortable with collaborating on GitHub, but being ready to actively contributing to public open source projects, or to collaborate on code in the workplace. This bootcamp is structured as an in-person event.

The code the attendees will be working on is relatively basic JavaScript, and attendees without JavaScript knowledge but with some knowledge of programming should still be able to successfully complete this bootcamp.

## Running this event

[![The bootcamp guide repo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n0t2hr0gd3qs9xj0k6jx.png)](https://github.com/open-source-bootcamp/bootcamp-guide)

[This GitHub repo](https://github.com/open-source-bootcamp/bootcamp-guide) contains the full instructions on how to run this event, with guides for the day, slide decks, a sample project to work on with full instructions, videos of the sessions, and plenty of suggestions on how to make this day a success. This bootcamp is fully open source and MIT licensed, so you can take it and run it at your own event without cost or attribution.

When we have run this event in the past (such as at the [In-person Student Open Source Bootcamp](https://www.meetup.com/microsoft-reactor-redmond/events/287024832/), [Hacktoberfest in-person open source bootcamp](https://www.meetup.com/microsoft-reactor-redmond/events/288635090/), and the [Fall in love with Open Source bootcamp](https://www.meetup.com/microsoft-reactor-redmond/events/290700609/), all hosted at the [Microsoft Reactor in Redmond](https://www.meetup.com/microsoft-reactor-redmond/events/287024832/)). The attendees have all given feedback that networking is important, therefore this event includes opportunities for attendees to work together on code, be involved in networking

## Let me know what you think!

If this bootcamp is of use to you, please let me know! If you have any questions or suggestions for improvements, please start a [discussion in the GitHub org](https://github.com/orgs/open-source-bootcamp/discussions).
EASY STEPS ON HOW TO CREATE A VIRTUAL MACHINE ON MAC OS
Tags: azure, linux, cloud
Published: 2023-03-29 23:39:29


* MAKE SURE YOU HAVE AN ACCOUNT WITH MICROSOFT AZURE BEFORE YOU PROCEED *

**STEP 1** Go to the "search resource" bar and type in "Virtual machine.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y93o0sn9i5l5dmtkse8g.png)

**STEP 2** Click on virtual machine in the options given from your search, choose the "create virtual machine hosted by azure" option then click on create.

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

**STEP 3** Under Basics,fill in the details of your virtual machine.
Fill in your project details.
Give your virtual machine a name of your choice.
Choose Ubuntu server for your image.
Change the authentication type from ssh public key to password.
Choose a username and password.
For inbound port rule, select ssh.

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


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

**STEP 4** Go to Monitoring, click on "disable"

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

**STEP 5** Click on "review and create" wait for it to review then click on "create".

**STEP 6** After deployment is complete, click on "resource", check under status to see if the virtual machine is running.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3bwaa2fflyqavzyr9xeu.png)
JavaScript is a bully!
Tags: javascript, beginners, programming, womenintech
Published: 2023-03-29 23:36:33

**Week 2 of Phase-1** 
Its only been 2 weeks in the Fullstack curriculum and I can already tell that javascript will be the language I despise the most, so there goes my Fronted dev dreams I'll have no choice but to resign in the back lol.
 Every time I get the hang of a new concept javascript shows me that I should read the fine print.
 One of the biggest struggles I'm currently having is understanding "CallBack Functions", I can't even begin to explain which part of it is confusing to me because its literally all of it!
Im trying not to stress over since its only week 2 but after watching 30+ videos on the subject on youtube and still not being able to understand ANY of it is very depressing.
I know eventually I'll grasp the concept of it and I'll look back at this post and call myself an idiot lol, but until then I would like to file a restraining order on JAVASCRIPT!
Bye bye
Tags: discuss, career
Published: 2023-03-29 23:36:28

This forum helps many people to find the answers they need. It also helps to discuss stories from their own perspective. Everyone has their own story to tell, and this forum gives the opportunity for people to share those stories. I believe this forum will be useful to those who need focused advice and thoughtful discussion on their individual stories.

I leave this forum. Have a nice day. Good luck, guys