teleren/devto huggingface dataset:
Avirion Chronicles: Genealogy of the Great Crusaders devlog, July 1st '20
Tags: srpgstudio, avirionchronicles, alphadioproduction, game
Published: 2020-07-01 09:26:39

This is my first devlog for Avirion Chronicles: Genealogy of the Great Crusaders. Currently, I'm making the sprites and have 25% progress.
Avirion Chronicles: Genealogy of the Great Crusaders is a Tactical JRPG which has genealogy system in it. It has a total of 97 playable characters, but only 70 are available in any given playthrough. What makes this game unique is the genealogy system and the game is split into two parts: first half for the parent characters and second half for their children characters. Due to how marriage works in the game, the second generation characters are very variable due to their non-cannon parent which the player can choose during the first half of the game. The game also features Crusaders' weapons which only major-blooded descendants of the specific crusaders can use. Here I have the samples of the sprites I use for the game and I'm planning to sell these for USD 1k as a big bundle with over 150 sprites in it as the game's DLC. Stay tuned :D
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/2kcve2f5hqj8jd6pv0dh.gif)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/f805vkxghpnbx9ln18ko.gif)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/hh05hho730gtn8lgm4hv.gif)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/hyeeh7p9b5glw3un68qv.gif)
How to stay MOTIVATED while learning coding (or anything)
Tags: productivity, motivation, beginners
Published: 2020-07-01 09:18:48

The most difficult thing for me and I guess for many as well is to stay motivated and focused. Here are a few tips for you to keep on going:

## Identify your fear

Yes everyone has a goal, either it's money or happiness. It does motivate us to move forward, but if that does not scare the s**t out of you then it is NOT good enough. 

Think about it: does it scare you if you failed to achieve it? will you be miserable without it?

Once you get this down. Whenever you feel lazy, remember your fears and it will help you get the lazy a** up and work :) 

## Give yourself a reward

Like animals, if you give them a treat, they will listen. We need some treats as well. 

Instead of playing games all day or eating unhealthy food, just because you feel like it. Use it as a treat. Only give yourself that reward when you complete a task.

For example, I will give myself an ice scream whenever I complete a challenge on devchallenges.io

Have your own treat and it will surprise you.

## Put your f**king damn phone away

One of the most distracting things around you is your phone. Keep it away when you are studying. Don't open Instagram when you just wake up. It will destroy your day.

Social media is my biggest enemy when I am doing something. I am addicted to it, therefore I have to put my phone away from me as far as possible and only allow myself to check it when someone calls or when I have done the tasks of the day

## Set a timer

Set a timer of 20 minutes and commit to it. Tell yourself to focus on these 20 minutes. You will be surprised how much you can do in just a short amount of time. 

Set a timer for at least 2 more times a day.

Usually, when I focus on coding for the first 15 minutes, I will completedly forgot about time :))

## Build a habit

Instead of studying only when you feel like, start to build your habit by picking a specific time of the day to work on it. 

For example, when I was in high school, I would study English whenever I got home from school.

# Conclusion

If you don't take the first step, it will never be the last step.

Some of you know me as the creator of https://devchallenges.io/ I will update more useful content there, so check it out. 

Feel free to leave a comment and share how you stay motivated
Startup Project
Tags: blockchain, python, datascience, startup
Published: 2020-07-01 09:13:24

Request For Help With Project. 

I am JoJo Nssien, First year student of the University of Uyo, Nigeria. 

I am working on a project  I call it *Project T.A.P.E*

 _*Technology Against Pandemics and Epidemics*_ 

As we all know the crisis of Corona Virus pandemic in the world and the number of death it has caused technology is being implemented in the fight against this dreaded disease and one of such ways to fight it is the ability to trace and track potential victims. 

For this 

I am trying to build a model software for a Thermal Imagining Camera inbuilt in ATM Machines to monitor abnormal temperature rate above normal that could be symptoms of the Corona Virus infection inbuilt with a software that will work with the ATM card reader. The Card reader captures the account information stored on the magnetic stripe on the back of an ATM/debit or credit card. The host processor uses this information to route the transaction to the cardholder's bank.

This software when the Thermal Imagining Camera identifies a person with High Temperature above normal will automatically get the details of the account from the card reader such as Name, Address, Age and Contacts and this details will be transferred to appropriate authorities where the could ready to track the person and check if he or she test positive to the corona virus. If this being true the software will also have a database that will save all the data of persons that made transaction, the date and time when transaction occurs, so if a person is tested to the virus it could be tracked on those that where on the ATM queue with him or her at the day and time range. This will go a long way to save Health Workers from direct contact with an unknown infected person.

To achieve this some of this questions have been asked:.

1) Access to bank data is crucial, how will we secure this data?

Ans:  I was thinking of leveraging the power of blockchain in the software  Blockchain platform ensures that your data is encrypted, which means that modification in data is a difficult task. You can also save a cryptographic signature of a document or file on a Blockchain. This would give users a way to ensure a file is un-tampered, without needing to save the entire file on the Blockchain

2)  Hats and Headwears could be an obstruction to the thermal imagining camera, how will this be approached?

Ans: If we can show to the govt/ the world that this is the way forward in battling epidemic then the could possibly be a law to banned wearing of hats at the ATM point
And other questions that aren't listed here

For this project to be a success I need help building a solid team. 
And I think this is the team 

»» *One with business acumen*

»» *One with hardware skills to build the device*

»» *Software and data science skills*

»» *Blockchain developer and a cybersecurity expert*

Anyone with the above skillet that is interested in this project should please drop a comment below or contact me via whatsapp: +2348134617507
this is new post.
Published: 2020-07-01 09:12:21

Hi www! 

This is  mehdi baneshi  , student from shiraz , iran .

My social handler in almost every  social network is @mbaneshi .


For almost  two years I just learning and reading computer science staff .

Although I plan to continue this routine for  3 years later ,

But I don't know why I writing this new post here , 
 Maybe for curiosity . 

I wish I could make use of vim command here for convenience .
Top 5 Kotlin Resources 💻
Tags: kotlin, android
Published: 2020-07-01 02:53:39

<head><meta name="monetization" content="$ilp.uphold.com/WRaxiArMXeaw"></head>
Kotlin is officially supported language for Android Development, But Kotlin is not just used for Android Development. It can be used for Sever Side programming, Cross-platform development too. So here I compile Top 5 Kotlin Resources, take a look 👇👇👇👇

<h3>Telusko YouTube Playlist</h3>
Telusko channel hosted by Navin Reddy is a really easy way to learn programming you might know him from his Java playlist. <a href="https://www.youtube.com/playlist?list=PLsyeobzWxl7rooJFZhc3qPLwVROovGCfh">Kotlin playlist</a> by Telusko is really good and you can learn from it very easily. But a prior knowledge of Java will help to learn faster. 

<h3>Official Kotlin Documentation</h3>
The <a href="https://kotlinlang.org/docs/reference/native-overview.html">Kotlin documentation</a> is definitely the best way to learn if you want to learn quickly and in-depth concepts. No tutorial will teach advanced concepts like documentation. But if you are a beginner look for tutorials first it might be difficult to learn form documentations as a beginner

<h3>Codecademy Website</h3>
No doubt Codecademy is a really good place to learn coding without any prior experience in an interactive and easy way. They recently launched the <a href="https://www.codecademy.com/catalog/language/kotlin">Kotlin Course</a>. It does not include advanced concepts like OOP, Coroutines, but are a good platform to consider if you are an absolute beginner

<h3>Kotlin for Java Developers by IntelliJ</h3>
If you are already an experienced Java developer and been coding for over a year then I recommend this <a href="https://www.coursera.org/learn/kotlin-for-java-developers">Kotlin for Java Developers</a> Course. They also provide certification if you pass the graded assignments.

<h3>Head First Kotlin by O'Reilly</h3>
Head First books have reputation to teach concepts really easily. Head First books feel like they're talking to you and teaching the really easy way. The <a href="https://www.oreilly.com/library/view/head-first-kotlin/9781491996683/">Head First Kotlin by O'Reilly</a> Book is no exception to this. The book was launched on Feb, 2019. It wont be up-to-date with all the latest Kotlin updates but a good start to get into the Kotlin world.


===========================
If you know any other resources please share in the comments below👇👇👇👇.

===========================
Follow me on twitter for latest updates <a href="https://www.twitter.com/hiteshvijayhv">Click Here</a>

===========================

If you like the post please Heart it🤍🤍🤍🤍
Alexis Arc: Heroes of the Three Kingdoms Summer Holiday Sale!
Tags: rpgmakermv, jrpg, alexisarc, game
Published: 2020-07-01 09:00:17

Hi everyone! Alexis Arc: Heroes of the Three Kingdoms is curently 50% off in Itch.io, so check it out! Please stay safe wherever you are :)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/lqc71e1tkatk71ild7as.png)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/jz5w9uv785ppcw1rvynj.PNG)
https://alphadio-production.itch.io/alexis-arc-heroes-of-the-three-kingdoms
Image Gallery with 3D Flip Animation in HTML & CSS
Tags: 3danimation, 3deffect, imageanimation, htmlcss
Published: 2020-07-01 08:27:11

As you can see in the image, there is a main preview image at the center and some side images. These side images are used to rotate the main preview image. When you click on the particular side image the main preview image will rotate with 3D visualization and show the particular clicked image. This is a program pure CSS program that means I used only HTML & CSS to create these clickable buttons/images or 3D animation.

You can also download the source code files through the given link. In the source files, there you also get the images of this program. <a href="https://www.codingnepalweb.com/2020/06/image-gallery-with-3d-flip-animation.html">Click here to download source code files.</a>
Glowing Social Media Icons Widget using only HTML & CSS
Tags: glowingeffect, cssglowingeffect, socialmediabutton, htmlcss
Published: 2020-07-01 08:23:28

The Social Media Widget is a simple widget that allows users to insert their social networks and connections profile URLs and other subscription options to show an icon to that social media site and more that open up in a separate browser window.

At first, these icons are in the initial stage where there is no glow effect. But when you hover on it, the specific hovered icon starts to glow. In the image, there is 2 Social Media Widget List with the same icons but which different glow colors. In the first widget, there are gold color glowing effects and in the second widget, there are default logo color glowing effects.

You can also download the source code files through the given link. <a href="https://www.codingnepalweb.com/2020/05/glowing-effect-social-media-icons-widget.html">Click here to download source code files.</a>
Star Rating System in HTML CSS & JavaScript
Tags: starratingsystem, starratingwidget, starrating, htmlcss
Published: 2020-07-01 08:21:30

A star rating is a rating question that gives people rate a product or service with several stars. The number of stars can range from 5 to 10 stars. A star rating question is a type of rating question that permits users to rank attributes on a scale represented with stars, instead of radio buttons or checkboxes.

In this program (Star Rating System)  at first, there are only five stars without any description box. And when you click on the particular star then the review text (a text with emoji) and a description box will visible. The review text is shown in the image as "It is awesome with emoji" is a dynamic text that means this text will change according to your rating or review. And when you give a rating and write some description and click on the post button...the rating system container will be hidden and a fixed text will be appeared as "Thanks for rating us!" with the edit button on the right top corner. And when you click on that edit button, it'll redirect you to previous steps where you can edit your rating and message.

You can also download the source code files through the given link. <a href="https://www.codingnepalweb.com/2020/07/star-rating-system-in-html-css.html">Click here to download source code files.</a>
Converting Excel to Image in Java Application
Tags: java, excel, image
Published: 2020-07-01 08:12:20

In daily work, it’s inevitably that we will need to convert the format of the document to meet the needs of different work occasions. In my previous article, I have introduced [how to convert Excel to PDF](https://dev.to/jazzzzz/converting-excel-to-pdf-in-java-application-474i). Today I’m going to demonstrate how to convert Excel to Image by using Free Spire.XLS for Java. 


**Installation**
**Method 1:** Download the [Free Spire.XLS for Java](https://www.e-iceblue.com/Download/xls-for-java-free.html) and unzip it. Then add the Spire.Xls.jar file to your project as dependency.

**Method 2:** You can also add the jar dependency to maven project by adding the following configurations to the pom.xml.
 
```java
<repositories>
        <repository>
            <id>com.e-iceblue</id>
            <name>e-iceblue</name>
            <url>http://repo.e-iceblue.com/nexus/content/groups/public/</url>
        </repository>
</repositories>
<dependencies>
    <dependency>
        <groupId>e-iceblue</groupId>
        <artifactId>spire.xls.free</artifactId>
        <version>2.2.0</version>
    </dependency>
</dependencies>
```

**The input Excel file we used for demonstration:**

![](https://dev-to-uploads.s3.amazonaws.com/i/4j02uh48o2k5wlghccbo.png)

**Convert Excel to Image:**

```java
import com.spire.xls.*;
import java.io.*;

public class ExcelToImg {
    public static void main(String[] args) throws IOException {
        //Create a workbook instance
        Workbook workbook = new Workbook();
        //Load the Excel file
        workbook.loadFromFile("file1.xlsx");

        //Get the first worksheet
        Worksheet sheet = workbook.getWorksheets().get(0);

        //Save the sheet to image
        sheet.saveToImage("image.png");
    }
}

```

**The output image file:**

![](https://dev-to-uploads.s3.amazonaws.com/i/xnccu18fpv6nq71yoc1c.png)
Fluent Reader: open-source RSS reader built with Electron & React
Tags: react, electron, typescript, showdev
Published: 2020-07-01 08:11:36

Fluent Reader is a local desktop RSS reader that I have been working on for the past month. It started as a toy project for me to try React after using Vue for years, but has since turned into something quite usable. 

Website: https://hyliu.me/fluent-reader/
GitHub: https://github.com/yang991178/fluent-reader
Microsoft Store: [https://www.microsoft.com/store/apps/9P71FC94LRH8](https://www.microsoft.com/store/apps/9P71FC94LRH8?cid=devto)
Mac App Store: https://apps.apple.com/app/id1520907427

## Features

- A modern UI inspired by Fluent Design System with full dark mode support.
- Importing from or exporting to OPML files
- Full application data backup & restoration.
- Read the full content with the built-in article view or load webpages by default.
- Search for articles with regular expressions or filter by read status.
- Hide, mark as read, or star articles automatically as they arrive with regular expression rules.
- Organize your subscriptions with folder-like groupings.
- Single-key keyboard shortcuts.

## Development pitfalls

### Electron security
It may be tempting to start developing with `nodeIntegration` enabled in the renderer process or access functions in the main process with the `remote` module. This is the first major pitfall I ran into knowing basically nothing about Electron a month ago. Overall, this creates a security blackhole for an app that fetches content from all over the web. In the end I had to rewrote most of those logic using IPC modules and context bridges. This [article from the Slack engineering blog](https://slack.engineering/the-app-sandbox-94178f77e5e3) serves as a good introduction to the issue.

### Publishing to the stores
Packaging the app into appx bundles and uploading to Microsoft Store all went smoothly with [Electron Builder](https://www.electron.build). (For a side note, Microsoft Store even supports smart update by extracting the ~2MB of compressed JS files out of a ~70MB appx package.) The real hassles came from correctly signing the app for the Mac App Store. Following [this article](https://webspaceteam.com/electron/how-to-publish-an-electron-application-to-mac-app-store) should do the trick, although the latest Electron version (v9.0.5) also works.

## What's next?
- I may work on integrating the app with RSS services like Feedly and Inoreader. 
- You can help [internationalize the app into additional languages](https://github.com/yang991178/fluent-reader#contribute). 
- For my future projects, [React Native Windows](https://microsoft.github.io/react-native-windows/) seems pretty promising as it compiles down to UWP components while providing macOS compatibility.
Emojis in Svelte 3 🤘
Tags: svelte, a11y, emoji, javascript
Published: 2020-07-01 08:03:25

---
title: Emojis in Svelte 3 🤘
published: true
description: Accessible emoji component in Svelte 3
tags: svelte, a11y, emoji, javascript
//cover_image: https://direct_url_to_image.jpg
---

Hey!

So today, let's make an emoji component in Svelte 3. It's fairly simple. Our objective is to be able to write something like below, and it'll show the emoji. We also want to be careful that the accessibility attributes are there.

```
<Emoji symbol="👋" label="Hi!" />
```

Let's start by writing our `Emoji` component, and call it `Emoji.svelte`, with the following content:

```
<script>
  export let label;
  export let symbol;
</script>

<style>
</style>

<span
  className="emoji"
  role="img"
  aria-label={label ? label : ""}
  aria-hidden={label ? "false" : "true"}
>
{symbol}
</span>
```

Quick explanation:

* The component will be a span
* It has a symbol and a label attribute, so it's a11y-compliant
* The aria is hidden if there's no label (but you should always put one)
* The symbol is the actual emoji, and will be displayed as a child/inner HTML of the span
* Inside the script tag, we make the label and symbol variables available
* I am leaving a style tag, so you can add CSS in there if you want

And that is it! I You just have to import the component like so, in another component's script tag:

```
<script>
  import Emoji from '../components/Emoji.svelte';
</script>
```

... Then use the `Emoji` tag as described in the first code block, and that's it!

You still have to copy/paste the emoji character from somewhere and insert it in the `symbol` attribute of the `Emoji` tag. If you are on Mac OS, I recommend the lightweight [qmoji](https://github.com/jaredly/qmoji) by Jared Forsyth, but there's a bunch of those emoji apps for any OS.

Talk to y'all soon!
Converting a HTML template to a Gatsby Site
Tags: gatsby, help, challenge
Published: 2020-07-01 07:59:04

Hi all, 

I hope that you are well, I am a student who goes to a high school in Manchester, England and I am a member of our schools' publications committee. Given the recent pandemic, our school team has gone into significant debt, leaving us with an issue with the printing team waiting for their payment etc... I have recently started learning webDEV and have become quite the fanatic for all things HTML, CSS - basically I like frontend. Hence, pulling me to Gatsby. I was hoping that someone could help me convert a HTML blog site into a Gatsby site. Unfortunately, at this time we cannot offer any monetary value, however, you can have a feature article on the homepage of the website as well as being credited in the website creation. Any help would be much appreciated.

Kind Regards
Aiyush
K8S manage his own cluster fan :)
Tags: kubernetes, raspberrypi, springboot, react
Published: 2020-07-01 07:55:12

---
title: K8S manage his own cluster fan :)
published: true
description: Simple application for cluster resources monitoring. Target resources will be CPU charge, Memory consuming, CPU temperature and pods state like in Top view on Linux system.
tags: kubernetes,raspberrypi,springboot,reactjs
cover_image: https://blog.medinvention.dev/content/images/size/w2000/2020/04/FAN-CPU-Diagram-Full--6-.jpg
canonical_url: https://blog.medinvention.dev/k8s-cpu-temperature-fan-monitoring-for-rpi/
---
Today's the Day I Launch My Podcast!
Tags: devjournal, womenintech, codenewbie
Published: 2020-07-01 07:15:27

_This post was originally published on July 1, 2020 on [my blog] (https://alexlsalt.github.io/blog)._

Happy July! Hope you're having a nice morning - I'm sitting out on my balcony on this cool summer morning, listening to a funky little song. Life is good.

Today's the day I officially launch my podcast - The Ladies Code Collective Podcast!

![The Ladies Code Collective Podcast cover art](https://dev-to-uploads.s3.amazonaws.com/i/ifimo2wldkqt1cobo93h.png)

I'll be sharing an email update with my email list, so if you're not already a part of that, [you should 100% go sign up! >>] (https://www.ladiescodecollective.com/)

I'm experimenting by designating exactly one day per week to all podcast pursuits. That's to say that I'm going to use today to communicate with my email list, upload the corresponding podcast episode to YouTube as well, and then record and edit another episode to place in the pipeline for a future date.

We'll see how it goes, but I'm looking forward to having these constraints instead of letting All The Things™ take up precious mental space all week with no limitations.

I mentioned on Monday that I wanted to work on my JavaScript course a bit, but I haven't gotten around to it just yet. I'll probably pick back up with it tomorrow - yay!

Alrighty, that's all from me for today. Have a good one, and make today count!

Thanks so much for reading along! [Now let's be friends over on Twitter >>] (https://twitter.com/alexlsaltt)

P.S. I've launched a brand-new podcast! Stay up to date by [signing up for the newsletter here >>] (https://www.ladiescodecollective.com/)
Website feedback needed
Tags: discuss, help, laravel, vue
Published: 2020-07-01 07:14:05

Hello everyone ❤️

A week or so ago we released a newly redesigned version of the [DevDojo](https://devdojo.com) website.

We used the following technologies:

* **Laravel**
* **VueJS**
* **Tailwind CSS**

Deployed: **DigitalOcean**

Link: https://devdojo.com/

As we just released the redesigned version of the site, we are looking for feedback on what we can improve/add to make it better.

Any feedback will be greatly appreciated 🙌

Bobby