Maybe a new logo?

[Atlanta-Ned]

Wiki needs a new logo. Was bored. Doodled this up. I'm rather pleased with myself that the star in the background has 13 points.

EDIT: PS if anyone wants to use these somewhere PLEASE get in touch so I can provide you with high quality vector files.



EDIT:

Short n' sweet SVG code:

Logo with TG:

Code: Select all

<svg xmlns="http://www.w3.org/2000/svg" width="329.674" height="327.271" viewBox="0 0 329.674 327.271"><path id="text" class="tglogo" d="M99.097 272.944V85.782H66.333V60.44h87.644v25.34l-32.764.002v187.162M200.654 272.944c-9.874 0-17.365-2.805-22.265-8.336-5.083-5.736-7.66-14.547-7.66-26.19V94.965c0-11.643 2.577-20.453 7.66-26.19 4.898-5.53 12.39-8.334 22.264-8.334h32.764c19.855 0 29.924 11.615 29.924 34.524v27.802h-21.125V102.81c0-10.503-6.033-17.027-15.748-17.027h-17.872c-9.86 0-15.75 6.365-15.75 17.027v127.763c0 10.663 5.89 17.028 15.75 17.028h17.87c9.862 0 15.75-6.364 15.75-17.027V187.21h-16.88v-25.345h38.004v76.555c0 22.91-10.068 34.525-29.924 34.525h-32.764z"/><path id="roundel" class="tglogo" d="M313.19 143.21l6.905-40.87-32.27-26.01-12.88-39.397-40.66-8.035L204.576 0l-39.738 11.78L125.1 0 95.386 28.897l-40.66 8.035-12.88 39.4-32.27 26.008 6.906 40.87L0 181.24l25.105 32.975 3.075 41.334 37.558 17.532L87.67 308.25l41.403-1.927 35.764 20.948 35.765-20.947 41.402 1.927 21.932-35.168 37.557-17.533 3.077-41.335 25.104-32.976-16.483-38.03zm-44.028 95.21c0 26.336-12.66 40.345-35.744 40.345h-32.764c-8.33 0-15.26-1.795-20.736-5.29l-15.08 8.835-25.938-15.193-11.867.552v6.612c0 3.08-1.24 4.482-3.972 4.482H97.25c-2.482 0-3.972-1.4-3.972-4.482v-30.777l-.31-.495-27.237-12.716-2.23-29.977-18.208-23.914 11.954-27.58-5.008-29.642 23.403-18.86 2.85-8.718H64.483c-2.482 0-3.972-1.682-3.972-4.483V59.1c0-2.8 1.49-4.48 3.973-4.48h61.604l9.93-9.657 28.82 8.543 28.818-8.543 9.93 9.656h29.832c23.085 0 35.744 14.008 35.744 40.345v17.55l8.274 6.668-5.008 29.64 11.955 27.582-15.22 19.992v42.022z"/></svg>

Logo with 13:

Code: Select all

<svg xmlns="http://www.w3.org/2000/svg" width="329.674" height="327.271" viewBox="0 0 329.674 327.271"><path id="text" class="tglogo" d="M96.62 268.968V88.052l-21.79 2.976V65.19l45.856-6.594v210.37H96.62zM192.142 268.968c-10.227 0-18-2.74-23.107-8.146-5.195-5.498-7.83-13.888-7.83-24.937v-8.907h24.066v16.95h35.227c6.622 0 11.07-4.57 11.07-11.377v-39.46c0-10.603-6.1-16.934-16.32-16.934h-30.412v-25.04h30.412c10.066 0 16.32-6.383 16.32-16.657V94.72c0-6.805-4.448-11.376-11.07-11.376H185.27v16.95h-24.064v-11.13c0-10.283 2.593-18.08 7.708-23.18 5.112-5.097 12.928-7.68 23.23-7.68h30.455c10.648 0 18.75 2.83 24.077 8.41 5.42 5.68 8.17 14.353 8.17 25.783v51.13c0 7.135-4.715 12.76-11.732 14l-4.81.848v10.322l4.81.848c7.018 1.238 11.73 6.863 11.73 13.997v51.13c0 11.43-2.748 20.105-8.168 25.785-5.328 5.58-13.43 8.41-24.078 8.41H192.14z"/><path id="roundel" class="tglogo" d="M313.19 143.21l6.906-40.87-32.27-26.01-12.88-39.397-40.66-8.035L204.577 0l-39.74 11.78L125.1 0 95.386 28.897l-40.66 8.035-12.88 39.4L9.58 102.34l6.904 40.868L0 181.24l25.105 32.975 3.076 41.334 37.56 17.532 21.93 35.168 41.403-1.927 35.764 20.948 35.764-20.947 41.404 1.927 21.932-35.168 37.557-17.533 3.077-41.335 25.104-32.976-16.483-38.03zm-47.014 57.107l-2.232 29.978-3.278 1.53v2.947c0 26.122-13.39 40.016-38.067 40.016h-30.457c-4.414 0-8.45-.47-12.1-1.386l-15.206 8.907-25.937-15.192-12.394.576v2.648c0 2.778-1.575 4.445-4.2 4.445H95c-2.887 0-4.2-1.667-4.2-4.445v-28.345l-25.07-11.703-2.23-29.978-18.208-23.914 11.954-27.58-5.007-29.642 23.402-18.862 1.207-3.692-2.327.317c-.386.063-.757.094-1.11.094-2.752 0-4.403-1.892-4.403-5.096V65.268c0-3.613 1.576-5.558 4.988-5.836l48.31-6.946c1.797 0 3.103.783 3.747 2.17l9.964-9.69 28.818 8.542 28.82-8.543 7.734 7.52H222.6c24.677 0 38.066 13.895 38.066 40.016v13.166l16.77 13.517-5.007 29.642 11.954 27.58-18.208 23.912z"/></svg>

To use these files, copy and paste the text into a new document and save it with a .svg extension.

Note that both of the path elements have a "tglogo" class, and are ID'd separately for ease of styling.

[PKPenguin321]

blue one is pretty dope

[Cheimon]

This logo in nanotrasen blue would probably be a cool replacement in the right areas.

[Atlanta-Ned]

PS if anyone wants to use these somewhere PLEASE get in touch so I can provide you with high quality vector files.

This logo in nanotrasen blue would probably be a cool replacement in the right areas.

NT Blue variation

[Shaps-cloud]

That looks awesome, I really like it

[John_Oxford]

This is a damn good logo, holy shit.

[PKPenguin321]

PS if anyone wants to use these somewhere PLEASE get in touch so I can provide you with high quality vector files.

This logo in nanotrasen blue would probably be a cool replacement in the right areas.

NT Blue variation
neat af logo

one with the 13 instead of the TG por favor

[Steelpoint]

The blue logo above is sexually satisfying.

[oranges]

PS if anyone wants to use these somewhere PLEASE get in touch so I can provide you with high quality vector files.

This logo in nanotrasen blue would probably be a cool replacement in the right areas.

NT Blue variation

Spoiler:

vector files please, happy to rehost them for you if you want.

[420weedscopes]

nice
ask MSO to put them on the store, they will work on things like Shirts

[Atlanta-Ned]

SVG versions here:

https://dl.dropboxusercontent.com/u/197 ... g-logo.svg
https://dl.dropboxusercontent.com/u/197 ... 3-logo.svg

Those should work with GIMP/Inkscape (My workflow is Adobe so I dunno how well all of this translates)

If you need any other formats lemme know.

EDIT: Here's how the logo might look on the wiki, just for shits and giggles.

[Malkevin]

What happened to the old logo we had before it was replaced with Narsie?

[oranges]

Just add the logo already

[MrStonedOne]

Just add the logo already

Done.

It will randomly pick the 13 or tg version.

[Zilenan91]

Can you change the logo on the https://tgstation13.org/ homepage too?

[Incoming]

it doesn't really read well as a favicon

[Atlanta-Ned]

Hah. So, as it turns out, if you're one of those cool kids with a HiDPI display like me, MediaWiki will override the logo to serve you a hi-res version of the default logo. As much as I appreciate the thought, I don't get to see the new logo.

Luckily, there's a fix.

I took the liberty of adapting the CSS from that page:

Code: Select all

@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  #p-logo a {
    background-image: url(/wiki/skins/tgs-13-logo-1.5x.png);
  }
}
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
  #p-logo a {
    background-image: url(/wiki/skins/tgs-13-logo-2x.png);
  }
}

I just need someone to upload the images and add that CSS to the site.

https://dl.dropboxusercontent.com/u/197 ... o-1.5x.png
https://dl.dropboxusercontent.com/u/197 ... ogo-2x.png
https://dl.dropboxusercontent.com/u/197 ... o-1.5x.png
https://dl.dropboxusercontent.com/u/197 ... ogo-2x.png
(please don't link against these dropbox URLs)

[MrStonedOne]

A css fix won't work.

As i said in the post above, it will randomly pick from the two versions, so i need a way to have the css do the same,

what i'll likely do is disable that feature from the css and work on updating wikipedia at a later date so i can use the hd thingy

[Atlanta-Ned]

Short n' sweet SVG code:

Logo with TG:

Code: Select all

<svg xmlns="http://www.w3.org/2000/svg" width="329.674" height="327.271" viewBox="0 0 329.674 327.271"><path id="text" class="tglogo" d="M99.097 272.944V85.782H66.333V60.44h87.644v25.34l-32.764.002v187.162M200.654 272.944c-9.874 0-17.365-2.805-22.265-8.336-5.083-5.736-7.66-14.547-7.66-26.19V94.965c0-11.643 2.577-20.453 7.66-26.19 4.898-5.53 12.39-8.334 22.264-8.334h32.764c19.855 0 29.924 11.615 29.924 34.524v27.802h-21.125V102.81c0-10.503-6.033-17.027-15.748-17.027h-17.872c-9.86 0-15.75 6.365-15.75 17.027v127.763c0 10.663 5.89 17.028 15.75 17.028h17.87c9.862 0 15.75-6.364 15.75-17.027V187.21h-16.88v-25.345h38.004v76.555c0 22.91-10.068 34.525-29.924 34.525h-32.764z"/><path id="roundel" class="tglogo" d="M313.19 143.21l6.905-40.87-32.27-26.01-12.88-39.397-40.66-8.035L204.576 0l-39.738 11.78L125.1 0 95.386 28.897l-40.66 8.035-12.88 39.4-32.27 26.008 6.906 40.87L0 181.24l25.105 32.975 3.075 41.334 37.558 17.532L87.67 308.25l41.403-1.927 35.764 20.948 35.765-20.947 41.402 1.927 21.932-35.168 37.557-17.533 3.077-41.335 25.104-32.976-16.483-38.03zm-44.028 95.21c0 26.336-12.66 40.345-35.744 40.345h-32.764c-8.33 0-15.26-1.795-20.736-5.29l-15.08 8.835-25.938-15.193-11.867.552v6.612c0 3.08-1.24 4.482-3.972 4.482H97.25c-2.482 0-3.972-1.4-3.972-4.482v-30.777l-.31-.495-27.237-12.716-2.23-29.977-18.208-23.914 11.954-27.58-5.008-29.642 23.403-18.86 2.85-8.718H64.483c-2.482 0-3.972-1.682-3.972-4.483V59.1c0-2.8 1.49-4.48 3.973-4.48h61.604l9.93-9.657 28.82 8.543 28.818-8.543 9.93 9.656h29.832c23.085 0 35.744 14.008 35.744 40.345v17.55l8.274 6.668-5.008 29.64 11.955 27.582-15.22 19.992v42.022z"/></svg>

Logo with 13:

Code: Select all

<svg xmlns="http://www.w3.org/2000/svg" width="329.674" height="327.271" viewBox="0 0 329.674 327.271"><path id="text" class="tglogo" d="M96.62 268.968V88.052l-21.79 2.976V65.19l45.856-6.594v210.37H96.62zM192.142 268.968c-10.227 0-18-2.74-23.107-8.146-5.195-5.498-7.83-13.888-7.83-24.937v-8.907h24.066v16.95h35.227c6.622 0 11.07-4.57 11.07-11.377v-39.46c0-10.603-6.1-16.934-16.32-16.934h-30.412v-25.04h30.412c10.066 0 16.32-6.383 16.32-16.657V94.72c0-6.805-4.448-11.376-11.07-11.376H185.27v16.95h-24.064v-11.13c0-10.283 2.593-18.08 7.708-23.18 5.112-5.097 12.928-7.68 23.23-7.68h30.455c10.648 0 18.75 2.83 24.077 8.41 5.42 5.68 8.17 14.353 8.17 25.783v51.13c0 7.135-4.715 12.76-11.732 14l-4.81.848v10.322l4.81.848c7.018 1.238 11.73 6.863 11.73 13.997v51.13c0 11.43-2.748 20.105-8.168 25.785-5.328 5.58-13.43 8.41-24.078 8.41H192.14z"/><path id="roundel" class="tglogo" d="M313.19 143.21l6.906-40.87-32.27-26.01-12.88-39.397-40.66-8.035L204.577 0l-39.74 11.78L125.1 0 95.386 28.897l-40.66 8.035-12.88 39.4L9.58 102.34l6.904 40.868L0 181.24l25.105 32.975 3.076 41.334 37.56 17.532 21.93 35.168 41.403-1.927 35.764 20.948 35.764-20.947 41.404 1.927 21.932-35.168 37.557-17.533 3.077-41.335 25.104-32.976-16.483-38.03zm-47.014 57.107l-2.232 29.978-3.278 1.53v2.947c0 26.122-13.39 40.016-38.067 40.016h-30.457c-4.414 0-8.45-.47-12.1-1.386l-15.206 8.907-25.937-15.192-12.394.576v2.648c0 2.778-1.575 4.445-4.2 4.445H95c-2.887 0-4.2-1.667-4.2-4.445v-28.345l-25.07-11.703-2.23-29.978-18.208-23.914 11.954-27.58-5.007-29.642 23.402-18.862 1.207-3.692-2.327.317c-.386.063-.757.094-1.11.094-2.752 0-4.403-1.892-4.403-5.096V65.268c0-3.613 1.576-5.558 4.988-5.836l48.31-6.946c1.797 0 3.103.783 3.747 2.17l9.964-9.69 28.818 8.542 28.82-8.543 7.734 7.52H222.6c24.677 0 38.066 13.895 38.066 40.016v13.166l16.77 13.517-5.007 29.642 11.954 27.58-18.208 23.912z"/></svg>

Note that both of the path elements have a "tglogo" class, and are ID'd separately for ease of styling.

[oranges]

or you know, use just one logo like a normal human being

[bandit]

the logo isn't the problem it's the meme banners

[peoplearestrange]

Or make it a gif/webm and make it rotate on a slow change between the two?