teleren/devto huggingface dataset:
My Local Hack Day 2021 Experience | Major Hacking League | Guild: Inaxia
Tags: localhackday, mlh
Published: 2021-01-16 16:15:59

Hey there! Welcome to the blog and so here I am attending another awesome event organized byMajor League Hacking Hackathon.

It’s a great experience with all the tech enthusiasts, we come together every day and divide some amazing tasks among us and try to finish all of them with our full energy.

I had a lot of fun attending the live stream with Ryan, Mary, Sashrika, and some cool people of MLH. I really like how they guide us in every challenge they give as well as entertain us throughout the week of LHD.

Every day I get to know some new skills and technologies and it really helps me build my profile.

I was the Guild leader of the guild Inaxia. It was so fun leading a team having with so many enthusiastic team members.

This is the first time Inaxia is participating in Local Hack Day and I really love the atmosphere of this community. Really love to work with this amazing team. Not only that, we became good friends in less than a week. We share our stories along with our meals. I was an introvert before this hackathon, but now I think I can talk to different people around the world.

All thanks to Inaxia Community and Local Hack Day for organizing such an amazing event where people connect with each other and become part of a family.

Honestly, I love our Inaxia community a lot and would love to be a part of it for years to come and make it big and impactful.

At last, I hope that our Inaxia can make it to the top Guilds although the top teams are way ahead of us. No issues as this were our first time, but next year we will come with more energy and try to get every single point for our Guild as well as for ourselves.
My Local Hack Day 2021 Experience | Major Hacking League | Guild: Inaxia
Tags: mlh, localhackday
Published: 2021-01-16 16:11:34

It’s a great experience with all the tech enthusiasts, we come together every day and divide some amazing tasks among us and try to finish all of them with our full energy.
I am having a lot of fun attending the live stream with Ryan, Mary, Sashrika, Mara, and some cool people of MLH. I really like how they guide us in every challenge they give as well as entertain us throughout the week of LHD.
Every day I get to know some new skills and technologies and it really helps me build my profile.
This is the first time Inaxia is participating in Local Hack Day and I really love the atmosphere of this community. Really love to work with this amazing team. Not only that, we became good friends in less than a week. We share our stories along with our meals. I was an introvert before this hackathon, but now I think I can talk to different people around the world.




All thanks to Inaxia Community and Local Hack Day for organizing such an amazing event where people connect with each other and become part of a family.
Honestly, I love our Inaxia community a lot and would love to be a part of it for years to come and make it big and impactful.
At last, I hope we can make Inaxia to top 10 this as the top teams are way ahead of us. No issues as this was our first time, but next year we will come with more energy and try to get every single point for our Guild as well as for ourselves.
My First Hackathon
Tags: mlh, majorleaguehacking, localhackday
Published: 2021-01-16 16:08:59

So i finally attended my first Hackathon, and it was the major league hacking: **local hack day Build.**

The experience was amazing and i learnt lots and had a great time , the best part was joining the awesome **EddieHub** guild, where i met several people all around the world.

the best part was the several challenges that mlh had offered and i also picked up one of if not... my favourite programming language "Nim".

I hope to attend many hackathons and have fun!.
Writing my first pure HTML, CSS, JavaScript and PHP combination App as a React-Native Programmer
Tags: webdev, html, beginners
Published: 2021-01-16 16:03:25

Hi, hello everyone, my name is Reynald Prabha Nova.

In my daily routine I'm working as a React-Native Programmer, but in this year I tried start to open myself up to learn other programming fundamentals.

So here I am learning pure HTML, CSS, JavaScript and PHP (It's still essential here in Indonesia, a lot of jobs still require PHP skills).

By posting this I hope anyone who has more experience can review my app, then could help tell me...

- What should I improve?
- or what should I implement next?
- or anything...

This is my repo: https://github.com/rynvva/HTML-Notes-App

I planned to combine it with PostgreSQL in Heroku later.

That's it, thanks for your attention

EDIT 1: This my learning app is live at https://html-notes-app.herokuapp.com/
DIY: create a bokeh in the shape of a heart, a star, etc.

Published: 2021-01-16 16:00:35

Me, who likes to add little <a href="https://degreessymbolmac.com/heart-symbol-text/">hearts to my texts</a>, you can imagine that when I saw that it was possible to do the same thing with my photos with a simple little cutting, I immediately tried. But the bokeh - that's what the effect is called - didn't let itself be tamed so easily. Nothing to do, it didn't work. I even gave up. But during the last Lense Party organized with Etsy, I - finally - managed to achieve this nice effect.

Yeh! Joy! Little leaps of happiness!

Since then, I draw little hearts, stars, and others, I cut out, and I photograph. And each time, it has the same effect on me.

Yeh! Joy! Little leaps of happiness!

Do it yourself
Create a Bokeh
The word "bokeh" means "blur" in Japanese. In photography, it refers to the rendering of artistic blur that can be observed in the background of certain photos. To achieve this effect, set your camera to a shallow depth of field (ie the largest possible aperture or more concretely the smallest number for the aperture).

Using a kind of "mask", you can give your bokeh the shape you want (a star, a heart, a little note… or whatever you want).

 

To create a personalized bokeh, you will need:
- opaque black paper,
- a compass,
- a ruler,
- black electrician's tape,
- a precision cutter

Step 1: Measure the size of your lens to draw a circle of the same diameter.


PIN
Step 2: In the center of this circle, draw a small shape (a heart, a text, a star or whatever you want) and cut it out as precisely as possible.


PIN
Step 3: Cut out the circle and fix it on your lens, if necessary with the electrician's tape.


PIN
Step 4: Set your device to the largest possible opening and use a plan with light sources in the background (a Christmas garland does the trick very well, for example).
Welcome to EGDATA
Published: 2021-01-16 16:00:28

Welcome to the official blog of EGData.app

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc accumsan id neque vitae imperdiet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed ac dui justo. Quisque viverra ipsum ut ipsum tempor, ac luctus ex sodales. Ut nec rutrum elit. Aenean ac purus id tellus iaculis posuere. Nunc tincidunt et felis in feugiat. Quisque malesuada consequat efficitur. Cras mollis a nisi nec auctor.

Mauris vestibulum suscipit purus quis tincidunt. In eget viverra magna. Sed at ullamcorper sapien. Mauris convallis porta metus, quis hendrerit tortor condimentum sed. Pellentesque sit amet lectus tempor, efficitur nulla a, mollis erat. Etiam convallis fermentum ante vel aliquam. Nam accumsan sollicitudin sapien sed auctor. Suspendisse finibus libero purus, vel consequat ex eleifend quis. Proin lobortis congue aliquet. Suspendisse potenti. Cras nec nisi varius, sodales neque quis, hendrerit felis. Vestibulum imperdiet a turpis quis mollis. Praesent a arcu ultrices, volutpat diam non, tempus tellus. Maecenas euismod, ex et ornare lacinia, diam leo efficitur nulla, commodo ullamcorper nisi justo a metus.

Suspendisse a ultricies leo. Nullam orci arcu, ullamcorper luctus lacus quis, fermentum consectetur urna. Pellentesque aliquet quam nec ipsum ultricies finibus eget quis mauris. Praesent malesuada quis lacus elementum vehicula. Integer in erat est. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Quisque egestas lectus libero, at aliquam odio pulvinar porttitor. Donec dictum eros in consequat commodo. Phasellus quis vestibulum dui. Nunc ac lacus a magna porttitor porttitor a vel felis. Vivamus porttitor lorem urna, sed convallis turpis porta eu. Praesent vel commodo lectus, eget gravida magna.

Mauris lectus orci, tristique sed lectus vitae, posuere pretium lacus. Quisque eu augue leo. Cras commodo lorem tortor, sed dictum mi rhoncus ut. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam neque metus, mattis ac urna a, maximus tempus est. Aenean mollis faucibus risus, eget hendrerit urna rutrum quis. Ut ultricies sollicitudin nisl sed varius. Suspendisse sed tempor massa, sed efficitur ante. Quisque sagittis turpis ullamcorper accumsan viverra.

Aliquam eget tempor neque, eget venenatis tortor. Nullam varius enim sed est rutrum, ut mattis erat molestie. Donec at tellus aliquam velit elementum condimentum. Fusce rhoncus nulla velit, vel suscipit est aliquet ac. Nullam eu consequat sem. Sed tempor sodales mauris eu congue. Phasellus et tortor a sapien aliquet tempor id fermentum lorem. Sed faucibus pellentesque efficitur. Suspendisse vel eleifend quam, at posuere tortor. Aliquam enim mi, volutpat ac turpis sit amet, accumsan ultrices quam.
Berkenalan Dengan Javascript
Tags: javascript, frontend, webdev, tamankodekode
Published: 2021-01-16 15:59:18

Javascript merupakan bahasa pemrograman yang berjalan di web browser. Tugasnya, membuat halaman web menjadi lebih interaktif, seperti menampilkan pesan popup, jendela input, dan lainnya. Yang dapat dilakukan Javascript sangat beragam, mulai dari:

* mengubah warna tombol,
* mengubah gambar latar belakang (background),
* menampilkan atau menyembunyikan elemen,
* mengambil data dari halaman web lain,
* dan banyak lagi.

> Info: Javascript merupakan satu-satunya bahasa pemrograman yang dapat berjalan di web browser modern saat ini.



Sumber:
[Taman Kode-Kode - Pengertian Javascript](https://github.com/tamankodekode/materi/blob/master/bahasa_pemrograman/javascript/01-pengertian-javascript.md)
Linux talk after 20 years of use
Tags: linux
Published: 2021-01-14 22:40:07

Have been using many Linux distributions over the years. Here's my take on them.

* [Gentoo](https://www.gentoo.org/) linux: great linux distro but for students/unemployed, compile everything on your system.. who has time for that?

* [Debian](https://debian.org) Linux: great distro but many vulnerabilities and software often outdated

* [Ubuntu](https://ubuntu.com): debian based, canonical a bit shady, hate snaps

* [Fedora](https://getfedora.org/): ok distro, fedora package management is slow, the company may cancel the distro at any point (CentOS where are you?)

* [Suse](https://www.opensuse.org/): german distro, uses rpms. works okayish

* Slackware: old distro, don't think it had a package manager 20 years ago. Maybe things changed

* Mint: had a security issue, domain ssl expired. Based on ubuntu, but don't really trust them

* Manjaro: new packages, but unstable distro

It is really hard to find a good Linux [distro](https://bsdnerds.org/best-linux-for-beginner/), even after 20 years of Linux.  So the BSDs maybe?

![linux, gnu, microsoft](https://dev-to-uploads.s3.amazonaws.com/i/13tdb03sgtg6u8jpxo0u.png)

## BSD Unix

* [OpenBSD](https://openbsd.org): takes security very seriously. But at the same time, can't do all my coding work on it. Still uses X instead of Wayland? seems more server orientated. Is it worth it? a [secure computer](https://bsdnerds.org/why-a-secure-computing-platform-will-never-exist/) will never exist

* [FreeBSD](https://freebsd.org): ipv6 security hole fixed yet? not gonna use this

* NetBSD: never used, any good?

![bsd unix](https://dev-to-uploads.s3.amazonaws.com/i/9wcjn9o3jczcf7nxox1w.jpg)

## Commercial systems?

* Windows: no thanks, doesn't even come with bash

* Mac: works as average user, annoys me as developer. Had some issues with Lua packages, app store annoys me about passwords, apple complaining about signing etc. It's no fun developing on mac

Sure you can do [vuejs](https://vuejsexamples.net/) on all of them, but I'm regularly doing system level programming. Looking for a system that takes security seriously but is also good for development.

So what do you use for development?  

Thus far I'm stuck with Debian/Ubuntu. I enjoyed Gentoo but don't have time to install it.
Neon Light Button
Tags: html, css, javascript, beginners
Published: 2021-01-16 15:44:21

The <a href="https://blog.stackfindover.com/neon-light-button-animation-effects-on-hover/" rel="dofollow">neon light button</a> animation effect can be easily generated by using HTML and CSS. By using HTML we will design the basic structure of the button and then by using the properties of CSS, we can create the neon light animation effect.

Hello, guys in this tutorial we will create neon light button animation effects on hover using  <a href="https://blogs.stackfindover.com/category/html-css/" rel="dofollow">HTML & CSS</a>.

First, we need to create two files **index.html** and **style.css** then we need to do code for it.

###Neon Light Button Step:1###
**Add below code inside index.html**

```html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title> Neon Hover Effect Using HTML & CSS | CSS Tutorial</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="style.css" />
    <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&display=swap" rel="stylesheet">
  </head>
  <body>
    <button class="button">Hover me</button>
  </body>
</html>
```
###Neon Light Button Step:2###
Then we need to add code for **style.css** which code I provide in the below screen.

```css
* {
  padding: 0;
  margin: 0;
  font-family: 'IBM Plex Sans', sans-serif;
}
body {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background: #000;
}
/* blue neon
.button {
    outline: 0;
    position: relative;
    display: inline-block;
    padding: 10px 40px;
    font-size: 20px;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #4b00ff;
    background: #4b00ff;
    color: #fff;
    font-weight: 500;
    transition: box-shadow 0.5s ease-in-out, border-color 0.5s ease-in-out;
}
.button:hover {
    background-color: #4b00ff;
    color: #fff;
    box-shadow: 0 0 5px #4b00ff,
                0 0 20px rgb(75 0 255 / 0.8),
                0 0 35px rgb(75 0 255 / 0.7),
                0 0 50px rgb(75 0 255 / 0.6);
    border-color: #fff;
}*/
.button {
    outline: 0;
    position: relative;
    display: inline-block;
    padding: 10px 40px;
    font-size: 20px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #FFFF00;
    background: #FFFF00;
    color: #000;
    font-weight: 600;
    transition: box-shadow 0.5s ease-in-out, border-color 0.5s ease-in-out;
}
.button:hover {
    background-color: #FFFF00;
    color: #000;
    box-shadow: 0 0 5px #FFFF00,
                0 0 20px rgb(255 255 0 / 0.8),
                0 0 35px rgb(255 255 0 / 0.7),
                0 0 50px rgb(255 255 0 / 0.6);
    border-color: #fff;
}
```
###Neon Light Button video Output:###
{% youtube BOTF0wjAYJU %}

###Neon Light Button codepen Output:###
{% codepen https://codepen.io/stack-findover/pen/oNBmBzM %}
Day 16 - Kth Largest Element in an Array
Tags: leetcode, python, challenge
Published: 2021-01-16 15:31:30

>Find the kth largest element in an unsorted array. Note that it is the kth largest element in the sorted order, not the kth distinct element.

__Example 1:__

```
Input: [3,2,1,5,6,4] and k = 2
Output: 5
```

__Example 2:__

```
Input: [3,2,3,1,2,4,5,5,6] and k = 4
Output: 4
```

Note: 
You may assume k is always valid, 1 ≤ k ≤ array's length.

## My Tests

[Link to code](https://github.com/ruarfff/leetcode-jan-2021)

```python
import pytest
from .Day16_KthLargestElementInAnArray import Solution

s = Solution()


@pytest.mark.parametrize(
    "nums,k,expected",
    [
        ([3,2,1,5,6,4], 2, 5),
        ([3,2,3,1,2,4,5,5,6], 4, 4),
        
    ],
)
def test_get_maximum_generated(nums, k, expected):
    assert s.findKthLargest(nums, k) == expected
```

## My Solution

[Link to code](https://github.com/ruarfff/leetcode-jan-2021)

```python
from typing import List


class Solution:
    def findKthLargest(self, nums: List[int], k: int) -> int:
        return sorted(nums)[len(nums) - k]
```

## Analysis

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/bij817thx5pff28soujz.png)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/gu68ts3dkcpnqmf143do.png)

## My Commentary

Sorting the array and finding the kth from the end is clearly not the best solution but it's the simplest and it's Saturday.
Open-source DAW Update (Long Time No See!) (#3)
Tags: software, audio, sound, music
Published: 2021-01-16 15:27:27

---
title: Open-source DAW Update (Long Time No See!) (#3)
published: true
description: update#3
tags: software, audio, sound, music
//cover_image: https://direct_url_to_image.jpg
series: Funktional Projects Updates
---
I haven't posted any updates about the project since the last Aug! Development hasn't stopped although it has not been progressing as fast as I thought it would. Life and university and covid and procrastination and everything tends to happen all at once. (I have to go PLUS ULTRA プラスウルトラ❕)

If it's your first time here, hello! I'm making a free and open-source DAW. You can read more about why I'm doing this [here](https://dev.to/amuuu/i-m-making-an-open-source-daw-1l1)!

Anyways, after a long time reading about other projects and studying other codebases and their stack and architecture, I came to realize I needed to change my approach: separate the whole sound processing unit from the application-specific interfaces (such as the UI) 

So I completely separated the sound processing unit from the other parts, and started designing and implementing a completely standalone audio engine usable in both hardware and software applications. The sound engine is called "Ava." (pronounced as "ävä" In my native language it's a rather poetic word for "sound," probably my favorite word in Farsi.) 

So basically on one hand, the DAW will use the sound engine and has a controller acting as an interface with the engine that manages the state changes and function calls inside a while true. On the other hand, the controller will update the UI based on the engine status.

Parallel to this project, I'm doing my university thesis project which is a digital hardware synthesizer which uses the same engine. The architecture is basically the similar to the DAW (thanks to the separation of the engine.) The synth has an interface which communicates with the engine on one hand, and works with the hardware components and peripheral devices on the other hand!

I will talk about the structure of the engine and my design more in detail in the next post.
Odoo | Hasura GraphQL | Docker
Tags: docker, graphql, odoo
Published: 2021-01-16 15:21:46

I had been struggling with getting certain Odoo modules working nicely within a Docker container. My interest in Odoo is not for client work, more for infrastructure-as-code and for use as a headless CMS for application development.

However, I wanted to use any API other than Odoo’s XML-RPC.

The initial hope was to get the GraphQL module working. I had issues with graphql-core-server within a Docker container, so gave up, and opted for OpenAPI’s REST instead. I still wasn’t happy.

There is something I dont like about the API being provided by a module and I wanted more separation between the API and Odoo. I was still thinking about GraphQL. Then it hit me. Hasura!

Hasura provides a GraphQL API layer over new or existing Postgres databases. I’ve wanted to have a reason to start playing with it and finally the perfect scenario came along.

Here are the steps to get Odoo running, within a container, alongside Hasura, Postgres and Caddy. Personally, I think this is the greatest thing ever…

Here is the repo — https://github.com/majordomo-systems/odoo-hasura-docker

1. Install Docker & Docker Compose on host
2. `curl -s https://raw.githubusercontent.com/majordomo-systems/odoo-hasura-docker/14.0/run.sh | sudo bash -s odoo-hasura-docker`

If you want to add modules, copy them into the addons folder. On occasion dependencies need to be installed and examples of how to do so are in the run.sh.

Odoo.conf in /etc is mounted within the container as well.

Odoo will be running on port 14069, the GraphQL console on 80.

Bon appetit!
How to use Ajax in PHP with JQuery
Tags: php, javascript
Published: 2021-01-16 15:12:53

Ajax is called (Asynchronous JavaScript and XML) , It is used when we want to send data into database or recieve data from database without reloading the whole page.

Example : 

1.  Promocode in ecommerce website , when user applied promocode in ecommerce website , after successfully applied webpage not reloading just showing coupon applied message to us.
                  
2.  When we want to recieve complete data of employee or patient on behalf of employee id or patient id without page refreshing 
 
There are number of examples in ajax just keep one point in your mind is that when we want data or send data without page reload.

Solution :   

HTML Code : 

<select id="selectdata">
<option id="1">Rakesh kumar</option>
<option id="2">Rajesh kumar</option>
<option id="3">Deepak Mathur</option>
</select>

Jquery Code : 
$('#selectdata').change(function () {

$enqid = $('#empid').val();

$.ajax({
url:"php page url",
method:"POST",
data:{empid:$empid},
success:function(data)
{
if(data)
{
$('#searchdiv').html(data);
}
else
{

}

}
});

any Problem just contact us at <a href="https://www.theinspirespy.com/contact">Contact us</a>