teleren/devto huggingface dataset:
QAO - Technology for the people
Tags: crypto, blockchain, javascript, programming
Published: 2021-09-09 15:46:29

---
title: QAO - Technology for the people
published: true
description: Rarechain/QAO is now widely known as one of the most upcoming DeFi ecosystems ever created. 
tags: crypto, blockchain, javascript, programming
//cover_image: https://twitter.com/QAOdotio/header_photo
---

I’ve been observing what is going on in the world for as long as I’ve been alive and much before. What is going on right now is planned.

We need change.

The past 100 years have been a buildup of many lies, lack of transparency, profitability before accountability for the actions taken and many more concepts that I don’t even understand why we, the people, accepted.

We need radical transparency.

This is why the blockchain has been so popular lately… Transparency, freedom, control over our own life.

The concept of decentralized autonomous organizations (DAOs) started to rise in popularity in the cryptocurrencies world. Why? Because it gives power to the contributors. True power. They can vote, they can participate, they can give their opinion, they can be heard and they can even be rewarded for those actions.

We’ve seen this concept since the inception of Ethereum and it has been growing in popularity lately, with DeFI exchanges like UniSwap having a voting system for changes to their ecosystem based on the UNI governance token.

A couple years ago, someone approached me with a crazy idea, knowing I have a deep knowledge of finance, cryptocurrencies, software engineering and many other skills needed for the idea to take place.

He wanted to get many people around the world involved in creating something more on top of the DAO principle, where people could collaborate in an entire ecosystem providing financial and decision-making freedom.

The technology for the people. Anyone.

Using the blockchain was the idea, because of the transparency of every transaction. Also, the decentralization made it available for everybody around the world, with no initial value so only it’s utility would give it a value.

He showed me the idea, his whitepaper and all the work behind the concept. I was astonished. I decided to give a hand and help the project because it was directly bonded to my values.

From those discussions is born QAO (Qualified autonomous organisation) with the only purpose to be fully community driven, rewarding the contributors for its implication and dedication in the evolution of the decentralized ecosystem.

We decided to leverage the Web3 JavaScript open ecosystem and many of the existing tools, creating the missing ones, to develop that dream that is becoming a reality right now.

Maybe my opinion is biased by my contribution to the project, but I really think that people interested in their freedom should pay attention to this soon-to-officially-launch project.

If you want to learn more, you can join the community on the discord or browse dome information on the website and the medium.


Discord: https://discord.gg/9s26U8Uf47
Website: https://qao.io/
Medium: https://qaodotio.medium.com/
Haskell program answer please
Published: 2021-09-09 15:54:32

  Define a function dropOdds :: Int -> Int with the following behaviour.
For any positive number m, dropOdds m is got by dropping all the odd digits 
in m. (If all the digits in the number are odd, the answer should be 0.)

Test cases:
dropOdds 0 			= 0
dropOdds 8 			= 8
dropOdds 1357 	= 0
Freelance Biller
Published: 2021-09-09 15:34:42

```python
# freelance_biller.py
# This program accepts a start time and an end time and calculates
# the total bill for freelance work completed.
# by Scott Gordon

def main():
    print("***** Welcome to Freelance Biller *****\n")

    start_time = input("Enter the billing start time in 00:00 24hr format: ")
    finish_time = input("Enter the billing end time in 00:00 24hr format: ")
    pay_rate = float(input("Enter the rate of pay in 00.00 usd format: "))

    def freelance_biller(stime, ftime, rate):
        """Accepts a start time, end time and payrate, then calculates the
        bill accordngly"""
        stime_split = stime.split(":")
        ftime_split = ftime.split(":")
        hours_diff = int(ftime_split[0]) - int(stime_split[0])
        mins_dif = int(ftime_split[1]) - int(stime_split[1])
        hours_bill = rate * hours_diff
        mins_bill = rate * (mins_dif / 60)
        bill = hours_bill + mins_bill
        return f"\nClients bill is: ${bill:.2f}"

    print(freelance_biller(start_time, finish_time, pay_rate))


if __name__ == '__main__':
    main()

```
Photo by <a href="https://unsplash.com/@josephgruenthal?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Joseph Frank</a> on <a href="https://unsplash.com/s/photos/freelance?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
Quick security wins for your Next.js app
Tags: react, nextjs, webdev
Published: 2021-09-09 15:17:29

---
title: Quick security wins for your Next.js app
published: true
description: Provide better web security for your Next.js app with some easy to implement HTTP response headers
tags: react, nextjs, webdev
cover_image: https://images.pexels.com/photos/241028/pexels-photo-241028.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940
---

Let's secure your next Next.js app (pun intended) in 3 minutes or less using HTTP response headers.

I will not go into details about every HTTP header used below. This [Web Security Cheat Sheet from MDN](https://infosec.mozilla.org/guidelines/web_security) is a great place to start learning about these.

However, I will point out that these headers provide some form of protection against cross-site scripting (XSS) vulnerabilities.

## Using custom headers

Let's see some code!

First, let's create a new file `headers.js` with every header used in the app. This way we'll keep our project structure clean and DRY.

```js
module.exports = [
  {
    key: 'X-DNS-Prefetch-Control',
    value: 'on',
  },
  {
    key: 'Strict-Transport-Security',
    value: 'max-age=63072000; includeSubDomains; preload',
  },
  {
    key: 'Server',
    value: 'Apache', // phony server value
  },
  {
    key: 'X-Content-Type-Options',
    value: 'nosniff',
  },
  {
    key: 'X-Frame-Options',
    value: 'sameorigin',
  },
  {
    key: 'X-XSS-Protection',
    value: '1; mode=block',
  },
  {
    key: 'Referrer-Policy',
    value: 'same-origin',
  },
  {
    key: 'Permissions-Policy',
    value: 'geolocation=*', // allow specified policies here
  },
];
```

Now that we have a single file for all our HTTP headers, we need to include them in the `next.config.js` file.

```js
const headers = require('./headers');

module.exports = {
  // append this at the bottom of your next.config.js file
  async headers() {
    return [
      {
        source: '/(.*)',
        headers,
      },
    ];
  },
};
```

This will apply the defined HTTP response headers to all routes in your application, [as seen in this Vercel guide](https://nextjs.org/docs/advanced-features/security-headers).

I have included these security headers in [my Next.js starter template on Github](https://github.com/victorocna/awesome-react-starter). It has plenty of cool features I hope you'll like.

## Closing thoughts

You can scan your app for possible vulnerabilities using [this awesome tool](https://securityheaders.com). And if you have a Next.js app and forgot to secure it, now is the perfect time.

Something missing? Disagree with something from the article? I would love to hear your opinion in the comment section below.
Migrating from NgRx Store to NgRx ComponentStore
Tags: angular, ngrx, rxjs
Published: 2021-09-09 15:11:15

Photo by <a href="https://unsplash.com/@jaye_haych?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Jaye Haych</a> on <a href="https://unsplash.com/s/photos/light-switch?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
  
There are a few primary ways to manage state in Angular. You can manage state with purely Angular mechanisms, services and Observable subjects, or use a state management library such as NgRx Store. NgRx Store is commonly used for application-wide shared state and uses the following guidelines for determining what goes in the global store, known as the S.H.A.R.I principle.

**S**hared: state that is accessed by many components and services.

**H**ydrated: state that is persisted and rehydrated from external storage.

**A**vailable: state that needs to be available when re-entering routes.

**R**etrieved: state that must be retrieved with a side-effect.

**I**mpacted: state that is impacted by actions from other sources.

There may have been some scenarios where you used NgRx Store as a convenient pattern for state that only needed to be managed locally. In NgRx, we've introduced the ComponentStore library to solve this use case.

NgRx ComponentStore is a stand-alone library that helps to manage local/component state. It's an alternative to reactive push-based "Service with a Subject" approach. So how do you go from one to the other? This video walks through removing some state from the global store and managing it locally, using the NgRx books app as an example.

{% youtube 3Y16WVam3Zw %}

If you found this post helpful, click the :heart: so other people will see it. You can also [subscribe to my YouTube](https://youtube.com/brandonroberts?sub_confirmation=1) channel for more NgRx and Angular content!
Phalcon 5.0.0alpha5 Released!
Tags: phalcon5, release
Published: 2021-09-09 15:48:44

---
title: Phalcon 5.0.0alpha5 Released!
published: true
date: 2021-09-09 15:07:41 UTC
tags: phalcon5,release
canonical_url: 
---

We are very happy to announce the release of Phalcon v5.0.0 Alpha 5!

[Github Tag](https://github.com/phalcon/cphalcon/releases/tag/5.0.0alpha5)

> This release requires PHP 7.4 or PHP 8.0

> The PECL package will be uploaded within the next few days (we are working to speed that process up also). Packagecloud packages will be available later on tonight.

There was a potential security issue discovered from one of the members of the community and therefore we rushed to release `v5.0.0alpha4`. However, during that release, we accidentally generated the source files with the wrong Zephir version. As such, if the community would compile and use `alpha4` would end up with the dreaded `PSR Symbols not defined` (or something similar).

[Jeckerson](https://github.com/Jeckerson) and [AlexNDRmac](https://github.com/AlexNDRmac) worked to better adjust our build process to merge all the architectures in one folder (instead of three in the past). They also fixed the GitHub Action that would automatically attach the PECL package as well as the DLLs in the release page when we tag the `master` branch with a new release.

The process is working as expected (tested it with the latest release). This alone has saved a lot of work for the team, since we are no longer waiting for hours for AppVeyor to build the DLLs, nor do we have to manually download them and attach them to the release.

Huge thanks to our contributors that reported issues, offered input as well as submitted pull requests with additions and corrections!

NOTE: You can always check our roadmap and the status of our active sprint for v5 in our project page: [https://github.com/orgs/phalcon/projects/4](https://github.com/orgs/phalcon/projects/4)

# Changelog

# [5.0.0alpha5](https://github.com/phalcon/cphalcon/releases/tag/v5.0.0alpha5) (2021-09-09)

## Changed

- Merged all architectures (`build/phalcon/32bits`, `build/phalcon/64bits` and `build/phalcon/safe`) into single universal inside `build/phalcon` [#15647](https://github.com/phalcon/cphalcon/issues/15647)

## Fixed

- Fixed C code in `build/` directory [#15647](https://github.com/phalcon/cphalcon/issues/15647)

# [5.0.0alpha4](https://github.com/phalcon/cphalcon/releases/tag/v5.0.0alpha4) (2021-09-05)

## Changed

- Changed `composer.json` to use PSR 1.1.x [#15504](https://github.com/phalcon/cphalcon/issues/15504)
- Changed `Phalcon\Di\Injectable:getDI()` to set default DI when no DI is set [#15629](https://github.com/phalcon/cphalcon/pull/15629)

## Added

- Added `Phalcon\Flash\Direct::setCssIconClasses` and `Phalcon\Flash\Session::setCssIconClasses` to allow setting icons in the flash messages (bootstrap related) [#15292](https://github.com/phalcon/cphalcon/issues/15292)
- Added `Phalcon\Http\Message\RequestMethodInterface` and `Phalcon\Http\Message\ResponseStatusCodeInterface` that contain constants to be used for any HTTP implementations (see PHP-FIG) [#15615](https://github.com/phalcon/cphalcon/issues/15615)
Should I allow my teammates to make mistakes, so that they can learn from them?
Tags: discuss, leadership, help, softskills
Published: 2021-09-09 14:55:40

Hi, I am working to become a tech lead at my company and my manager posed me this question: 

>_If I become a tech lead, should I allow my teammates to make minor mistakes so that they can learn from them?_

His reasoning was that people will learn much more from a mistake than from direct guidance, and that we could take on the cost of a small mistake, so that the team can grow.

What are your thoughts on this?
Pure CSS Accrodion
Tags: css, performance, showdev, codepen
Published: 2021-09-09 14:47:15

---
title: Pure CSS Accrodion
published: true
tags: css, performance, showdev, codepen
cover_image: https://images.unsplash.com/photo-1504459134801-e65e543112b6?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=750&q=80
---
Here is another component, usually made with JS, developed in **pure CSS**.
Also on this occasion I exploited the potential of the `input`, which guarantee a homogeneous robustness in every browser and operating system.

In this case the `checkbox` allows you to have more _tabs_ open in an **accordion** , unlike the `radio`.


{% codepen https://codepen.io/tamer_aka_remat/pen/powePwG %}
Build the Medium Text-Highlighter as a Chrome Extension with Web Components
Tags: javascript, html, css
Published: 2021-09-09 14:45:10

Learn to build a Chrome extension with Web Components

{% medium https://javascript.plainenglish.io/how-to-build-the-medium-text-highlighter-as-a-chrome-extension-with-web-components-b3feccddcd01 %}
Escape Life With Us For A Little While
Tags: besthotelsinlonavala, destinationweddinnearmumbai, weddingvenuesinlonavala, resortinlonavala
Published: 2021-09-09 14:42:36

When it comes to <a href="https://www.dukesretreat.com/khandala" target="_blank">Hotels in Khandala</a> tourists as well as locals swear by The Dukes Retreat. A resort that overlooks a picturesque view of the Western Ghats located on the Old Pune-Mumbai Highway. <br>

One of the <a href="https://www.dukesretreat.com/poolspa" target="_blank">Best hotels in Lonavala</a>, Duke’s Retreat boasts of a luxurious resort that combines style with class. Surrounded by a beautiful luscious green landscape. The Dukes Retreat Resort is known for its intriguing interiors and surroundings that will mesmerize your mind. <br>

We offer a variety of services to keep our guests entertained and pampered through Classic Restaurants, English Style Bar, Large Banquets, Meeting Rooms, Business Centre, Fitness Centre, Swimming Pool and Kids Play Zone.<br>

It is also one of the luxurious <a href="https://www.dukesretreat.com/recreation" target="_blank">Resorts in Lonavala</a> that allows you to nestle in the arm of nature and experience exquisite personalized services. <br>

Duke’s retreat is also a great choice for a <a href="https://www.dukesretreat.com/events" target="_blank">Destination Wedding near Mumbai</a>, being only a two hours drive away.The resort is lavishly inhabited by greenery, and lush panoramic views! <br>

The Dukes Retreat has a distinguished plethora of facilities and surprises in store for everyone, making it an ideal location as one of the best <a href="https://www.dukesretreat.com/rooms" target="_blank">Wedding Venues in Lonavala</a>. <br>

The resort is well suited for family vacations as well as official 
trips. You can also plan a fun time together with your or a very special occassion! Regardless of the purpose of your visit, we have something for everyone. <br>

<b>For Budget Enquiry Contact Us:</b><a href= “tel:022-43332000” target="_blank"> 022-43332000</a>, <a href= “tel:+91 7875840400” target="_blank">+91 7875840400</a>, <a href= “tel:+91 7875630300” target="_blank">+91 7875630300</a><br>
<b>You can also contact us through Mail: </b><br>
<a href= "mailto:sales@dukesretreat.com" target="_blank">sales@dukesretreat.com</a><br>
<a href= "mailto:reservations@dukesretreat.com" target="_blank">reservations@dukesretreat.com</a><br>
<a href= "mailto:hotel@dukesretreat.com" target="_blank">hotel@dukesretreat.com</a><br>
<b>You can directly meet us at</b> Sadhana Rayon House, D.N.Road, Mumbai - 400 001. Tel: 022-43332000 | Fax: 022-22620219
5 Skills You Should Learn Right Away as a Full-Stack Developer
Tags: programming, javascript, typescript, vscode
Published: 2021-09-09 14:39:47

Learn them now; you will regret delaying it

{% medium https://medium.com/@mariusbongarts11/5-more-skills-you-should-learn-right-away-as-a-full-stack-developer-4cb6f935671 %}
Meet DevToken: a cryptocurrency to sponsor open source developers
Published: 2021-09-09 14:30:40

Do you know what is one of the biggest problems for open-source developers? yeah, It's earning money.

They can earn money with supports but how? You may say with github sponsors but unfortunately, a lot of developers cannot use this project.
## so how we can support developers?
cryptocurrency is the future money, right? so we can use cryptocurrencies like Bitcoin to support developers but isn't making a Token just for this work better? 
So I made **DevToken** to solve this problem.
## What is **DevToken**
DevToken is an ERC-20 Token that is for supporting developers.
## Why DevToken ?
because DevToken is open-source and You can use metamask as wallet 
## Wallets & excanges
- wallets : You can use metamask after deploying the contract.
- exchange : You can use pancakeswap
## Support us
The contract has not been deployed yet. Deploying and creating a liquid pool in pancakeswap will take 30$ - 70$, so please support us.
ETH : 0x978042555F0cB41BDF76E1676eD2CA648dCc1ef6

## consultation
In this article , I showed you what is DevToken . You can find the source code in here [github](https://github.com/mehanalavimajd/devtoken)
I hope you liked this article :) .
How to solve the global id reclaim in your Ceph cluster
Published: 2021-09-09 14:26:20

---
title: How to solve the global id reclaim in your Ceph cluster
published: true
description: We look into what the error about global id reclaim when you upgrade your Ceph cluster is all about. I got this error when I installed my new cluster and had to solve the issue. After reading about the reclaim of the global id I understood that it was a really bad practice and I'm happy they found a solution to it.
tags:
cover_image: https://i.ytimg.com/vi/Ds4Wvvo79-M/maxresdefault.jpg
---

{% youtube Ds4Wvvo79-M %}

We look into what the error about global id reclaim when you upgrade your Ceph cluster is all about. I got this error when I installed my new cluster and had to solve the issue. After reading about the reclaim of the global id I understood that it was a really bad practice and I'm happy they found a solution to it.
Francisconsulting firm website design completed
Tags: website
Published: 2021-09-09 14:15:03

Hello Developers et readers, so i recently designed a website for a big consulting firm (francis Consulting) in Abuja, Nigeria; 

##BRIEF INFO ABOUT FRANCIS CONSULTING##
Francis Consulting is one the most trusted training and consulting firm in the African region. Since inception in 2005, we have been relied upon by our clients, small and large, private and public, to develop their human capital in a range of management and technical fields, using an ever-expanding portfolio of products and services.

WEBSITE URL:[https://francisconsulting.org](francisconsulting.org) 

<img src="https://ufile.io/v7y9yoyk"/>
AWS'ye EC2 Makine olarak Django uygulaması deploy etme
Published: 2021-09-09 14:10:27

#1)AWS'de EC2 makine başlatmak
AWS hesabımıza giriş yapıp servisler kısmından EC2 servisine gelelim. Instances bölümüne gelip Launch Instance butonuna tıklayalım.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fzs2egrka2euan5w35x7.png)
Bu makineyi oluştururken özellikle dikkat etmeniz gereken iki  konu var (diğer adımlardaki ayarları isteğinize göre şekillendirebilirsiniz). 
Bunlardan birincisi, Security Group ayarlarından aşağıda vereceğim portları doğru bir şekilde açmanız gerek.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ogztgg07h7qy2z652cmp.png)
Dikkat etmeniz gereken ikinci konu ise, makine ayarlarının sonunda eğer yeni bir anahtar çifti oluşturduysanız bu anahtar çiftini burada indirmezseniz bir daha bu dosyaya ulaşamazsınız.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rtbj5da17e8tr8qges5c.png)
İndirdiğiniz bu dosyayı projenizin root klasörüne de taşımayı unutmayın.

#2) EC2 makinesine bağlanmak
AWS Konsolunda EC2 Servisinin altında Instancelara gelip oluşturduğumuz instance üzerine tıklayalım.
Sonrasında ise sağ üst taraftaki Connect butonununa tıklayın. Karşınıza çıkan pencerede bağlanma metodunu SSH Client seçin ve burada çıkan kodları terminalinizde çalıştırın.
Kodları sırayla çalıştırdıktan sonra karşınıza çıkması gereken bu soruya da
"Are you sure you want to continue connecting (yes/no)?"
"yes" diyerek devam edin.
Tebrikler! EC2 makinenizin içindesiniz.

#3)EC2 Makine Ortamını Kurma
İlk olarak sudo apt update, sudo apt upgrade komutlarını sırasıyla çalıştırın. Sonrasında ise sanal ortamınıza projeninizin bağımlılıklarını kurup proje kodlarınızı makineye çekebilirsiniz. Django projesini başlatmak için proje bağımlılıklarını kurduğunuz sanal ortamın içine girin ve  sırasıyla aşağıdaki komutları girin.
source bin/activate (Sanal ortamınızın aktifleşmesini sağlar.)
cd "proje isminiz"
python manage.py makemigrations
python manage.py migrate
python manage.py runserver 0.0.0.0:8000

#4)Tarayıcıdan IP adresiyle makinenize bağlanma
Tekrardan Instances kısmına gelip, ordaki IP adresine tıklayıp linki açın. Sonrasında ise adres çubuğundaki linki https'den http yapıp(SSL sertifikası olmadığı için https olarak kalırsa hata alırsınız.) bir de sonuna :8000 portu ekleyin. Adresiniz "http://"IP adresiniz":8000" şeklinde olmalıdır.