• Posts

  • Joined

  • Last visited

Recent Profile Visitors

567 profile views

Josiah's Achievements


Newbie (1/14)



  1. Hey everyone, I've finished my initial icon set on github. Hernandito's color variations can be found here.
  2. These look very good! To help me stay organized, I've created a github repo and I'm tracking new icons with issues. If you could help from there, that would be best: I've created issues for all in work icons, and I've tagged the ones that I think need some attention. I would like to publish your color variations there once the collection is complete. I'll tag it version 1.0.0 after completing the initial set. Do you think you can help me do this?
  3. Haha. Well either way, I'll keep adding it into the base ones for now since it's easier to delete a small section then to add it back in in the right spot. We can make a separate zip when I'm all done with the one line deleted from them all. I might start adding these to my github and cleaning the code up a bit too.
  4. Ok. I think that's good for tonight. Hope you all like.
  5. Haha, I know. I meant the colors I used for the ship were ripe for variations. I stuck to the black and white, but I think it could look a lot better if it was other colors. As a side note, I have added a few more icons. I changed up your music one a bit. Hope you like it. If you launch it in a browser it'll be able to render the "off-screen" bits and it'll look a bit weird, but it should look good when it can't show that portion as an unraid folder.
  6. What GuildDarts means is that the hover CSS animation does not work currently with the Docker Folder plugin because of the way it treats svgs. I've been creating all of the new icons to use hover animations by default still since he is working on supporting it. As you saw, it's quite easy to take out so feel free to have them always animating if you prefer that. I'm still going to be creating with the hover in mind though since it takes extra considerations (like the default frame shouldn't be blank). As an extra, I've added ship and grafana. Ship seems ripe for better color schemes. The flag was a bit tricky. Almost made it white by default, but then it looks like the pirates are surrendering. I tried a couple variations of the slower grafana rotation, but since it's not possible to center it properly without shrinking it, I defaulted to a faster speed which I think makes it look better.
  7. Alright, here's the set so far. I'll probably just come back and edit this comment till they're all here. I plan on making them three different orange colors to match the unraid orange colors as the defaults. eye.svgcontrol.svgaudio.svgcode.svgship.svgcloud.svgsecurity.svggrafana.svgdash.svggaming.svgmusic.svgdownloads.svg
  8. Sweet, that made it a lot easier. Here's the new eye: eye.svg I'll slowly work on some other ones over the coming days.
  9. Yeah I can do that. To help me out, can you make these all different images (so like all the eye parts as one image layered but not together with other icons)? Inkscape is being difficult when I try to delete parts of the svg. Also, adding the background in would be good too.
  10. Here is an alternate for the eye that I think works pretty good (If you're really good, you can get it to freeze on the eye being closed.) Hehe. c1ab-eye-2.svg
  11. Sounds like you might have a few pieces of adobe software. If you have after effects from creative cloud, it can export to svg. I might find a version off the high seas myself to tackle some of the trickier animations that I'm having a hard time doing with the code. Hopefully it doesn't make the svg files a mess though. Some exports are terrible and you basically can't do anything with them from a text editor afterward because it's just a big mess of javascript. I'm not sure if it has the option to just export with css animations, but if it does, and you have after effects, try to use that. Here's a version of the eye blinking that's pretty simplified but I still think looks pretty good. c1ab-eye.svg Let me know what you think. Also, let me know if you think we should use a few different unraid orange colors like the header or stick to the icon colors from:
  12. So just to give an example of why mine are colored as they are: I like the amount of pop it gives to my otherwise bland dashboard, but I recognize that maybe my taste isn't for everyone. I don't think the background color scheme is too important anyhow seeing as it's very easy for anyone to change afterwards with just a text editor. If we want to pick something though, I don't think it should be black or white so that the default will look good regardless of light/dark theme. Maybe we should make them unraid's orange color. The inside element's should be (in my opinion) white, then black or a lighter/darker version of the background color (used sparingly though so it's easy for people to change the background color). I think you are right about the circles. If we start making a whole bunch of these, it makes it easier to design if you get a little more space in the corners. I personally am not a fan of folders because we get a square to work with and folders are typically rectangular, so it looks stretched to me. If we make it the more natural-looking rectangle though, then we lose space just like the circle. I think the best shape is the rounded square as it gives us the most area to work with but doesn't make it look like we don't know how to use transparency. Alternatively, we can use the circle as an accent and have stuff go outside of it like I did with aggregators. We'd need to be careful with the colors if we do it that way though. I personally think this last one looks best which is why I made my original set the way I did, but this limits the way the inner images can be designed if they stick out at parts (can't have a white or black border). I vote for rounded square with as little use of inner colors that aren't white/black as possible to make the background color easy to change for people (all they would need to do would be to look for the rgb(x,x,x) value in the text file that isn't (0,0,0) or (255,255,255) and change it). We can make exceptions if the point of the animation is to color the inner object. One more thing, one of the things that makes the deform of the large eye harder that's not super obvious is the deform would be slightly curved. It's similar to when I tried making a book flip open. The flip had a slight arch to it, and getting the points on a curve (there's going to be a lot more to deform) to deform on a different curve was pretty tricky. Maybe there's a tool out there to help with this. In any case, I can work on the other ones first. Edit: I think it would look really good if all of the icons were grayscale and then on hover the background turned unraid orange along with whatever other animation we wanted to do. If we do it this way we shouldn't use other color changes in the animation though. Scratch that, until I figure out how to loop some animations but not others.
  13. So, I can easily animate most of them to do what you've described, however, some will really depend on the vectorization. For instance, all the ones where the background image is doing something, you'd need to make a layer, where the rear image was the full vector but just obscured (in the case of the two clouds the front cloud needs to be surrounded by a thick dark outline with the full other cloud hidden beneath). If you can do that, then I don't see a problem making most of these. Some potentially problematic ones: blinking eye (it's a kind of morphing which is possible but requires moving specific points which can be a huge pain depending on how it's been vectorized), winking pirate (should be much easier but same sort of deal), and sliding database (I don't know how to make it change layers like that but I can look into it). Scratch that it sounds like you just wanted it move it on the back layer upon rereading. For everything else, so long as you give me a properly vectorized image, I don't see a problem. As far as I know, to animate svgs, you can either write the code (hard) or use a program (free ones all suck I think but maybe you can find one). The clean up vectorization can be done easily with inkscape which is what I use.
  14. Here is the variant that resets. aggregators-hover-reset.svg utilities-hover-reset.svg ldap-hover-reset.svg home-automation-hover-reset.svg indexers-hover-reset.svg cloud-hover-reset.svg media-hover-reset.svg downloaders-hover-reset.svgbooks-hover-reset.svg