#code

My computer has been hacked by a mysterious pink-haired hacker!

It's just a script, so no need to worry!

(｡･ω･｡)

The art used in this wallpaper is from the game @14dayswithyou

thanks sai's work( ง `ω´ )۶

If you need a ready-to-use download, please check out this free script; I just listed it in my kofi.

This is the code that I usually start out with, and it works most of the time without tweaking much. The thing I still tweak the most though is the CONTAINER_BORDER_IMAGE_OUTSET. I usually set it anywhere from 10px to 20px, and sometimes I will set two values to it if I want the outset to be diff for top+bottom and left+right

I prefer a more like bigger(?) Look to how my border are cut, so I do that by making the slice smaller (15% to 20%) or I make the width bigger (25px to 30px)

There are a lot of ways to playe around with the coding though like down below I set slice to 30% which I think I see a lot of people do idk. But to keep the bigger cut look I like I make the width 30px. I like to keep my widths at 20px to 25px though because of how much my outset is. My outset sometimes clips under the edit button when you save the code and view it normally, so I keep the width a bit smaller and use a smaller or equal slice. But there are a lot of ways to play around with this because it depends a lot on your rentry and what border you're using becuase there are out(?) Borders and in(?) Borders. Basically just play around with CONTAINER_BORDER_IMAGE_SLICE + CONTAINER_BORDER_IMAGE_WIDTH You can also have fun with the repeat options (round, repeat, space, and stretch iirc). I'll leave my code and examples below. I hope this helps Anon! I'm not sure if it's comprehensible or if I'm just yapping BS..

Above big slice big width, below big slice small width

Down below are what I call 'In borders' cause they're facing inwards. I usually have the outset on these a little bigger

CONTAINER_MAX_WIDTH = 300px

CONTAINER_BORDER_IMAGE = Your border image

CONTAINER_BORDER_IMAGE_SLICE = 20%

CONTAINER_BORDER_IMAGE_WIDTH = 25px

CONTAINER_BORDER_IMAGE_OUTSET = 10px

Shedding light on how technology increasingly shapes everyday life, a study published Thursday by the American Journal Of Sociology revealed that the average American dedicates 97% of their day to retrieving six-digit validation codes. “Our findings suggest that U.S. residents spend roughly 23 hours each day—or 160 hours every week—attempting to log in to online services, being told they need to check their phone for a six-digit code, and then entering that code into the website or app for verification,” said lead researcher Andrew Singh, adding that many Americans have to skip meals and forgo showering in order to find time to read and transfer over the hundreds of codes needed daily to access their medical records, work emails, and food delivery accounts. 

theme - keeper by @ghcstfaec

preview (alt version) | download: ko-fi for $0+ 

this is a free theme.

i reached a milestone on ko-fi! i'm slowly rebuilding it because my old one was reported lmao. as thank you, here's a theme to celebrate me reaching 100+ followers over there. thank you so much for the love. *w*

features: three 250x250px sidebar images, 70x70px icon image, four 70x70px icon images, blog title, blog subtitle, six custom links, search bar, 450px to 540px text posts

notes: npf posts friendly (+ among other things)! ask and submit button will automatically show if allowed (please check your settings). thank you @/gloomglimmer for the psd. thank you @theluzvre for the pngs (tagging you so you see how i used your resources, thank you again!). credits link to the resources, tutorials and scripts used to make this theme possible is found on the bottom right corner of the theme. if you have any questions, found a bug or suggestions for the next theme after this, send me a snail mail.

[Note: You need a text editor to do this. You can use Notepad or Text Edit. But it's so much better to download VS Code / Visual Studio Code. Save it with an extension of .html]

HTML stands for Hyper Text Markup Language

It is used to create webpages/websites.

It has a bunch of tags within angular brackets <....>

There are opening and closing tags for every element.

Opening tags look like this <......>

Closing tags look like this

The HTML code is within HTML tags. ( // code)

Here's the basic HTML code:

<!DOCTYPE html> <html> <head> <title> My First Webpage </title> </head> <body> <h1> Hello World </h1> <p> Sometimes even I have no idea <br> what in the world I am doing </p> </body> </html>

Line By Line Explanation :

<!DOCTYPE html> : Tells the browser it's an HTML document.

<html> </html> : All code resides inside these brackets.

<head> </head> : The tags within these don't appear on the webpage. It provides the information about the webpage.

<title> </title> : The title of webpage (It's not seen on the webpage. It will be seen on the address bar)

<body> </body> : Everything that appears on the webpage lies within these tags.

<h1> </h1> : It's basically a heading tag. It's the biggest heading.

Heading Tags are from <h1> to <h6>. H1 are the biggest. H6 are the smallest.

<p> </p> : This is the paragraph tag and everything that you want to write goes between this.

<br> : This is used for line breaks. There is no closing tag for this.

-------

Now, we'll cover some <Meta> tags.

Meta tags = Notes to the browser and search engines.

They don’t appear on the page.

They reside within the head tag

<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content="Website Description"> <meta name="Author" content="Your Name"> <meta name="keywords" content="Websites Keywords"> </head>

Line By Line Explanation:

<meta charset="UTF-8"> : Makes sure all letters, symbols, and emojis show correctly.

<meta name="viewport" content="width=device-width, initial-scale=1.0"> : Makes your site look good on phones and tablets.

<meta name="description" content="Website Description"> : Describes your page to Google and helps people find it.

<meta name="author" content="Your Name"> : Says who created the page.

<meta name="keywords" content="Website's Keywords"> : Adds a few words to help search engines understand your topic.

_____

This is my first post in this topic. I'll be focusing on the practical side more than the actual theory, really. You will just have some short bullet points for most of these posts. The first 10 posts would be fully HTML. I'll continue with CSS later. And by 20th post, we'll build the first website. So, I hope it will be helpful :)