Resource ❀༉ sugarvine 〯fluticasone

[truthofself]

thank you!


ahhh wyn is that you???

it be me teehees. im snooping and using ur codes cus i love them sm

 

[Perpetual Zen]

These codes are so so incredibly beautiful! I'm currently using a few
they are GORGEOUS! Love love

 

[fluticasone]

current project o7 i'll change the little logos to be fa icons once i release the codes for public use so it's more useable for other people c:

Spoiler

 

[Headphones]

current project o7 i'll change the little logos to be fa icons once i release the codes for public use so it's more useable for other people c:

Spoiler

Incredible! It almost looks like a case-file or book!

 

[Chimeric]

current project o7 i'll change the little logos to be fa icons once i release the codes for public use so it's more useable for other people c:

Spoiler

This already looks awesome

 

[fluticasone]

Incredible! It almost looks like a case-file or book!

This already looks awesome

thank you both for the lovely words

 

[miyabi]

current project o7 i'll change the little logos to be fa icons once i release the codes for public use so it's more useable for other people c:

Spoiler

GORGEOUS STUNNING SCREAMING AND CRYING SOBBING MY BACK IS AGAINST THE WALL RIGHT NOW

 

[Xevll]

Hi there! I just wanted to ask how do I use the codes? I’m extremely new to the site and whenever I try to paste it in the codes section it just comes out as text. I tried using other code formats and it just does the same thing, I genuinely can’t tell if it’s just me. :,) (So sorry if this comes off as complainy, I really like your codes ;-;.)

 

[Steve Jobs]

Hi there! I just wanted to ask how do I use the codes? I’m extremely new to the site and whenever I try to paste it in the codes section it just comes out as text. I tried using other code formats and it just does the same thing, I genuinely can’t tell if it’s just me. :,) (So sorry if this comes off as complainy, I really like your codes ;-;.)

Make sure you are in BBCode editing mode. After clicking the three dots next to the preview button in the post/reply box, there should be a [ ] symbol. If it isn't already blue, click it and that should put you in the proper mode.

current project o7 i'll change the little logos to be fa icons once i release the codes for public use so it's more useable for other people c:

Spoiler

P.S. I need this like burning b/c it reminds me of letter pressed stationery

 

[Xevll]

Make sure you are in BBCode editing mode. After clicking the three dots next to the preview button in the post/reply box, there should be a [ ] symbol. If it isn't already blue, click it and that should put you in the proper mode.



P.S. I need this like burning b/c it reminds me of letter pressed stationery

Thanks!

 

[fluticasone]

with the introduction of the text templater by Alteras , I will likely be revisiting and revamping everything in here c: hopefully its existence will make it easier for those wanting to use my stuff!

 

[fluticasone]

fluticasone fluticasone

icon area

Tangerine — sugarvine.exe

window

minimize

close

File

Edit

View

Tools

TTCode

wkhk

BBCode

wkhk

May 12, 2024 - fixed issues and updated both codes to reflect changes
May 11, 2024 - formally added Tangerine to thread
Apr 19, 2024 - added Tangerine to thread without code description

So I actually created this code for no reason. Yeah - I don't ever plan on using the character. But hey, at least you'll get to benefit from it????

This uses some anchor shenanigans to make fake tabs. It can feel a bit awful due to how it jerks you around. This was honestly more of a challenge than it should've been because I insisted on using a horizontal scroll for the ~vibes~ I had to do several transform nests so that it can function on mobile. If you ever wanna do something like this, stick to vertical scroll.

One important thing to note about anchors - if more than one person uses the same anchor tags on a page, they automatically go to the FIRST use of that anchor. So if person A and B use this CS, it means all of person B's "tabs" drag you up to person A's. The easy fix is to just make your anchor tags unique~

I highly recommend using Alteras' Text Templater for this! The code itself is quite complicated and will break with the slightest misuse, so just err to the side of caution if you're not confident in your abilities.

As an aside, this is the cutout/png version. I also created a no png version since I know not everyone has the patience to do the cut outs. c: This will come once I finish cleaning up the code for it!

fluticasone fluticasone fluticasone

tangerine

imazu ayumu

tangerine

photo album

user profile

notes

messages

hirano yuu

she/her - sixteen (16)

yuu.jpg

hair:

midlength black

eyes:

black

height:

157.5cm / 5'2"

tattoos:

none

piercings:

none

misc:

tans easily

art:

himuca kyoto

hirano yuu

@

tangerine

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut orci neque, consequat tincidunt imperdiet ut, feugiat at tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut orci neque, consequat tincidunt imperdiet ut, feugiat at tortor.

@

tangerine

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi lobortis ut augue in lacinia. Praesent at orci vel neque vulputate sollicitudin. Proin dictum nulla eu lorem volutpat tincidunt. Duis rhoncus pretium felis. Fusce pellentesque at est et pharetra. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut egestas, diam eu pretium tincidunt, massa eros lobortis velit, et aliquet est augue id tellus. Proin a consectetur augue.

@

tangerine

Fusce eget ultrices justo, ac pulvinar felis. Nullam neque magna, facilisis non nibh venenatis, varius cursus lorem. Ut id quam mi. Donec at ex in tortor imperdiet gravida vel ut felis.

@

tangerine

@

tangerine

Fusce eget ultrices justo, ac pulvinar felis. Nullam neque magna, facilisis non nibh venenatis, varius cursus lorem. Ut id quam mi. Donec at ex in tortor imperdiet gravida vel ut felis.

Blame it on the feeling
Up on the ceiling

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc fermentum a ipsum id ultricies. Ut ullamcorper orci sit amet tortor auctor fermentum. Fusce a mauris ante. Integer massa nunc, fringilla imperdiet ex non, auctor hendrerit libero. Curabitur urna quam, efficitur at lectus vulputate, dictum congue leo. Donec mollis faucibus lorem vitae tempor.

likes

Vivamus, sed malesuadam, justo, maecenas, vel tellus quis, mauris, iaculis, malesuada

dislikes

Vivamus, sed malesuadam, justo, maecenas, vel tellus quis, mauris, iaculis, malesuada

fears

Vivamus, sed malesuadam, justo, maecenas, vel tellus quis, mauris, iaculis, malesuada

clairvoyance.txt

strength:

defense:

speed:

agility:

utility:

Cras nibh neque, ornare in libero eget, sodales dictum velit. Fusce sed accumsan nisl. Aenean accumsan sed neque vel vehicula. Phasellus sodales urna in ante rutrum consectetur. Nunc fermentum eros rhoncus lectus aliquet, vitae viverra velit euismod. Nullam nec sem et odio maximus maximus eget vel lectus. Proin dignissim elementum lacus ut consectetur.

momoko

@

hyperblossom

momoko-chan... did you do the homework?? teach me please! i can't fail now... o(〒﹏〒)o

Integer non blandit metus. Nulla mi est, rutrum vitae est sed, dignissim venenatis augue. Suspendisse fringilla gravida sapien. Pellentesque ac enim ac felis iaculis mattis non vel lectus. Nulla hendrerit luctus nibh sit amet interdum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc vel justo faucibus, tempus nisl nec, ultrices lacus. Fusce non risus egestas, euismod diam sed, ullamcorper arcu. Fusce eu tellus a dui vulputate tincidunt non ut tortor.

miyako

@

rollingbubbles

i saw takaaki-san at the park earlier ღゝ◡╹)ノ♡

Integer non blandit metus. Nulla mi est, rutrum vitae est sed, dignissim venenatis augue. Suspendisse fringilla gravida sapien. Pellentesque ac enim ac felis iaculis mattis non vel lectus. Nulla hendrerit luctus nibh sit amet interdum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc vel justo faucibus, tempus nisl nec, ultrices lacus. Fusce non risus egestas, euismod diam sed, ullamcorper arcu. Fusce eu tellus a dui vulputate tincidunt non ut tortor.

kaoru

@

poweredbuttercup

do we have practice later?

Integer non blandit metus. Nulla mi est, rutrum vitae est sed, dignissim venenatis augue. Suspendisse fringilla gravida sapien. Pellentesque ac enim ac felis iaculis mattis non vel lectus. Nulla hendrerit luctus nibh sit amet interdum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nunc vel justo faucibus, tempus nisl nec, ultrices lacus. Fusce non risus egestas, euismod diam sed, ullamcorper arcu. Fusce eu tellus a dui vulputate tincidunt non ut tortor.

sweet

tangerine

, take me in

 

[nios]

I see statbars, I keep in pocket. It's going in my pocket.

 

[fluticasone]

fluticasone fluticasone

icon area

Sugarvine — sugarvine.exe

window

minimize

close

File

Edit

View

Tools

TTCode

wkhk

BBCode

wkhk

Dixie Flatline songs are always a hit/miss for me but when it hits, IT HITS.

The cover above is by nqrse!! It's one his earlier singing covers~ People always know him as the rap guy but honestly the songs he composed are also really good. Highly recommend Lemonade!

だってあたしはあたしだから
Because I am me, and nobody else

New thread layout, who this?

To be honest, I had no intention of changing this layout for at least five pages. However, Alteras' Text Templater put a damper on my plans as my original Juggernaut layout didn't have room for an extra link. If a post still has a Juggernaut layout, this means I haven't gotten around to making a Text Templater version of the code yet.

I don't plan on formally releasing the thread layout code for the simple reason I coded it in such a GOD AWFUL WAY. Looking at it makes me cringe at how inefficient it is, but I just wanted to finish it. If Juggernaut was too complex, Sugarvine is just full of BAD practices.

As always, you're free to crack open the code. Just be warned it's not my best work in terms of efficiency and cleanliness. Thanks for using my stuff!

What a throwback, huh?

 

[fluticasone]

found an error on mobile with tangerine orz;; fml ill fix it asap

edit: fixed!

 

[fluticasone]

fluticasone fluticasone

icon area

Nerve Impulse — sugarvine.exe

window

minimize

close

File

Edit

View

Tools

TTCode

wkhk

BBCode

wkhk

May 13, 2024 - posted Nerve Impulse

And here we have yet another blurb-type CS, although it can be easily adapted for an IC code!

I personally dislike post modernism, but after looking at Windows 95 - Windows ME UX for so long, I needed more organic shapes. That's when I decided to use blobs, which is a staple of the movement.

So something that's interesting about this is that it uses SVG's converted into URI's to make them customizable! That's why we're able to change the colors of everything in this code if that's what you choose to do. c: However, if you're only interested in editing the accent color/image/contents, I left default values in the TTCode so you won't have any problems.

Read the next paragraph if you're interested in learning about the tools I used, otherwise this is the end of the code description.

I recently found

SVGOMG

, an SVG optimizer. This takes any SVG's you have (in this case, I had made three separate blob SVG's) and runs it through an algorithm to simplify and shorten your SVG code. In my case, it usually took off 25% to 30% of the code I provided it with.

I plugged the optimized results into an

SVG URL Encoder

. This lets me make a

mask-image

out of the SVG. It's the "Ready for CSS" box, just replace

background-image

with

mask-image

. Meanwhile,

background-color

will allow you to set the color of the mask. In this case, I used the variable for our accent color!

mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='479' height='481' version='1.2'%3E%3Cpath d='M395 118.9c59.2 34.4 100.1 123.6 77.7 188.9-22.9 65.2-108.5 106.1-182.2 122.5-73.6 16-135.3 7.2-169.7-22.8-34.4-30.1-42-81.3-66.9-142.1-25.2-61.3-67.6-132.1-49.6-157 18-25.2 96.5-4.4 174.9-4 78.5.4 156.2-20 215.8 14.5z' style='fill:%23000'/%3E%3C/svg%3E%0A");
background-color: var(--accColor);
mask-size: contain;
mask-repeat: no-repeat;

One other thing I worked with is cq units, which I also used extensively in the tangerine code. It was made baseline just last year! I used it to set the spacing at the top of the code just so the proportions would remain alright throughout different screen sizes.

fluticasone fluticasone

lucio

Lucio Go. It's not a name that's well-known now, but Lucio intends for it to be eventually respected and even feared.

Having grown up on meager government subsidy that was further reduced by his father's drinking habit, he swore he'd only stick around long enough to make sure his younger brother graduated from high school. But when he caught his good-for-nothing sperm donor taking a fist to his younger brother, his plans shifted earlier than expected with an add-on to boot. He supported himself and his brother through a scholarship and part-time jobs, eventually landing himself a role at his current office after graduating. It's the perfect backstory for a hardworking new ace of a company.

If only they knew that behind closed doors, Lucio hated every single second of it. The mask he wore was as fake as the rest of them, but at least he worked to get where he was. The same couldn't be said of all the heirs and nepo-babies he was forced to rub shoulders with. They knew nothing of struggling, and for that reason alone, they were beneath him.

he/him

27

godorise