Git Product home page Git Product logo

Comments (16)

tweakimp avatar tweakimp commented on June 21, 2024 2

https://jsfiddle.net/tweakimp/knfb9o3L/

from multihack-web.

tweakimp avatar tweakimp commented on June 21, 2024 1

Yeah, I just wanted to share the general idea.
Proportions and a clean look will be done in Photoshop.

from multihack-web.

tweakimp avatar tweakimp commented on June 21, 2024 1

I'm glad you like it. I wish I could help you more, I really enjoy this extension!

from multihack-web.

t-mullen avatar t-mullen commented on June 21, 2024 1

IKR? That should work. Maybe it's an OSX thing. Please send the file whenever you have the chance 👍

from multihack-web.

t-mullen avatar t-mullen commented on June 21, 2024 1

Looks great:
screen shot 2017-04-28 at 1 33 24 am

Should be in next release.

from multihack-web.

tweakimp avatar tweakimp commented on June 21, 2024 1

Added viewbox to the logo code.
You can now resize the logo by just changing its height and width.

<svg height="500" width="500" viewBox="0 0 48 48">
<!--TOP-->
<path d="M 8 12 Q 24 -4, 40 12" style="fill: none; stroke: black; stroke-width:2" />
<!--TOPARROW-->
<path d="M 34 12 42 8 42 16Z" />
<!--BOTTOM-->
<path d="M 8 36 Q 24 52, 40 36" style="fill: none; stroke: black; stroke-width: 2" />
<!--BOTTOMARROW-->
<path d="M 14 36 L 6 40 L 6 32 Z"/>
<!--LEFT-->
<polyline points="16,16 4,24 16,32" 
style="fill:none;stroke:black;stroke-width:3 " /> 
<!--RIGHT-->
<polyline points="32,16 44,24 32,32" style="fill: none; stroke: black; stroke-width: 3" />
<!--MIDDLE-->
<polyline points="28,12 20,36" style="fill: none; stroke: black; stroke-width: 3" />
</svg>

logo.zip

from multihack-web.

t-mullen avatar t-mullen commented on June 21, 2024

That would be great! I haven't put much effort into branding yet, but I don't have experience in logo design so anything you can come up with would be cool to see 👍

from multihack-web.

tweakimp avatar tweakimp commented on June 21, 2024

I'm currently not at home, but my idea was something like this http://i.imgur.com/EHnYkv5r.jpg

What do you think? Maybe with a circle around it..
When I'm back home I could make a digital Version of this

from multihack-web.

t-mullen avatar t-mullen commented on June 21, 2024

It looks good. Only concern is that it might be too complex to be scaled down to the size of a Brackets button. The arrows might be tiny.

from multihack-web.

t-mullen avatar t-mullen commented on June 21, 2024

Sounds good. Excited to see what you can do!

from multihack-web.

tweakimp avatar tweakimp commented on June 21, 2024

Do you have any guide lines or restrictions regarding size, style, color, letters etc.?

from multihack-web.

t-mullen avatar t-mullen commented on June 21, 2024

That looks great! Thanks for putting it in SVG format too.

I'll try to get this in the Brackets extension soon. Not sure about how to integrate it into the other versions. Maybe a favicon or something.

Thanks!

from multihack-web.

t-mullen avatar t-mullen commented on June 21, 2024

Do you mind sending me the svg as a file? Had some trouble extracting it from the JSFiddle.

from multihack-web.

tweakimp avatar tweakimp commented on June 21, 2024

I coded it there :D Still not at home, I did it on my phone.
Cant you just save the <svg> part as a *.svg file?

from multihack-web.

tweakimp avatar tweakimp commented on June 21, 2024

I hope it's ok like this. I have never done this before.
icon.zip

from multihack-web.

t-mullen avatar t-mullen commented on June 21, 2024

Thanks, that worked. I'll add this into the Brackets extension soon. Merging this issue with #37 , but feel free to continue discussion here.

from multihack-web.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.