Raye (#424064) replied 8 months ago. ・Don't claim any of these as your own thank you! ・Feel free to pm me if you want a fully customized CSS. Copy and paste the codes in your territory description to have the css applied. <katie's coding commissions — den, mobile, or clan css & html! Welcome! I'm Katie, I've been stuck in Lioden hell working with Lioden CSS for several years now! I hope my examples speak for themselves - I prioritize customer satisfaction, design/color coordination, and readability on all of my codes. I'd recommend adding a second cursor just in case the image link breaks or something. Includes unsorted/nesting/overview and beetle mounds. Allie's Custom CSS Commissions! Welcome to my custom commission post! Name's Allie! I've been creating custom CSS for friends/others for a while now, and with a LOT of encouragement to start selling commissions to others, here I am! Current finished examples: ☼ = Den that I am especially proud of. Alt. txt is a very common mistake and saving it as anything other than . Main account ☼ / Side account ☼ / #381216. — rules — » Please leave credit intact. This template/tutorial is outdated! Find my new one HERE. Interior for Caves - + 2. Custom cave (preview) images. I'm absolutely clueless as to what went wrong. Desert Series #2. → Event Chatter (1184 topics) → Clans & Families (3058 topics) → Breeding Projects (1348 topics) → Lioden Theories - Non official, User-made (134 topics)Lioden Backgrounds work best for this. 2022-08-06 10_16_44-Den ___ Lioden —. View. :LINKS UNDER IMAGES, COPY & PASTE EM INTO YOUR BROWSER: You can round edges with 'border-radius'! To round the outside of the bars; you can use. Lioden art for CSS Posted 4 months ago by Hazelrar: Anxiety Prime™ [G2 Withered] (#191357) replied 4 months ago : 1: LF: Custom CSS Posted 4 months ago by yeencity-ඩා🐞|G2 Harle Temp RLC: Posted 4 months ago : 0: 🦁Gryffindors Free Dog + Cat CSS! Posted 6 months ago by Gr1ffin: Aries (#431556) replied 6 months ago : 2: Dino's Clan CSS. this'll include what you need to do for your CSS to work, a little bit of vocab, and other things that may help! i would like to thank Tserin, Fea, and Keina bc they're amazing and they're the reason why i know so much about CSS <3 Using Katie's CSS template, I have made my own CSS's for your den that you can use for a 5sb fee or any explore item. 🌷 new codes (2020-present) 🌷. I will be posting CSS that you can use anytime here. Pastebin. Ordered codes will take priority over free codes. Be respectful towards ALL members of Lioden, including moderators and admins. Be sure to keep the . Oh yeah, and you can just use the expanding boxes ;D Remove the *s. One of the easiest ways to apply a CSS to your den is to simply sign up with dropbox. Hello there! This is my free CSS thread, where I'm working on both new free CSS and revamping old CSS that is no longer up to my standards. Accidentally saving it as the default . . I also do CSS commissions. View Forum Posts. This is also the place where you would like an external CSS stylesheet You can also use in-line CSS. — rules — » Please leave credit intact. Any pose (excluding jolly) • 1 or 1000. Here is what you do: Go to your "Den" page;To use the CSS that you want, copy paste the code into your territory description. ROWAN'S FREE CSS. For rounded corners 1. It adds a wonderful touch to a layout and I'm happy to make it whatever LD bg you'd like. Vaplien's free css. All box codes can be found HERE. This tutorial describes how to achieve this in a simple way. Main Container All you need to do is paste the cursor code in notepad or a coding friendly app, save it as a . border-radius:10px;1. How to Use. Oh, you're using Katie's HTML! You can choose from the box options below to paste in your den! ---> Link to Box Codes. Using these cross-browser layouts you can avoid endless CSS positioning woes and focus on what you’re good at: design. All you need to do is paste the cursor code in notepad or a coding friendly app, save it as a . To use this CSS, transfer the sb or item to my account (if my account is frozen, transfer it to my main, #251887). Can be customized using Lioden art for +10 GB. (Not color-blind friendly!) Rainy Days (suggested by 124772 and 334639; rain showers and blue!) Dark Omen (suggested by 155218!) Creepy Forest ( suggested by 323423 (dark forest) and 97101 (night))! For Froggie's Sake (suggested by 110042) 2019-01-13 20:08:49. -My custom sales can be found here. » Once you pay for a code, it's yours. lioden backgrounds. Then, I'm going to upload it to Dropbox and link it to my den. Elite Package - 600 or 1. Even forcing the CSS elements using !important won't do the trick. For caves and mounds, only copy the Discord URL portion, and paste it where it says "Cave CSS". navbar-header > a > img<katie's coding commissions — den, mobile, or clan css & html! Welcome! I'm Katie, I've been stuck in Lioden hell working with Lioden CSS for several years now! I hope my examples speak for themselves - I prioritize customer satisfaction, design/color coordination, and readability on all of my codes. -Feel free to message me regarding css stuff! -My newest free css codes have boxes, but the old ones do not! !Please do not edit these codes unless I give you permission! Thats pretty much all I think I got to say, I hope you like what I've made!Cave CSS. For example, it could change the font, the background image, or the color of the buttons. png (lioden background: the solitude) Cave HTML background: same as the background Theme: idk what to call it but I would like to theme the css about my my heir and her vibe that she gives offCodepen Template. - credit me for the CSS. Should be border-radius:important;) Best practice is to always have semi-colons or it can give some internet browsers bugs. Recolors the chat box to match your CSS. Accidentally saving it as the default . The only exception is editing the template, mainly because the template code is not made by me but the amazing Katie. Lioden Edition is a collection of free resources created by Pun to provide aesthetics for Lioden players and den owners. Lioden sign (Keep Lioden sign, or replace with a Royal Flush ). 3. Desert Series #2. Welcome! I'm Katie, I've been stuck in Lioden hell working with Lioden CSS for several years now! I hope my examples speak for themselves - I prioritize customer satisfaction, design/color coordination, and readability on all of my codes. — rules — » Please leave credit intact. In CSS, a color can be specified using a hexadecimal value in the form: #rrggbb. Custom cave (preview) images. all codes here are free to use! please leave credit intact :) if you're looking for a more customized,. CSS ADD-ON LIST: commission form. open closed. CSS Is used for your Dens, while HTML is used for Forum posts like this one. lioden backgrounds. ~ Good CSS will have wonderful visual elements to it. 2021-08-09 15:03:12. TAWNY'S CSS COMMISSIONS. You will need to convert the SCSS. In short, CSS is what makes the fireflies exist, but it doesn't display them (HTML does). Here is a guide to doing that using Dropbox, and here is a guide to using Google Drive for it. Commission Info. Feel free to use any of these CSS, just don't remove credit! FINISHED CSS: Lioden's May Event. For example, it could change the font, the background image, or the color of the buttons. Thank you in advance. boxes for new codes. Prices: Flat Rate: 20. The HTML, scroll animation CSS, and output are shown below. 2021-02-01 15:33:30. WeirdAutumn's CSS Freebies. #1 Shooting Star [Gif] [Remade] #2 Rainy Days [Gif] #3 Sunset over the City [Gif] #4 Starry Mountains #5 Playing the Blues #6 Spring Flowers #7 Roses are PinkYo! I'm trying' to buy a CSS, I'm willing to pay 5 GB - 7. Cave Images - +10 Custom cave (preview) images. It's. Chat Recolor - +5 Recolors the chat box to match your CSS. Energy Boost • 2 or 2000. PROFILE CONTENT -->. desert series. infront of the name or it won't work. bunny!! [he/they] (#157789) View Forum Posts. Make sure you're saving it as a . full customisation of your den page. Chat Recolor - +5 Recolors the chat box to match your CSS. It will most likely be a circle and cover some other parts. For caves and mounds, only copy the Discord URL portion, and paste it where it says "Cave CSS". 2023-11-08 15:22:43. I also do CSS commissions. You have liked this post! 0 players like this post!To make text scroll right-to-left, place it inside a div with the id scroll-text . gifs can be added on to a profile as any other kind of image file can. You should make an avatar the last airbender one, and a thomas brodie sangster themed oneLioden logo replacer?: just a slight color change to fit the rest of the CSS :> Custom Cursor?: nah! Chat Recolor?: yes! Boxes (Y/N, how many, arrangement): yes! 3,arranged how I have now with one larger one on top n two smallers side-by-side right under it :> Hover boxes or regular?: the top, big one is a hover box n the other two arent. The credits listed are Katie for the template, and me for the CSS. <katie's coding commissions — den, mobile, or clan css & html! Welcome! I'm Katie, I've been stuck in Lioden hell working with Lioden CSS for several years now! I hope my examples speak for themselves - I prioritize customer satisfaction, design/color coordination, and readability on all of my codes. . ・I would love if you could throw a little message, if you use my CSS, I would love to see them being used! Works with katie's boxes. Can be customized using Lioden art for +10 GB. For the codes: Follow Link Here Copy and Paste the code in the view code editor on your den page, then hit save. A cave CSS is a file in the programming language CSS that changes the way your cave webpage looks. I will be posting CSS that you can use anytime here. For Mac users, you can use a program called TextEdit. Includes unsorted/nesting/overview and beetle mounds. So starting out, your den might look something like this: (or brown if you use the day layout) To apply the CSS layout, you will need to scroll down to your territory. 301. Mei (#328903) replied 1 year ago : 11: Icestar's Thread layout and Den CSS shop Posted 7 years ago by Icestar: Necro (#329230) replied 1 year ago : 70: Looking for someone who does Comms! Posted 1 year ago by { Niffty } (#323949) replied 1 year ago : 4: css. Basically, most simple CSS rules take this form, where you specify which element you want to change, and then 'key : value' 'rules'. Can be customized using Lioden art for +10 GB. com and upload the file there. (LIODEN backgrounds). It will be in the "Edit your Details" area, right underneath the dynasty, achievements, and other tabs. . L. Welcome to the new and updated version of my CSS template + tutorial! My original from 2019 is still usable, but a bit outdated and needed some polishing. Amboseli. How do I do a very simplified CSS and add fancy scrollboxes and cursors and whatnot later on?It's current purpose is to teach users how to create HTML Boxes for their dens. Now that that's done, I'm going to save my code as a . Lioden CSS Generator 10/10 great idea. If you are wanting an actually Custom please refer to my Custom Forums Notice: Remember to remove the *'s, for the code to work. Internally all caves are built exactly the same outside of the url and I am unable to use the url to specify changes due to the nature of CSS. This guide can also be found in this Google Doc. (WARNING: for this to work you will need a friend or just a stranger who plays on computer and is willing to upload the code in CSS for you! if you cannot find somebody PM me, i can do it for free. canvas Canvas Code Snippets The HTML canvas element is a container for graphics, where we can draw graphics on the fly using JavaScript. upload your . Literally any item you can find in explore is on the table. This is not required but I would appreciate it if you comment that you're using one! I'd love to see your den with one of my codes in them :D. In some cases, it is because Lioden's coding is overriding it. It does not apply to f2u images readily available on the internet. -In addition to the previous, DO NOT USE MY CODING AS A TEMPLATE TO MAKE YOUR OWN. For caves and mounds, only copy the Discord URL portion, and paste it where it says "Cave CSS". Pastebin is a website where you can store text online for a set period of time. I've followed a few guides to make the CSS itself and I was under the impression that when it was done I could just paste the Dropbox Link into the Cave CSS Box and it would work. Pinto’s Custom CSS 3 Slots Open. Where rr (red), gg (green) and bb (blue) are hexadecimal values between 00 and ff (same as decimal 0-255). **LIODEN LOGO CHANGE**: +5gb This includes a lioden logo change. lioden backgrounds. CSS FAQ, Help, and Neat Things A lovely thread by a member of ours. 𝟭 ) you will go to the cave you would like it in, and you would scroll down to cave settings. Guarantees your code will be completed in 48 hours or less. 3. Can be customized using Lioden art ( example) for +10 GB. You can find den and shop CSS, forum HTML layouts, code snippets and other snippets to customize your den or shop on Lioden. 2020-06-26 15:40:14. For customization, put some text down!Copy and paste the code into the top of your user profile. You have liked this post!Looking to Pay for a CSS! Posted 1 year ago by Snow 🌸 ️Serruria Clouded ️🌸. I know im doing something wrong but im really not sure what. Then, I'm going to upload it to Dropbox and link it to my den. I've moved my commission work to my second account, and I've revamped the way I make CSS. ~ Good CSS will have wonderful visual elements to it and be easily. CSS Details ( (if you don't mind)) to consist of: Two Text boxes (I do like the way yours is laid out. Please answer the following questions in one single post. Pretty much! You can find various codes, like the ones made by the user Katie who also does den CSS on Lioden. "myden. Feel free to put some more free css threads :) 🌈Free CSS Layouts🌈. Can be customized using Lioden art ( example) for +10 GB. css at the end), and then upload that file into your dropbox. This is where your LAYOUT code will go. Purple Moutains. I'm able to pay with GB. <katie's coding commissions — den, mobile, or clan css & html! Welcome! I'm Katie, I've been stuck in Lioden hell working with Lioden CSS for several years now! I hope my examples speak for themselves - I prioritize customer satisfaction, design/color coordination, and readability on all of my codes. Just comment something down and if I feel like doing something with your suggestion, I will!Hello and welcome to my CSS business here on Lioden! Prices will vary depending on the request. this is a guide to most CSS including changing the cursor. 2019-03-18 13:31:57. Things to note: ~ CSS Can take a LONG TIME to get comfortable with, just like any programming language or new skillset. When viewing the content of the . Includes unsorted/nesting/overview and beetle mounds. While I wouldn't personally use it too often, I know maaaany users try calculating. Amboseli. > VIEW/DOWNLOAD THE TEMPLATE HERE < Rules: • This template may be used for anything and everything - free codes, pre-mades, commissions, you name it. I can't figure out how to get it to work in my Caves though. Accessibility: Accessibility is a very important part of web development. TAWNY'S CHEAP CSS. This includes sharing the code with your friends. You are free to do whatever you want to it aside from re-sell it. For caves and mounds, only copy the Discord URL portion, and paste it where it says "Cave CSS". CSS file, and upload it to Dropbox. gitattributes. I'd like to ask for a CSS. Below the Den/Profile Pag Editor, you will find this 'CSS files' section . If you have any further questions, DM me. Welcome to Lioden. (Not color-blind friendly!) Rainy Days (suggested by 124772 and 334639; rain showers and blue!) Dark Omen (suggested by 155218!) Creepy Forest ( suggested by 323423 (dark forest) and 97101 (night))! For Froggie's Sake (suggested by. Hey! Not to me mean but i think the moonlight box ccs doesnt work :) Just wanted to let you know <3To use the CSS that you want, copy paste the code into your territory description. This part of our Code of Conduct describes what we expect when it comes to community interaction including, but not limited to: forums, chat, your public den page, any shop or trade description, lion bios or private messages. Open!! Disclaimer- I use the CSS template by katie #106445. Your coding is A+ and a generator would be a great tool for free CSS layouts here. Posted on. FREE WOF CSS. All box codes can be found HERE. Copy the text in the blockquotes and remove the asterisk / "*". Both components can be found in the text download I posted. Hopefully that helps. How to Use. 2023-01-15 12:55:27. Now that that's done, I'm going to save my code as a . It assigns different Identifiers to different aspects of the site and each page you visit on Lioden. I can't figure out how to get it to work in my Caves though. CSS is the colouring part of the colouring book, so to speak. You're importing Open Sans, and using Just Another Hand on the body element, which isn't imported. You ARE NOT allowed to sell the CSS I make for you ANYWHERE. 92 KB - Queries: 0 - Query Time: 0. Instant Cub Delivery • 2 or 2000. I would also like to add I will not make codes for anything hateful/harmful, immoral, and/or illegal, or anything that would go against Liodens rules! I have the right to reject any request !!! CODES. <katie's coding commissions — den, mobile, or clan css & html! Welcome! I'm Katie, I've been stuck in Lioden hell working with Lioden CSS for several years now! I hope my examples speak for themselves - I prioritize customer satisfaction, design/color coordination, and readability on all of my codes. Internally all caves are built exactly the same outside of the url and I am unable to use the url to specify changes due to the nature of CSS. You are free to do whatever you want to it aside from re-sell it. 🌷 new codes (2020-present) 🌷. Memory Used: 627. Chat Recolor - +5Instructions on use: 1. **LIODEN LOGO CHANGE**: +5gb This includes a lioden logo change. For caves and mounds, only copy the Discord URL portion, and paste it where it says "Cave CSS". The only thing I can't do is use different bgs for different caves. Jester's Free CSS. css through Live CSS Editor, all appears well, yet when I submit it through my territory bio, it sets my den's layout to default. 14937sLioden Background Directory If you plan on making Lioden themed layouts, this is for you! Katie's Free CSS Template + Tutorial Always a life saver. Accidentally saving it as the default . All box codes can be found HERE. The credits listed are Katie for the template, and me for the CSS. <3 Code by me!Here is my CSS list! Feel free to use them! They also work in caves, beetle mounds, branches and probably also clans!. Hills of Andalusia. You have the rights to suggest WOF. You can find some free CSS files here. Just put your cave's unsorted lions url ID in replace of the 000 above, and your image url in the indicated slot. DesertRose (#400800) replied 7 days ago. css through Live CSS Editor, all appears well, yet when I submit it through my territory bio, it sets my den's layout to default. These are new additions, with older ones from my past thread slowly being updated and moved across as well! Feel free to suggest a background :D I won't get to all of them, but I enjoy decently lit nature themes. Chat Recolor - +5 Recolors the chat box to match your CSS. div. • Please leave the credit in the template intact, unless your coding becomes. fridays) (#164216) Untitled. Chat Recolor - +5 Recolors the chat box to match your CSS. I'd like something pastel, pink, purple or blue, with simple patterns like flowers or stars. infront of the name or it won't work. 5) which is a black color at 50% transparency, so all of your CSS will be black/gray. In the message section of the transfer, include the. All box codes can be found HERE. #304445338111. lioden-css-stuff. These are new additions, with older ones from my past thread slowly being updated and moved across as well! Feel free to suggest a background :D I won't get to all of them, but I enjoy decently lit nature themes. This is one of my failed links without the *Welcome to my guide on how to make a CSS for your den! With this guide, I hope to be able to enable all users to learn how to make their very own CSS. Tutorial. All box codes can be found HERE. lioden backgrounds. <katie's coding commissions — den, mobile, or clan css & html! Welcome! I'm Katie, I've been stuck in Lioden hell working with Lioden CSS for several years now! I hope my examples speak for themselves - I prioritize customer satisfaction, design/color coordination, and readability on all of my codes. Katie's template is easy to use, and she lays everything out very well. If you'd like a custom one, check it out here. Boxes - +10 Boxes for organizing information or images on your den or clan page. Note that all of these codes can be bypassed by other users if they toggle CSS off, ie. ⚔ You CANNOT claim the CSS or images as your own! ⚔ I work on CSS in my free time. boxcontainer {overflow:hidden:}. content : url ('LINK')!important;Mobile/Ipad Support - 2. Now you know the basics of how writing CSS works, I'm going to show how to target some specific elements of the Lioden Den layout, so you can change them as you like with your own. 2. 🌷 new codes (2020. Rainbow Flag │ Rainbow Flag - Overlay. This happened a ton back when I updated all my layouts to be mobile friendly, all my codes broke for the people using it until they got the new. Welcome to my guide on how to make a CSS for your den! With this guide, I hope to be able to enable all users to learn how to make their very own CSS. Hiii! I'm looking for someone to make me a css based around the same aesthetic of my king, I can offer up to 28 gb!the best way I can explain is the default lioden CSS, but different coloring, and den boxes with their own backgrounds. *Special thanks to Kraft, Bat, Feather and Quetzalcoatl for. Below the Den/Profile Pag Editor, you will find this 'CSS files' section . Cub Sex Changer • 1 or 1000. I edit/update all current F2U CSS as I learn. » Once you pay for a code, it's yours. 4. all codes here are free to use! please leave credit intact :) if you're looking for a more customized, personalized CSS, check out my cheap CSS sales! not required, but it'd be nice to comment here if you're using one of the codes, i'd love to see them on people's pages <3. css to your drop box Click the triple dots and then Share Hit get Link (I needed to show this with another file as my lioden. com is the number one paste tool since 2002. In these cases, just use !important like I have above. !!!UPDATE: View update information HERE! [09/16/2023] Code drop! View further info HERE! WELCOME! Welcome to me and Kat's CSS codes and help thread! A big thank you to Kat for joining me and helping me out with the majority of these codes! All these codes are FREE to use; if. #304441933879. <katie's coding commissions — den, mobile, or clan css & html! Welcome! I'm Katie, I've been stuck in Lioden hell working with Lioden CSS for several years now! I hope my examples speak for themselves - I prioritize customer satisfaction, design/color coordination, and readability on all of my codes. You can find some free CSS files here. - Sometimes you will notice a code doesn't work. Clan CSS: 10 5 (3/3 discounted orders left) (basic image replacements —in this case, it's the clan hoard and clan raffle images, and. 🌷 new codes (2020-present) 🌷 desert series Desert Series #1 Desert Series #2 lioden backgrounds Hills of Andalusia Amboseli boxes for new codes All box codes. Depends on what you can do!<katie's coding commissions — den, mobile, or clan css & html! Welcome! I'm Katie, I've been stuck in Lioden hell working with Lioden CSS for several years now! I hope my examples speak for themselves - I prioritize customer satisfaction, design/color coordination, and readability on all of my codes. Can be customized using Lioden art for +10 GB. Hills of Andalusia. . Chat boxes are the same color as default pages, but if I change CSS, I'd like them to stay the way they are as it's easier for my eyes. css will cause it to not work in your den. A type of code used to customise player den pages, caves, and branches. Save! 4. Ally Flag │ Ally Flag - Overlay. #21 Moonlight Cries (Animated Gif) {BG made by me!} WARNING: Hover over the page to see you Den. css file. ) (ANOTHER WARNING: making CSS on mobile is way harder than making CSS on computers and may feel very confusing to make)First off, this isn't how to code CSS, this is how to implement your CSS into your den via Dropbox *AFTER* the change that made new users no longer have a public folder. I will do a basic den CSS for about 4 /4000 (base price) Added font will be 500 extra. For caves and mounds, only copy the Discord URL portion, and paste it where it says "Cave CSS". About. So I need a css for this forum. Free CSS Template + Tutorial! katie 🍃 (#106445) Warrior. Just follow the instructions there, and copy and paste the. desert series. Do not remove or change credits. Guarantees your code will be completed in 48 hours or less. Chat Recolor - +5 Recolors the chat box to match your CSS. Log In: Username or Email: Password: Remember Me: Log In: Username: Password:Free Den Codes and Requests! Lordfell (#67724) Deathlord of the Jungle. 50 SB per CSS. > VIEW/DOWNLOAD THE TEMPLATE HERE <. Thank you for reading this and if any of my friends join lioden, I'll be sure to recommend your amazing work to them. Posted on. Welcome! My name is Sheo and this is my *free* CSS forum! click here for my CSS commission form! Please do not edit any of my codes, nor remove the credit! Enjoy and don't forget to remove the stars ( <- these things) and paste the code in your den description, or else it won't work! Ivy. This is pretty much how the rest will be done as well! div. 0 (2023) Posted 11 months ago by katie 🍃. Posted on. Hi, so I keep on trying to put CSS in my cave ( in the CSS box) but whenever I try it doesnt work, just deletes it and has. There are a couple of properties (for example, border-radius:important that is missing a semi-colon at the end. Then, I'm going to upload it to Dropbox and link it to my den. Instant Cub Delivery • 2 or 2000. Some CSS, like the one Mercy is using, can have complex elements such as expanding on hover, a rounded scrollbar / custom scrollbar, etc. Beez please with flowers as the back ground a bee instead of the lioden thing and some honeycomb texture for the cave things. i will do: • css in the style of my den (ie: a lioden background, replaced cave images, replaced site logo + gift box icon, etc) i won’t do: • somewhat complex css (ie expanding boxes) - this is subject to change, but i haven’t figured out boxes quite yet…i’d opt for either katie’s or jester’s html to start, while i continue. If you'd like an exclusive code done, I occasionally offer deals for custom codes. 1. #4 Best Friends [Request] Comes with 3 small boxes. •Pandora and Kat's CSS Codes• . Includes unsorted/nesting/overview and beetle mounds. under that, id like a divider. Amboseli. Mochi (rolling. There's other instructions within. boxes for new codes. main in inspect. -Feel free to message me regarding css stuff! -My newest free css codes have boxes, but the old ones do not! !Please do not edit these codes unless I give you permission! Thats pretty much all I think I got to say, I hope you like what I've made!Cave CSS. Desert Series #1. CSS Is used for your Dens, while HTML is used for Forum posts like this one. . I don't mind requests, but I am under NO obligation to work on them. Then you can apply the CSS to your den page and the custom cursor will be visible. 443. So I've Got my Den CSS working and it still needs a few tweaks but for now, I'm happy with it.