teleren/devto huggingface dataset:
MTM Roofing
Published: 2024-01-11 00:02:35

MTM Roofing is one of the top-of-the-line Provo roofers who work in rooftop substitutions, rooftop fixes, and tempest reclamation. MTM Roofing likewise offers drain substitutions and drain fixes. MTM Roofing group specializes in giving reasonable rooftops and extraordinary client assistance. Our representatives are handpicked for their experience, difficult work, and respectability. We have some expertise in private and business material frameworks and work eagerly to give extraordinary quality and worth to clients.

We've been giving excellent business rooftop fix administrations to Provo building proprietors for over a decade. We have a team of dedicated and experienced professionals with over 100 years of combined experience in the roofing industry. Our core values of Integrity, Growth-Minded, Problem-Solving, Consistency, and Open-Communication drive our team to provide metro Provo homeowners and commercial property owners with a hassle-free roofing experience.

Contact Us

MTM Roofing
Address:790 E 1860 S, Provo, UT, 84606
Phone: 385-332-8418
Email:production@mtmutah.com
Website:https://mtmroofing.com/utah
Growth Habits: Essentials for 2024?
Tags: devresolutions2024, discuss
Published: 2024-01-11 00:00:00

---
published_at : 2024-01-11 00:00 +0000
---
What habits do you believe are essential for personal growth in 2024, and how do you plan to incorporate them into your daily routine?
<br>
Follow the DEVteam for more discussions and online camaraderie!
{% embed https://dev.to/devteam %}
My Drupal testing email course is live
Published: 2024-01-15 11:33:36

---
title: My Drupal testing email course is live
published: true
date: 2024-01-11 00:00:00 UTC
tags: 
canonical_url: https://www.oliverdavies.uk/archive/2024/01/11/my-drupal-testing-email-course-is-live
---

Do you want to learn automated testing in Drupal?

My free email course is live!

Learn how to write tests in Drupal from a DrupalCon speaker, workshop trainer, and module maintainer (me!).

Register for the course and get a lesson each day where you build a module from scratch with automated tests and test-driven development based on my previous talks and workshops.

All emails are sent from my personal email address, so if you have questions or issues, you can press reply and let me know. I'll be happy to help!

Happy testing!

P.S. Did you on this list by mistake? If you want the email course but are getting these daily emails instead, feel free to unsubscribe from this list and re-register for the course at [https://www.oliverdavies.uk/atdc](https://www.oliverdavies.uk/atdc).
Empowering Others: Delegation and Mentorship Impact?
Tags: discuss, codenewbie, beginner
Published: 2024-01-11 00:00:00

---
published_at : 2024-01-11 00:00 +0000
---
As you grow in your role, how comfortable are you with empowering others to solve problems? Discuss the value of delegation and mentorship in driving impactful work.
<br>
Follow the DEVteam for more discussions and online camaraderie!
{% embed https://dev.to/devteam %}
How to write articles in Markdown for Substack and Medium using GitHub Page’s Atom/RSS feed
Published: 2024-01-13 01:28:02

---
title: How to write articles in Markdown for Substack and Medium using GitHub Page’s Atom/RSS feed
published: true
date: 2024-01-11 00:00:00 UTC
tags: 
canonical_url: https://siran.github.io/writing/2024/01/11/how-to-write-articles-in-markdown-for-substack-and-medium-using-github-pages-atom-rss-feeds.html
---

# How to write articles in Markdown for Substack and Medium using GitHub Page’s Atom/RSS feed

It is possible (and not hard) to have all your beautiful articles in plain-text format, backed-up and versioned-controlled.

If you write online you might find this useful.

You can write all your articles using [Markdown](https://en.wikipedia.org/wiki/Markdown) and then import them to Substack using [Jekyll](https://jekyllrb.com/)’s [jekyll-feed](https://github.com/jekyll/jekyll-feed) plugin’s Atom (RSS-like) feed to import articles into Substack.

All your articles in plain-text format, backed-up and versioned-controlled.

## Canonical URL remains in Substack

Substack always retains the canonical URL. When Medium or Dev.to import articles, they respect Substack’s canonical URL.

## My articles in Markdown

I like the idea of having my articles written down in markdown and version controlled with Git.

It makes it easy to post code

```
def myfunc():
   pass

```

Probably even some Latex $E=mc^2$. If not now, I might be able to make it work in the future.

In my local editor it looks OK: ![](https://i.imgur.com/3uhlSHH.png)_Testing a caption for the image_

## Setting it up

It was not so hard to set up GitHub pages. I followed [this tutorial](https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll) among other many tutorials.

ChatGPT help me to resolve Rube installation problems.

I do have some computing skills (I already knew Git, Markdown, etc.), so that helped.

## Tests and improvements

I am still testing if the Jekyll->Github Pages->RSS->Substack pipeline is the right solution. I still don’t know if platforms will behave as expected over time. The good thing is that my articles are safe in markdown format in my computer and cloud backups, and available as well in a [Github Page](https://siran.github.io/writing/).

It’s also easy to run the static page locally.

## If development stops means there are no more developers

Development never stops.

Next I plan to implement [Staticman](https://staticman.net/), to allow for version-controlled comments for my articles.

Also it looks appealing to write a simple script to automate the article timestamping. Also, probably, another script to automate the canonical URL update for the articles posted in Github.

* * *

So this is all the pipeline test for now.

Comment, like and subscribe. :-)

(update: pipeline seems to work fine. Updated canonical URL in the GitHub page to point to Substack. Substack is like my main publisher; Github is the preprint; Medium and Dev.to the communicators.)
Embed images from Google Drive in your website
Tags: googledrive, image, googleworkspace
Published: 2024-01-11 23:08:58

---
title: Embed images from Google Drive in your website
published: true
date: 2024-01-11 00:00:00 UTC
tags: googledrive, image, googleworkspace
canonical_url: https://justin.poehnelt.com/posts/google-drive-embed-images-403/
---

Recently the ability to embed Google Drive images with the `/uc` path started failing. For example, the following `<img>` would have worked in the past with the export view link:

```html
<!-- DOES NOT WORK: 403 Forbidden -->
<img 
  src="https://drive.google.com/uc?export=view&id=1234567890abcdef" 
/>
```

However this no longer works and a 403 error is returned. Partly this is because of the discontinuation of third party cookies. You can read more at this blog post, [Upcoming Changes to Third Party Cookies in Google Drive](https://workspaceupdates.googleblog.com/2023/10/upcoming-changes-to-third-party-cookies-in-google-drive.html).

The suggestion is to do the following to embed a Google Drive image:

> For other files, once opened in Drive, select “Open in new window” from the overflow menu, and then open the overflow menu and select “Embed item…”, which provides the iframe HTML tag.

This generates an iframe with the following HTML:

```html
<iframe src="https://drive.google.com/file/d/1234567890abcdef/preview"></iframe>
```

## Examples embedding images from Google Drive

This can be added to a website, but it’s not ideal. The iframe has a background color and the image is not responsive.

Here the border has been removed with `style="border: 0"` and no height or width has been set.

```html
<iframe src="https://drive.google.com/file/d/18onwpszLRsc62P92f7biat6ORbXtL7u4/preview" style="border: 0"></iframe>
```

Here the border has been removed with `style="border: 0"` and the height and width have been set to match the image.

```html
<iframe src="https://drive.google.com/file/d/18onwpszLRsc62P92f7biat6ORbXtL7u4/preview" style="border: 0" height="400" width="600"></iframe>
```

### Limitations

- The iframe has a background color
- The image in the iframe is not responsive
- Other elements such as zoom controls over the image
- No ability to add alt text
- Click handlers will be messy
- Requires knowing the size of the image and not just the Drive file id

### Long term fix

I would move the files to a different host optimized for serving public images behind a CDN.
I created an app that turns photos into interior designs ✨
Tags: webdev, showdev
Published: 2024-01-10 23:57:50

Hi! 👋
I wanna share my first startup I launched in 2024 🥳 It's called Decoratly and it's an AI app that turns photos into interior designs 🏡

Here's an example:

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

You can try it for free on [decoratly.com](https://www.decoratly.com) ✌️
Azure Az.Storage command returns "A task was canceled."
Published: 2024-01-10 23:52:30

Using az.storage version 6.1.0 with this command:
```
$context = New-AzStorageContext -StorageAccountName accountname
```
(run after successfully connecting - Connect-AzAccount - and selecting the correct subscription - Set-AzAccount)

I kept getting this error:

> New-AzStorageContext: A task was canceled.

Not the most helpful error message! Turns out the fix is very simple, we now **need to provide the key** as well (the previous version I was running did not require the key)

```
$context = New-AzStorageContext -StorageAccountName accountname -StorageAccountKey accountkey
```
Easy...made difficult by the useless error message.
Maximizando la Productividad: Cómo Finalizar tu Jornada de Desarrollo de Software de Manera Efectiva
Tags: webdev, programming, productivity, spanish
Published: 2024-01-10 23:41:57

Como desarrolladores de software, a menudo nos encontramos inmersos en un mar de códigos y deadlines. Mientras que comenzar el día con energía es importante, terminarlo de manera productiva es igualmente importante para mantener un equilibrio saludable y prepararnos para el éxito continuo. En este post, compartiré estrategias comprobadas para concluir tu día de trabajo de forma que te sientas satisfecho y listo para los desafíos de mañana.

## Reflexión Efectiva
- **Revisión Diaria**: Dedica tiempo al final de cada jornada para reflexionar sobre lo que has logrado. Esto no solo proporciona una sensación de cierre, sino que también te permite reconocer tus éxitos y áreas de mejora.
- **Lecciones Aprendidas**: Haz un balance de los desafíos enfrentados y cómo los superaste. Esto fomenta un aprendizaje continuo y te prepara para situaciones similares en el futuro.

## Planificación Estratégica
- **Establece Prioridades para el Día Siguiente**: Antes de terminar tu día, anota las tareas principales para mañana. Esto te ayudará a comenzar el día siguiente con un plan claro y una dirección enfocada.
- **Métodos de Organización**: Utiliza herramientas como Trello, Jira o tu propio sistema personalizado para organizar y priorizar tus tareas.

## Reconocimiento de Logros y Práctica de Gratitud:
- **Celebra los Pequeños Éxitos**: Reconocer tus logros, no importa cuán pequeños sean, puede ser un gran motivador. Esto es especialmente importante en proyectos a largo plazo donde los resultados no son inmediatos.
- **Escribe Algo por lo que Estés Agradecido**: La gratitud no solo mejora tu bienestar emocional, sino que también te ayuda a mantener una perspectiva positiva.

## Rutinas de Cierre
- **Desconexión del Trabajo**: Establece una rutina para desconectarte del trabajo, como apagar la computadora o ordenar tu espacio de trabajo. Esto marca una clara distinción entre tu vida profesional y personal.
- **Actividades de Relajación**: Realiza actividades que te relajen, ya sea leer, meditar o simplemente pasar tiempo con la familia. Esto ayuda a despejar tu mente y a recargar energías.

Terminar tu día de manera efectiva es un componente clave para ser un desarrollador de software bien equilibrado. Implementando estas estrategias, no solo aumentarás tu productividad, sino que también mejorarás tu satisfacción personal y profesional. Recuerda, el éxito en el desarrollo de software no solo se mide por lo que logras durante tu jornada laboral, sino también por cómo terminas y te preparas para el día siguiente.

¿Tienes alguna rutina especial para concluir tu día de trabajo? ¿Cómo aseguras un equilibrio saludable entre trabajo y vida personal? Comparte tus estrategias y consejos en los comentarios.
Maximizing Productivity: How to Effectively End Your Software Development Workday
Tags: webdev, programming, productivity, softwaredevelopment
Published: 2024-01-10 23:41:05

As software developers, we often find ourselves immersed in a sea of code and deadlines. While starting the day with energy is important, ending it productively is equally crucial for maintaining a healthy balance and preparing ourselves for ongoing success. In this post, I'll share proven strategies to conclude your workday in a way that leaves you feeling accomplished and ready for tomorrow's challenges.

## Effective Reflection
- **Daily Review**: Allocate time at the end of each day to reflect on what you've accomplished. This not only provides a sense of closure but also allows you to recognize your successes and areas for improvement.
- **Lessons Learned**: Take stock of the challenges faced and how you overcame them. This fosters continuous learning and prepares you for similar situations in the future.

## Strategic Planning
- **Set Priorities for the Next Day**: Before ending your day, jot down the main tasks for tomorrow. This will help you start the next day with a clear plan and focused direction.
- **Organization Methods**: Use tools like Trello, Jira, or your own customized system to organize and prioritize your tasks.
- Acknowledging Achievements and Practicing Gratitude:
- **Celebrate Small Wins**: Acknowledging your achievements, no matter how small, can be a great motivator. This is especially important in long-term projects where results are not immediate.
- **Write Something You're Grateful For**: Gratitude not only improves your emotional well-being but also helps you maintain a positive outlook.

## Closing Routines
- **Disconnect from Work**: Establish a routine to disconnect from work, such as shutting down your computer or organizing your workspace. This marks a clear distinction between your professional and personal life.
- **Relaxation Activities**: Engage in activities that relax you, be it reading, meditating, or simply spending time with family. This helps clear your mind and recharge.

Ending your day effectively is a key component to being a well-balanced software developer. By implementing these strategies, you'll not only increase your productivity but also enhance your personal and professional satisfaction. Remember, success in software development is not just measured by what you accomplish during your workday, but also by how you end and prepare for the next day.

Do you have a special routine to conclude your workday? How do you ensure a healthy balance between work and personal life? Share your strategies and tips in the comments.
Day 892 : 99
Tags: hiphop, code, coding, lifelongdev
Published: 2024-01-10 23:12:52

_liner notes_:
- Professional : Not a bad day. Started reviewing and working on some pull requests. Followed up on some community questions. Then spent the rest of the day converting a proof of concept I made into a Web Component and publishing a test component to put into a sample app. I'm like 99% there. The way I'm implementing it into the sample app in in a dialog, so it's not showing the Web Component initially and that is setting some of the Web Component elements' to 0 which is causing errors. If I just place the Web Component on the page, things work. I think I'm going to need a Resize Observer. Other than that, I should be good to go. 

- Personal : Last night there was a tornado warning where I was. It was super windy. I went through some tracks for the radio show. I worked on the layout of my side project. Got some place holder elements for the different parts of the UI. Ended the night watching an episode of "Blue Eye Samurai". It's pretty good.

![The side of a mountain in Carpathian Park, Ukraine covered in green grass and pink flowers at sunset with the mountain range extending into the distance](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q4hs54oysh36iqpw2o5t.jpg)

Going to spend like an hour trying to see if the ResizeObserver will fix my issue with the Web Component. I want to get it to a point where others can test it out and give me feedback while I finalize the Web Component and put together some documentation for it. Hopefully it works. From what I've been reading on MDN, it could be what I'm looking for. After that, I'll probably pick up some projects off Bandcamp and start putting together the social media posts for Friday. If I have time, I'd like to start working on the animation for my side project since I have all the place holder elements in. Then end the night watching "Blue Eye Samurai". About to eat some dinner and get my night started.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube GlZ5WdXswEQ %}
How to submit apps to the Amazon Appstore
Tags: tutorial, amazonappstore, android, reactnative
Published: 2024-01-10 23:05:33

Did you know your Android and React Native apps can be published on the Amazon Appstore?

This is a great way to reach a new customer-base of Fire tablet, Fire TV, and Echo devices users. Check out our [dev site overview](https://developer.amazon.com/apps-and-gameshttps://m.amazonappservices.com/devto-newsletter-subscribe?cmp=US_CON_DEV-amazonappdev&ch=soc&chlast=soc&pub=devto&publast=devto&type=org&typelast=org) and [porting docs](https://developer.amazon.com/docs/app-submission/migrate-existing-app.html?cmp=US_CON_DEV-amazonappdev&ch=soc&chlast=soc&pub=devto&publast=devto&type=org&typelast=org) to learn more.

If you're ready to port, submit, or update an app for the Amazon Appstore, check out this video walkthrough I created, about the steps in our submission process. A few areas I cover are:

- How to port an app to the Amazon Appstore
- How to upload your app file
- How to target devices, locations, and audience segments
- How to fill out details including the price, description, images, and multimedia
- How to submit your app for testing and review

{% embed 
https://www.youtube.com/watch?v=-8Bmp01Z6T8 %}

Thanks for watching and let me know if you have any questions in the comments below! 

## Stay updated

Get the most up to date Amazon Appstore developer news, product releases, tutorials, and more:
- 📣 Follow [@AmazonAppDev](https://twitter.com/AmazonAppDev) on X (Twitter)
- 📺 Subscribe to our [YouTube channel](https://www.youtube.com/amazonappstoredevelopers)
- 📧 Sign up for the [Developer Newsletter](https://m.amazonappservices.com/devto-newsletter-subscribe?cmp=US_CON_DEV-amazonappdev&ch=soc&chlast=soc&pub=devto&publast=devto&type=org&typelast=org)
How to Connect to MySQL through SSH Tunnel
Tags: mysql, bash, tutorial
Published: 2024-01-10 23:00:21

🚀 Dive into the world of secure database management! 🛡️✨ Unlock the secrets of connecting to MySQL through an SSH tunnel - your key to safeguarding data and managing databases with confidence. 💻🔒 Our [step-by-step guide](https://coderden.dev/posts/how-to-connect-to-mysql-through-ssh-tunnel) makes it easy for beginners and pros alike! Ready to elevate your MySQL game? Check out the details and leave your questions in the comments. Let's master tech together! 👩‍💻👨‍💻 #MySQL #SSHConnection #TechMastery #DatabaseSecurity #LearnTech
The Twelve-Factor App: Logs
Tags: writing, architecture, devjournal, learning
Published: 2024-01-10 22:53:20

### Treat logs as event streams

---

Logs offer insights into the behavior of a running app, typically stored in log files on the disk containing the app's outputs.

They represent an aggregated, time-ordered stream of events occurring across running processes and backing services, registering each event on a single line. Logs flow continuously without a fixed start or end as long as the app operates.

**A twelve-factor app doesn't concern itself with routing or storing its output stream.** Rather than managing log files, the focus is on directing processes and backing services to output logs to `stdout`.

During local development, developers can observe logs in their terminal's foreground to monitor the app's behavior. In other environments like `test`, `staging`, or `production`, this is captured by the execution environment. All streams from the app, its processes, and backing services are directed to one or more final destinations for viewing and long-term storage, entirely managed by the execution environment.

The app's event stream can be directed to a file or monitored in real-time using terminal-based tail commands. Importantly, it can also be sent to a log indexing and analysis system or a general-purpose data warehousing system like `Hadoop` or `Hive`. These systems offer significant power and flexibility for examining an app's behavior over time, including:

- Find specific time events in the past;
- Large-scale graphing of trends(such as the requests per minute);
- Active alerting according to user-defined heuristics(such as an alert when the quantity of errors per minute exceeds a certain threshold)

_This Twelve-Factor App post series is a means for me to
consolidate the knowledge I've gained while studying these
rules. Please feel free to visit [the site (https://12factor.net/) for more detailed explanations. That's all folks!_
Check out this Open Source Django-Tailwind Developer Portfolio and Blog in 2024!
Tags: portfolio, django, python, tailwindcss
Published: 2024-01-10 22:44:46

When exploring job opportunities, especially in technical fields like software engineering or web development, having a portfolio website is crucial. It serves as a centralized platform to showcase your work to the world.

We're thrilled to present our latest open-source project, the **"Django-Tailwind Blog."** Beyond being a traditional portfolio, it also functions as a blog where you can share your content with your community.


![django-tailwind-blog](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f9wyldj31iml9owaqwzh.png)

## Django Tailwind Blog

**"[Django Tailwind Blog](https://github.com/ashish-makes/django-tailwind-blog)"** is a developer blog and portfolio website built using Django and Tailwind CSS. It includes several pages such as Home, About, Contact, Blog, Projects, Categories, and custom 404 pages. The project features a clean and modern design that is fully responsive and optimized for performance. It includes a powerful admin interface for managing the content, and is easy to customize and deploy to a production environment.

### Technologies used
1. Python (Django)
2. HTML
3. Tailwind CSS
4. JavaScript
5. TinyMCE WYSIWYG Editor

### Features
- Responsive design using Tailwind CSS
- Separate Blog and Projects page
- Admin dashboard for managing blog posts and portfolio items
- Contact form for sending messages to the site owner

We have used [TinyMCE WYSIWYG](https://www.tiny.cloud/) editor to create the form to write articles which provides various options such as insert tables, images, link, comment, code. Furthermore it also provides various text formatting tools such as bold, italics, underline, various heading sizes, font styles and much more.

Below are some project screenshots

### About Page
![django-tailwind-blog](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lf35fydkhvq3hr3xve9q.png)

### Contact Page
![django-tailwind-portfolio](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/23d8qgz5b9p0ii6ojpji.png)

### Custom 404 Page
![django-tailwind-portfolio](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dw3b92evlgi4zrxjxbva.png)

We hope you enjoy this project. Feel free to contribute and help make this open-source project even more awesome!