Puroto - html-css

zyrn 07-Dec-20 11:58 AM

is http really a language

Alex 07-Dec-20 11:58 AM

O FUCK

zyrn 07-Dec-20 11:59 AM

it should be html

lul

Alex 07-Dec-20 11:59 AM

I haven't saw that lol

Thanks for letting me know that

zyrn 07-Dec-20 11:59 AM

no problem lol

Alex 07-Dec-20 11:59 AM

it should be right now

Snivy Kisaragi 07-Dec-20 12:20 PM

Im so stupid I was gonna bring up that Im learning http because I saw that was the chat name. Actually smooth brained over here

lakcmav 07-Dec-20 01:53 PM

i think html and css kinda fit in one channel imo

kinda connected

Alex 07-Dec-20 01:54 PM

yes but uhm

yes

pimp juice 11-Jan-21 08:27 PM

html is not a programming lang

1

Mark6O9 23-Jan-21 11:53 AM

You liar

pimp juice

html is not a programming lang

Eevee 28-Jan-21 03:33 PM

Lies

głupi chuj 10-Feb-21 12:45 AM

html is complicated

Mark6O9 10-Feb-21 12:43 PM

Duh (edited)

Ark

You try coding a website in a few days on code .org

Its not fun

Eevee 10-Feb-21 07:51 PM

Code.org is the easy bit. It's making it in a coding app and hosting it.

here's something I made. https://codeprojects.org/hw0uenfVybRSi2Y_v8elWSxvQZ-uvLye9Az9mcPG-A0

It looks bad in retrospect

But I made it for a class assignment.

Mark6O9 10-Feb-21 07:54 PM

i did the same

but

in my opinon code.org is shitty

Eevee 10-Feb-21 07:56 PM

Yea. Have to use it for my classes

Mark6O9 10-Feb-21 07:56 PM

where the crafting recipes?

Eevee 10-Feb-21 07:56 PM

I haven't worked on it in like a year.

Mark6O9 10-Feb-21 07:56 PM

i feel scamed

anyways

Eevee 10-Feb-21 07:56 PM

Well its free

Mark6O9 10-Feb-21 07:56 PM

ill try too put up my codeing project

Eevee 10-Feb-21 07:57 PM

Okay

Mark6O9 10-Feb-21 07:57 PM

if i remmber my password

https://codeprojects.org/P6_-VPK2aoRJbBRMZ_0JaySX4qLtUvIu4HaRkJcHrKM

it's shitty but

it works

this was the start too a better youtube twitch and twitter

shit

Eevee 10-Feb-21 08:03 PM

Oof

Mark6O9 10-Feb-21 08:03 PM

my stuff decided to say fuck you and delete it's self

it was perfect

it had buttons that worked

Eevee 10-Feb-21 08:03 PM

Damn

Mark6O9 10-Feb-21 08:03 PM

god damn it\

at least it's not a real websiter

stax the foxxo 29-Mar-21 03:45 AM

My favorite status display on my schools video conferencing platform xD

Booklordofthedings 29-Mar-21 03:45 AM

I serv is so dumm

stax the foxxo 29-Mar-21 03:45 AM

It's literally hardcoded oof

Booklordofthedings

I serv is so dumm

stax the foxxo 29-Mar-21 03:45 AM

true

worst servers ever xD

Booklordofthedings 29-Mar-21 03:45 AM

die conferencen sind bei uns immer down

stax the foxxo 29-Mar-21 03:45 AM

bei uns auch xD

deswegen haben die die Anzeige hardcoded

damit man das nicht mehr sehen kann

Booklordofthedings 29-Mar-21 03:46 AM

lul

stax the foxxo 29-Mar-21 03:46 AM

GG Iserv xD

Booklordofthedings 29-Mar-21 03:48 AM

The worst thing are the notifications for the app, I already missed a bunch of conferences because the app just decided to not send a push notification

stax the foxxo 29-Mar-21 03:48 AM

true

and I get notifications from conferences that were weeks ago

why

also opening videos and mp3s is the best xD

you have literally no controls at all...

Booklordofthedings 29-Mar-21 03:49 AM

ohboi

stax the foxxo 29-Mar-21 03:49 AM

yes

but Iserv is way better than Moodl

Booklordofthedings 29-Mar-21 03:50 AM

https://github.com/dunklesToast/IServ There actually is an api I want to try out, because it has a getNotifs function

dunklesToast/IServ

IServ API for nodeJS. Contribute to dunklesToast/IServ development by creating an account on GitHub.

stax the foxxo 29-Mar-21 03:50 AM

or how it's named

Booklordofthedings 29-Mar-21 03:50 AM

Never used that one

Booklordofthedings

https://github.com/dunklesToast/IServ There actually is an api I want to try out, because it has a getNotifs function

stax the foxxo 29-Mar-21 03:50 AM

oh cool

Booklordofthedings

Never used that one

stax the foxxo 29-Mar-21 03:51 AM

It's like Iserv but PHP and 15 years old

Booklordofthedings 29-Mar-21 03:51 AM

ohgod

stax the foxxo 29-Mar-21 03:51 AM

You could say that Moodl is too old and Iserv is too young xD

also Iserv has no good devs

and shitty infrastructure

can't say something about that for Moodl though, never used that one xD

Booklordofthedings 29-Mar-21 03:52 AM

Iserv was the first system we had here at our school

we also still dont have a online timetable

stax the foxxo 29-Mar-21 03:53 AM

oof

we had before already but like a year before we got Iserv, the certificate expired so most people can't access it anymore xD

they would have needed to just renew the let's encrypt certificate (edited)

Booklordofthedings 29-Mar-21 03:54 AM

as if they would know how to do that

stax the foxxo 29-Mar-21 03:55 AM

nginx does that automatically xD

Booklordofthedings 29-Mar-21 03:55 AM

lol

stax the foxxo 29-Mar-21 03:56 AM

so they probably have created a certificate with let's encrypt and then copied it and are using it standalone in nginx

instead of just managing it with nginx

Also they have bought an certificate for our Schools wifi lol

But only after I showed our schools head teacher why transmitting passwords over HTTP is a really bad thing xD

wireshark for the win xD

Deleted User 31-Mar-21 01:37 AM

Ooooh niceeee

My school has some decent security

But they accidentally gave every student an admin api key

stax the foxxo 31-Mar-21 03:05 AM

oof

Confused 01-Apr-21 12:51 AM

Isn’t this what you use to connect a console to a tv or monitor?

Wait fuck that’s HDMI

Nvm

Confused

Wait fuck that’s HDMI

Azerious 01-Apr-21 07:40 PM

HDMI? i thought that was VGA

Confused 01-Apr-21 07:47 PM

I use an HDMI cable to plug my Xbox/PC into a display

Tordek 01-Apr-21 07:56 PM

imagine using hdmi

this post was made by the dvi gang

Confused 01-Apr-21 08:08 PM

What’s vga and what’s dvi?

Confused

What’s vga and what’s dvi?

Tordek 01-Apr-21 08:13 PM

Unknown

3.6 KB

blue is vga

black is dvi

Azerious 01-Apr-21 08:15 PM

nah i use display port except i dont

Confused 01-Apr-21 08:15 PM

I don’t have a single thing that takes either of those

Tordek 01-Apr-21 08:31 PM

my school has a fuck ton of dell optiplexs that have a dvi and display post output

Deleted User 02-Apr-21 05:28 PM

I forget Does dvi carry audio?

Alex 02-Apr-21 05:28 PM

no

normally they don't have the audio pins (edited)

but recent ones may have one

Deleted User 02-Apr-21 05:39 PM

ah ok

Neo 02-Apr-21 08:14 PM

Yeah there's different types of dvi

Nowadays

Neo

Yeah there's different types of dvi

głupi chuj 15-Jul-21 01:09 AM

https://c.tenor.com/TbTe1Nc6j34AAAAM/hacker-hackerman.gif

bonky boo 03-Aug-21 11:24 PM

HelloーI used a repeating gradient background to create caution stripes, but interestingly, it seems to stretch out into blocks and then invert itself once the page reaches a certain height. It's a little hard to describe... But

For reference, the background of the top-nav is what it should look like.

https://www.github.com/bonkmaykrQ/gbubers/tree/main/tom.css

Lucas. 04-Aug-21 02:11 PM

ok so ive managed to change the background colour, i’m struggling with text

bonky boo 04-Aug-21 03:29 PM

I can just do the CSS for you if you want

Lucas. 04-Aug-21 03:30 PM

Alex 04-Aug-21 03:45 PM

Some times ago I made a site, for practice and stuff

I'm not a professional so I can't tell if it's good or not

bonky boo 04-Aug-21 03:45 PM

if you wanna see mine check bio

Alex 04-Aug-21 03:45 PM

https://alekuso.github.io

alexou

Didn't took time for the embed

bonky boo 04-Aug-21 03:46 PM

it looks pretty good

https://bonkmaykr.xyz

bonkmaykr

Programmer, Artist, and Everything In Between.

Here's mine

Alex 04-Aug-21 03:46 PM

the source: https://github.com/Alekuso/alekuso.github.io

GitHub - Alekuso/alekuso.github.io

Contribute to Alekuso/alekuso.github.io development by creating an account on GitHub.

bonky boo 04-Aug-21 03:46 PM

nice

ya got da femboy Minecraft fox

Alex 04-Aug-21 03:46 PM

yes

bonky boo 04-Aug-21 03:47 PM

so is the opening animation an APNG or actual css

Alex 04-Aug-21 03:47 PM

full css

my name animation was the most hard one (edited)

bonky boo 04-Aug-21 03:47 PM

kk

I need to study Vue more, stuffs confusing me

I'm so used to the standard PHP mixed with client JS method

Alex 04-Aug-21 03:48 PM

I used nuxt with tailwind for my site

and some custom css for the animations

Alex

my name animation was the most hard one (edited)

bonky boo 04-Aug-21 03:48 PM

yeah it looks like some svg stuff, pretty cool

I'm planning to add a blog system and PHP template system to my site that will allow for pages to be fetched by combining a template file with a content file via echo, then probably gonna use the site to host all my projects and what's been happening

and probably move my Github.io to it after that

but I gotta finish the main css first because the topnav is barebones as all hell

It actually took me a while to get embeds working, until I realized that the index page for bonkmaykr.xyz wasn't actually in the right spot

Alex 04-Aug-21 03:52 PM

embeds are really a pain to manage

took us many tries for the trailer website of Puroto

bonky boo 04-Aug-21 03:52 PM

yeah

Lucas. 04-Aug-21 04:00 PM

how do you get your links to embed btw

like

i wanna have my link embed to somethin

Lucas.

how do you get your links to embed btw

Alex 04-Aug-21 04:01 PM

lot of headers

Lucas. 04-Aug-21 04:02 PM

oop

the code for my index is horrible

Alex 04-Aug-21 04:04 PM

oh wow

Lucas. 04-Aug-21 04:06 PM

god i wish i knew what i was doing

Alex 04-Aug-21 04:06 PM

we all do

Abel 04-Aug-21 04:06 PM

I know basic html but I haven't used it in forever

Lucas. 04-Aug-21 04:06 PM

ive only just learned styling rgb

Alex 04-Aug-21 04:07 PM

I don't like rgb, I only use hex

Lucas. 04-Aug-21 04:07 PM

fair enough

bonky boo 04-Aug-21 04:10 PM

If you want me to do it for you I can

Lucas. 04-Aug-21 04:13 PM

huh

bonky boo 04-Aug-21 04:32 PM

yea (edited)

Lucas. 04-Aug-21 08:57 PM

what am i doing wrong

Alex 04-Aug-21 08:57 PM

You need to close p

For example

<p class="test">hello</p>

Lucas. 04-Aug-21 08:58 PM

ooohhhh

well the background colour didnt change

but the text did

Alex 04-Aug-21 09:01 PM

For background color I think you can do something like this

body { background-color: #000000 }

Lucas. 04-Aug-21 09:01 PM

sorry im so bad at this

Alex 04-Aug-21 09:02 PM

It's ok

Lucas. 04-Aug-21 09:03 PM

now this is epic

ty

Alex 04-Aug-21 09:04 PM

Dark mode enabled

Lucas. 04-Aug-21 09:04 PM

yeah having a pure white background wasnt something i could get used to (edited)

Lucas. 04-Aug-21 09:52 PM

shit i’m actually getting kinda good at this

i’ve added images and also sorted files

bonky boo 04-Aug-21 09:53 PM

Kk

Lucas. 05-Aug-21 05:17 PM

tried adding an icon lol

didnt go too well

OH THATS WHY

WHY WAS I ZOOMED OUT

LOL

im so smart

Lucas. 05-Aug-21 05:39 PM

this actually looks really nice ngl

bonky boo 05-Aug-21 06:27 PM

I could really spice it up for you.

Fr

Gimme a sec ima turn on my lappy

Lucas. 05-Aug-21 06:28 PM

i could give you a copy of the index but for now i might keep it simple and all

bonky boo 05-Aug-21 06:28 PM

Or I could just

Devtools

Lucas. 05-Aug-21 06:28 PM

fair enough

or as some people call it ✨ inspect element ✨

bonky boo 05-Aug-21 06:30 PM

"inspect element"

that's not the name of the actual thing, that's just one of the tools it offers

which is why my language nazi brain hates when people call it Inspect Element

Lucas. 05-Aug-21 06:31 PM

lmao

i think on internet explorer or something it did actually say inspect element

and thats why some people call it that

bonky boo 05-Aug-21 06:49 PM

no chrome does it too

like every browser

The right click/ ctrl shift I opens the Inspect tool in devtools

but it opens the menu in the process

So people thought it opened the menu and not actually inspecting elements

hence confusion

Lucas. 05-Aug-21 06:52 PM

fair enough lol

Lucas. 05-Aug-21 10:19 PM

i added funny ascii in the code of my website

bonky boo 05-Aug-21 10:21 PM

Nice

Lucas.

how do you get your links to embed btw

Lucas. 07-Aug-21 04:23 PM

i did it

three lines of code

lul

bonky boo 07-Aug-21 04:31 PM

lol

Lucas. 07-Aug-21 05:54 PM

html is fun

i got audio to play in the background

coding is cool

bonky boo 07-Aug-21 06:04 PM

html isn't even real programming just markup If you think that's crazy just wait until you start doing javascript

głupi chuj 08-Aug-21 04:10 PM

Coding is pain

At first it's like

"oh cool the thing I made works"

but then it's like

"OH GOD OH FUCK THERES AN ERROR AND IDK HOW TO FIX IT"

and then you're all like

"I have spent over 782.3 hours trying to resolve this shit and I just spelled 'if' wrong."

~~Based on a true story~~

Alex 08-Aug-21 04:42 PM

huh junior programmer

głupi chuj 10-Aug-21 03:50 PM

The only time I actually used html was for a class assignment and I used it once to make 3 lines of code

I don't even remember what it was for

bonky boo 10-Aug-21 05:17 PM

l o l

schools are bad at teaching that stuff

Alex 10-Aug-21 05:17 PM

^

Lucas. 10-Aug-21 05:33 PM

that’s why i dropped out

Deleted User 10-Aug-21 07:36 PM

school sadly is the only place I can effectively learn fusion 360

bonky boo 10-Aug-21 07:36 PM

why use fusion 360 when you could use a well documented foss alternative

iirc blender can do literally anything art related (edited)

Lucas. 10-Aug-21 07:37 PM

even 2d stuff

mf blender can do motion tracking

cool as program

saek 10-Aug-21 07:49 PM

Blender > Cinema 4D

6

saek

Blender > Cinema 4D

Draconian 10-Aug-21 07:49 PM

Fact

Lucas. 10-Aug-21 07:49 PM

blender > literally everything

5

głupi chuj 11-Aug-21 05:01 AM

People who don't use blender be like

Lucas.

blender > literally everything

Deleted User 11-Aug-21 02:16 PM

I use meshmixer to build my 3d models

/j ofc

głupi chuj 12-Aug-21 06:48 AM

Bruhhhhh

Imagine using Microsoft Paint 3D

2

Lucas. 22-Aug-21 08:35 PM

so how can i exactly edit a mobile version of my site

saek 22-Aug-21 09:12 PM

use @media

https://css-tricks.com/a-complete-guide-to-css-media-queries/

Andrés Galante

A Complete Guide to CSS Media Queries

Media queries can modify the appearance (and even behavior) or a website or app based on a matched set of conditions about the user's device, browser or system settings.

1

Lucas. 22-Aug-21 09:23 PM

Lucas.

so how can i exactly edit a mobile version of my site

bonky boo 23-Aug-21 01:44 AM

~~I can do it for you~~

Lucas. 23-Aug-21 06:42 AM

Lucas. 28-Aug-21 10:10 PM

just realising im putting most of the effort into my 404 page than my actual site itself

(JF)² 28-Aug-21 10:11 PM

eror 404

Lucas. 29-Aug-21 12:48 AM

and also my site looks nice on mobile now

i figured a few things out

by accident

Lucas. 06-Sep-21 03:59 PM

wanna know something sad

instead of putting gaps like normal

saek 06-Sep-21 04:00 PM

use tailwind

Lucas. 06-Sep-21 04:00 PM

i use invisible dots

saek 06-Sep-21 04:00 PM

duh

text-align: center

Lucas.

i use invisible dots

Alex 06-Sep-21 04:00 PM

For <li> ?

Oh

Yeah that too

saek

text-align: center

Lucas. 06-Sep-21 04:00 PM

i do

Alex 06-Sep-21 04:01 PM

Oh!

You meant

To space

Lucas. 06-Sep-21 04:01 PM

yeah

Alex 06-Sep-21 04:01 PM

Use margin

Or padding, dependly of what you wanna do

Lucas. 06-Sep-21 04:02 PM

yeah the dots arent supposed to be centred, the dots are only there to separate each line

Alex 06-Sep-21 04:02 PM

You can use margin-bottom: 2rem

Between the Titre and the sub title

saek 06-Sep-21 04:03 PM

or simply mb-8 if you use tailwind

saek

or simply mb-8 if you use tailwind

Alex 06-Sep-21 04:03 PM

It's pure html

saek 06-Sep-21 04:03 PM

ikr

Lucas. 06-Sep-21 04:03 PM

i like my shite code

Alex 06-Sep-21 04:03 PM

And as I said, no use tool very bad when no learned html css and js

saek 06-Sep-21 04:03 PM

at least, it's better than the other site

saek

at least, it's better than the other site

Alex 06-Sep-21 04:03 PM

HAHAHAHHA

Lucas. 06-Sep-21 04:03 PM

saek 06-Sep-21 04:04 PM

lucas is using classes for the elements?

Lucas.

i do

saek 06-Sep-21 04:04 PM

nvm, looks like yea...

Lucas. 06-Sep-21 04:04 PM

yeah i use whatever works

saek 06-Sep-21 04:04 PM

yeah, that's the correct practice

just don't use the style attribute for everything like the other site

Alex 06-Sep-21 04:05 PM

Yeah

Lucas. 06-Sep-21 04:05 PM

whats the other site

Alex 06-Sep-21 04:06 PM

Nothing nothing

Lucas. 06-Sep-21 04:06 PM

ok

Lucas.

whats the other site

saek 06-Sep-21 04:07 PM

I can tell you via DMs

Lucas. 06-Sep-21 04:07 PM

saek 06-Sep-21 04:07 PM

Lucas. 08-Sep-21 01:09 PM

ok you gotta agree for my shite arse coding this looks nice

Alex 08-Sep-21 01:09 PM

And now

Show us behind the scenes

Lucas. 08-Sep-21 01:10 PM

Alex 08-Sep-21 01:12 PM

Nice

Now draw her like one of your french girls

Lucas. 08-Sep-21 01:14 PM

i cant draw

and i dont have any french girls

Alex 08-Sep-21 01:14 PM

Sadge (edited)

Lucas.

ok you gotta agree for my shite arse coding this looks nice

saek 08-Sep-21 01:29 PM

plz use font-family somewhere

Lucas. 08-Sep-21 01:30 PM

i like the default font

saek 08-Sep-21 01:31 PM

so you like serif font huh

saek

so you like serif font huh

Alex 08-Sep-21 01:31 PM

Your NDA is written with serif

saek 08-Sep-21 01:31 PM

yes

'cuz it's a legal document (edited)

saek

so you like serif font huh

Lucas. 08-Sep-21 01:32 PM

at least its not comic sans

saek 08-Sep-21 01:33 PM

i use comic sans in my website as fallback font

bonky boo 09-Sep-21 01:11 AM

tfw you accidentally ctrl c ctrl v an entire document from devtools into the wrong file and fuck up your website

Lucas. 09-Sep-21 03:00 AM

Kittatro 11-Sep-21 07:39 PM

Alr so I made this for school and I'm kinda proud (yeah I use georgia domains lul) https://ddlc-hangman.ga/ (edited)

CopperTheFox 11-Sep-21 08:15 PM

Just throwing it out there. I do Web Dev for a living, if anyone needs any help of tips.. let me know

Glad to help

Lucas. 12-Sep-21 03:24 PM

whenever i open my code my eyes just go all over the place cuz theres so much going on

at least ive learned how to use div tags

if tag is the term

Alex 12-Sep-21 03:25 PM

98% of Puroto alpha UI was div

The 2% rest is text and img

Alex 12-Sep-21 03:39 PM

Also the img was just for the pfp in the user page

The banner was a div

And the pfp on the feed is also a div

Lucas.

ok you gotta agree for my shite arse coding this looks nice

Ash 13-Sep-21 03:35 PM

uh..

maybe?

nah

Lucas. 13-Sep-21 03:35 PM

sadge

Ash 13-Sep-21 03:39 PM

why wont my screenshot paste.

-w-

arm32 firefox on arm64 ubuntu 21.04, dont make me fuck up your dependents.

@Lucas. although its definitely better than my temporary sites

Lucas. 13-Sep-21 03:43 PM

red

Ash 13-Sep-21 03:46 PM

was gonna be ashen.red (domain hack on my main alias)

then i decided to not since i had a bad feeling about it (I was right, about a week ago my account got compromised by someone with the intention specifically of getting be banned on roblox, and most likely would have gone after my site next if it were placed right in front of his face) (edited)

saek 13-Sep-21 03:47 PM

that a11y

Ash 13-Sep-21 03:47 PM

that wha

saek 13-Sep-21 03:48 PM

accessibility

Ash 13-Sep-21 03:48 PM

oh you should see it on iPhone

i can make a meme about it with screenshots

one sec ima do just that

Lucas. 13-Sep-21 03:49 PM

lulw missing image

saek 13-Sep-21 03:49 PM

i have a LCD TV as monitor

so I don't have the Retina wow display

Ash 13-Sep-21 03:50 PM

neither do i

i dont use retina except for my school laptops (previously, dont know what happened to the one i was supposed to recieve, it got lost in DOE organized chaos)

it all just scales to the right on the topbar (edited)

saek 13-Sep-21 03:53 PM

tbh i prefer a really minimal site

(i'll add something later yeah)

Ash 13-Sep-21 03:53 PM

the card wont scale corretly in landscape OR portrait for some reason

its worse in landscape though im pretty sure

saek 13-Sep-21 03:59 PM

if you want to learn about proper UI and UX, you can get the Refactoring UI book. https://www.refactoringui.com/

Refactoring UI

Learn how to design awesome UIs by yourself using specific tactics explained from a developer's point-of-view.

from $99 ¯\_(ツ)_/¯

saek

Click to see attachment 🖼️

Alex 13-Sep-21 04:09 PM

This is clean

saek 13-Sep-21 04:09 PM

yes.

Ash

Click to see attachment 🖼️

Alex 13-Sep-21 04:09 PM

This red is just too red, it's hard to read on it

And even painful for my eyes

saek 13-Sep-21 04:10 PM

looks bad in my monitor so

like

a "bloom"

Alex 13-Sep-21 04:10 PM

If you used a brighter red, it would be good

saek 13-Sep-21 04:10 PM

#FF6B6B

Alex 13-Sep-21 04:10 PM

Not that bright tho

Depends

Of text color etc

At least it's not blue blue

aex 13-Sep-21 04:12 PM

what about #1d1111 as bg

saek 13-Sep-21 04:14 PM

quick brain fox

oh good

fml

Alex 13-Sep-21 04:14 PM

Isn't it brown ?

aex 13-Sep-21 04:14 PM

it is actually

saek 13-Sep-21 04:14 PM

fixed

aex

it is actually

Alex 13-Sep-21 04:15 PM

Was talking of the text

saek 13-Sep-21 04:15 PM

o

aex 13-Sep-21 04:15 PM

o

saek 13-Sep-21 04:15 PM

saek

Click to see attachment 🖼️

Alex 13-Sep-21 04:17 PM

MY EYES

For red, i think this one may look good

#EF233C

saek 13-Sep-21 04:19 PM

no.

Alex 13-Sep-21 04:19 PM

Not with black text-

saek 13-Sep-21 04:19 PM

oh

Alex 13-Sep-21 04:19 PM

Or has a background

saek 13-Sep-21 04:19 PM

still.

Alex 13-Sep-21 04:20 PM

This is better

saek 13-Sep-21 04:20 PM

not 100% friendly but ok

Alex 13-Sep-21 04:20 PM

Than ff0000 and 00 text

Lucas. 13-Sep-21 04:22 PM

just use #ffffff over #141414

Kittatro 13-Sep-21 04:28 PM

The quick brown fox that's the guy who made the big black right

Alex 13-Sep-21 04:28 PM

You what

Kittatro

The quick brown fox that's the guy who made the big black right

Alex 13-Sep-21 04:29 PM

Yes (edited)

But in case you're not cultured enough*

Kittatro 13-Sep-21 04:29 PM

So much knowledge

Alex 13-Sep-21 04:29 PM

Well, in a good way*

Kittatro

So much knowledge

Alex 13-Sep-21 04:29 PM

Ok Osu player

Kittatro 13-Sep-21 04:30 PM

Iclick circles offbeat

Alex 13-Sep-21 04:30 PM

It's a "testing" sentence

Kittatro 13-Sep-21 04:30 PM

Yeah with every letter of the alphabet

Custom fonts use it

But he just wrote the quick brown fox brrrrrr

Brrrr like the streams at the beginning

Alex 13-Sep-21 04:32 PM

I can't do anything for you anymore

Kittatro 13-Sep-21 04:32 PM

Yes you can

Rate my homework

Alex 13-Sep-21 04:32 PM

What's an homework

Kittatro 13-Sep-21 04:32 PM

https://ddlc-hangman.ga

I rickrolled my teacher btw

Kittatro

I rickrolled my teacher btw

bonky boo 14-Sep-21 04:49 AM

lol

Lucas. 18-Sep-21 10:58 AM

oh hey would you look at that, theres css now and its not all compiled in the html files

Alex 18-Sep-21 10:59 AM

compiled in the html files ? (edited)

Lucas. 18-Sep-21 10:59 AM

idk how else to explain it

other than

<style>

terminology is not my speciality

Alex 18-Sep-21 11:00 AM

You can just say that the CSS is in another file than the main html file

Lucas. 18-Sep-21 11:01 AM

true

didnt think of that

Lucas. 18-Sep-21 07:05 PM

something is confusing me and its annoying lol

Alex 18-Sep-21 07:06 PM

What's this?

Lucas. 18-Sep-21 07:06 PM

so i have this mess right

which connects to this

but shite does nothing

the only thing that works is the .socials_img-links

sadge

aex 18-Sep-21 07:08 PM

vertical-align: middle

?

Lucas. 18-Sep-21 07:08 PM

that isnt the problem

aex 18-Sep-21 07:08 PM

oh

Lucas. 18-Sep-21 07:08 PM

theres like one other outside of this

the one that im referencing is that the text doesnt change colour

Alex 18-Sep-21 07:09 PM

Back in time, i used <li> for that kind of stuff

Lucas. 18-Sep-21 07:09 PM

and im hoping the solution to that can help with another problem im having

Alex

Back in time, i used <li> for that kind of stuff

Lucas. 18-Sep-21 07:10 PM

i designed that part before i started using <li> tags so im gonna guess i have to redo it

im sorry i have to share my absolute hell with genuine devs

saek 18-Sep-21 07:11 PM

.socials_links > p { display: flex; align-items: center; }

(edited)

Lucas.

im sorry i have to share my absolute hell with genuine devs

Alex 18-Sep-21 07:11 PM

"genuine"

Also don't worry, you keep calming me down

U all good

We've been all like that

Lucas. 18-Sep-21 07:12 PM

saek

.socials_links > p { display: flex; align-items: center; }

(edited)

Lucas. 18-Sep-21 07:13 PM

centering isnt the problem, ive got that working

saek 18-Sep-21 07:14 PM

o

Alex 18-Sep-21 07:14 PM

What's the problem then?

saek 18-Sep-21 07:14 PM

use

.socials_links > p a

Lucas. 18-Sep-21 07:15 PM

i woudldve thought that the div would control the text, like colour and everything. but it doesnt

im staring at my mess of html like

oh wait a sec

somehow

my header stuff is linked with that div

ohhhh i think i figured it out

since the nav uses <li> and <a> and my list of socials uses <p> and <a>, the socials <a> is being used as the nav <a> (edited)

wow im so good at wording

saek

.socials_links > p { display: flex; align-items: center; }

(edited)

Lucas. 18-Sep-21 07:27 PM

also i did this and it didnt center lulw

yeah when i enter the a next to the p in the css file is when everything breaks

lol

im gonna redesign that page

Lucas.

also i did this and it didnt center lulw

saek 18-Sep-21 07:37 PM

it aligns the link vertically (and all the elements inside of <p>)

Lucas. 18-Sep-21 07:40 PM

also how could i go about separating tags in the header between the list of links

i just followed a youtube tutorial of designing a header so idk what im doing

Alex 18-Sep-21 07:40 PM

wdym (edited)

Lucas. 18-Sep-21 07:41 PM

there were <a> tags in the header and list of links even though the links had a class to them using a <div> somehow, in the css, both <a>s acted the same

so like

if the header was changed

so would the list

confusing

Alex 18-Sep-21 07:43 PM

I don't get it

Lucas. 18-Sep-21 07:46 PM

neither

saek 18-Sep-21 07:51 PM

i think front-end stuff is not for you

Lucas. 18-Sep-21 07:51 PM

not at all

would something like header > nav ul work or nah

nvm im just gonna start from scratch tomorrow i gotta sleep at some point tonight

Lucas. 19-Sep-21 10:47 AM

ok ok why is this gap so big

compared to this

Alex 19-Sep-21 10:48 AM

cuz why not

doesn't change anything

Lucas. 19-Sep-21 10:48 AM

i know it just confuses me

fixed it anyway lol

Lucas.

ok ok why is this gap so big

bonky boo 19-Sep-21 12:20 PM

IDEs get fucky sometimes

Could also be ur settings

głupi chuj 28-Sep-21 06:55 AM

Shit's too easy

głupi chuj 28-Sep-21 07:16 AM

I am here to bring pain and suffering

Witness as I burn your eyeballs

TI-84 Plus C Silver Edition 28-Sep-21 07:17 AM

please, language x)

głupi chuj

Shit's too easy

Alex 28-Sep-21 07:21 AM

You technically can use multiple <head>

If you wanna make a cyro

DestrucTheBox 28-Sep-21 07:38 AM

dumbledore meurt a la fine

TI-84 Plus C Silver Edition

please, language x)

bonky boo 28-Sep-21 07:40 AM

?

TI-84 Plus C Silver Edition 28-Sep-21 07:42 AM

lkook in the last picture, I'm french and I know well chat there's in

(insults)

saek 28-Sep-21 08:29 AM

aah i love this

Lucas. 28-Sep-21 09:00 AM

that’s a lot of absolute divs

głupi chuj 28-Sep-21 02:22 PM

YOU CAN POST CODE ON DISCORD NOW????

page1.html

384 bytes

WTF

YOU CAN EVEN CHANGE THE LANGUAGE

bonky boo 28-Sep-21 02:22 PM

thats been around like

all year

lol.

głupi chuj 28-Sep-21 02:22 PM

w u t

bonky boo 28-Sep-21 02:23 PM

yea

głupi chuj 28-Sep-21 02:23 PM

how have I not known about this

bonky boo 28-Sep-21 02:23 PM

fuck wrong channel

głupi chuj 28-Sep-21 02:23 PM

lol

funi

bonky boo 28-Sep-21 02:23 PM

no u

głupi chuj 28-Sep-21 02:25 PM

h

Lucas. 28-Sep-21 04:28 PM

yeah i dont think my site will work on mobile

bonky boo 28-Sep-21 04:40 PM

Lemme fix that.

I'm getting out my lappy any moment

głupi chuj

Shit's too easy

Kittatro 01-Oct-21 12:18 AM

Wtf is that you could get that right after learning only 5 min of html

saek 01-Oct-21 01:45 AM

anyway, HTML is not a programming language (edited)

głupi chuj 01-Oct-21 08:34 AM

can anyone help me with this? I'm trying to get it to play a random track from my folder by following a tutorial and it doesn't work <body> <h1 style="color:rgb(37, 255, 84)"> Random Track </h1> <audio id="myaudio" controls autoplay src="music/music.mp3" type="audio/mpeg"> </audio> <script type="text/javascript"> var sounds = new Array(); sounds[0]="music.mp3"; sounds[1]="musci2.mp3"; sounds[2]="music3.mp3"; sounds[3]="music4.mp3"; sounds[4]="music5.mp3"; sounds[5]="music6.mp3"; sounds[6]="music7.mp3"; function getRandomSounds() { var randomNum = Math.floor(Math.random()*sounds.length); document.getElementByd("myaudio").src = sounds[randomNum]; } getRandomSounds(); </script> </body>

Lucas. 01-Oct-21 09:07 AM

all i can say myself is make sure the music file is in the directory you set the audio source as

idk javascript or anything like that

it might also help having a .ogg version of the mp3 in the directory too

then ofc add the ogg in the audio source

but i don’t know shit so my answer may not even be what you’re looking for

but just make sure your file names and directories are the same as in your code

głupi chuj

can anyone help me with this? I'm trying to get it to play a random track from my folder by following a tutorial and it doesn't work <body> <h1 style="color:rgb(37, 255, 84)"> Random Track </h1> <audio id="myaudio" controls autoplay src="music/music.mp3" type="audio/mpeg"> </audio> <script type="text/javascript"> var sounds = new Array(); sounds[0]="music.mp3"; sounds[1]="musci2.mp3"; sounds[2]="music3.mp3"; sounds[3]="music4.mp3"; sounds[4]="music5.mp3"; sounds[5]="music6.mp3"; sounds[6]="music7.mp3"; function getRandomSounds() { var randomNum = Math.floor(Math.random()*sounds.length); document.getElementByd("myaudio").src = sounds[randomNum]; } getRandomSounds(); </script> </body>

Alex 01-Oct-21 09:35 AM

For god's sake please send it in a code block

1

Lucas. 01-Oct-21 09:53 AM

<body> <h1 style="color:rgb(37, 255, 84)"> Random Track </h1> <audio id="myaudio" controls autoplay src="music/music.mp3" type="audio/mpeg"> </audio> <script type="text/javascript"> var sounds = new Array(); sounds[0]="music.mp3"; sounds[1]="musci2.mp3"; sounds[2]="music3.mp3"; sounds[3]="music4.mp3"; sounds[4]="music5.mp3"; sounds[5]="music6.mp3"; sounds[6]="music7.mp3"; function getRandomSounds() { var randomNum = Math.floor(Math.random()*sounds.length); document.getElementByd("myaudio").src = sounds[randomNum]; } getRandomSounds(); </script> </body>

głupi chuj 01-Oct-21 10:01 AM

Thank you :3

Lucas. 01-Oct-21 10:01 AM

got nothin better to do myself so

np

głupi chuj 01-Oct-21 10:03 AM

God I hope we get to learn Python soon Jesus, the teacher is just dragging the html chapter for too long

I still have to wait a year before we do Unity development

And not even with 3D graphics

I have to wait until year 7 for that smh

Lucas. 01-Oct-21 10:06 AM

mf my teacher hasnt even mentioned html

głupi chuj 01-Oct-21 10:06 AM

Bruhhhh

That sucks man

Lucas. 01-Oct-21 10:06 AM

fr

we're literally doing stuff in word like

głupi chuj

God I hope we get to learn Python soon Jesus, the teacher is just dragging the html chapter for too long

Alex 01-Oct-21 10:07 AM

Python sucks

głupi chuj 01-Oct-21 10:07 AM

Better than this

Lucas.

<body> <h1 style="color:rgb(37, 255, 84)"> Random Track </h1> <audio id="myaudio" controls autoplay src="music/music.mp3" type="audio/mpeg"> </audio> <script type="text/javascript"> var sounds = new Array(); sounds[0]="music.mp3"; sounds[1]="musci2.mp3"; sounds[2]="music3.mp3"; sounds[3]="music4.mp3"; sounds[4]="music5.mp3"; sounds[5]="music6.mp3"; sounds[6]="music7.mp3"; function getRandomSounds() { var randomNum = Math.floor(Math.random()*sounds.length); document.getElementByd("myaudio").src = sounds[randomNum]; } getRandomSounds(); </script> </body>

Alex 01-Oct-21 10:07 AM

I'll fix the code later the day

głupi chuj 01-Oct-21 10:08 AM

Thank

Lucas. 01-Oct-21 10:08 AM

if, else

scr, href

głupi chuj 01-Oct-21 10:08 AM

funny

Alex 01-Oct-21 10:09 AM

This code is pretty messy

Lucas.

mf my teacher hasnt even mentioned html

bonky boo 01-Oct-21 11:12 AM

School/college IT classes are a fucking scam

go to w3schools.com and teach yourself, I beg you

bonky boo

go to w3schools.com and teach yourself, I beg you

Alex 01-Oct-21 11:12 AM

w3schools is the best site to learn web

Lucas. 01-Oct-21 11:13 AM

cant tell you how many times ive gone to that site

it actually lets you shit too like

Alex

w3schools is the best site to learn web

bonky boo 01-Oct-21 11:14 AM

Not really.

It's good for new people.

If you're not a blind dumbass then MDN is probably a bit more accurate and informative

Alex 01-Oct-21 11:14 AM

yea i said learning

bonky boo 01-Oct-21 11:14 AM

pros have to learn too

Alex 01-Oct-21 11:15 AM

Pros can figure stuff themselves by looking at a doc etc

bonky boo

If you're not a blind dumbass then MDN is probably a bit more accurate and informative

Lucas. 01-Oct-21 11:17 AM

yeah im a blind dumbass

Alex

Pros can figure stuff themselves by looking at a doc etc

bonky boo 01-Oct-21 11:18 AM

same thing

Alex 01-Oct-21 12:26 PM

<body> <h1 style="color:rgb(37, 255, 84)"> Random Track </h1> <audio id="myaudio" controls autoplay type="audio/mpeg"> </audio> </body> <script> (() => { let music_length = 7 - 1 let number = Math.round(Math.random() * music_length) + 1) if(number == 1) number = ''; document.getElementById("myaudio").setAttribute("src", `music/music${number}.mp3`) }) </script>

@głupi chuj I haven't tested if it works and don't know if it works since I never worked by audio tags (edited)

My code is FAR from being the best, honestly, it's kinda shitty

wait hold on

Since I made some edits, a part of the code is useless

ok done

Feel free to correct my code if something's odd!

głupi chuj 01-Oct-21 01:35 PM

thank you omg

you are a literal life saver

głupi chuj 01-Oct-21 01:46 PM

I am confusion

głupi chuj 01-Oct-21 02:01 PM

life is hell

Lucas. 01-Oct-21 02:12 PM

the one probably has to be in the ''

głupi chuj

I am confusion

Alex 01-Oct-21 02:27 PM

Remove the )

It was a typo

My kb sometimes tab in double

głupi chuj 01-Oct-21 02:29 PM

ok thx

głupi chuj

I am confusion

bonky boo 01-Oct-21 02:38 PM

that usually means that there's an extra parameter you're missing, aka you ended the command too early

głupi chuj

ok thx

Alex 01-Oct-21 02:38 PM

I mean the end After the +1

Right

głupi chuj 01-Oct-21 02:41 PM

ok

Alex

I mean the end After the +1

głupi chuj 01-Oct-21 02:42 PM

hey btw, just asking but is it normal that the quotes are empty?

Alex 01-Oct-21 02:43 PM

Yes, it only applies to that line

The quotes are here when it's a script with "multiple lines"

You can also see that it's the only line where I put a ;, it's to be sure that the other lines aren't affected by the condition (edited)

If your website is made for modern browser only, instead of declaring the number, you could do

let number = Math.round(Math.random() * 6)+1; let number = (number > 1) ? number : '';

But nah, don't use that for client side (edited)

Only for server side (edited)

But yeah @głupi chuj you may learn modern way do to stuff (less intuitive but smaller and can be cool ig) if you continue to learn js

ES5 and newer are cool

Ternary operator is very useful for complex stuff in js

1

bonky boo 01-Oct-21 02:57 PM

stop using big brain words I don't understand

bonky boo

stop using big brain words I don't understand

Alex 01-Oct-21 03:01 PM

Don't u do js?

bonky boo 01-Oct-21 03:01 PM

I do but I don't do a lot of fancy stuff

just basic JS DOM etc

my best skills are in css and c# (edited)

Alex 01-Oct-21 03:02 PM

Oh

Lucas. 03-Oct-21 05:18 PM

aligning images left and right on the same line is harder than it sounds

either that or im quite dumb

Alex 03-Oct-21 05:21 PM

?

Lucas. 03-Oct-21 05:22 PM

trying to do something like this but with images

im getting stuff like this when i edit the width and height of the images

cuz theyre kinda small yknow

like it only works when i dont make the images larger

Lucas. 03-Oct-21 06:39 PM

how does this

turn to this

Lucas. 03-Oct-21 07:17 PM

whatever ill leave them center aligned

Lucas.

trying to do something like this but with images

Alex 04-Oct-21 01:16 AM

Use flex idk

Lucas.

how does this

Kittatro 07-Oct-21 12:57 AM

Did you get it right? If not you should put the images in a div with relative positioning and then use absolute positioning. I'm not sure if that works but that seems like the best thing to do. Post your html code if you need help

Lucas. 07-Oct-21 02:06 AM

i just started over

Kittatro 07-Oct-21 11:31 AM

Bruh

Lucas.

i just started over

bonky boo 07-Oct-21 11:36 AM

Why

Lucas. 07-Oct-21 11:37 AM

cuz i changed my mind on how i wanna design that page

Lucas. 07-Oct-21 01:43 PM

ok ngl the selection colours i have are kinda cool

bonky boo 07-Oct-21 01:45 PM

lol

left twitter chad

Lucas. 07-Oct-21 01:46 PM

Lucas. 09-Oct-21 04:18 PM

what is it with half of these css videos on youtube having no commentary and having the worst music

id rather know what something does than having copywrite free bgm in my ears while i watch someone type something

bonky boo 09-Oct-21 04:28 PM

Why are you watching video tutorials? @Lucas.

NEVER watch videos

Read. Read read read.

Those videos will become outdated.

Lucas. 09-Oct-21 04:28 PM

they appear on my recommended and it looked interesting

bonky boo 09-Oct-21 04:28 PM

And it's hard to sift thru information in a video

Read the manuals

Lucas. 09-Oct-21 04:28 PM

its how i designed my header too so

bonky boo 09-Oct-21 04:28 PM

Lucas. 09-Oct-21 04:29 PM

bonky boo

Those videos will become outdated.

Alex 09-Oct-21 04:29 PM

Man

Don't disrespect indian gods on youtube

Lucas. 09-Oct-21 04:30 PM

smh

Alex 09-Oct-21 04:30 PM

Also I'm dyslexic I don't understand what I'm reading

So docs are hard to read

saek 09-Oct-21 05:00 PM

dumb proto

ChromiumProtogen42 09-Oct-21 05:14 PM

same

Cpt Dolf 09-Oct-21 05:32 PM

Oh no

Lucas. 10-Oct-21 01:54 PM

tfw position: fixed breaks your entire header

bonky boo 10-Oct-21 01:57 PM

show me

give me your code @Lucas.

Lucas. 10-Oct-21 01:58 PM

header { animation: HeaderAnimIn 1.5s; background-color: #0c0c0c; display: flex; justify-content: space-between; align-items: center; padding: 40px 13%; font-size: 0.9em; }

bonky boo 10-Oct-21 01:58 PM

ALL of the code.

the files.

Cpt Dolf 10-Oct-21 01:58 PM

Technology i no understand

Lucas. 10-Oct-21 01:58 PM

oh alright gimme a sec

do you mind .zip files

Cpt Dolf

Technology i no understand

bonky boo 10-Oct-21 01:59 PM

then dont go in the dev channel

Lucas.

do you mind .zip files

bonky boo 10-Oct-21 01:59 PM

no go ahead

Lucas. 10-Oct-21 02:01 PM

heres all the important stuff

New_ZIP_archive.zip

7.48 MB

it just contains the index, the css, and image assets if you need more just say

i must say my css is very shite so yeah

bonky boo 10-Oct-21 02:03 PM

ill have a look

okay so how is it broken

oh nevermind

i see it

You forgot top:0; also you need a margin for your body now

gimme a sec

Lucas. 10-Oct-21 02:06 PM

yeah i didnt make up the code so idk what half of it does

Lucas.

yeah i didnt make up the code so idk what half of it does

bonky boo 10-Oct-21 02:08 PM

you ought to learn how, it's going to help you later

here

/* THIS IS AN ABSOLUTE MESS PLEASE DONT LOOK AT IT /* also https://www.w3schools.com/ helped A LOT with this css */ /* -----master----- */ body { box-sizing: border-box; background-color: #141414; margin: 0; margin-top: calc(240px /*header offset*/ + 20px /*actual margin*/); padding: 0; font-size: 2em; } ::selection { background-color: white; color: black; } .divider { color: #141414; } /* link colours */ a { color: #834279 } a:visited { color: #834279 } a:hover, a:active, a:focus { color:#c33; } /* -----master end----- */ /* ------------------------------------------------------- */ /* ----nav stuff---- */ header > li, a, button { font-weight: 500; color: white; text-decoration: none; } header { animation: HeaderAnimIn 1.5s; background-color: #0c0c0c; display: flex; justify-content: space-between; align-items: center; padding: 40px 13%; font-size: 0.9em; position: fixed; top: 0; height: 160px; } .nav_logo { width: 160px; height: 160px; } .nav_links { list-style: none; } .nav_links li { display: inline-block; padding: 0px 20px; } .nav_links > li a { transition: all 0.2s ease 0s; text-decoration: underline; } .header_button { transition: all 0.2s ease 0s; padding: 9px 25px; background-color: rgba(21,143,0, 1); border: none; border-radius: 50px; cursor: pointer; font-size: 0.8em; } .header_button:hover { background-color: rgba(21,143,0, 0.6); } /* ----nav stuff end---- */ /* ------------------------------------------------------- */ /* ---index--- */ #index_title { animation: transitionIn 3s; color: #ffffff; text-align: center; margin-top: 90px; } .index_misc-text { animation: transitionIn 3s; color: #ffffff; text-align: center; margin-top: 20px; } .index_note { animation: transitionIn 3s; color: #ffffff; text-align: center; font-size: 0.85em; } /* ---index end--- */ /* ------------------------------------------------------- */ /* --scrollbar-- */ /* width */ ::-webkit-scrollbar { width: 13px; background-color: #0B0B0B; } /* Track */ ::-webkit-scrollbar-track { border-radius: 10px; } /* Handle */ ::-webkit-scrollbar-thumb { background: #343434; border-radius: 5px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #4e4e4e; } /* --scrollbar end-- */

Lucas. 10-Oct-21 02:08 PM

yeah

bonky boo 10-Oct-21 02:08 PM

use that

Lucas. 10-Oct-21 02:08 PM

ty

bonky boo 10-Oct-21 02:08 PM

wait

hol up

Lucas. 10-Oct-21 02:08 PM

bonky boo 10-Oct-21 02:08 PM

i think i was supposed to fix width

was that grey bit like that before

Lucas. 10-Oct-21 02:09 PM

no the header is supposed to take up the whole width of the page

bonky boo 10-Oct-21 02:09 PM

ah ok lemme fix that rq

Lucas. 10-Oct-21 02:09 PM

cool

if you were wondering why theres a few copies of the same paragraph that was just to test scrolling

bonky boo 10-Oct-21 02:11 PM

k

also

your scrollbar code is chrome-only

im gonna fix that

Lucas. 10-Oct-21 02:11 PM

yeah i was gonna mention that

when moz is left out

(edited)

bonky boo 10-Oct-21 02:12 PM

one other thing i noticed is that the padding is a % which is going to cause some problems. the % in that context is % of the element's width while the width % would be % of the whole body, so there's no way for me to properly deal with padding and width when setting the size to 100% unless you use a px value

so i'm gonna have to change that

Lucas. 10-Oct-21 02:12 PM

damn theres more to fix than i thought

bonky boo 10-Oct-21 02:17 PM

/* THIS IS AN ABSOLUTE MESS PLEASE DONT LOOK AT IT /* also https://www.w3schools.com/ helped A LOT with this css */ /* -----master----- */ body { box-sizing: border-box; background-color: #141414; margin: 0; margin-top: calc(240px /*header offset*/ + 20px /*actual margin*/); padding: 0; font-size: 2em; } ::selection { background-color: white; color: black; } * { scrollbar-color: #343434 #0B0B0B; scrollbar-width: thin; } .divider { color: #141414; } /* link colours */ a { color: #834279 } a:visited { color: #834279 } a:hover, a:active, a:focus { color:#c33; } /* -----master end----- */ /* ------------------------------------------------------- */ /* ----nav stuff---- */ header > li, a, button { font-weight: 500; color: white; text-decoration: none; } header { animation: HeaderAnimIn 1.5s; background-color: #0c0c0c; display: flex; justify-content: space-between; align-items: center; padding: 40px 124.917px; width:calc(100% - calc(124.917px + 124.917px)); font-size: 0.9em; position: fixed; top: 0; height: 160px; } .nav_logo { width: 160px; height: 160px; } .nav_links { list-style: none; } .nav_links li { display: inline-block; padding: 0px 20px; } .nav_links > li a { transition: all 0.2s ease 0s; text-decoration: underline; } .header_button { transition: all 0.2s ease 0s; padding: 9px 25px; background-color: rgba(21,143,0, 1); border: none; border-radius: 50px; cursor: pointer; font-size: 0.8em; } .header_button:hover { background-color: rgba(21,143,0, 0.6); } /* ----nav stuff end---- */ /* ------------------------------------------------------- */ /* ---index--- */ #index_title { animation: transitionIn 3s; color: #ffffff; text-align: center; margin-top: 90px; } .index_misc-text { animation: transitionIn 3s; color: #ffffff; text-align: center; margin-top: 20px; } .index_note { animation: transitionIn 3s; color: #ffffff; text-align: center; font-size: 0.85em; } /* ---index end--- */ /* ------------------------------------------------------- */ /* --scrollbar-- */ /* width */ ::-webkit-scrollbar { width: 13px; background-color: #0B0B0B; } /* Track */ ::-webkit-scrollbar-track { border-radius: 10px; } /* Handle */ ::-webkit-scrollbar-thumb { background: #343434; border-radius: 5px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #4e4e4e; } /* --scrollbar end-- */

try that

Lucas. 10-Oct-21 02:17 PM

yes yes very cool ty ty

bonky boo 10-Oct-21 02:19 PM

saek 10-Oct-21 08:30 PM

this is why I hate React

is bullshit

meanwhile in Vue:

<template> ... <h2>Productor's ...</h2> ... </template>

głupi chuj 11-Oct-21 09:31 AM

Bruhhh

bonky boo 11-Oct-21 09:57 AM

Vue more like poo

Alex 11-Oct-21 10:20 AM

Man is trashing on Vue while being a Puroto dev and while Puroto is made in Vue

bonky boo 11-Oct-21 10:57 AM

stax the foxxo 11-Oct-21 11:30 AM

js is js - change my mind

Lucas. 11-Oct-21 11:39 AM

css is counter strike source change my mind

bonky boo 11-Oct-21 11:43 AM

css - Cumming in Socks until they Start moving around on their own

Lucas.

css is counter strike source change my mind

stax the foxxo 11-Oct-21 12:13 PM

TRUE THOUGH

bonky boo

css - Cumming in Socks until they Start moving around on their own

stax the foxxo 11-Oct-21 12:13 PM

eww

bonky boo 11-Oct-21 12:26 PM

damn right

saek 11-Oct-21 12:30 PM

also

React is from Facebook

2

Lucas. 11-Oct-21 12:30 PM

whys that emoji giving shrek head

bonky boo

css - Cumming in Socks until they Start moving around on their own

głupi chuj 11-Oct-21 01:58 PM

fuck yeah

1

Lucas. 15-Oct-21 02:28 PM

this shouldnt annoy me as much as it does

its annoying for this reason

the mouse isnt even over the element

Lucas.

this shouldnt annoy me as much as it does

bonky boo 15-Oct-21 02:55 PM

i get that a lot too

eh

it's supposed to do that if you have the element's box model hovered so you can visibly see the boundaries

but sometimes it can forget to unhighlight it on gecko at least

Lucas. 15-Oct-21 02:56 PM

also i was just gonna look at your site to look at some code and i dont think this is what its supposed to look like (edited)

Lucas.

also i was just gonna look at your site to look at some code and i dont think this is what its supposed to look like (edited)

bonky boo 15-Oct-21 02:59 PM

wtf

yeah ive been having a lot of cache issues where shit just doesnt load

it keeps loading old versions of any <link>ed files

or just nothing at all

refresh

Lucas. 15-Oct-21 02:59 PM

i have a few times

no change

bonky boo 15-Oct-21 03:00 PM

works for me

fucking LiteSpeed servers smh

Lucas. 15-Oct-21 03:00 PM

dont know if this has something to do with it

bonky boo 15-Oct-21 03:00 PM

why isn't Hostinger using something based like NGINX

it's using cringe Litespeed

ima ask them if they can change it

Lucas. 15-Oct-21 03:01 PM

cring

Lucas.

dont know if this has something to do with it

bonky boo 15-Oct-21 03:01 PM

no absolutely not, but i dont know why thats there

that shouldnt be interfereing though

you're on chrome?

open the Sources tab

look around

Lucas. 15-Oct-21 03:01 PM

yes im on chrome

bonky boo 15-Oct-21 03:02 PM

i wonder if i should add a drop shadow to my topnav or not

huh

yanno what, i have an idea

i want some dropdown menus on my topnav but i dont want the topnav and menus casting shadows on eachother

maybe shadows on the dropdown is ok but it could be janky

I might just group the topnav and dropdowns into a parent element with literally no purpose other than to carry a css filter: drop-shadow();

that way it only casts shadows on page content

Lucas. 15-Oct-21 03:03 PM

no clue what youre on about but

(edited)

bonky boo 15-Oct-21 03:04 PM

ofc you dont lel

refresh see if it fixed

bonky boo

ofc you dont lel

Lucas. 15-Oct-21 03:05 PM

im literally a

bonky boo 15-Oct-21 03:05 PM

:3head: moment

bonky boo

refresh see if it fixed

Lucas. 15-Oct-21 03:05 PM

no change

bonky boo 15-Oct-21 03:05 PM

bruh moment

clear browser cache for a sec

Lucas. 15-Oct-21 03:06 PM

did that, no change still

bonky boo 15-Oct-21 03:07 PM

bruh

głupi chuj 17-Oct-21 08:34 AM

this looks awesome https://www.youtube.com/watch?v=NdftnCDwKaU

Kevin Powell

3D CSS - lighting, animations, and more!

just wanted to post it here

Alex 17-Oct-21 08:34 AM

eyyy it's kevin

głupi chuj 17-Oct-21 08:35 AM

kevin is kool

Lucas. 17-Oct-21 08:46 AM

blender css

Alex

eyyy it's kevin

bonky boo 17-Oct-21 09:17 AM

Kevin the Fortnite cube

Yes, the Fortnite cube is actually named Kevin.

bonky boo

Yes, the Fortnite cube is actually named Kevin.

Alex 17-Oct-21 09:23 AM

wtf

Lucas. 17-Oct-21 09:29 AM

i remember that

bonky boo

Yes, the Fortnite cube is actually named Kevin.

rosewater onions 17-Oct-21 09:36 AM

commits crimes against nature (edited)

rosewater onions

commits crimes against nature (edited)

Alex 17-Oct-21 09:37 AM

cutely*

Alex

cutely*

rosewater onions 17-Oct-21 09:38 AM

no just actual crimes

Lucas. 22-Oct-21 10:47 AM

decided to replace png icons with greyscale icons and they look nice

Alex 22-Oct-21 10:47 AM

use SVG

Lucas. 22-Oct-21 10:48 AM

i swear i typed svg in that message

guess not

but yeah

also how do i make it so when the link is hovered over the svg changes colour too

Alex 22-Oct-21 10:53 AM

?

Lucas. 22-Oct-21 10:54 AM

like when you hover over the links they change colour, how do you do that with the svg too

guessing i have to use @keyframes

Alex 22-Oct-21 10:55 AM

a:hover { display: none; }

I haven't made CSS in very long but I think it's like that (edited)

fixed

Lucas. 22-Oct-21 10:56 AM

what does display: none do

Alex 22-Oct-21 10:56 AM

it makes it disappear, while you hover the element

in this case, don't do it, it's a bad idea

if you suffer from epilepsy and that stuff

Lucas. 22-Oct-21 10:57 AM

disappearing isnt what i want tho

Alex 22-Oct-21 10:58 AM

a:hover { color: green; }

it makes it green when you hover it

Lucas. 22-Oct-21 10:58 AM

yeah that works with text just not the svg

Alex 22-Oct-21 10:58 AM

for svg i think it's fill

Lucas. 22-Oct-21 10:59 AM

didnt do anything

i was just wondering cuz on bonk's site when you hover over an image it turns a different colour but idk if he uses svgs

Lucas.

i was just wondering cuz on bonk's site when you hover over an image it turns a different colour but idk if he uses svgs

Alex 22-Oct-21 11:03 AM

if he's not retarded he uses svg

1

Lucas. 22-Oct-21 11:03 AM

guess i cant find em in the dev console

Alex 22-Oct-21 11:09 AM

maybe in the css file then

idk I don't really care

Lucas. 22-Oct-21 11:12 AM

lol

Lucas.

guessing i have to use @keyframes

bonky boo 22-Oct-21 11:23 AM

Lucas. 22-Oct-21 11:24 AM

Alex

if he's not retarded he uses svg

bonky boo 22-Oct-21 11:25 AM

Close. I'm using fonts.

(basically the same)

FontAwesome 5

Lucas. 22-Oct-21 11:27 AM

ohh cool

ill mess around with that

bonky boo 22-Oct-21 11:29 AM

The reason you couldn't find it in devtools is because you're doing it wrong.

Lucas. 22-Oct-21 11:29 AM

i do a lot of things wrong

bonky boo 22-Oct-21 11:29 AM

It uses pseudoelements :before and :after to find CSS classes and add their font icons.

so FA-discord will have css applied to it that appends a discord icon to the end.

It's not an <svg> or an <img>

Lucas. 22-Oct-21 11:30 AM

1

Lucas.

yeah that works with text just not the svg

bonky boo 22-Oct-21 11:36 AM

forgot to mention

main advantage of using SVG Fonts or True Type Fonts instead of actual svg drawings is that you can color them (edited)

You can do it with actual svg as well but I don't think it's very easy to do, at least not css-only

Lucas. 22-Oct-21 11:37 AM

gotcha

Lucas. 22-Oct-21 11:55 AM

these are gonna get hard to use

bonky boo 22-Oct-21 12:04 PM

How lol

Lucas. 22-Oct-21 12:19 PM

everything has to be in the i class by the looks of it

Lucas. 22-Oct-21 12:55 PM

ok i was wrong

but

::selection doesnt work with it

saek 22-Oct-21 12:59 PM

get tailwindcss

Alex 22-Oct-21 12:59 PM

~~or bootstrap~~

no don't

saek 22-Oct-21 01:00 PM

bootstrap? wtf is that?

sounds like shitstrap

głupi chuj 22-Oct-21 01:51 PM

bootstrapon

Lucas. 22-Oct-21 01:52 PM

bootjockstrap

głupi chuj 22-Oct-21 02:00 PM

bootboth

saek

get tailwindcss

bonky boo 22-Oct-21 02:09 PM

No

Lucas. 22-Oct-21 06:21 PM

does anyone know any good html embed generator type sites

i remember one but i cant remember it

but it just gave you the code and a preview of the embed when you enter in all the info

Lucas.

does anyone know any good html embed generator type sites

bonky boo 22-Oct-21 06:24 PM

https://metatags.io/

Meta Tags — Preview, Edit and Generate

With Meta Tags you can edit and experiment with your content then preview how your webpage will look on Google, Facebook, Twitter and more!

Lucas. 22-Oct-21 06:25 PM

ty

Rai 26-Oct-21 09:38 PM

bonky boo 26-Oct-21 09:39 PM

sure i can do that

Rai

Click to see attachment 🖼️

saek 26-Oct-21 10:38 PM

5

głupi chuj 27-Oct-21 02:10 AM

Our teacher hasn't even said the word div yet

I am doubting his skills as we speak

głupi chuj

I am doubting his skills as we speak

bonky boo 27-Oct-21 07:35 AM

It's very common for IT teachers to have no fucking training whatsoever and where all of the learning materials are written by an idiot boomer who just started researching this magical thing called "coding" 2 days ago

Tl:dr; learn it yourself and don't rely on an actual class because 99% of the time they are dog shit and a scam

1

shamshitty is back 27-Oct-21 07:38 AM

thats why i write my own code in the middle of college classes

1

bonky boo

It's very common for IT teachers to have no fucking training whatsoever and where all of the learning materials are written by an idiot boomer who just started researching this magical thing called "coding" 2 days ago

bonky boo 27-Oct-21 07:40 AM

The reason for this is because the people hiring them don't know anything about computers and so they can't verify who they're actually hiring knows what they're doing, so they see "I can change the color of this bit of text lol" as some kind of magic power

completely oblivious to the fact that they're about to hire someone who probably didn't even fucking pass 2nd grade

bonky boo

It's very common for IT teachers to have no fucking training whatsoever and where all of the learning materials are written by an idiot boomer who just started researching this magical thing called "coding" 2 days ago

głupi chuj 27-Oct-21 07:43 AM

Oh no he knows what he's doing, he even teaches higher classes how to use C#, but he gave us an online course we have to go through by a guy named Bonzi. It's a coincidence, btw. It's not the guy who created Bonzi buddy.

bonky boo 27-Oct-21 07:43 AM

lol

shamshitty is back 27-Oct-21 07:44 AM

bonzi buddy himself

bonky boo 27-Oct-21 07:44 AM

Joe and Jane bonzi

The legend

The coppa violation chads

Alex 27-Oct-21 07:45 AM

one of my IT teachers is like "Yeah I did university, I have lot of diplomas, I'm very good" THIS MF CAN'T EVEN SPEAK "FRENCH" WELL AND HAVE DIFFICULTY DOING 2 BY THE POWER OF 2 (edited)

głupi chuj 27-Oct-21 07:46 AM

Lol

bonky boo 27-Oct-21 07:46 AM

YOU KEEP SAYING YOU AREN'T FRENCH BUT YOU'RE TALKING ABOUT FRENCH LIKE IT'S YOUR NATIVE LANGUAGE

głupi chuj 27-Oct-21 07:46 AM

BELGIUM SPEAKS FRENCH TOO

bonky boo

YOU KEEP SAYING YOU AREN'T FRENCH BUT YOU'RE TALKING ABOUT FRENCH LIKE IT'S YOUR NATIVE LANGUAGE

Alex 27-Oct-21 07:46 AM

EXPLAIN ME WHY BRITISH CANADA AND AUSTRALIA TALK ENGLISH TOO (edited)

głupi chuj

BELGIUM SPEAKS FRENCH TOO

bonky boo 27-Oct-21 07:47 AM

DAME SIFFERENCE

Alex

EXPLAIN ME WHY BRITISH CANADA AND AUSTRALIA TALK ENGLISH TOO (edited)

bonky boo 27-Oct-21 07:47 AM

I DON'T KNOW I DON'T HAVE BAD TEETH

głupi chuj 27-Oct-21 07:47 AM

THE WORDS ARE DIFFERENT TOO

Alex 27-Oct-21 07:47 AM

WE SPEAK WALLOON

bonky boo 27-Oct-21 07:47 AM

ENGLISH IS RETARDED

głupi chuj 27-Oct-21 07:47 AM

true

Alex

WE SPEAK WALLOON

bonky boo 27-Oct-21 07:47 AM

OI MATE LOOK AT THOSE KANGAWANGERS

KANGAJANGLES

głupi chuj 27-Oct-21 07:48 AM

teatime

bonky boo 27-Oct-21 07:48 AM

UPSIDE DOWN

głupi chuj 27-Oct-21 07:48 AM

penis

bonky boo 27-Oct-21 07:49 AM

Correct

You had the balls to say what I didn't

saek 27-Oct-21 09:27 AM

głupi chuj 28-Oct-21 03:22 AM

PENIS

bonky boo 28-Oct-21 07:52 AM

PENIS

rosewater onions 28-Oct-21 09:32 AM

PENIS

bonky boo 28-Oct-21 09:53 AM

PENIS

shamshitty is back 28-Oct-21 09:53 AM

Lucas. 02-Nov-21 03:17 PM

is it bad i have more css files than html files

saek 02-Nov-21 03:20 PM

probably yes

Lucas. 10-Nov-21 01:44 PM

whats a good width for @media cuz yknow some screens are bigger than others

Lucas.

whats a good width for @media cuz yknow some screens are bigger than others

Alex 10-Nov-21 02:03 PM

768px i think

Lucas. 10-Nov-21 02:03 PM

guessing thats gonna be the max

Alex 10-Nov-21 02:04 PM

Actually idk anymore it's been a whiiile I haven't made that

Mostly pure css

With tailwind I don't even worry anymore about that

Lucas. 10-Nov-21 02:04 PM

fair enough

ill see what works

Lucas. 10-Nov-21 02:14 PM

well what i did didnt work

Lucas.

well what i did didnt work

bonky boo 10-Nov-21 02:15 PM

What are you doing to test it

and whats your code

Lucas. 10-Nov-21 02:15 PM

an absolute fucking mess thats what my code is

bonky boo 10-Nov-21 02:15 PM

if someone asks for your code, you show it to them,

talking shit doesnt help anyone solve the problem

Lucas. 10-Nov-21 02:16 PM

here

MobileView.rar

138.45 KB

bonky boo 10-Nov-21 02:16 PM

i... didnt ask for the whole thing

just show me your @media rule

Lucas. 10-Nov-21 02:17 PM

aight

its not like anything massive

if you cringe at that i am sorry

bonky boo 10-Nov-21 02:17 PM

So what device are you targeting with this

Lucas. 10-Nov-21 02:18 PM

just any mobile device really, nothing specific

bonky boo 10-Nov-21 02:18 PM

not sure you want a min width of 320

Lucas. 10-Nov-21 02:19 PM

its what the site saek gave me said

bonky boo 10-Nov-21 02:19 PM

also

use min-width and max-width (edited)

no device

that way it'll scale with the window size on desktop as well

Lucas. 10-Nov-21 02:19 PM

so far literally only the background colour seems to be changing

actually i take that back

nothing is changing

bonky boo 10-Nov-21 02:24 PM

what are you doing to test it

Lucas. 10-Nov-21 02:24 PM

the dev tools mobile view

bonky boo 10-Nov-21 02:24 PM

okay and what is the emulated screen size (edited)

Lucas. 10-Nov-21 02:25 PM

375 x 812

bonky boo 10-Nov-21 02:25 PM

use miin-width

Lucas. 10-Nov-21 02:25 PM

i may see the problem

bonky boo 10-Nov-21 02:25 PM

not device width

Lucas. 10-Nov-21 02:26 PM

yeah i am

well i tried changing something that i thought was the problem but it obviously wasnt

bonky boo 10-Nov-21 02:30 PM

what was it

never provide vague hints, always give details

Lucas. 10-Nov-21 02:32 PM

i changed the min and max width dimensions in the css closer to the dev tools dimensions but that didnt do anything (edited)

bonky boo 10-Nov-21 02:32 PM

i see the problem

look at the second prerequisite

It's MIN and not MAX

Lucas. 10-Nov-21 02:32 PM

bonky boo 10-Nov-21 02:32 PM

so you're asking it to require a minimum resolution of 480px wide

lol

Lucas. 10-Nov-21 02:33 PM

yeah id be no good at front end stuff

bonky boo 10-Nov-21 02:33 PM

don't say that.

this is part of the experience

Lucas. 10-Nov-21 02:34 PM

i mean i didnt say it first but

but yeah that fixed it

(edited)

bonky boo 10-Nov-21 02:34 PM

lol

Alex 10-Nov-21 02:35 PM

@media (min-width: 768px) { stuff }

bonky boo 10-Nov-21 02:35 PM

max-width if youre trying to go anything below that

lucas i would recommend removing min-width and just sticking with max

Lucas. 10-Nov-21 02:35 PM

aight

Alex 10-Nov-21 02:35 PM

for front-end, it's better to first design the site for mobile, then doing it for desktop, so it's better to go with min

bonky boo 10-Nov-21 02:35 PM

unless youre dealing with laptop resolutions and dont want them to conflict with mobile ones

Alex

for front-end, it's better to first design the site for mobile, then doing it for desktop, so it's better to go with min

bonky boo 10-Nov-21 02:36 PM

no not really

Alex 10-Nov-21 02:36 PM

I mean

bonky boo 10-Nov-21 02:36 PM

unless youre a corporate zoomer and youre trying to make a fuckin webapp

it is easier that way but that doesnt mean its better

it depends entirely on what youre making (edited)

Alex 10-Nov-21 02:36 PM

The goal of a mobile website, is to be fast on mobile, and desktop, when you do it on mobile, you'll be able to optimise it for mobile first, then add the calculus necessary for desktop, because they're MUCH more powerful and won't be as laggy as it would be on a phone

bonky boo

unless youre dealing with laptop resolutions and dont want them to conflict with mobile ones

Lucas. 10-Nov-21 02:37 PM

yeah im not gonna have a max width of 720px or anything cuz thats about the size of laptop screens

Alex

The goal of a mobile website, is to be fast on mobile, and desktop, when you do it on mobile, you'll be able to optimise it for mobile first, then add the calculus necessary for desktop, because they're MUCH more powerful and won't be as laggy as it would be on a phone

bonky boo 10-Nov-21 02:37 PM

its nothing to do with lag.

Lucas.

yeah im not gonna have a max width of 720px or anything cuz thats about the size of laptop screens

bonky boo 10-Nov-21 02:37 PM

768 is about the target for laptops i believe

bonky boo

its nothing to do with lag.

Alex 10-Nov-21 02:38 PM

Like, designing for mobile, so it won't have to calculate stuff with different width or height, so it will be faster to load/render And a desktop won't really care of css calculations (to adapt) since it's much more powerful

do you get what I mean ?

bonky boo 10-Nov-21 02:38 PM

i do now, but only because im good at putting things together

and you explained it horribly

also ive literally never had that problem, its minor at worst

Alex 10-Nov-21 02:40 PM

for me, it's just a better practice to do that, since it will be easier with more experience (edited)

bonky boo 10-Nov-21 02:40 PM

What you're trying to say is that the desktop should have to fuse all of the sheets and rules together since it's expected to handle that load more fluently while cell phones should avoid layering multiple @media rules for the sake of performance

bonky boo

What you're trying to say is that the desktop should have to fuse all of the sheets and rules together since it's expected to handle that load more fluently while cell phones should avoid layering multiple @media rules for the sake of performance

Alex 10-Nov-21 02:40 PM

yeah, that's kinda what i meant

bonky boo 10-Nov-21 02:40 PM

What you meant to say vs what you actually said makes no sense.

Alex 10-Nov-21 02:41 PM

I have difficult expressing/explaining myself, and that applies for every languages I talk (edited)

bonky boo 10-Nov-21 02:41 PM

Because what you meant is such a miniscule improvement that barely matters since your stylesheets are likely going to be stacking anyway (thats the whole point of "cascading" sheets), and the way you worded it sounds about as nonsensical as Chris Chan trying to explain how he thinks the justice system works

You have a good point but it's not worth practicing

Alex 10-Nov-21 02:42 PM

if your website is just a simple static stuff, i guess

if it's a very complex thing with lots of components and css stuff, i think it's worth doing it

even if it sounds weird

bonky boo 10-Nov-21 02:43 PM

fair

but at that point you're going to have stacking sheets & rules anyway, unless you like keeping it all in one file like a masochist (me lol), so it wont do you much good (edited)

Alex 10-Nov-21 02:44 PM

and plus the fact that mobile is getting more and more performance (unless for those people who still have a 2010 phone), yeahh

bonky boo 10-Nov-21 02:45 PM

you have to realize that unless the HTML DOM or stylesheets are actually changed then most browsers aren't going to suffer from it.

Alex 10-Nov-21 02:45 PM

unless you have a oneplus like me that fucking throttle the cpu to some apps like browsers (and so lose more than 50% of the max power of it) (edited)

bonky boo 10-Nov-21 02:45 PM

They store the final results of all of the information put together in order and just use those.

They aren't literally recalculating it every frame, that would be incredibly retarded (edited)

At the end of the day it doesn't really matter

bonky boo

They aren't literally recalculating it every frame, that would be incredibly retarded (edited)

Alex 10-Nov-21 02:45 PM

ikr

it's just about loading (edited)

Alex

unless you have a oneplus like me that fucking throttle the cpu to some apps like browsers (and so lose more than 50% of the max power of it) (edited)

bonky boo 10-Nov-21 02:45 PM

any good phone does that

bonky boo

any good phone does that

Alex 10-Nov-21 02:47 PM

idk about that, I didn't inspected that stuff and probably won't, since I'm not interested about that (edited)

bonky boo 10-Nov-21 02:47 PM

its part of basic hardware design 101

portable shit needs to be throttled to prevent overheating

Alex 10-Nov-21 02:48 PM

fair

Lucas. 10-Nov-21 02:57 PM

also ty bonk

bonky boo 10-Nov-21 02:57 PM

np

Alex 10-Nov-21 02:59 PM

i haven't got anything

Alex

i haven't got anything

bonky boo 10-Nov-21 03:02 PM

shut up toaster

Lucas. 10-Nov-21 03:23 PM

ok ive ran into another problem but ill do it tomorrow i cba rn

Lucas.

ok ive ran into another problem but ill do it tomorrow i cba rn

bonky boo 10-Nov-21 03:32 PM

what happened just so I can prepare a fix then

Lucas. 10-Nov-21 03:33 PM

im blind and i cant see whats making this align so far to the right

bonky boo 10-Nov-21 03:34 PM

I'll have a look later

likely padding/marge related

Lucas. 10-Nov-21 03:34 PM

cool cool

bonky boo 10-Nov-21 03:34 PM

marge from simpsons

be like

"my long ass hair holds html in place"

That was a horrible joke I am sorry

Lucas. 10-Nov-21 03:35 PM

i dont even understand it

Lucas. 12-Nov-21 11:31 AM

dont you love it when a site's css looks like this complete mess (edited)

Alex 12-Nov-21 11:32 AM

what's the problem ?

saek 12-Nov-21 11:32 AM

the problem is

Bootstrap being an oversized bitch (edited)

Lucas.

dont you love it when a site's css looks like this complete mess (edited)

bonky boo 12-Nov-21 11:34 AM

They intentionally obfuscate it so you can't read it, because people nowadays are insecure and retarded. "muh stolen css" (edited)

open it in devtools and press the "{}" button to make it readable. (edited)

Alex 12-Nov-21 11:35 AM

or just beautify the file

bonky boo 12-Nov-21 11:35 AM

That's.... The same fucking thing

saek 12-Nov-21 11:36 AM

^

Alex 12-Nov-21 11:36 AM

no, the name isn't the name

saek 12-Nov-21 11:36 AM

just format the file

btw, why bootstrap?

Lucas. 12-Nov-21 11:37 AM

i didnt write the css

Alex 12-Nov-21 11:37 AM

because it's the most famous (edited)

Lucas. 12-Nov-21 11:37 AM

all i need is the css for this little thing

Alex

no, the name isn't the name

bonky boo 12-Nov-21 11:38 AM

Tomato tomatoe same thing

Lucas.

all i need is the css for this little thing

bonky boo 12-Nov-21 11:38 AM

I can help with that.

bonky boo

Tomato tomatoe same thing

Alex 12-Nov-21 11:38 AM

yeah, one is a toe

bonky boo 12-Nov-21 11:38 AM

Later though.

I can pick apart UIs pretty easily given the time and effort. Sorting through 1000s of lines is not the way to do it

Lucas. 12-Nov-21 11:38 AM

ok dev tools did something for once and made the file actually readable

saek 12-Nov-21 11:38 AM

Lucas.

ok dev tools did something for once and made the file actually readable

bonky boo 12-Nov-21 11:39 AM

You mean it didn't before?

Lucas. 12-Nov-21 11:39 AM

nope

bonky boo 12-Nov-21 11:39 AM

Oh boy, time to teach you devtools

Later

Lucas. 12-Nov-21 11:39 AM

tbh ive only just looked at the css

ive been busy replacing images in the html side

Alex 12-Nov-21 11:39 AM

Do you know how to use devtools?

welp

saek 12-Nov-21 11:39 AM

don't use devtools to modify live CSS

i mean in the Elements tab

Lucas. 12-Nov-21 11:40 AM

thats what this is for

saek

don't use devtools to modify live CSS

bonky boo 12-Nov-21 11:46 AM

Why not? I do it all the time, it's great for seeing how your changes will look before they go live.

saek

i mean in the Elements tab

saek 12-Nov-21 11:50 AM

.

only do that in the Sources tab

Lucas. 12-Nov-21 12:05 PM

now to go through 400 lines of sorted css to see what matters and what doesnt

and by sorted i mean i just searched for the classes that were left in the html in the css and just copied them to a separate css file

yeah that actually didnt work

im just gonna

not

Lucas. 12-Nov-21 01:34 PM

dont you love it when youre doing some css and on the file it looks fine but once you commit it just breaks enitrely

bonky boo 12-Nov-21 01:34 PM

that's why you use devtools to test on the fly

Lucas. 12-Nov-21 01:36 PM

but like

everything is broken

bonky boo 12-Nov-21 01:36 PM

show me

Lucas. 12-Nov-21 01:37 PM

so this is the file version

and this is the live site version

Alex 12-Nov-21 01:37 PM

it's because of the scroll bar

bonky boo 12-Nov-21 01:37 PM

Did you forget any changes you might have made to the actual HTML before transferring to a save file? (edited)

Alex

it's because of the scroll bar

bonky boo 12-Nov-21 01:38 PM

no, the scollbar is a side-effect of the page being taller. it's not the culprit. Please let me handle this.

bonky boo

Did you forget any changes you might have made to the actual HTML before transferring to a save file? (edited)

Lucas. 12-Nov-21 01:38 PM

like?

Lucas.

like?

bonky boo 12-Nov-21 01:38 PM

inline CSS, class names and IDs

did you change any of the HTML elements when you were in DevTools

or just the external CSS (edited)

Lucas. 12-Nov-21 01:40 PM

no the two screenshots show the same file without any changes in devtools

bonky boo 12-Nov-21 01:40 PM

That's interesting.

Give me a moment.

Don't close anything

Lucas. 12-Nov-21 01:40 PM

aight

bonky boo 12-Nov-21 01:40 PM

looks fine to me?

Refresh the live site, ctrl+f5

if that doesnt work then clear the cache

Lucas. 12-Nov-21 01:41 PM

whats the difference between just f5 and ctrl f5?

ctrl f5 worked by the way

i dont know many things about why things go wrong Sadge

looks like i gotta do some changes in css anyway for firefox clients

Lucas.

whats the difference between just f5 and ctrl f5?

bonky boo 12-Nov-21 01:47 PM

I think ctrl f5 is hard refresh, unloads a few extra things

Lucas. 12-Nov-21 01:47 PM

Lucas. 12-Nov-21 03:41 PM

god i wish i could just save parts of a website without the html being completely scuffed

Alex 12-Nov-21 03:42 PM

wdym

My man wanna yoink some pages?

Lucas. 12-Nov-21 03:43 PM

i just wanna copy the html for discord profiles

just not the entire page

Lucas.

god i wish i could just save parts of a website without the html being completely scuffed

bonky boo 12-Nov-21 03:44 PM

You're doing it wrong, that's why.

saek 12-Nov-21 03:44 PM

^

Lucas.

i just wanna copy the html for discord profiles

bonky boo 12-Nov-21 03:44 PM

right click the profile element > Edit as HTML. magic

Lucas.

just not the entire page

Alex 12-Nov-21 03:44 PM

I mean, it's not very good to just take a part of an html page

Mostly if the css is done weirdly

bonky boo 12-Nov-21 03:45 PM

Alex I asked you to let me handle this for a reason.

Alex 12-Nov-21 03:45 PM

Dude

bonky boo

right click the profile element > Edit as HTML. magic

Lucas. 12-Nov-21 03:45 PM

even then it looks shite

Alex 12-Nov-21 03:45 PM

Let me talk

Lucas.

even then it looks shite

bonky boo 12-Nov-21 03:45 PM

Show me

Lucas. 12-Nov-21 03:46 PM

bonky boo 12-Nov-21 03:46 PM

... Show me the result, silly

bonky boo

... Show me the result, silly

Lucas. 12-Nov-21 03:46 PM

Lucas.

Click to see attachment 🖼️

bonky boo 12-Nov-21 03:46 PM

You're missing the CSS, that's why

that's an easy fix but there's multiple steps in this case, so I'm gonna have to help you with that later.

It would be better to recreate it using the CSS panel in the Elements tab as a reference.

Lucas. 12-Nov-21 03:48 PM

yeah i know how to connect the css, just most sites link the css using something like discord.com/assets/main.css instead of like just main.css

well "most sites"

most sites ive seen

bonky boo 12-Nov-21 03:48 PM

Try using an @import rule if you can

And link to the file that way

e.g.

Lucas. 12-Nov-21 03:49 PM

gotcha

Lucas. 12-Nov-21 03:58 PM

even with the css nothing changes

i just want a cool discord profile thing man

saek 12-Nov-21 03:59 PM

Check in the Sources tab (DevTools) if you're importing the CSS

Lucas. 12-Nov-21 03:59 PM

i just copied the css link from the <head>

assuming that doesnt work then

tbh idk why im not just saving a png of it i just thought it would be cool to have the html version of it

bonky boo 12-Nov-21 04:12 PM

If you want I could just put together a remake of the profile dialog

Lucas. 12-Nov-21 04:13 PM

its fine

i wanna go through the pain this time

bonky boo 12-Nov-21 04:16 PM

Ouch, good luck

Lucas. 12-Nov-21 04:17 PM

i mean you can if you want but i dont wanna feel like youre doing everything for me is all

bonky boo 12-Nov-21 04:22 PM

It's fine, I do this stuff a lot

Maybe too much though

Lucas. 12-Nov-21 04:23 PM

i understand that its help but yknow

Lucas. 12-Nov-21 04:32 PM

oh my god

i just saw

how many lines of css discord has

bonky boo 12-Nov-21 04:33 PM

LOL yea

That's gotta be a couple megs at least

Lucas. 12-Nov-21 04:34 PM

yeah fr

yeah 1.78mb

Lucas. 12-Nov-21 04:52 PM

ok ive somewhat sorted the html which is good

i just dont know how to import the css

well i did something (edited)

Lucas. 12-Nov-21 05:13 PM

this is gonna be a pain

Lucas. 12-Nov-21 06:19 PM

managed to get nearly 100k lines of css down too 500 lines

dont know what im gonna do about the about me or the background colour though

i dont think making the pfp a circle will be hard tho

bonky boo 12-Nov-21 06:20 PM

I'll help w>th that

Lucas.

i dont think making the pfp a circle will be hard tho

bonky boo 12-Nov-21 06:20 PM

The way discord does it is a pain in the ass, trust me

they use some weird SVG mask

Lucas. 12-Nov-21 06:20 PM

yeah was gonna say

wait

just realised i was using the css discord uses

lemme check my ver

ouch

discord html is so confusing

they mark everything with like markup-6iags like

‍♂️

im gonna sleep anyway i gotta be somewhere tomorrow

aex 13-Nov-21 09:48 AM

btw, Discord blocks importing CSS and JS thx to Content-Privacy rule

i already tried to import stuff like that

bonky boo 13-Nov-21 10:08 AM

that's gay

aex 13-Nov-21 10:24 AM

ikr

saek 13-Nov-21 10:30 AM

discord is gay

bonky boo 13-Nov-21 10:34 AM

in the bad way

"muh proprietary CSS"

saek 13-Nov-21 11:21 AM

make CSS proprietary?

that's a joke, right?

right?

discord: No.

aex 13-Nov-21 11:23 AM

literally modifying the CSS with Dev Tools breaks their ToS

aw my bad

saek 13-Nov-21 11:23 AM

aex 13-Nov-21 11:23 AM

https://twitter.com/discord/status/983359562458849280

Discord (@discord)

@seeto001 Modifying the CSS within Discord is against the ToS, so I would recommend against using it!

saek 13-Nov-21 11:23 AM

yea sure

aex 13-Nov-21 11:24 AM

and they are using %c on console.log?

aex

https://twitter.com/discord/status/983359562458849280

bonky boo 13-Nov-21 11:43 AM

"We recommend against practicing your basic software freedoms, because we said so!"

Fuck Discord.

aex

and they are using %c on console.log?

bonky boo 13-Nov-21 11:44 AM

Some kind of coloring

aex 13-Nov-21 11:44 AM

yeah, added on 2010 by Firefox

and Chrome as of 24

saek 13-Nov-21 12:03 PM

https://twitter.com/saektide/status/1459574045159137282

saek | 境界 (@saektide)

@discord This is the stupid thing I've ever read.

Lucas. 13-Nov-21 12:09 PM

with better discord you can import custom css tho

well i thought you could

aex 13-Nov-21 12:09 PM

yeah but BD is Discord's nemesis

because it's better than the original one lmao

bonky boo 13-Nov-21 12:09 PM

@Lucas. I believe aex is referring to the server cross-origin policy.

Lucas. 13-Nov-21 12:10 PM

oohhh

bonky boo

@Lucas. I believe aex is referring to the server cross-origin policy.

aex 13-Nov-21 12:10 PM

:this:

Lucas. 13-Nov-21 12:10 PM

i havent read the full convo

bonky boo 13-Nov-21 12:10 PM

Servers can block other websites from loading their content.

And they often do by default

aex 13-Nov-21 12:10 PM

i mean they blocked everything except discord.com and their cdn

bonky boo 13-Nov-21 12:11 PM

Different browsers handle it differently and with different filetypes, when the server doesn't explicitly set rules. Chrome just doesn't give a shit while Firefox is really anal about it with some filetypes like fonts and styles.

aex

i mean they blocked everything except discord.com and their cdn

aex 13-Nov-21 12:11 PM

so you could try uploading a CSS file and import it from their own servers

bonky boo 13-Nov-21 12:12 PM

He's trying to import discord's actual stylesheet

oh also I wouldn't recommend that anyway

aex 13-Nov-21 12:12 PM

yep, illegal

thank you discord

bonky boo 13-Nov-21 12:12 PM

Discord likes to obfuscate their element class names randomly. The CSS has to constantly be updated to compensate for this.

So it'll break over and over

aex

yep, illegal

bonky boo 13-Nov-21 12:12 PM

That's not why. Frankly I couldn't give a shit

aex 13-Nov-21 12:13 PM

im tired of this gray (edited)

bonky boo 13-Nov-21 12:13 PM

you'd think after 6 years they would add features people actually care about

but they haven't

And yet they wonder why people hate the client and mod the shit out of it

aex 13-Nov-21 12:14 PM

now they added Events

who asked for events

no one.

bonky boo 13-Nov-21 12:14 PM

I did.

Guilded did

Lucas. 13-Nov-21 12:14 PM

discord themselves

aex 13-Nov-21 12:14 PM

oh

bonky boo 13-Nov-21 12:14 PM

But what about the shit people have wanted for years?

Themes? A spoilers system that isn't shit?

Better image downloads?

Etc.

aex 13-Nov-21 12:15 PM

themes and better image downloads, yeah

Lucas. 13-Nov-21 12:15 PM

whats wrong with the current spoiler system

Lucas.

whats wrong with the current spoiler system

bonky boo 13-Nov-21 12:15 PM

It's based off of filenames instead of the message JSON, for some fucking reason

That also means that if you repost a spoilered image it will automatically spoil whether you meant to or not, and the file name will grow to ridiculous sizes the more and more someone checks the box.

Lucas. 13-Nov-21 12:16 PM

well thats shite

bonky boo 13-Nov-21 12:16 PM

The mobile client also doesn't have spoilers at all, and the only way to send them on mobile is to manually rename the fucking file in a separate app

Which is painful

aex 13-Nov-21 12:16 PM

SPOILER_image.png

i think

bonky boo 13-Nov-21 12:17 PM

Yep

Lucas. 13-Nov-21 12:17 PM

discord supports mobile spoilers now

bonky boo 13-Nov-21 12:17 PM

FINALLY?

Lucas. 13-Nov-21 12:17 PM

without renaming files

bonky boo 13-Nov-21 12:17 PM

AFTER 6 FUCKING YEARS?

aex 13-Nov-21 12:17 PM

IT CANT BE

bonky boo 13-Nov-21 12:17 PM

WOW!

Lucas. 13-Nov-21 12:17 PM

even on ios

bonky boo 13-Nov-21 12:17 PM

WOW!!

IT'S LIKE THEY FINALLY FUCKING LISTENED!

aex 13-Nov-21 12:17 PM

okay im crying

Lucas. 13-Nov-21 12:17 PM

bonky boo 13-Nov-21 12:18 PM

IT ONLY TOOK THEM HALF A DECADE TO ADD AN ESSENTIAL FEATURE THAT PROBABLY TOOK 2 SECONDS TO MAKE!

Hahahahaa that's pathetic honestly

aex 13-Nov-21 12:18 PM

wonder what's the next feature

probably adding your birthday in your bio

bonky boo 13-Nov-21 12:19 PM

In 2045 we will finally be able to change our color to Black on desktop

Wow

We really live in the future

Lucas.

discord supports mobile spoilers now

saek 13-Nov-21 12:19 PM

THEY FINALLY DID THE

let makeAttachmentSpoiler = false; handleSpoilerCheckbox (value) { makeAttachmentSpoiler = true; } handleSpoilerFilesRename (filename) { return "SPOILER_" + filename; }

bla bla

bonky boo 13-Nov-21 12:19 PM

In 4020, Discord will stop being run by retards

bonky boo

In 2045 we will finally be able to change our color to Black on desktop

aex 13-Nov-21 12:19 PM

ill be 40 years old for that moment

saek

THEY FINALLY DID THE

let makeAttachmentSpoiler = false; handleSpoilerCheckbox (value) { makeAttachmentSpoiler = true; } handleSpoilerFilesRename (filename) { return "SPOILER_" + filename; }

bla bla

bonky boo 13-Nov-21 12:20 PM

those like 8 lines of code must've been really difficult to write. Discord is a genius for inventing this

Who needs John Carmack

aex 13-Nov-21 12:20 PM

it will be like "hell yeah"

bonky boo 13-Nov-21 12:20 PM

Lmao

saek 13-Nov-21 12:20 PM

whotf is John Carmack

saek

THEY FINALLY DID THE

let makeAttachmentSpoiler = false; handleSpoilerCheckbox (value) { makeAttachmentSpoiler = true; } handleSpoilerFilesRename (filename) { return "SPOILER_" + filename; }

bla bla

Alex 13-Nov-21 12:20 PM

It took them a long time because their employees would be more paid if they take more time doing it

saek

whotf is John Carmack

bonky boo 13-Nov-21 12:20 PM

The guy who made the batshit insane idtech3 engine

Lucas. 13-Nov-21 12:20 PM

dicksord:

bonky boo 13-Nov-21 12:20 PM

I Love Dick Sore

aex 13-Nov-21 01:14 PM

me 2

bonky boo 13-Nov-21 01:24 PM

me pee

Elperson 15-Nov-21 03:04 PM

electron bad

rabbit 15-Nov-21 03:04 PM

erection bad

rosewater onions 15-Nov-21 03:09 PM

✂️

Erection remover

1

rabbit 15-Nov-21 03:10 PM

NOOOOO

Lucas. 15-Nov-21 03:53 PM

dont you love it when you copy something and something doesnt work and you dont know how to fix it

and also the fact youve never had the problem before

bonky boo 16-Nov-21 06:04 PM

lol

Lucas. 30-Nov-21 04:27 PM

love it when your file version of a page is literally the complete opposite of the published page

Lucas.

love it when your file version of a page is literally the complete opposite of the published page

moon ♪ 30-Nov-21 08:13 PM

absolutely love it

bonky boo 30-Nov-21 10:14 PM

Lol

Lucas. 01-Dec-21 08:24 PM

i hate looking at this

something kinda fixed it and i dont know what did

Lucas. 01-Dec-21 09:01 PM

ok im just gonna

not

also annoying how everything is shifted right a little bit even when anything thats text or an image has text-align: center; or margin: 0 auto; (edited)

bonky boo 01-Dec-21 10:04 PM

Probably padding related.

Lucas. 01-Dec-21 10:05 PM

i have padding and margins at 0 and floats as none

Lucas. 01-Dec-21 11:00 PM

oh it might be a footer

Lucas.

also annoying how everything is shifted right a little bit even when anything thats text or an image has text-align: center; or margin: 0 auto; (edited)

Confused 01-Dec-21 11:59 PM

idk what's going on here, but I see menger spopnge

Lucas. 01-Dec-21 11:59 PM

yup

Lucas. 03-Dec-21 12:27 PM

why is everything suddenly shifting to the right

bonky boo 03-Dec-21 12:29 PM

Padding

Alex 03-Dec-21 12:31 PM

Times New Roman moment

Lucas. 03-Dec-21 12:32 PM

Alex

Times New Roman moment

Lucas. 03-Dec-21 12:33 PM

cba to change the font i like it

Lucas.

cba to change the font i like it

Alex 03-Dec-21 12:35 PM

yeah it's a "nice" font

Lucas. 03-Dec-21 12:36 PM

at least its not comic sans

Alex 03-Dec-21 12:36 PM

HAHA no.

Lucas. 03-Dec-21 12:37 PM

Alex 03-Dec-21 12:39 PM

delete this right nwo

this is an order

or I will delete all your social credits

Lucas. 03-Dec-21 12:39 PM

and changing to a font thats.. ok.. doesnt do much either

aex 03-Dec-21 12:49 PM

reminds me of 2019 (edited)

Lucas. 03-Dec-21 11:46 PM

wait would the alignment be off because i’m doing <div> <ul> <li></li> </ul> </div>

Confused 03-Dec-21 11:48 PM

what does that mean?

Lucas. 03-Dec-21 11:49 PM

basically a list

to put it easily

Confused 03-Dec-21 11:52 PM

oh

Lucas. 03-Dec-21 11:53 PM

Lucas.

wait would the alignment be off because i’m doing <div> <ul> <li></li> </ul> </div>

Alex 04-Dec-21 08:49 AM

from my personal use case, I think I never gotten that problem

Lucas. 04-Dec-21 12:19 PM

yeah it is

sadge

i wonder if i should have a separate header just for mobile screens that doesnt use ul and li (edited)

Lucas. 04-Dec-21 04:42 PM

well swapping li's for div's worked

guess im gonna go through every single page now and replace the old headers

i know html and css

Lucas. 05-Dec-21 05:41 PM

how does an svg thats in front an image have a border thats behind the image

Confused 05-Dec-21 05:42 PM

Barney

Lucas. 05-Dec-21 05:43 PM

benrey

ok i did it but now i cant add a background colour Sadge

Lucas. 05-Dec-21 05:57 PM

decided just to cut out that corner in a photo editor

Lucas. 05-Dec-21 06:34 PM

now i have another problem thats probably a simple fix and i dont know it

Lucas. 05-Dec-21 07:15 PM

how can i made the border radius at the top act like the radius at the bottom

i know why the top is doing that but i just dont know how to trick the css to making the radius the same

wouldve thought adding the radius to the highest div wouldve worked but apparently not

like i know the height of the banner is messing it up but how can i make the radius the same if the centre of the image and the div is different

Lucas. 05-Dec-21 07:33 PM

ok im using a mask

idc

Lucas. 05-Dec-21 07:44 PM

nvm

idfk

Lucas. 05-Dec-21 08:21 PM

and another problem

god im so bad at html LOL

what does one have to do to get the text to fit inside the white box

i probably already know it

but forgor

the thing for it

sorry im asking so much lol

idk what id google to find the answer

Lucas. 05-Dec-21 08:53 PM

idea

Lucas. 05-Dec-21 09:02 PM

oh my GODODDD

having a midlife crisis at 16

bonky boo 05-Dec-21 09:09 PM

same

Lucas. 05-Dec-21 09:12 PM

what in the absolute fuck is causing this

theyre all the same ughhhhhhh

ive been doing this for 8 hours straight

‍♂️

Lucas.

theyre all the same ughhhhhhh

bonky boo 05-Dec-21 09:17 PM

They ain't

One is "far"

Lucas. 05-Dec-21 09:17 PM

i mean like

the text transform

why is only main capitalised

and all the others are in full caps

what the hell did fontawesome do this time

bonky boo 05-Dec-21 09:17 PM

What font are you using

It's not a fontawesome issue bruv

Well, okay, it might be

Lucas. 05-Dec-21 09:18 PM

then whys only far being changed by css

bonky boo 05-Dec-21 09:18 PM

You should really separate the labels from the icons imo (edited)

Lucas.

then whys only far being changed by css

bonky boo 05-Dec-21 09:18 PM

Did you try using !important

Lucas. 05-Dec-21 09:19 PM

font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; copied it from discords bio page in dev tools cuz i wanted the same font

bonky boo 05-Dec-21 09:19 PM

You don't have a @font-face rule adding these into your stylesheet, do you?

If the fonts aren't installed on the system it will break unless you import them in the sheet

Also don't use Helvetica Neue because it looks ugly on anything that isn't an Apple device for some reason

Lucas. 05-Dec-21 09:20 PM

before i switched how i was presenting the fontawesome icons everything was fine

!important did nothing

Lucas.

!important did nothing

bonky boo 05-Dec-21 09:21 PM

Show me

Lucas. 05-Dec-21 09:22 PM

bonky boo 05-Dec-21 09:22 PM

Set font-family with important as well

Lucas. 05-Dec-21 09:22 PM

no change there either

bonky boo 05-Dec-21 09:23 PM

Tf

Lucas. 05-Dec-21 09:24 PM

bonky boo 05-Dec-21 09:24 PM

I think I know what's happening but I don't know why giving a higher priority isn't fixing it. Something in the fas class is conflicting with your font rules, probably because FA is forcing its own font onto those elements since they contain all the icons. I think?

Lucas. 05-Dec-21 09:24 PM

thats understandable

bonky boo 05-Dec-21 09:25 PM

Can you inspect the #fa_icons ID in the CSS styles list and see if it's being used by FA somewhere? Maybe it's not just your code

Lucas. 05-Dec-21 09:25 PM

aight

bonky boo 05-Dec-21 09:25 PM

Also might help to take a look at .far and .fas, but FA code is messy

Lucas. 05-Dec-21 09:25 PM

wouldve thought far and fas would have the same fonts tho

guess not

bonky boo 05-Dec-21 09:25 PM

I thought so too

bonky boo

Can you inspect the #fa_icons ID in the CSS styles list and see if it's being used by FA somewhere? Maybe it's not just your code

Lucas. 05-Dec-21 09:27 PM

this is kinda confusing me

its 3:30am my mind is a lil off

bonky boo 05-Dec-21 09:27 PM

I mean like, maybe FA is using that id already for something

It should show the name of the stylesheet in grey to the right of the selector when you look at it from the inspector

You'll be able to tell if it's your code or theirs

Lucas. 05-Dec-21 09:29 PM

i just added "rerere" to both ends of the id in html and css so then there couldnt be any overrides but its still happening

bonky boo 05-Dec-21 09:29 PM

Huh.

Lucas. 05-Dec-21 09:30 PM

i have no idea (edited)

bonky boo 05-Dec-21 09:30 PM

Yeah I'm out of ideas

I might look into an alternate method later

Lucas. 05-Dec-21 09:30 PM

is this what you meant by in the inspector

bonky boo 05-Dec-21 09:30 PM

Yes

Lucas. 05-Dec-21 09:30 PM

ive got one more idea

if that dont work then idk

gonna add a <span> with a style in the html document so then the text isnt directly in the <i> for the fontawesome stuff

if that makes sense

bonky boo 05-Dec-21 09:31 PM

Good idea imo

Lucas. 05-Dec-21 09:33 PM

to be extra safe im gonna add !important too

right lemme see

nnnoopeeee

i wonder what different properties far has from fas

bonky boo 05-Dec-21 09:34 PM

bruh

Lucas. 05-Dec-21 09:35 PM

though changing the font within the html document with !important did change the font

but i did it with a font im not using

how did that change the font when within the css it didnt

fas really doesnt like that font huh

bonky boo 05-Dec-21 09:40 PM

Internal css usually has priority over external css so that does somewhat confirm my theory

It's likely that fas has an !important flag set, so that if you blanket cover the entire page with a font and the icons get affected by it then it doesn't break them.

Lucas. 05-Dec-21 09:42 PM

weird how far doesnt seem to have that then

bonky boo 05-Dec-21 09:42 PM

Yeah...

Lucas. 05-Dec-21 09:43 PM

the fonts were fine the other way i did the layout (which i cant remember how i did)

ah whatever ill do something about it tomorrow

nearly 4am

9 goddamm hours

im happy i got this far

bonky boo 05-Dec-21 09:52 PM

Oof

Alex 06-Dec-21 05:44 AM

Pog Discord but better

Wait, Does discord use react?

Yup

Lucas. 06-Dec-21 10:38 AM

instead of using fontawesome, i might just download the svg itself

saek 06-Dec-21 10:58 AM

for optimization stuff, yeah

Alex 06-Dec-21 11:15 AM

also is your screenshot a part of the screen/browser or it's the entire screen/browser ?

Lucas. 06-Dec-21 11:15 AM

only part

Alex 06-Dec-21 11:15 AM

it's to display it somewhere on your website for example?

Lucas. 06-Dec-21 11:16 AM

if im happy with the end result i most likely will use it on my website yes

Alex 06-Dec-21 11:16 AM

that can be cool

Lucas. 06-Dec-21 11:16 AM

yuh

i just need to figure this out

saek 06-Dec-21 11:18 AM

display: flex

or display: grid (edited)

Lucas. 06-Dec-21 11:19 AM

top is flex bottom is grid

might be the way i have the html set up tho

got it

just need to fix the svg sizes

ty

Lucas. 06-Dec-21 02:47 PM

idk if this is going to be the final result but im actually happy with how it turned out

bonky boo 06-Dec-21 02:48 PM

Nice

Alex 06-Dec-21 02:54 PM

That's clean

Lucas. 06-Dec-21 02:58 PM

(edited)