Code Monkey home page Code Monkey logo

logo's Introduction

Q42 logo

The world's first code logo.

Compile

compile.sh creates the final q42.js

Deploy

deploy.sh compiles and deploys to static.q42.nl, assuming you have access rights to it

How to create a canvas2d module

  • Duplicate canvas-demo.js
  • Rename the module in all places eg line 2 AND line 7
  • Override any method as needed, starting with draw()

Modules: scaling, and going beyond the boundaries

By default, your canvas element is sized as a regular image with the logo touching all edges. You are expected to render a logo that defaults to that same visual size, even if you enlarge the canvas for funky effects:

how to size

logo's People

Contributors

afkatja avatar fubaruba avatar guidobouman avatar lukasvan3l avatar marcelduin avatar mbernson avatar primigenus avatar roelfjan avatar sjoerdvisscher avatar tacoe avatar techwolf12 avatar tomasharkema avatar vanoorschot avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

logo's Issues

Src referenties kloppen niet

Verwijzen naar q42.nl ipv q42.com. Bijv: http://logo.q42.nl/q42.js.

Ik heb nog even gewacht met een PR, want wellicht was het nog een todo van jullie om logo.q42.nl ook beschikbaar te maken? If not dan kan ik wel een PR maken

Provide a fallback for screenreaders/non-visual browsers

In the header of the Q-site, I want to put the new logo:

<div class="logo"><a href="/">
  <q42></q42>
</a></div>

This is not accessible because the link has no text.

If I put "Q42" between the opening and closing tags, the text is just rendered as-is. I could hide it with the overflow:hidden; text-indent: -9000px trick, but since this is a custom element that we have control over, we should probably provide a better hook for it.

Emit a loaded event when loading is complete

In order to implement a fallback in the form of <q42 ...>my fallback here</q42>, the element needs to indicate when it has completed loading.

I'm trying to get this to work:

<q42><img src="q42.png" alt="Q42"></q42>

...such that the image is hidden if the script loads correctly, but if it for some reason fails to load, it falls back to just showing the image. But since the Q42Logo script doesn't indicate when it's done, there's no way to accomplish this.

Logo design offer

Hello, sir. I want to offer something to you, do you need a new logo for your app? if you want i can make it to your liking

Logo script is niet beschikbaar via HTTPS

Ik wil het logo graag op een site includen die enkel beschikbaar is over https, alleen de logo site geeft een insecure connection error als ik het javascriptje via https probeer te includen. Kunnen we dit fixen?

Als we dat gedaan hebben moet de script-tag in de instructie denk ik ook protocol-loos maken zodat die vanzelf meeswitcht van protocol. Of zitten hier andere nadelen aan die ik niet ken?

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.