teleren/devto huggingface dataset:
Getting Selected for Google Summer of Code 2019
Tags: gsoc, gnome, gtk
Published: 2020-04-26 11:56:27

---
title: Getting Selected for Google Summer of Code 2019
published: true
date: 2019-05-06 06:00:00 UTC
tags: gsoc, gnome, gtk
canonical_url: https://www.ravgeet.dev/blog/getting-selected-for-gsoc/
---

Today is a very special day for me. In my very first try, I cracked the Google Summer of Code. I am very delighted to have been given an opportunity to work for the GNOME Foundation.

My task is to rebuild the [GTK website](https://gtk.org). For those interested in technicalities of the project, the current website is made in PHP which is a great web language, however not so useful for creating static websites. So my job is to build a new website from scratch which uses the concept of Content Management System. I will be using Jekyll for this purpose and the website would be deployed using Gitlab’s Continuous Integration.

It’s going to be a great challenging summer but I am really happy to be handed over this opportunity. This summer is going to enhance my knowledge about Web Designing and it’s future.

A huge thanks to all those people from GNOME, who selected me for this job. **Emmanuele Bassi** will be my mentor for this summer and I am very happy as I will learn a lot of new things from this man.

For future GSoCers, here is my [proposal](https://docs.google.com/document/d/1naeFyYH0dLJ30_KcvQes7H4tWI165Xeb5t-Qqfo67NE/edit?usp=sharing) for the project: **Rework the GTK website**. If you need any kind of help or want me to handle your next project, you can reach me at my [email](mailto:ravgeetdhillon@gmail.com) or DM me on [Instagram](https://instagram.com/ravd_ravgeet/).

Lemme know if you have any doubt, appreciation or anything else that you would like to communicate to me. You can tweet me [@ravgeetdhillon](https://twitter.com/intent/tweet?screen_name=ravgeetdhillon&original_referer=https://www.ravgeet.dev/blog/getting-selected-for-gsoc/&ref_src=twsrc%5Etfw). I reply to all the questions as quickly as possible. 😄 And if you liked this post, please [share](https://twitter.com/intent/tweet?text=Check%20out%20this%20amazing%20blog%20post%20by%20Ravgeet%20Dhillon%20sharing%20his%20thoughts%20on%20Getting%20Selected%20for%20Google%20Summer%20of%20Code%202019&screen_name=ravgeetdhillon&original_referer=https://www.ravgeet.dev/blog/getting-selected-for-gsoc/&ref_src=twsrc%5Etfw) it with your twitter community as well. See you guys in the next post.
SEO Expert In BD
Tags: seo, socialmedia, webdev
Published: 2019-05-06 05:07:38

---
title: SEO Expert In BD
published: true
description: <p> <a href="http://imamcu07.1apps.com"  target="_blank"  title="Click to See vCard Of imamcu07; SEO Expert In BD." ><b><i> SEO Expert In BD | vCard </i></b></a> </p> 
tags: seo, social media, web development
---
https://thepracticaldev.s3.amazonaws.com/i/q9jicpph4t9xvklakxf8.png
Four Umbraco packages you must have
Tags: umbraco
Published: 2019-05-07 14:11:45

---
title: Four Umbraco packages you must have
published: true
tags: umbraco
canonical_url: https://theworldwidecode.com/blog/2019/four-umbraco-packages-you-must-have/
---

Did you know that Umbraco has some amazing external plugin that you can install    and  optimized the user   experience  in the back office?   

below I listed the Four Packages you must have!

##1    DocTypeGridEditor
this package will enable you to add custom doctype within the grid editor

installation:  in Visual Studio go to tools >   NuGet Package manager>    Manage NuGet Packages for solution and type   Our.Umbraco.DocTypeGridEditor



##2   TheDashboard
this package will show you the recent activities and your activity. I highly recommend this tool as you will be able to see users activities across the site.

installation:  in Visual Studio go to tools >   NuGet Package manager>    Manage NuGet Packages for solution and type   Our.Umbraco.TheDashboard



##3   UrlTracker
this package will enable you to redirect pages. below is shown how-to redirect an Old   URL into an internal page or external.

if it does not work check the force redirect checkbox.

installation:

in Visual Studio go to tools >   NuGet Package manager>    Manage NuGet Packages for solution and type   Our.Umbraco.Url.tracker




##4  Multi Url Picker
 

this package will enable to have multiple links within one feature.

to install:  in Visual Studio go to tools >   NuGet Package manager>    Manage NuGet Packages for solution
How to use Svelte - A JavaScript Compiler
Tags: javascript, webpack, svelte
Published: 2019-05-06 03:30:14

---
title: How to use Svelte - A JavaScript Compiler
published: true
description: We look into using Svelte with Webpack and write some demo code that will be compiled to JavaScript native code for faster execution.
tags: JavaScript, Webpack, Svelte
---

{% youtube dbnQozbN-qs %}
Rematch / Redux / React 16.x Content API ?
Tags: javascript, react, redux, rematch
Published: 2019-05-06 03:12:18

---
title: Rematch / Redux / React 16.x Content API ?
published: true
description: Which one to use, bit confused with Redux Framework Rematch and Context API is good candidate for Reusable Component Provider data. Any body suggest and give whats your view ?
tags: javascript, react, redux, rematch
---
Tmux - fast window switching across sessions
Tags: tmux, fzf
Published: 2019-05-06 02:46:38

---
title: Tmux - fast window switching across sessions
published: true
description: 
tags: tmux, fzf
---

### Tmux window switching
Tmux already makes it easy to switch windows in a session, however, it's hard to switch to windows from another session. To make window switching across sessions fast we can leverage [fzf](https://github.com/junegunn/fzf)

- Using `fzf-tmux`

  ```bash
  tmux list-windows -a -F "#S:#I-#W" | fzf-tmux | cut -d "-" -f 1 | xargs tmux switch-client -t
  ```

- Binding it with `.tmux.conf`

  ```bash
  bind -n ^f run-shell "tmux list-windows -a -F \"##S:##I-##W\" | fzf-tmux | cut -d \"-\" -f 1 | xargs tmux switch-client -t"
  ```
Stream cli output over http
Tags: go, docker
Published: 2019-05-06 02:43:55

---
title: Stream cli output over http
published: true
description: 
tags: go, docker
---

### Runnel
A program to stream any command line output over http. This is useful when we want to display command output on client side. One such use case can be displaying live logs in browser which are running inside a container on server side.

#### Installation:
- Using docker (recommended)

  ```bash
  git clone https://github.com/VeritasOS/runnel.git
  cd runnel

  # build docker image
  docker build -t runnel:latest .

  # start runnel server
  docker run --name runnel -d -p 127.0.0.1:9090:9090 runnel:latest
  ```

- Using binary (not recommended, because system dependencies are taken care in docker file on behalf of you)

  ```bash
  git clone https://github.com/VeritasOS/runnel.git
  cd runnel

  ./bin/linux_64/runnel_server -p localhost:9090
  ```

#### Usage:
- Trigger below commands to get live stream

  ```bash
  # Fire command with curl
  curl -X POST -H 'Content-Type: application/json' -d '{"cmd":"ping -c 3 google.com"}' http://localhost:9090/command

  # Get live output stream
  # replace uuid with one which you get from above command
  while true; do curl -sS -H 'Content-Type: application/json' 'http://localhost:9090/stream/fd4b1a38-94f4-4eba-80e7-50578ac4baae' | jq '.response'; done
  ```

#### Package:
- Dependency: Install redis server
- Use as golang package

  ```bash
  # Get lib
  go get github.com/veritasos/runnel/runnel

  # Fire command
  client := runnel.NewClient()
  key, err := client.RunCommand("ping", "-c 2 google.com")

  # Get output stream
  client := runnel.NewClient()
  output, err := client.Stream(key, 10)
  ```

#### Detailed documentation:
- A much more detailed documentation is provided here [**runnel**](https://github.com/VeritasOS/runnel)
- [**Feel free to Contribute back**](https://github.com/VeritasOS/runnel)
Things You Shouldn't Say to a Disabled Person About Why Your App Isn't Accessible
Tags: a11y, inclusion, disabilities
Published: 2019-05-06 02:01:57

---
title: Things You Shouldn't Say to a Disabled Person About Why Your App Isn't Accessible
published: true
description: I'm a disabled woman and have a few thoughts about how able-bodied people speak to people like me about accessibility.
tags: a11y, accessibility, inclusion, disabilities
cover_image: https://firebasestorage.googleapis.com/v0/b/ashleemboyer-2018.appspot.com/o/images%2Fno.jpg?alt=media&token=11530a14-26de-46b4-b290-1ecaf939e4ff
---

*You can also find this on [my blog](https://ashleemboyer.com/things-you-shouldn-t-say-to-a-disabled-person-about-why-your-app-isn-t-accessible).*

Not that I feel the need to explain myself, but I want to share that I'm hard-of-hearing. It's genetic and just about everyone on my family's maternal side suffers significant hearing loss. I've had hearing aids since I was 10 years old, and as I've grown up, it becomes more and more clear to me how little people understand about the importance of accessibility.

This post is a bit of a rant since all of the below have been said to me personally (all in one conversation, actually 🤦🏼‍♀️). These are all the things I wish I could've said at the time, but you don't always get to speak out when you're like me. It's exhausting, and I'm writing this post as an ask to **please be more aware of the things you say and how you say them**. You might mean well, but your words can still be incredibly hurtful.

# "It's low priority."
That's pretty clear at this point, but why is that? What's your excuse? Is it too hard? Do you not want to spend the time learning about it? Are there not enough of us that exist for you to be concerned about our needs?

# "We need to beat competitors to market."
Based on my experience in this industry, I wonder if *they* are even concerned about accessibility. Consumers value companies that value them. You should be trying to stand out beyond having a large number of software features.

# "I get it, but..."
No, you obviously don't. If you did, you wouldn't be saying any of these things to my face. You either think you're super woke *or* you completely forgot that you're talking to a disabled person. I'm kind of afraid of how you talk about disabled people when you're away from us.

# "There's no point if no one is using it."
So, when people start using it, how do you plan on figuring out how many of them need a more accessible tool if we can't actually use it to tell you? We don't have the time for you to play catch up. We'll just go somewhere else.

---

Did you know I have a newsletter? 📬

If you want to get notified when I publish new blog posts or make major project announcements, head over to [https://ashleemboyer.com/newsletter](https://ashleemboyer.com/newsletter).

---

*Image by DSB.*
Hello World
Tags: introduction
Published: 2019-05-06 01:43:55

---
title: Hello World
published: true
description: intro to Mardix's page
tags: introduction
---



This is my hello world! 

So, how are you doing? 

I'm going to dedicate this space to talk on some but not limited to the following topics:

- React
- Vuejs
- Svelte
- Redux
- Vuex
- State management
- Rendering library
- ES6
- Typescript
- Web Components
- Node
- Python
- Git


I'm putting the content together, so I'll see y'all soon!
Current state of web development - where do I start?
Tags: help
Published: 2019-05-06 00:22:52

---
title: Current state of web development - where do I start?
published: true
tags: help
---

Hey there,

I learnt HTML, CSS and JS a few years ago with the intention of going freelance as a developer, and although I'm not there yet I still try and keep up to date with the industry via newsletters and the like, and the passion is still very much there.

I was recently approached by a local non-profit charity to create a website for them for free. The site needs to be developed before an upcoming event, which is in under a month, **which means that learning whole new languages is out**. The content will be largely basic - **the most complicated it will get is probably hosting some videos and taking payment for donations, but it's highly important that the end product looks beautiful and modern**.

I don't feel like I'm technically incapable of the task since I do a lot of both design work and command-line tinkering in my day-to-day - my problem is that with the current state of web dev being as breakneck and fragmented as it is, I'm simply overwhelmed as to where to start.

1. I know they need a CMS, but I don't know which one would give me the most amount of freedom whilst *only* requiring HTML, CSS and Javascript - does such a platform exist? 

2. Do I need a front-end framework? 

3. I've never actually taken a website live before, so where do I even start with the back-end? 

4. Are there any other considerations I may need to take into mind?

I'd really appreciate being brought up to speed here and pointed in the right direction. Thank you so much in advance.
How to fix JSON.stringify returning an empty object
Tags: javascript, node
Published: 2019-05-06 00:06:00

---
title: How to fix JSON.stringify returning an empty object
published: true
description: Annoying javascript error fixed in 1 line.
tags: javascript, nodejs
---

I write a lot of Javascript and ran into a pretty awful bug today that took me 3 hours to figure out. In the hopes of this saving someone else an equal amount of time I am writing about how I fixed it here. 

I am developing a chrome extension that makes the internet private again. No tracking, no bad actors, etc. I have written a few libraries to use for the project for simple things like auth with google and http requests. 

I usually use things like axios but wanted to roll my own and interface with raw XML HTTPRequests. Last night I was running out the door but made a few code changes I didn't quite think through. Bad move. 

I have 2 methods that ended up being the way to fix. 

In my auth.js method I was passed an object from Google like so: 

```
{ "email": "kameronkales", "id": 1298179834}
```

In my history.js I was creating what I thought was an object (but was really an array).

I created the array like so: 

```
var i;
var example_list = []
for (i = 0; i < bad_list.length; i++) {
var clean = bad_list[i]
    example_list.push(clean)
}
```

This was not doing what I thought. 

When I console.logged the data from example_list I was getting:

```
{ 
    0: "https://google.com",
    1: "https://google.com",
    2: "https://google.com
}
```

Which, now seems obviously wrong. But I didn't realize until looking at the data. 

JSON.stringify doesn't know what to do with those int fields. So, it drops them. 

When I would run 

```
JSON.stringify(example_list)
```

I would be returned this: 

```
[]
```

And it drove me insane! Because I knew the array had fields in it. But I wasn't paying enough attention (I know, I know. Won't do that again.)

I ended up being able to fix this by the following: 

```
var urls = {}   <= an actual object

.....HTTP requests to get the data I wanted 

urls['data'] = data

```

This now returns a nice object that looks like the following: 

```
{
    'data': 'https://google.com',
    'data': 'https://google.com',
    'data' : 'https://google.com'
}
```

There are a ton of ways to clean this up and format better. But I spent way too long trying to figure out why this simple method didn't work the way I wanted it too. 

Hopefully this saves you some time.
Maintaining centralized documentation using Docusaurus
Tags: showdev, webdev, documentation, opensource
Published: 2019-07-03 09:46:15

---
title: Maintaining centralized documentation using Docusaurus
published: true
description: Every engineering team face problem of where to maintain documentation once team grows.
tags: ['showdev', 'webdev', 'documentation', 'Open Source']
canonical_url: https://learnwithparam.com/blog/documentation-using-docusaurus/
---

Every engineering team face problem of where to maintain documentation once team grows. We at [Jobbatical](https://jobbatical.com?ref=learnwithparam.com) faced similar problem and finally comes to a working solution.

### What is Docusaurus?

- [Docusaurus](https://docusaurus.io/) is an open source by facebook. It is written in React and easily extended to create similar documents like react docs.

#### How it helps

- Centralized documentation for your team
- Easy setup, better readability and linking (same as React docs ❤️)
- Versioning is easy with multiple contributors
- Markdown support to create content
- Built using React (can be extended based on need)
- Document search (algolia is also supported for more advanced search capabilities)

```bash
# Getting started
npm install --global docusaurus-init
cd documentation-folder
docusaurus-init
```

##### Useful Links

- [Docusaurus website](https://docusaurus.io/)
- [Github repo](https://github.com/facebook/docusaurus)

Hope this helps if someone is looking for better centralized documentation need for the company or development team in general 😇
Show when your business is open or closed
Tags: expressionengine, quicktips, intermediate
Published: 2019-05-05 23:59:00

---
title: Show when your business is open or closed
published: true
date: 2019-05-05 23:59:00 UTC
tags: ExpressionEngine,QuickTips,Intermediate
canonical_url: https://u.expressionengine.com//article/how-to-show-when-your-business-is-open-or-closed
cover_image: https://u.expressionengine.com/asset/article-images/business-hours.png
---

A nice addition to any business site is to display your opening hours. Use it anywhere you like, with your phone number, support form, or company address.

## Basic code

In this example, I’m using a conditional with the `{current_time}` queried against the current hour using the `%H` date/time code variable for 24 hour clock time, so “17” is 5.00pm.

```
{if "{current_time format='%H'}" >= 09 AND "{current_time format='%H'}" < 17}
  We're open for business!
{if:else}
  We're closed right now
{/if}

```

What this does is display the open message if the time is greater than or equal to 9.00am and before 5.00pm (no later than 4.59pm to be precise), otherwise show the closed message.

## But we don’t work weekends!

That’s no problem. We have the `%N` date/time code that gives us day numbers to play with, where “1” is for Monday through to “7” for Sunday.

What we can do now is wrap our basic code with another conditional to check for the current day.

```
{if "{current_time format='%N'}" < 6}
  {if "{current_time format='%H'}" >= 09 AND "{current_time format='%H'}" < 17}
    We're open for business!
  {if:else}
    We're closed right now
  {/if}
{if:else}
  We don't work weekends, come back on Monday.
{/if}

```

So what we’re saying here, if the current day is less than 6 (i.e. before Saturday/Sunday) then output our daily open/closed message, otherwise say “we’re closed for the weekend”.

## Caveats

- By default `{current_time}` will always use your local server time so depending on where in the world your visitor is it may not reflect reality for them. If you have an international audience you can tweak your code further by catering for different time zones, see https://docs.expressionengine.com/latest/templates/date-variable-formatting.html for various time formats and parameters available.

- For the times to be dynamic you shouldn’t cache the template the code is in. I suggest you put the code in an uncached embed template, you can still cache the parent template to keep your page load time snappy.
--
Originally published by <a href="https://u.expressionengine.com/author/rob-allen">Rob Allen </a> at <a href="https://u.expressionengine.com/article/email-form-setting-a-predefined-subject">u.expressionengine.com</a>
Secure your Linux VPS
Tags: security, linux
Published: 2019-05-05 22:08:04

---
title: Secure your Linux VPS
published: true
description: security, linux
tags: security, linux
---
<img src="https://cdn.pixabay.com/photo/2015/07/09/20/03/it-838384__340.jpg" alt="linux vps">

If you run a VPS on any Cloud (Vultr, Digital Ocean), there's a good chance it will be attacked by hackers. So what can you do to secure your Linux VPS?

There are many steps you can take to secure your Linux VPS (Ubuntu/Debian). Like setting up a firewall, two factor authentication and much more.

So how do you get started?

The course below teaches you the basics of Linux VPS security

https://codecasts.teachable.com/p/secure-linux-vps
My love hate relationship with Python
Tags: python
Published: 2019-05-05 20:20:33

> Originally posted on [bailey.guru](https://bailey.guru/my-love-hate-relationship-with-python/).

Python was the first language I learned back when I was 8 and I loved it. I could make a cool console based game or pretend I was hacking, who wouldn't want to do that? I have a few of my early creations I found lying around on my old computer hosted on my [Github Gist](https://gist.github.com/baileyjm02) page. And they honestly were super cool! I loved the fact I could type maybe 5-10 lines and still have something cool to show - it was simple. It didn't have any of the complicated structures of C# or other C languages. 

But now I've changed and I've learnt languages such as JavaScript and Go and I just *can't* go back - it's **too** simple. I found that while programming my [GCSE Project](https://github.com/baileyjm02/GCSE-Python-Programming-Project) I loved using Python again **but** hated the lack of structure... where are my brackets?

If I could do something like below, then I would be in love with Python.

```python
def function(text) {
  ... do something 
}
```

# Brackets
So, naturally to add a sense of self security and structure to my Python project, I decided to Google something along the lines of "How to get curly brackets in Python", to which I found an article on Stack Overflow titled "Is it true that I can't use curly braces in Python?". It seems whoever wrote that seemed a little upset. Nevertheless, I clicked on it and started reading. There were many sarcastic responses such as: 

```python
if foo: #{
    print "it's true"
#}
else: #{
    print "it's false!"
#}
```

Which I did actually find quite funny but there was one the caught my eye, I saw an import function :eyes:. It said: 
"You can try to add support for braces using a future import statement, but it's not yet supported, so you'll get a syntax error." and preceded to show this snippet:

```python
>>> from __future__ import braces
  File "<stdin>", line 1
SyntaxError: not a chance
```

If you look closely you can see the syntax error "not a chance". It turns out this is a little easter egg from the developers behind Python of essentially saying "Nope, we're never adding it!" which kind of makes me a little sad but then I suppose good on them for sticking to their simple design scheme. 

# Further Research
So, although I now knew brackets were never going to be a part of Python, I decided to see if anyone had made a compiler or pre-processor for this sort of thing. And to my amaze, they had! I found [Bython](https://github.com/mathialo/bython) - Python with braces. And from what the project says, it looks pretty easy to configure, you install and use a separate command instead of Python to run. *And* it comes with a command to convert Python to Bython. Pretty neat huh! 

Although I will probably never use Python again (or at least for a while), it's nice to know that Bython is a thing. And Mathias sums this article up pretty well: Because Python is awesome, but whitespace is awful.