DEV Community: qui

Markdown Code Blocks in HTML

qui — Mon, 24 Jun 2024 07:18:52 +0000

Hello! I love Markdown code blocks but in default, we don't have Markdown code blocks in HTML. We'll do it with CSS.

1. Adding CSS

1.1. Using Another file for CSS

Add this to your CSS: <link rel="stylesheet" href="style.css">
And put this code in style.css:

.code {
    width: auto;
    max-width: 80%;
    background-color: #2d2d2d;
    color: #ffffff;
    border: 1px solid #444;
    border-radius: 8px;
    padding: 20px;
    margin: 0 auto;
    font-family: 'Courier New', Courier, monospace;
    font-size: 14px;
    line-height: 1.5;
    overflow-x: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin-bottom: 15px;
}

.code pre {
    margin: 0;
}

.code code {
    display: block;
}

1.2. Using `<style>` tag

Add this in the style tag:

.code {
    width: auto;
    max-width: 80%;
    background-color: #2d2d2d;
    color: #ffffff;
    border: 1px solid #444;
    border-radius: 8px;
    padding: 20px;
    margin: 0 auto;
    font-family: 'Courier New', Courier, monospace;
    font-size: 14px;
    line-height: 1.5;
    overflow-x: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin-bottom: 15px;
}

.code pre {
    margin: 0;
}

.code code {
    display: block;
}

2. Using It

<p class="code">
   your text here
</p>

For example, I used it in my website: https://modvim.quitaxd.online/installation

If it isn't alive, I am giving a screenshot:

I changed background color manually.

Serving Static Page with Docker

qui — Wed, 19 Jun 2024 08:50:57 +0000

Hello, I am qui! Today, we'll serve a static page with Docker.

Installing Docker

Install it with your package manager.

Debian/Ubuntu/Mint: https://docs.docker.com/engine/install/debian/#install-using-the-repository

Arch: sudo pacman -S docker docker-compose

Creating Dockerfile

Create Dockerfile. And enter to it.

We'll use nginx image. Add this: FROM nginx:alpine

We want to copy static site to /usr/share/nginx/html in container. Add this: COPY . /usr/share/nginx/html

Complete Dockerfile

FROM nginx:alpine
COPY . /usr/share/nginx/html

Building Container

docker build -t <sitename>:latest .

Run Container

If you want to run site in background, run this command: docker run -d -p 80:80 <sitename>:latest

If you don't want to run site in background, run this command: docker run -p 80:80 <sitename>:latest

If you are getting port errors, change 80:80 with 8080:80.

Credits

Why You Should Use Local AI Instead ChatGPT?

qui — Tue, 18 Jun 2024 12:52:34 +0000

Privacy

Privacy is very important. If you use ChatGPT, admins can see your conversations. But in local AI, they can't see because they aren't admin of your AI.

Freedom

For example, you can't write RAT with ChatGPT, but in local AI, you can do it (AI model must uncencored). I said RAT, but we have a lot of examples for it.

Security

In ChatGPT your data can be leaked. But in local AI, it cannot.

Activating Windows 10/11

qui — Tue, 18 Jun 2024 12:51:41 +0000

Hello guys. This is qui. Today I will make a tutorial about activating Windows 10/11 for free. This tutorial isn't working with LTSC versions.

First you should run script with this command in PowerShell (Administrator): irm https://get.activated.win | iex

And select HWID. If it's not working, you can use KMS.

Thank you for reading this post. Good bye!