Freifunk-Styles

Aus wiki.freifunk.net
Wechseln zu: Navigation, Suche

Hier sammeln wir Informationen zu den Stylesheets für Freifunk, die auf verschiedenen Systemen genutzt werden. Bitte ladet CSS und Themes z.B. von eurem Wordpress, Joomla, Drupal, Plone, Mediawiki usw. unter dem Link Hochladen in das Wiki und verlinkt sie hier.

Inhaltsverzeichnis

Diskussion

Mit der bisherigen Version gibt es zwei Probleme, bzw. ein Problem und ein nerviger Punkt den man bei der Gelegenheit auch gleich fixen kann:

  • Der verwendete Font Helvetica ist nicht frei. Im SVG wird zwar nur die Font-Family Helvetica referenziert - aber eine unfreie Referenz ist letztendlich nicht wirklich viel besser. Sinnvoll wäre wohl das passende freie Äquivalent zu referenzieren. Liberation Sans Narrow scheint dem am nächsten zu kommen.

Monic: Freifunk.net verwendet die Swiss (nahe der Helvetica) ... die Libaration ist zwar frei, aber eine völlig andere Schrift, die diesen nicht nahe kommt. Jeder ist jedoch frei eine andere Schrift zu benutzen, genau wie den Namen der lokalen Community.

  • Die Komponenten der Farben sind drei mal um einen einzigen Punkt einmal um 5 Punkte vom nächsten 12-Bit Farbton entfernt. Für das menschliche Auge ist das kein Unterschied - im Fall von geringeren Farbauflösungen muss man die Farbwerte aber anpassen. Sinnvoll wäre wohl gleich die nächsten 12-Bit Farbtöne zu verwenden.

Monic: Die Abweichungen liegen an falschen Konvertierungen im Laufe der Zeit ... ich hab die Farbtöne wieder korrigiert, es gab nie und gibt keine Notwendigkeit von "websave colours". Die ursprünglich gewählten Töne sind zwar knallig, aber weniger grell als die 12-Bit Farbtöne.

Freifunk-Farben

There is no need for websave colours

 :-) Freifunk-Gelb
color: #FFCB05
 :-) Freifunk-Magenta
color: #dc0067

 :-) Freifunk-Gelb
color: #FFCC00
 :-) Freifunk-Magenta
color: #dd0066
 :-) Freifunk-Schwarz
color: #000000

Freifunk-Font

Swiss-911 Extra-compressed wurde von Förderverein freie Netzwerke lizensiert. (ähnlich der Helvetica compressed)

Freifunk-Font: Liberation Sans Narrow, Bold

Logos

  • Logo_ffn_85x82.gif

Logo ffn 85x82.gif

  • Logo_ffn_120x115.gif

Logo ffn 120x115.gif

  • Logo_ffn_170x165.gif

Logo ffn 170x165.gif

  • Logo im SVG-Format

Freifunk-logo.svg

Folgende Sourcecode im Texteditor öffnen, den Quelltext per C&P in eine neue Datei einfügen und als freifunk.svg speichern. Ergebnis siehe oben.

<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="110px" height="100px">
  <circle cx="36" cy="54" r="22" fill="none" stroke="#dc0067" stroke-width="1px" />
  <circle cx="74" cy="44" r="22" fill="none" stroke="#dc0067" stroke-width="1px" />
  <circle cx="74" cy="44" r="29" fill="none" stroke="#dc0067" stroke-width="6px" />
  <polygon points="22 48 22 52 30 52 26 56 31 56 37 50 31 44 26 44 30 48" fill="#ffcb05" />
  <polygon points="64 50 73 59 81 59 75 53 88 53 88 47 75 47 81 41 73 41" fill="#ffcb05" />
  <text x="55" y="100" text-anchor="middle" style="font-family:helvetica; font-size:18px; font-weight:bold">
    freifunk.net
  </text>
</svg>


Vorschlag NEU:

<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" baseProfile="full" width="110px" height="100px">
  <circle cx="36" cy="54" r="22" fill="none" stroke="#dd0066" stroke-width="1px" />
  <circle cx="74" cy="44" r="22" fill="none" stroke="#dd0066" stroke-width="1px" />
  <circle cx="74" cy="44" r="29" fill="none" stroke="#dd0066" stroke-width="6px" />
  <polygon points="22 48 22 52 30 52 26 56 31 56 37 50 31 44 26 44 30 48" fill="#ffcc00" />
  <polygon points="64 50 73 59 81 59 75 53 88 53 88 47 75 47 81 41 73 41" fill="#ffcc00" />
  <text x="55" y="100" text-anchor="middle" style="font-family:Liberation Sans Narrow; font-size:22px; font-weight:bold">
    freifunk.net
  </text>
</svg>


  • Logo mit Schrift in Pfaden

[1] Freifunk logo pfade.svg

  • Logo plus Schneide-Kontur

[2] Freifunk logo pfade schneidcontour.svg


  • Bild:Ffn_banner_allg_234x60.gif

Ffn banner allg 234x60.gif

CMS Templates

Credits

Das Logo wurde im Jahr 2003 von Monic Meisel entworfen. Im November 2012 schreibt sie dazu: Mit Freifunk ging es ja darum den bereits bestehenden und neuen Wireless Network Initiativen eine Kommunikationsplattform nach innen wie aussen zu geben. Dazu war ein starker visueller Absender nötig. Die Farben sind extra knallig, weil "Propaganda" auffallen muss ... es soll zum Aktivismus animieren, daher nur die beiden Farben Magenta und Sonnengelb (die sehr positiv und aktivierend sind ... lies mal die Eigenschaften in der Farbtheorie nach) und sonst alles einfach und SW ... kein grau, keine Pastellfarben oder andere Farben, die die Plakativität aufweichen. Die Pfeile stehen für die verschiedenen Strömungen innerhalb der Community und die Kommunikation, ebenso wie sie zwei Funkspots repräsentieren. Die Ringe sind die Funkwellen, die sich überlappen, damit sich die Spots verbinden können. Sie stellen aber auch die Schnittmenge der Interessen dar. Ich bin nicht sicher, ob Du weißt, wie viele Dimensionen das Thema freifunk hat, in denen sich verschiedenste Aktivisten tummeln: - Regional, national, international - Politisch, gesellschaftlich, soziologisch, technisch ... Den Namen freifunk haben wir uns bei einem Rotwein ausgedacht ... :) er repräsentiert in erster Linie Freiheit für mich. Witzigerweise mögen auch englischsprachige Communities den Namen "Free Funk", so dass er zu einem international feststehenden Begriff wurde, für alle die sich mit dem Thema befassen: "Freifunkers" Das Logo fand viel Zuspruch und viele Initiativen auch aus dem Ausland, die noch kein Logo hatten kamen auf mich zu, ob Sie es benutzen dürfen. So kreierte ich zunächst das Logo in Verbindung mit freifunk und der Stadt "freifunk.leipzig" Die Initiativen, die bereits Namen hatten benutzen einfach diese in Verbindung mit dem Logo. Manche wollten eine andere Schrift als Helvetica Compressed benutzen oder andere Farben, wie die Dänen z.B. Cyan und Magenta ... das hat mein Gestalterherz zunächst etwas gebrochen :) Aber ich habe mich dann entschieden hier die Grenzen dessen, was wir über "Corporate Branding" und dessen Vorteile wissen zu überschreiten ... alles unter CC zu stellen und es "freizugeben", u.a. aber ich auch, weil nicht mehr alle Anfragen bearbeiten konnte/wollte. So hat sich das Ganze dynamisch und vielleicht nicht immer "schön" entwickelt ... aber so konnte sich der Gedanke inkl. dem Namen und Logo einfach und ohne Hürden verbreiten. --- Monic Meisel

Meine Werkzeuge
Namensräume
Varianten
Aktionen
Navigation
Grundlagen
Freifunk
Werkzeuge