search

pfadfinden / Newsletter

Newsletter Template für MailChimp
5 stars 1 forks source link

URLs für statische Dateien #1

Closed philippst closed 9 years ago

philippst commented 9 years ago

Hallo Christian und Team,

ich habe gesehen, dass ihr in den Newsletter Templates auch an einigen Stellen absolute URLs für statische Dateien einsetzen werdet. Im Rahmen der Templates für die TYPO3 Webseiten habe ich ja ähnliche Probleme und greife auch auf ähnliche Dateien zu. Ich habe ein entsprechendes CDN für genau solche Sachen angelegt.

Hier einiges URLs:

Vielleicht könnt ihr die ja wiederverwenden. Oder wenn ihr noch zusätzliche Dinge braucht mir bescheid geben. Das CDN basiert auf AWS CloudFront. Performance und Verfügbarkeit sollte also richtig gut sein.

Beste Grüße Philipp

cowboyxup commented 9 years ago

Hallo, das ist echt super, dass kann ich noch einbauen. Ein großes Problem, ist, dass die Schriften nicht automatisch durch den Webbroser geladen werden können. Fehler: Quellübergreifende (Cross-Origin) Anfrage blockiert: Die Gleiche-Quelle-Regel verbietet das Lesen der externen Ressource auf http://cdn.pfadfinden.de/fonts/immenhausen/immenhausen-webfont.woff2. (Grund: CORS-Kopfzeile 'Access-Control-Allow-Origin' fehlt).

Eine Anleitung um Cross-Origin anfragen zu erlauben. http://docs.aws.amazon.com/AmazonS3/latest/dev/cors.html http://blog.celingest.com/en/2014/10/02/tutorial-using-cors-with-cloudfront-and-s3/

Allgemein fände ich es gut, wenn alle url sklein geschrieben werden, manchmal kann großschreibung in urls zu fehlern führen. Zu den Schrifen: Bei den @fon-face anweisungen wäre es besser wenn Immenhausen groß geschrieben würde(font-family: 'Immenhausen';), sodass wenn Immenhausen direkt instaliert ist, diese geladen wird.

Zu den Bundeslogo: Standarmäßig ist der Schriftzug unter dem Bildteil angeordnet, aufgrund dessen würde ich dieses logo auf http://cdn.pfadfinden.de/gfx/logos/bundeszeichen_v1.png legen und das andere vertikal angeordnete auf http://cdn.pfadfinden.de/gfx/logos/bundeszeichen_vetikal_v1.png oder sowas legen.

Herzlich Gut Pfad Christian

philippst commented 9 years ago

Hallo Christian,

Danke für deine ausführliche Antwort. Die ist irgendwie an mir vorbeigegangen. Ich verstehe nicht immer, wann GitHub Benachrichtigungen verschickt und wann nicht ...

Die Änderungen an den Fonts habe ich vorgenommen. Die Schriftart Immenhausen wird nun groß geschrieben und die CORS Konfiguration ist gesetzt. Wie man z.B. unter http://hessen.pfadfinden.de/ sieht funktioniert es damit nun auch ganz gut. Pfadfinden.de nutzt mittlerweile auch die CDN Quellen.

Um die Bild-URLs kümmere ich mich heute noch. Kleinschrift gefällt mir eigentlich auch besser. Muss mal sehen, ob ich die bestehenden Dateien dupliziere oder einfach umbennen und schnell die TYPO3 Templates abändere.

Beste Grüße Philipp

cowboyxup commented 9 years ago

das cdn liefert die Inhalte auch über eine verschlüsselte verbindung aus. Hierbei gibt es einen zertifikatfehler, sodass die inhalte nicht ohne benutzerbestätigung geladen werden. Ein eigenes SSL-Zertifikat lässt sich bei AWS kostenlos einbinden. Ein kostenloses Zertifikat lässt sich aktuell bei http://www.startssl.com/ für nicht komerzielle zwecke erstellen in zukunft evtl. auch bei https://letsencrypt.org/. Einzige einschränkung bei startssl ist es dass das zertifikat nur für 1 jahr gültig ist und nur eine subdomain+hautdomain absichert, also. cdn.pfadfinden.de und pfadfinden.de. Allerdings können für beliebing viele class1 zertifikate erstellt werden

philippst commented 9 years ago

Hallo Christian, eine SSL Unterstützung plane ich, deshalb wird derzeit der Zugriff via HTTPS auch schon zugelassen. Ich werde das in den nächsten Wochen umsetzen. Da bis jetzt noch keine HTTPS Seiten die Ressourcen nutzen, sehe ich hier keine Prio. Wie von dir vorgeschlagen habe ich die letzten Tage alle Dateibezeichnungen in dem CDN auf Kleinschrift umgestellt. Der Präfix "v" von der Version ist desweiteren weggefallen. Vgl. z.B. die Ressourcen unter www.pfadfinden.de Grüße Philipp

cowboyxup commented 9 years ago

Hallo Phillip, kannst du das Bild von http://www.pfadfinden.de/fileadmin/buena/teaserbilder/leitbild_ihs.jpg noch ins cdn packen, das wird als standart-platzhalter bild benutzt. Dann kann ich beim nächsten commit alle urls ändern.

philippst commented 9 years ago

Erledigt: http://cdn.pfadfinden.de/gfx/teaser/immenhausen_1.jpg

philippst commented 8 years ago

@cowboyxup Dank des neuen AWS Certificate Manager ist cdn.pfadfinden.de nun auch sauber via HTTPS zu erreichen.