The current Discourse logo for Racket is exactly the same as the racket-lang.org one, so when I have the docs.racket-lang.org open, both tabs look the same (at least on Chrome), which makes it more difficult to switch to the relevant tabs, in particular since I usually end up with dozens of docs pages opened.
Is it possible to use a slightly different logo for the Discourse tabs?
5 Likes
I have the same habit, so I agree that slightly different favicons would be nice.
Favicons are small, so what would make sense?
Maybe superimposing a pen icon or a speech ballon on top of the current logo?
1 Like
I like the speech bubble over Racket idea
1 Like
How about this?
(edit: add white background in speech bubble)
6 Likes
It is different but has unfortunate cropping. Can you put it in a square?
If you use this: https://realfavicongenerator.net/ it will give you a correct favicon
(I'll modify the code later, to do this)
2 Likes
I’ve put the new favicon on but I’m afraid to mess with my cache right now so someone else will have to tell me how it looks?
2 Likes
It's absolutely amazing! Thank you @Laurent.O and @spdegabrielle - I didn't realize such little thing can be so useful before I saw it in my typical tabs listing.
5 Likes
It looks great! Thanks @soegaard and @spdegabrielle !
2 Likes
Can this also be added to Discourse's top nav bar? The existing Racket logo + the word "Racket" makes me think it goes to the Racket homepage rather than the Discourse index page.
4 Likes
I second @countvajhula, it would be great to make this the logo for the Racket Discourse group.
2 Likes
@countvajhula @kablooey
You can experiment with making a new logo for Discourse using the code for
[1] the new logo (which generates an svg) and
[2] the currently used dark theme logo (needs to be a png) and
[3] the currently used light theme logo (needs to be a png) .
I think the speech bubble looks best in small, but try it out - and adjust it if
it looks odd in a larger size. The current background ellipse (not visible) might not be needed for the speech bubble.
[1] metapict/racket-logo.rkt at master · soegaard/metapict · GitHub
[2] metapict/racket-logo.rkt at master · soegaard/metapict · GitHub
[3] metapict/racket-logo.rkt at master · soegaard/metapict · GitHub
2 Likes
@soegaard I followed your detailed instructions and created these:
WDYT?
The source code is:
(define (create-discourse-logo [light? #t])
(define blackish (make-color* 17 17 17))
(set-curve-pict-size 260 260)
(define a 0.6)
(define t (trans 1 0 0 1 0.2 -0.15))
(define transparent
(crop/inked
(with-font
(make-similar-font (new-font) #:face "Cooper Hewitt" #:size 200)
(draw (penscale 16
(color (if light? "white" blackish)
(pencolor (if light? blackish "white")
(filldraw ((trans 1 0 0 1 -0.9 0.9)
(flipy (scaled 1/100 speech-bubble)))))))
(color blue (fill (t (scaled a blue-curve))))
(color red (fill (t (scaled a red-left-curve))))
(color red (fill (t (scaled a red-middle-curve))))
))))
(define w (pict-width transparent))
(define h (pict-height transparent))
; (define background (filled-ellipse (* 0.991 w) (* 0.991 h) #:color "white" #:draw-border? #f))
; (define with-background (cc-superimpose background transparent))
transparent)
(define (create-racket-discourse-speech-black-logo)
(define blackish (make-color* 17 17 17))
(set-curve-pict-size 260 260)
(define transparent
(crop/inked
(with-font
(make-similar-font (new-font) #:face "Cooper Hewitt" #:size 200)
(beside
(create-discourse-logo #f)
(blank 15 1)
(above (blank 1 30)
(pict:text "Racket"
(cons (make-color* "white")
(current-font))))))))
(define w (pict-width transparent))
(define h (pict-height transparent))
(define background (filled-rectangle (* 1.02 w) (* 1 h) #:color blackish #:draw-border? #f))
(define with-background (cc-superimpose background transparent))
with-background)
(define (create-racket-discourse-speech-white-logo)
(define blackish (make-color* 17 17 17))
(set-curve-pict-size 260 260)
(define transparent
(crop/inked
(with-font
(make-similar-font (new-font) #:face "Cooper Hewitt"
#:size 200)
(beside
(create-discourse-logo)
(blank 15 1)
(above (blank 1 30)
(pict:text "Racket"
(cons (make-color* blackish)
(current-font))))))))
(define w (pict-width transparent))
(define h (pict-height transparent))
(define background (filled-rectangle (* 1.02 w) (* 1 h) #:color white #:draw-border? #f))
(define with-background (cc-superimpose background transparent))
with-background)
(define discourse-black-logo (create-racket-discourse-speech-black-logo))
(define discourse-white-logo (create-racket-discourse-speech-white-logo))
(define (save-pict-to-file pict file [filetype 'svg]) ; or 'png
(save-pict file (scale (/ 120 (pict-height pict)) pict) filetype))
(save-pict-to-file discourse-black-logo "discourse-dark-logo.png" 'png)
(save-pict-to-file discourse-white-logo "discourse-white-logo.png" 'png)
5 Likes
Thank you!
Looks good. Hit refresh and check it out.
1 Like
Looks great!
Okay if I add it to racket-logo.rkt
?
2 Likes
Of course!
.... extra characters ...
3 Likes