teleren/devto huggingface dataset:
Ghost keyboard shortcuts and shortcodes 🚀
Tags: ghost, cheatsheet, tooling, writing
Published: 2021-08-30 14:08:15

---
title: Ghost keyboard shortcuts and shortcodes 🚀
published: true
date: 2021-08-12 23:15:00 UTC
tags: ghost, cheatsheet, tooling, writing
canonical_url: https://www.benjaminrancourt.ca/ghost-keyboard-shortcuts-and-shortcodes
cover_image: https://www.benjaminrancourt.ca/images/ghost-keyboard-shortcuts-and-shortcodes.jpg
---
You probably already know that I use **[Ghost CMS](https://ghost.org/)** as my backend, as I particularly like their interface and editor. There are few **keyboard shortcuts** like every software, but they are not strongly visible... If you want to use them, you need to find them in their documentation. 😅

As I haven't mastered them all yet, I decided to write this **personal cheat sheet** to refer to if I need to. 🤓

I also added some **shortcodes** that we can use to write posts. Some of them are from the **Markdown syntax** , so you may recognize them if you are familiar. 🤠

If you know any other shortcuts, let me know!

Hope this cheat sheet helps you too! 😘

## Code

`Inline code`: `Ctrl + Shift + K`

```
Block code: ```language + Enter OR ``` + Enter
```

## Emphasis

- **Bold** : `Ctrl + B`
- _Italics_: `Ctrl + I`
- <u>Underline</u>: `Ctrl + U`
- ~~Strike~~ : `Ctrl + Alt + U`
- <sup>Superscript</sup>: `^Superscript^`
- <sub>Subscript</sub>: `~Subscript~`

## Functionalities

- Preview the post: `Ctrl + P`
- Return to the editor while in preview (if not inside a tab): `Esc`
- Save the modifications: `Ctrl + S`

## Headings

- Mark text as a title h2: `Ctrl + H`
- Continue to the next heading (text 🡒 h2 🡒 h3 🡒 h4 🡒 h5 🡒 h6 🡒 text): `Ctrl + H`
- h1: `Ctrl + Alt + 1`
- h2: `Ctrl + Alt + 2`
- h3: `Ctrl + Alt + 3`
- h4: `Ctrl + Alt + 4`
- h5: `Ctrl + Alt + 5`
- h6: `Ctrl + Alt + 6`

## Lists

1. Ordered list: `1. item 1`

- Unordered list: `* item 1` or `Ctrl + L`

## Others

> Quote a block: `Ctrl + Q`

- Defines a hyperlink: `Ctrl + K`
- Add a special block, such an image: `/` on a new line
I'm sorry, also I made a thing.
Tags: p5js, javascript, experiment, learning
Published: 2021-08-12 23:03:30

tldr; links at the bottom.

First I'd like to apologize to anyone that was expecting a lot more content from me. I'm really kind of a recluse and just stay to myself. I prefer to lock myself in a room and code and if I come up with something that *I* am happy with I will share with others. If anyone wants to know more about me, please feel free to reach out I don't mind chatting with anyone. And now.. 

This.. 

I made a game, well am tinkering with a game. It's a block defender game, I found a tutorial for a similar game using the Godot game engine by TheBuffEd on youtube. (Links for everything will be below.) I looked at the application that he was creating when he demo'd the game and I bet myself I could make that in p5js. And here's what I've come up with. Now, don't go getting all excited about a new cool game. This is just simple geometry, no sound, no images and I mean it's just basic. I'm sharing it because really I need more motivation to keep going. I've spent the last two days working out the mechanics and it seems solid, now is the time for refinement and I'm kindof at the "eh, it works" point lol!.. 

So the game works like so, you click a colored block at the bottom, then click in the lane that has a matching falling block. If you yeet the falling block out of existence then you get a point. If the falling block yeets itself out of existence by getting to the bottom, then you will loose a point. If you have 0 points and loose a point it's game over bud. 

Below will be the links for this project. 

[The game](https://mikecase.github.io/p5js-blockdefenderclone/)
[The code](https://github.com/MikeCase/p5js-blockdefenderclone)
[The Godot tutorial](https://www.youtube.com/watch?v=JJZlweFFLZM)
11 Websites To Practice You Coding And Your Problem Solving Skills
Tags: algorithms, beginners, codenewbie, programming
Published: 2021-08-12 23:00:46

## 11 websites to practice your coding and problem-solving skills

+ [coderbyte](https://coderbyte.com/)
+ [topcoder](https://www.topcoder.com/)
+ [codewars](https://www.codewars.com/)
+ [Leetcode](https://leetcode.com/)
+ [hackerrank](https://www.hackerrank.com/)
+ [exercism](https://exercism.io/)
+ [codechef](https://www.codechef.com/)
+ [coderbyte](https://coderbyte.com/)
+ [coderfights](https://codefights.com/)
+ [SPOJ](https://www.spoj.com/)
+ [codeforces](https://codeforces.com/)

## Suggested Posts

+ [Youtube Courses, Projects To Learn Javascript](https://dev.to/ayabouchiha/youtube-courses-projects-to-master-javascript-3lhc)

+ [You Complete Guide To Set Object In Javascript](https://dev.to/ayabouchiha/you-complete-guide-to-set-object-in-javascript-12gc)

+ [All JS String Methods In One Post!](https://dev.to/ayabouchiha/all-js-string-methods-in-one-post-4h23)


To Contact Me:

email:developer.aya.b@gmail.com

telegram: [Aya Bouchiha](https://t.me/AyaBouchiha)

Have a nice day!
Everything you need to get started with Service Maturity
Tags: microservices, devops, sre, kubernetes
Published: 2021-08-12 22:53:58

Trying to balance developer velocity and agility against your org's engineering best practices? It's not easy!! But there are [tools that can help.](https://www.opslevel.com/blog/service-maturity-opslevel/) 

If you're not ready to dive head first into a new tool, [this spreadsheet](tinyurl.com/ServiceMaturity) might be just thing to get you started on Service Maturity.
[PHP curtas] - Crases (backticks) no PHP
Tags: php, phpcurtas, braziliandevs
Published: 2021-08-12 22:45:53

Se você usou ou usa javascript ou typescript recentemente, já deve ter se deparado ou usado [template string](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Template_literals) pelo menos uma vez. Mas você sabia que elas, as crases, também estão presentes no PHP. Sim! É isso mesmo! Podemos utilizar crases no nosso código no PHP.

Bem, para quem não conhece o js/ts, existe na linguagem o template string, que é uma string que permite expressões embutidas. Então você pode fazer coisas como:

```js
const element = document.querySelector('#example');
const name = "Tadeu Barbosa";

element.innertHtml = `Meu nome é <strong>${name.split(' ')[0]}</strong>`;
```

E no PHP?

No PHP as crases executam conteúdo como comandos shell, sendo o equivalente ao [shell_exec()](https://www.php.net/manual/pt_BR/function.shell-exec.php). Essa funcionalidade, no entanto, pode ser habilitada/desabilitada nas configurações (tá safe).

Você pode fazer coisas como fiz acima:

```php
$directory = `pwd`; // há outras maneiras, só pra exemplificar
echo $directory; // /var/www/html/meu-site-foda

$whoami = `whoami`;
echo $whoami; // user
```
------------
Bem, é isso! Espero que tenham gostado! :D
Day 429 : Still Get Through The Day
Tags: hiphop, code, coding, lifelongdev
Published: 2021-08-12 22:01:20

_liner notes_:
- Professional : Had a couple of meetings. Got to meet with the team. Good to see everyone. Had a catch up session with a couple of teammates. Then had another meeting with a Product Manager on a project I've been writing a blog post for and creating a demo application. Then went to work on styling the final Web Component I created for the Client SDK. I had a question on how to do something to style an element in a Web Component and couldn't find a working example anywhere. I tried everything I could, but nothing worked. As a last resort, I asked on Twitter. To my surprise, I got a reply from the person who wrote the spec for the thing I was trying to get to work. Turns out that there was no way to get working what I was trying to do. So it wasn't me not knowing enough CSS. haha Twitter actually came through. haha

- Personal : Watched the first episode of Marvel's "What If" show. Pretty good. Reminds me of the comics series I used to read. I noticed that the node media server I set up on a Virtual Machine on Google Cloud would shut down after a little while. No clue why. After some research, I think I may need to set up a process manager or something. Felt myself going down a rabbit hole so I decided to go through tracks for the radio show.

![Looking into a valley of snow topped mountains with a forest at the base and a goat in the lower right forefront of the picture in Mont Blanc, France](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k7mofsvh5heift1p2kfl.jpg)

I'll probably do more research into why my server keeps stopping. Maybe install a process manager that I found that is supposed to restart the server if it stops for any reason. We'll see if it works. I'll still get through the day and get it working so I can launch it for November. I want to go through some more tracks for the radio show. Can't believe it's Thursday all ready. Good thing I got a little ahead on tracks last week so I'm covered if I don't get to set up tracks for the polls we do, but I want to stay ahead. I'm thinking I may start watching "Invincible" on Netflix. Seems interesting. 

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube GL90ZmdjZrU %}
Styling issues with response Templates Buttons
Tags: devbugsmash
Published: 2021-08-12 21:49:14

<!-- If you are new to the DEV community, introduce yourself and share a bit about why you decided to participate DEV Community Bug Smash.  --> 

Hello here! I'm Thomas and 22 years old. I really in love of DEV.to(gether) and sometimes I contribute to the code. 

### Open Source Background

<!-- Are you brand new to open source? What about coding in general? Tell us about how you got here -->

I started a few years ago to contribute to Open Source projects, basically I love helping people. 

This merger allowed me to better understand some aspects of web developers, to say that you are never alone with a problem, that you can always be helped. You just have to ask!

### About This Bug

<!-- First, you'll want to share the link to the original issue (bug) you worked on. Change the sample link in the liquid tag below.  -->
I have already seen this possibility issue, but never created a new issue on the repository. it's absolutely nothing but seeing buttons with a default style, it stings my eyes 😵 

![Preview of the default buttons](https://i.thomasbnt.dev/i/y4i7o.png)

{% github https://github.com/forem/forem/issues/13747 %}

<!-- Then, describe the bug here.  -->

### How I Smashed It

I modified the style of the two buttons while adding a black color to the `active` class. 
![Preview of buttons stylised](https://i.thomasbnt.dev/i/156452615641516_devto.gif)

Others themes work, good! 
![Others themes colors](https://i.thomasbnt.dev/i/yp43g.png)


Oh and edited **submit buttons** like 'Send as Mod' and 'Insert'. More margin 😎

![Two buttons with style](https://user-images.githubusercontent.com/14293805/129024997-5c0ac9c7-c1f8-4827-bf01-a46bca22b691.png)
<!-- Then, share the link to your approved PR! Change the sample link in the liquid tag below.  -->


{% github https://github.com/forem/forem/pull/14468 %}


### Reflection

<!-- Overall, what was the experience of smashing this bug like? Did you learn anything new? Was it challenging? If you’re a first-time or newer contributor, what have you learned? What is your next step in open source? etc.  -->

I learned how used `@extend` with **SCSS**. Pretty nice tool, yeah! 💪🏼
Maybe smash others bugs like that for Forem 😎



### Suggestions for DEV Community Bug Smash

<!-- Anything we can improve about our contributor's guide? Any suggestions for our codebase in general or for Bug Smash going forward?  -->

Noope ! Just thanks *again* to @nickytonline @rhymes @citizen428 @s_aitchison and @coffeecraftcode for helping me !
What Happen To My Career ? 
Tags: discuss, career
Published: 2021-08-12 06:29:07

Ive been planning to write in Dev since January about my journey to restart my career . Im not sure if 'restart' is a correct word to use or not . Never mind just ignore it . 

This is my first time writing , so please be nice with my broken english and the way i write . I've be working as a developer since end of 2017 which is this year will be my 4 years as a developer . 

How do i know i've been progress well or not ? Normally all company will have performance review / KPI . I start to have a performance review in my current company which now i already go through 2 yearly performance review cycle . For 2 years i got above expectation review from my manager . 

And yes , this is where i'm starting become paranoid . Looking back at the experience and my accomplishment in 4 years , i'm starting to lose my confidence on my own skills . Even already deliver multiple project , logically i know what i'm doing , what i suppose to do but this feeling always make me down . 

I try to look back what i have been doing and compare with others to improve . In my earlier carrier , I tend to focus on deliver something **( Asal Boleh )** or as long it run . But as time goes on , I involve in building a product , this is where i want more than **( Asal Boleh )** or as long it run  , i start to dig in into Unit Testing , Automated Testing , Code Consistency In Team , Code Review ( Sometime need to by pass due to timeline constraint , if you know what i mean ) , Performance  and Estimation . I know there will still be some place that did't care all about this , but for me i believe we need this to get and roll out the product / deliver project with a smile and have a good team culture . I'm also new and still have a long way to go , but what i want is one day everyone can get this exposure in their first job . 

Now i'm currently in the process to restart @ start over my life as a developer as my first step is to make a good habit in my daily life first to get a positive vibes and appreciate the life i have first . Let's hope i can build and practice the habit really well . 

See you in my next writing about my progress in start over my career . I will come back to be a better person .
Are you on TikTok?
Tags: discuss, codenewbie, codeland
Published: 2021-08-12 21:20:12

---
title: Are you on TikTok?
published: true
description: Don't miss this chance to use your skills at CodeLand 2021
tags: discuss, codenewbie, codeland
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l3fx7cmuhiakuiql99yy.png
---

I don't know about you, but I frequently find myself _lost_ in TikTok's #techtok content. There are so many brilliant content creators and software developers there sharing clips of their skills, inner monologues, humor, and beyond. Who knew that so much could be communicated and captured in just a few seconds? 🤯 

## If you're a software developer who's also on TikTok, share your profile in the comments below so we can all follow you! 

> I also wanted to let you know that, whether you're on TikTok or not, there's an awesome opportunity to be featured on the [CodeLand 2021](https://codelandconf.com) program using your skills and personality as a developer...

> **CodeLand Recess** is a community-sourced track of short TikTok-_style_ videos that will lend some fun, humor, and developer-realness to the day's events. We'd love to see a video submission from you! 

> **All CodeLand Recess video submissions are due by August 20th by 11:59 PM PT (6 AM UTC the following day).** Get yours in soon! Instructions and examples [here](https://community.codenewbie.org/codenewbie/reminder-submit-a-short-video-for-codeland-recess-by-august-20th-4623). 

## Share your TikTok profile in the comments below — and consider submitting a video to [CodeLand Recess](https://community.codenewbie.org/codenewbie/reminder-submit-a-short-video-for-codeland-recess-by-august-20th-4623)!
App Building. Episode 2. Minimum Viable Product
Tags: java, android, tristan
Published: 2021-08-12 21:15:09

#Introduction
- This series is going to be dedicated to building and launching my first app to the Google Play app store. Join me and let us try to to make our way through this. If you are unfamiliar with what I am building. I am building a free android app to help cattle farmers organize their books during calving season(when baby cows are born)

###Minimum Viable Product M.V.P
- So I am now at a stage where I can upload my app to the google play store. I know that my app is basically a glorified CRUD application but I am still very proud of it. The only tutorials I followed was for the design. Everything else was from reading the Android documentation and I honestly feel like a software developer. I am well aware of all the work in front of me regarding, testing, code organization and then further updates but I am happy to meet those challenges. With that being said, here are some pictures of how my application turned out:
![mvpAndroid2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jy03w1kkxfq0jlofdm1l.png)

![mvpAndroid](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2esdri94kgw66asqzi6t.png)

- Not great but not terrible. It also has the stereotypical swipe to delete functionality and an update ability when an item is clicked.

###What have I learned so far?
- Software development is a very labour intensive occupation. Something as small as that took me a whole month to make. However, that was me learning how to implement everything from scratch.
- Code organization is going to be very useful. I can already tell I need to read up on object oriented programming and learn some code reuse techniques.

###My biggest challenges?
- From a coding perspective the biggest challenge was definitely trying to hook up the database and more specifically dealing with threads.


###What am I most proud of?
- I am definitely most proud of the asynchronous method I wrote to  help with the update aspect of my application. Instead of dealing with Android's very confusing [ReactiveX](http://reactivex.io/) library like recommended. I decided do all the thread handling and creation myself. It was about an 9 hour detour to learn about threads, future objects, fixed thread pools, executor, runnable and callable interfaces but I finally got it to work. The code might be terrible asynchronous code, that definitely will not scale well... But it's my terrible code that I wrote and I am proud of that :) . 

###The next step ?
- The next step is to spend a couple of days learning about code reuse in Java and then publish it to the google play store. I am scared to but its good to be scared every once and a while.

#Conclusion
- Thank you for taking the time out of your day to read this blog post of mine. If you have any questions or concerns please comment below or reach out to me on [Twitter](https://twitter.com/TristAndroidDev).
MasquerBot: A Telegram Bot for true paranoids
Tags: telegram, python, showdev, cryptography
Published: 2021-08-12 20:33:18

<center>
### https://t.me/MasquerBot
<br><br>
</center>
I watched Snowden in 2016. It was the year, I became paranoid. 👻

Introducing 𝗠𝗮𝘀𝗾𝘂𝗲𝗿𝗕𝗼𝘁! It is a telegram bot that can hide any given text message inside any given image, by manipulating the very pixels of that image (steganography)

• URL changes every 6 hrs, with 130 char long, therefore making it impossible to trace by anyone other than Telegram.

𝘍𝘢𝘳 𝘣𝘦𝘵𝘵𝘦𝘳 𝘥𝘰𝘤𝘶𝘮𝘦𝘯𝘵𝘢𝘵𝘪𝘰𝘯 𝘪𝘴 𝘰𝘯 𝘨𝘪𝘵𝘩𝘶𝘣, 𝘭𝘪𝘯𝘬𝘴 𝘢𝘵 𝘵𝘩𝘦 𝘦𝘯𝘥.

📈 𝗪𝗼𝗿𝗸𝗳𝗹𝗼𝘄:

• It works by creating an ECDSA encryption 🔑🗝key pair, returns you the 🔑public key, to distribute.

• To encrypt, one will have to send your 🔑key along with ✉text and 🖼image.

• The bot will encrypt the text and hide it then it will return the 🖼 encode-image.

• You as a recipient will send the encoded-image to the bot. and it will take your 🗝private key from the 📒database and will send you the hidden ✉text.

PS: Icon is not just eye-candy for otakus. try "/icon" command, within the bot. I bet you will love it. 😉


⚡𝗟𝗶𝗻𝗸𝘀:
Github: https://github.com/ra101/MasquerBot
LBRY: https://lbry.tv/@ra101/MasquerBot
Git Merge
Tags: github, git
Published: 2021-08-12 19:01:23



Git Merge, It is one of those concepts that newbies Barely use, These are Majorly used in cases where we need to development on a Experimental feature or Want to try something which we don't like to ship. The Idea of Merging two separate branches to one always fascinated me, But I always use to think How would Merge Conflicts be resolved in a case Where things don't add Up or we have a file which has two different version on two separate branches. Lets see How Merging Works in Git.

##According to definition 

> Git merge will combine multiple sequences of commits into one unified history. In the most frequent use cases, git merge is used to combine two branches. The following examples in this document will focus on this branch merging pattern. In these scenarios, git merge takes two commit pointers, usually the branch tips, and will find a common base commit between them. Once Git finds a common base commit it will create a new "merge commit" that combines the changes of each queued merge commit sequence.

![Unmerged Git Branches](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x05h36a9zhcmb43t68ey.png)
![Merged branches](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/th23nsektnnp661dxm52.png)

In the above image we can see that there is a Common base between the Two Points we want to Merge, What happens here is Git Diffs Both the Branches Against there Common Ancestor and Calculates Changes based on it. 

## Types Of Merges

1. Fast Forward Merge.

    It occurs when there's a direct path between the current branch tip and the Current Tip. It Basically merges the history of Both the Tips.

    ![03-04 Fast forward merge.svg](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eg81wj6d5ujk0lfs69df.png)

1. 3 way merge

    This Happens when there's no direct path between the Main and Current Branch. The Name comes from the Fact that git uses three commits to get make the merge commit it combines the source, feature and common base to come to a new merged commit .

![05-06 Fast forward merge.svg](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8ee2bkisvrr576sfmibe.png)

In a three way there could conflicts to files changes in the both the Tips

## Conflict Resolution

To resolve them what we need to do is change the files and Use the Command 
```
Git Add 
```
and then 
```
GIt Commit -m "SomeThing here" 
```
To get the Tips Merges 

and it will create the Merged Branch.

Various Commands that can help in resolution of conflicts.
```
git log —merge
```
It helps in producing the list of command that are causing the conflicts
```
git Diff
```
It helps in finding the difference between files between two States


```
Git merge —abort
 
```
It helps  by ending the merge process returns the repo into the original state as it was before merging happened.

That Sums up how merging Works Across Branches.