teleren/devto huggingface dataset:
Easily visualise entity relationships from Wikipedia with Wiki Topic Grapher! 👾
Tags: machinelearning, googlecloud, nlp, datascience
Published: 2021-02-22 11:52:08

Leverage the power of Google Cloud Natural Language to retrieve entity relationships from Wikipedia URLs or topics!

 - Get interactive graphs of connected entities 
 - Export results with entity types and salience to CSV!
 - Export results with entity types
   and entity salience to CSV!

💻 Try the app: https://lnkd.in/dkfuhed
🧵 Twitter thread: https://lnkd.in/dji2a4s

**Use cases**

Many cool use cases! 

 - Research a  topic then get entity associations that exist from that seed topic
 - Map out related entities with your product, service or brand
 - Find how well you've covered a specific topic on your website
   Differentiate your pages!

This is not just an SEO tool! You can map *any* types of relationship from a given Wikipedia seed URL or topic. E.g someone from the community already mapped out relationships in structural molecular biology! 🤓🧠

**Stack** 

About the stack, it's 100% Python! 🐍🔥

 - @GCPcloud Natural Language API
 - PyWikibot
 - Networkx PyVis
 - @streamlit
 - Streamlit Components -> streamlit.io/components

**⚒️ Still To-Do’s**

💰 Add a budget estimator to get a sense of @GCPcloud costs!
🌍Add a multilingual option (currently English only)
📈Add on-the-fly physics controls to the network graph
💯Add Google KG #API to add more data (scores, etc.) (ht @LoukilAymen)

That code currently lays in a private repo. I should be able to make it public soon for you to re-use it in your own apps and creations! I just need to clean it a tad, remove some sensitive bits, etc.

**🙌 Shout-outs**

Kudos to @jroakes for the original script. Buy that man a 🍺 for his sterling contributions! ->
paypal.com/paypalme/codes…

Kudos also to fellow @streamlit Creators:

@napoles3D who told me about the PyVis lib! 🔥
@andfanilo/@ChristianKlose3 for their precious advice! 🙏

**💲 Beware on costs!** 

It can get expensive quickly with that Google Natural Language API!

Monitor your costs via the GCP console regularly and/or put quotas to tame that G beast!  I'm planning to add a budget estimator pre-API calls. Should come handy. 

**Feedback and support**

Wiki Topic Grapher's still in Beta, with possible rough edges! Head-off to my Gitter page for bug reports, questions, or suggestions.

This app is free. If it's useful to you, you can buy me a ☕ to support my work! 🙏

▶️ buymeacoffee.com/cwar05

That's all, folks. Enjoy! 

Charly
Globale Farben für das Divi Theme - Top Feature!
Tags: wordpress, divi, elegantthemes
Published: 2021-02-24 09:50:06

---
title: Globale Farben für das Divi Theme - Top Feature!
published: true
date: 2021-02-22 11:48:17 UTC
tags: Wordpress,divi,ElegantThemes
canonical_url: https://j0e.org/divi-globale-farben/
---

![Divi Globales Farbsystem](https://j0e.org/wp-content/uploads/2021/02/globale-farben-divi.png)

 Das neue globale Farbensystem! Divi ist eines der beliebtesten WordPress-Themes mit integrierten Funktionen zum Erstellen …

[Globale Farben für das Divi Theme - Top Feature! Weiter Lesen »](https://j0e.org/divi-globale-farben/)
Scraping Data from the Website to Excel
Published: 2021-02-22 11:37:16

Excel can be extremely useful in quickly scraping web data especially data presented in a structured, tabular format.

Today, let's see if we can scrape all the UEFA championships finals results from the Wikipedia page.

This is the page we need.
But the data we want is at the bottom...
Let's see how we can use Excel to make quick work of this :-)

In Excel select Data -> Get Data → From Other Sources → From Web
It will open this dialog. Enter the URL as shown below:
It will load the Navigator. The navigator will automatically detect and list all the tables available in the document. Make sure you are on the Table View tab.
We select the appropriate Table and voila, the data is automatically selected and imported into a neat table on your excel sheet!
Cloudinary VS Firebase Cloud Storage: Pros and Cons
Tags: database, cloud, serverless, webdev
Published: 2021-02-22 11:19:29

This article will help you to choose your cloud storage provider for your next project or your blog or an event, based on free pricing plans.

The moment you realize that you need to choose a cloud storage provider to use in your project and there are multiple options to choose from and you start searching for storage providers and you find a lot of choices and you want to find something that has a good free plan to start with then you might find Cloudinary and Firebase Cloud Storage.

## [Cloudinary](https://cloudinary.com/): pros and cons
### Pros

* More Storage as you get 25 Monthly Credits: 25k transformations or
25 GB of managed storage or
25 GB of net viewing bandwidth

* Image and video transformations (e.g.:change the size of your assets)

* Video transcoding and adaptive streaming

* Better Admin Dashboard (OS-like)

### Cons

* Smaller Community

* There is minimum file size

* Has some limitations if you are using it from a javascript frontend like the inability of deleting images.

## [Firebase Storage](https://cloud.google.com/storage/): pros and cons
### Pros

* Wide Community

* No minimum file size

* Better to use if you have experience with other Firebase services like Firestore or Authentication

### Cons

* 5GB Stored

***

Finally, I hope you enjoyed this article, and if you have other opinions please feel free to comment below or contact me.

Twitter: [@Amr__Elmohamady](https://twitter.com/Amr__Elmohamady)

***

[**Subscribe to my newsletter**](https://amrelmohamady.hashnode.dev/)
Some small Css tips #007
Tags: webdev, css, html, beginners
Published: 2021-02-22 11:09:44

---
title: Some small Css tips #007
published: true
description: I try to tweet a small css tip every day. Here is a collection of some of them.
canonical_url: https://since1979.dev/some-small-css-tips-007/
cover_image: https://since1979.dev/wp-content/uploads/2021/02/css-tips-banner-007.jpg
tags: webdev, css, html, beginners
---

To continue on my [previous post](https://dev.to/vanaf1979/some-small-css-tips-006-1d2o) here are some more tweets with little Css tips that might help you in your projects. 

### Css transition delay.
{% twitter 1352280204048265217 %}
{% codepen https://codepen.io/Since1979/pen/VwKNXpq %}
Css transition docs https://developer.mozilla.org/en-US/docs/Web/CSS/transition

--- 

### Css contrast filter.
{% twitter 1352589703753707521 %}
{% codepen https://codepen.io/Since1979/pen/eYdPxWr %}
Css filter docs: https://developer.mozilla.org/en-US/docs/Web/CSS/filter

--- 

### Css Hsl colors introduction.
{% twitter 1361988851351306241 %}
{% youtube AL6mFBeJ2wM %}
CodePen: https://codepen.io/Since1979/pen/dyOYvJO

--- 

### Css border styles.
{% twitter 1353677241746649091 %}
Css border-style docs: https://developer.mozilla.org/en-US/docs/Web/CSS/border-style

--- 

### Swapping colors with css custom properties.
{% twitter 1354410780565897219 %}
{% codepen https://codepen.io/Since1979/pen/RwGevjP %}  
I also did a youtube video on this: https://www.youtube.com/watch?v=Yl2j_b82zwo  
Css custom properties docs: https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties  


### Subscribe and Follow

**[Subscribe to my Youtube channel.](https://www.youtube.com/channel/UCeyqA3y26RlnfUSx3ufgFoA)**

**[Follow me on Twitter](https://twitter.com/Vanaf1979)**

**Thanks for reading/watching and stay safe**
Privilege Escalation with Path Variable Manipulation
Tags: linux, ctf, root, shell
Published: 2021-02-22 11:08:51

This part is about playing with SUID and SGID bits on 'l' details for files.
https://www.thegeekdiary.com/what-is-suid-sgid-and-sticky-bit/
says: When a command or script with SUID bit set is run, its effective UID becomes that of the owner of the file, rather than of the user who is running it.

SUID Bit	User executes the file with permissions of the file owner
SGID Bit	User executes the file with the permission of the group owner


![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j9jizm4qlordlrn90vt9.png)

To search the a system for these type of files run the following: find / -perm -u=s -type f 2>/dev/null

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q89a0dbmdddc5n86w7rd.png)

in short:

*creating shell call for curl in tmp file
*because usr/bin/menu is run as root
*curl is found in menu file
*write /tmp path in PATH
*execute menu file
*pick option1 and run modified curl aka /bin/sh
*check for id root
*access flags

### MISC

writing shell scripts:
https://linuxcommand.org/lc3_wss0010.php

additional credits
https://clarencesubia.medium.com/tryhackme-kenobi-walkthrough-6cd316fd9c3c

*this is a part of tryhackme.com so the introduction and manual is their content. execution and guide-through is mine.
Postgres pre modify data before inserts
Tags: postgres
Published: 2021-02-22 11:08:29

Let say we want to modify data with only matching text `*redirect*` in the `rpz_zone` column, we first create the function like below:
```
CREATE OR REPLACE FUNCTION public.update_redirect_rpz()
 RETURNS trigger
 LANGUAGE plpgsql
AS $function$
BEGIN
IF NEW.rpz_zone like '%redirect%' THEN
    NEW.redirect = true;
END IF;
RETURN NEW;
END;
```

then we can check the function with `\ef update_redirect_rpz`

after this we create a trigger to hook this method to an event like below:
```
   CREATE TRIGGER bind_rpz_log_redirect_flag
   BEFORE INSERT ON bind_rpz_log
   FOR EACH ROW EXECUTE PROCEDURE update_redirect_rpz();
```

Incase something went wrong, you can always check your log like in my case it is like this `tail -f -n100 /var/log/messages`.
```
Feb 22 19:02:13 dnsvgitnlognode postgres[39307]: [28-1] 2021-02-22 19:02:13.682 +08 [39307] ERROR:  syntax error at or near "update_redirect_rpz" at character 1
Feb 22 19:02:13 dnsvgitnlognode postgres[39307]: [28-2] 2021-02-22 19:02:13.682 +08 [39307] STATEMENT:  update_redirect_rpz
Feb 22 19:02:13 dnsvgitnlognode postgres[39307]: [28-3] 	();
Feb 22 19:02:18 dnsvgitnlognode postgres[39307]: [29-1] 2021-02-22 19:02:18.202 +08 [39307] ERROR:  syntax error at or near "function" at character 1
Feb 22 19:02:18 dnsvgitnlognode postgres[39307]: [29-2] 2021-02-22 19:02:18.202 +08 [39307] STATEMENT:  function update_redirect_rpz();
```
Making technology more accessible and inclusive through the power of language
Tags: a11y, ai, azure, microsoft
Published: 2021-02-22 11:00:49

Microsoft has added, in public preview, [Optical Character Recognition] (https://azure.microsoft.com/updates/computer-vision-read-ocr-languages-update-preview/?WT.mc_id=java-00000-ropreddy) (OCR) support for two of South Africa’s official languages, Afrikaans and Zulu. “Adding support for these languages is part of Microsoft’s mission to build meaningful cognitive products and services that improve local engagement,” says Rory Preddy, Senior Cloud Advocate at Microsoft South Africa.

“This support, which now counts a total of 73 languages, means that more people are able to connect in their own language and that language will become a seamless feature of using technology, rather than a hindrance.”

OCR support for local languages, allows users to use visual data processing to label content with objects and concepts, extract text, generate image descriptions and moderate content. It currently provides text and handwriting recognition. “The next step is to also understand different dialects within the languages supported in order to enable speech support,” says Preddy. 

“OCR support for various languages further opens up doors to connect people with technology in their own language and use language as a critical differentiator for cognitive services and products that are able to change and improve everyday life by making the world more accessible and inclusive,” says Preddy. 

This understanding of the essential role of cognitive tools, encourages Microsoft’s Azure Cognitive Services team to create and develop AI tools and solutions that make a tangible difference. “These solutions aim to level the playing field to ultimately empower individuals and organisations to do and achieve more,” says Preddy.
Testing time: Testing of time-dependent code
Tags: testing, beginners, database
Published: 2021-02-22 10:39:03

Time is not the simplest of things to test. It's not static. It interacts with our computer's time. It can be in the future or in the past. The current time isn't simple either. Consider timezones (and shudder if you want to).

What to use
- Basic to mid-level SQL
- Crontab
- The ISO date format your database uses
- Enough of your organisation's tech stack of choice to be able to read the code and know what to change

So how do you test time(dependent code)?

I'd like to talk about a few methods I use, but first, I want to discuss how time can be manipulated.

There are a few ways. For example:
- The code interacts with the relationship between the stored time and the current time.
- The code is activated by a certain time.
- The code interacts with the current time.

So you change the time where the code 'looks at it'.

If you trust your programming language of choice's time libraries, which is not unreasonable, what you could do first to check the library is called properly. You would do this by testing the code around the time code, and seeing if the time code is triggered. To trigger the time code, make the period of time it's looking for shorter. Make a timer go off in a sooner amount of time. 

This action could be set off by crontabs, which would be in config files (perhaps application.yml?) So you would also modify the crontab to set that off earlier.
 
After that, say if the time is stored in the database, and the code compares the stored time with the current time, you revert the code changes you made, and then back-date or forward-date the date in the database. Then reload the page. Re-run the scenario.

You can jump-box into the staging database to change this stored date, or load your test-environment locally, and change some numbers in your local database.

If an event should happen a week after someone makes an action, set the stored time for 6 days ago, 7 days ago, 8 days ago. Before, at, after.

If it's time appearance, and you are displaying time, create a number of records with the time appearance options in different permutations. Start with the most likely, and move your way out.
3 Ways to Clone Objects in JavaScript
Published: 2021-02-22 10:36:15

---
title: 3 Ways to Clone Objects in JavaScript 
published: true
description:
tags: 
//cover_image: ![3 Ways to Clone Objects in javascript](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h85fasajva0j47j0x8w5.png)
---

Since Objects in JavaScript are reference values, you cant just Copy Using the =. But no worries, here are 3 different ways for you to Clone an Object

1. Spread
2. Object.assign
3. JSON

```javascript
const food = { beef: '🥩', bacon: '🥓' }

// "Spread"
{ ...food }

// "Object.assign"
Object.assign({}, food)

// "JSON"
JSON.parse(JSON.stringify(food))

// RESULT:
// { beef: '🥩', bacon: '🥓' }
```

![3 Ways to Clone Objects in javascript](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h85fasajva0j47j0x8w5.png)
UP Scholarship
Published: 2021-02-22 10:33:00

UP scholarship is best way to get all uttar pardesh
<a href="https://upscholarship.co.in">up scholarship</a>
<a href="https://upscholarship.co.in">upscholarship.nic.in</a>
<a href="https://upscholarship.co.in">pfms know your payment</a>
How to Install React on Ubuntu 20.04
Published: 2021-02-22 10:26:50

In this article, we’ll explain how to install React on Ubuntu 20.04.

React is an open-source, front end, JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies.

This article will guide you with the installation process and deploying React site.

####Prerequisites
A Ubuntu 20.04 installed dedicated server or KVM VPS.
A root user or normal user with sudo administrator privileges.
<a href="https://www.hostnextra.com/kb/4-steps-to-install-nodejs-on-ubuntu-20-04/">Installation of NPM</a>

<a href="https://www.hostnextra.com/kb/how-to-install-react-on-ubuntu-20-04/">Install React on Ubuntu 20.04</a>

####Install create react app

In this article, we’ll use create-react-app tool. It is easiest and finest tool with production grade configurations pre-built. It is a comfortable environment for learning React, and is the best way to start building a new single-page application in React.

 # npm install -g create-react-app

Verify the installation:

 # create-react-app --version

Output:

 4.0.2

Step 4 - Deploy React application
Create react applicaiton using following command:

 # npx create-react-app my-app

####Start development server

Once you’ve installed a React application, go to the root directory of your project and start the development server using following command:

  # cd my-app

  # npm start

You can now view my-app in the browser.

Local: http://localhost:3000
On Your Network: http://192.168.0.102:3000


####Build

Bundles the app into static files for production. Run following command:

 # npm run build

That’s it. The installation has been completed successfully.

In this article, we have seen how to install React on Ubuntu 20.04.
How to Convert Mac .OLM files into Outlook .PST file format?
Tags: olmtopstconverter, macoutlook, macolm
Published: 2021-02-22 10:24:42

If you are changing your mac to windows desktop and want to convert all of your Mac Outlook file into Windows Outlook then you should this free OLM to PST Converter Software. This OLM to PST Converter Software convert all emails from OLM file into PST file format along with all attachments. It migrate multiple OLM files into PST file format in bulk. It save OLM to PST, EML, MBOX, EMLX and etc file formats including Email header information (To, Cc, Bcc, From, Time, Date and Subject).  It migrate all items from OLM like email, contacts, calendars, notes, task, etc into PST file format. It scan all over the device, when the scan is done then It will save scanned copy that will be use in future to rescan the scanned files which could be time consuming. It maintain the meta data integrity and preserve original email formatting while conversion. It also maintain hierarchy of all files and folder during conversion. At last, I suggest you to use it free demo version first to enable the users to see software features and functions.

Read more info:- http://www.undeletepcfiles.com/olm-pst-converter.html
Github
Published: 2021-02-22 10:23:06

## Github

Github is a type of software that allows users to develop, collaborate, and share code with other developers online. It is known as version control software, which can be used by individuals or even large companies as a useful tool. You can use the website version or even download the software as an application to have the files locally. 

![Structure](http://atlassianblog.wpengine.com/devtools/config-team.jpg)

## How to use Github

Once you are on the website or have the application downloaded, you will have to first create a repository to store all of your files in. After you have that created, you are free to work on your project and just push the changes to Github while you work or once you're finished. The useful part of Git hub is that collaborators are able to copy your repository or "fork" your project to work on certain parts of it. When someone has finished making changes, they can "commit" the project to whoever is the owner of it. The owner then has the ability to reject or accept the changes to the project. This allows people to branch off from the original project to work without endangering the main project, but in the end it is all back in one line of the main project. 

# Github

![Github](https://tonsky.me/blog/github-redesign/10_as-is.png)

# Github Application
![Github Application](https://desktop.github.com/images/github-desktop-screenshot-mac.png)

## What's the difference?
You can probably guess that there isn't much difference between the two since they are practically the same tool just in different forms/locations. Most of it comes down to preference. 
* Do you want your files locally or cloud-based? 
* Which user interface do you like better between the two pictures above?
* Are you going to be using this for a business or recreationally?

There is no right choice, but for more information check out this video talking a little more about them and their uses.
[Github](https://www.youtube.com/watch?v=aSTCugAlUgE)
Why does building a strong resume for data science matter? and not the certifications...
Published: 2021-02-22 10:05:41

People tend to increasingly share their data science certifications on social media with each other these days, mostly in the study groups on Facebook and LinkedIn. 

So, in this piece, we will examine if it is worth getting certified, what employers are looking for and how to build a strong resume for data science.

First off, Making a data-career transition or getting a data science Job as a fresher or even an Internship in the market today is exceedingly challenging as this Pandemic has changed everything.

My aim in this article is to highlight reasons why your data comprehension will surpass the need for validation to get a good data science Job,

And how connecting to the right channels will decrease distraction from the increasing sentiment for sharing achievements, aggressively crowding the timelines of many people.

Continue reading this article here >> [[Data Science Certifications](https://kanger.dev/resume-data-science-certification/) vs Building a Strong Resume for Data Science


---


###Cheers 

***I've got these [ Data Science Resources ](https://sites.google.com/view/data-science-resources-sheets/sheets) compiled and saved in Spreadsheets for you to accelerate your growth.***

Also, subscribe to our [data science newsletter](https://landing.mailerlite.com/webforms/landing/h4z2e3) to sometimes hear from us and rest assured that we’ll never annoy you.
Пара небольших заметок о transition
Tags: css
Published: 2021-02-22 09:57:36

* Для оптимального рендера в значении `transition-property` вместо all написать свойства, которые будут изменены.
* Не возможно задать transition для `display: block` и `display: none`.
Пример:
```html
<button class="button">Нажми меня</button>
```
```css
.button {
  background-color: tomato;
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  padding: 15px;
  transition-duration: 0.2s;
  transition-property: opacity;
  opacity: 0.7;
}

.button:hover {
  opacity: 0;
}
```
Running a mock JSON server and Angular app in 1 cmd
Tags: angular, mock, json, todayilearned
Published: 2021-02-22 09:37:33

I'm unaware if this is well-known but thought to share a **really useful** find I randomly came across that allows you to run both a mock JSON server and Angular project in a single command: (both 🔥 reload still)

`npm run start:proxy:mock:server`

Find more details [here] (https://kaustubhtalathi.medium.com/mock-data-for-angular-5-applications-with-json-server-part-1-d377eced223b). Pretty cool as usually I would need to have 2 separate command windows open and run both individually.