[FOSS4G-UK] [External] Re: Logo

Barry Rowlingson b.rowlingson at lancaster.ac.uk
Tue Jun 20 07:56:25 PDT 2023


Here's a solution:

1. edit _layouts/foss4kuk2023.html to have:

<html class="foss4guk2023">

 - this lets us apply css styles to this minisite only and not mess any
other...

2. Use this for the logo in that file:

<p class="logo"><a href="index.html"><object type="image/svg+xml"
data="images/foss4guk2023-logo.svg">
     </object></a></p>

3. Add this CSS to end of stylesheets/osgeouk_newlogo.css

.foss4guk2023 .logo object {width: 100%}

@media print, screen and (max-width: 960px) {
    .foss4guk2023 .logo object {
      width: 50%;
    }
}
@media print, screen and (max-width: 480px) {
    .foss4guk2023 .logo object {
      width: 66%;
    }
}

 that scales the logo nicely for three screen widths.

Barry



On Tue, Jun 20, 2023 at 3:21 PM Nick Bearman <
nick at geospatialtrainingsolutions.co.uk> wrote:

> Ok - thanks. I don't know how to do that.
>
> Is someone willing to have a look at this? Ant perhaps, or someone else?
>
> The site is at https://github.com/osgeouk/website, with some details in
> the README there. Mini-site for FOSS4G:UK 2023 is in
> https://github.com/osgeouk/website/tree/gh-pages/foss4guklocal2023.
> Layout for nav bar is in
> https://github.com/osgeouk/website/blob/gh-pages/_layouts/foss4guk2023.html.
>
>
> Will add a temp placeholder for the moment.
>
> Best wishes,
> Nick.
> On 20/06/2023 15:10, Barry Rowlingson wrote:
>
> No, don't change the SVG - you should scale it with CSS - and if you use
> percentages it should scale with the page layout for mobile etc, although
> maybe there's a separate stylesheet for mobile...
>
> If I set width: 100% on the <object> then it fills the column, for example.
>
> Barry
>
>
>
>
> On Tue, Jun 20, 2023 at 3:00 PM Nick Bearman <
> nick at geospatialtrainingsolutions.co.uk> wrote:
>
>> Hi Barry / all,
>>
>> I'm trying to incorporate the logo in to the website, with a plan to
>> launch the website after our meeting tomorrow.
>>
>> https://uk.osgeo.org/foss4guklocal2023/
>>
>> Currently I am having trouble shrinking the logo. I can change the width
>> and height parameters in the SVG file (line 2) and I need it to be 270 px
>> to fit, but it won't seem to shrink beyond 360 px (which is what it is
>> showing at for me currently).
>>
>> Any ideas?
>>
>> I'm also planning on having the logo 'full size' on the home page, and
>> then a small version in the navigation bar. Alternative arrangements are
>> welcome :-)
>>
>> Best wishes,
>> Nick.
>> On 16/06/2023 10:27, Barry Rowlingson wrote:
>>
>> I did a bit more tweaking, so now hovering over the text or sites invokes
>> the spirit of 2013...
>>
>> You should be able to drop an SVG into any web page where you'd have an
>> image and get the hover functionality, but its easy enough for me to
>> produce PNG files from the SVG at any resolution you might need for static
>> display.
>>
>> Updated here: https://b-rowlingson.gitlab.io/foss4guk2023/ (but not
>> updated the GIF version yet).
>>
>> B
>>
>> On Wed, Jun 14, 2023 at 11:56 AM Nick Bearman <
>> nick at geospatialtrainingsolutions.co.uk> wrote:
>>
>>> Thanks very much Barry - looking really good.
>>>
>>> Hopefully we can incorporate the animated one into the website.
>>>
>>> One quick question - is the green hover blob the same colour as Ireland
>>> green? It looks a little different, but might be me. I will have a proper
>>> look when I am back next week.
>>>
>>> Any other comments from people?
>>>
>>> Best wishes,
>>> Nick.
>>> On 6/14/23 11:24, Barry Rowlingson wrote:
>>>
>>> I've added an animated gif version as well (during parts of a department
>>> meeting this morning...).
>>>
>>> Of course static PNG versions can be generated from the SVG - maybe the
>>> local groups will want to use images that highlight their location?
>>>
>>> To make the animation all I did was use Firefox' dev tools to trigger
>>> the "hover" style for each location and then use a screen-grab browser
>>> add-on, then use ImageMagick to make a gif.
>>>
>>> Barry
>>>
>>>
>>> On Tue, Jun 13, 2023 at 1:10 PM Barry Rowlingson <
>>> b.rowlingson at lancaster.ac.uk> wrote:
>>>
>>>> A day or so faffing with R and text on curves and SVG and CSS and...
>>>>
>>>> Here's a logo:
>>>>
>>>>  https://b-rowlingson.gitlab.io/foss4guk2023/
>>>>
>>>>  thoughts etc?
>>>>
>>>> Barry
>>>>
>>>>
>>>> On Fri, Jun 9, 2023 at 8:17 AM Rowlingson, Barry <
>>>> b.rowlingson at lancaster.ac.uk> wrote:
>>>>
>>>>>
>>>>>
>>>>> On Wed, Jun 7, 2023 at 4:35 PM Nick Bearman <
>>>>> nick at geospatialtrainingsolutions.co.uk> wrote:
>>>>>
>>>>>>
>>>>>> I'm not 100% sure about Ireland having a different colour and with
>>>>>> the dots being on the diagonal rather than on the straight (up and down) -
>>>>>> one or the other would be fine, I think both is a bit over kill. What do
>>>>>> you think?
>>>>>>
>>>>> Yeah, I think as an exercise I tried both and left them both in! Just
>>>>> colour is probably better.
>>>>>
>>>>>
>>>>>> Also, something weird is happening between NI and Scotland - not sure
>>>>>> what the three dots are doing there.
>>>>>>
>>>>> The dots are produced by QGIS' point-pattern fill style, so I'll ask
>>>>> it! I suspect there's some islands or something... I did a lot of
>>>>> adjustment of pattern fill offsets to try and get something that resembled
>>>>> last year's logo in terms of resolution etc, so I'll play more and get
>>>>> something that might be a bit less jittery. I could always adjust manually,
>>>>> because...
>>>>>
>>>>>> Are you willing to give it a bit more of a tweak, or share the source
>>>>>> files, so I can?
>>>>>>
>>>>> ...the rest of it is done in Inkscape...
>>>>>
>>>>>> I like the names - possibly Bristol need a bit of location tweak.
>>>>>>
>>>>> ...and the names on a circle were a pain to do - which is why the
>>>>> bottom of the circle isn't quite right compared to the top of the circle!
>>>>> But yes, also a bit more spacing around the Bristol text is needed. I
>>>>> whipped this out pretty quick and didn't have time to fine-tune everything,
>>>>> but if we want to go with it I'll hone it!  Or pass it on to my "does a bit
>>>>> of graphic design" girlfriend, but that would mean her staying late at work
>>>>> for their Adobe license...
>>>>>
>>>>>> We should also incorporate the event name in there somewhere -
>>>>>> FOSS4G:UK Local 2023.
>>>>>>
>>>>> I think I was unsure about the name and I'm still worried about
>>>>> calling it "UK" with Ireland in there! Let's not start a war...
>>>>>
>>>>>> The swoop I like, will have to see how it all fits together.
>>>>>>
>>>>> Yeah, integrating the swoop into the map logo is a bit awkward, will
>>>>> consider...
>>>>>
>>>>>> Thanks,
>>>>>> Nick.
>>>>>>
>>>>>>
>>>>>> On 25/05/2023 11:47, Barry Rowlingson wrote:
>>>>>>
>>>>>> Thanks for the feedback and suggestions, here's the site map with
>>>>>> upright text and locations marked as open circled.
>>>>>>
>>>>>> [image: image.png]
>>>>>> I had a quick go at incorporating the national flags into the OSGeo
>>>>>> swoosh. Note that there's no Northern Ireland flag in this but a) we don't
>>>>>> have a location in NI and b) there is no official flag for Northern Ireland
>>>>>> - the Ulster Banner and the St Patrick's Saltire are sometimes used but
>>>>>> there's only four spaces in the swoosh...
>>>>>>
>>>>>> [image: image.png]
>>>>>>
>>>>>>
>>>>>> On Wed, May 24, 2023 at 5:05 PM Dan Ormsby <dormsby at sparkgeo.com>
>>>>>> wrote:
>>>>>>
>>>>>>> *This email originated outside the University. Check before clicking
>>>>>>> links or attachments.*
>>>>>>> Looks great Barry!  Vertically flipping the bottom 4 place names
>>>>>>> might make it a bit easier to read and yes agree on the highlighted points
>>>>>>> for venues.  It's only now that you mention it that I realise that is what
>>>>>>> was done on last years logo!
>>>>>>>
>>>>>>> Dan
>>>>>>>
>>>>>>> On Wed, 24 May 2023 at 16:46, Barry Rowlingson <
>>>>>>> b.rowlingson at gmail.com> wrote:
>>>>>>>
>>>>>>>> Hi all, nice chat this morning, sets me thinking about various
>>>>>>>> things...
>>>>>>>>
>>>>>>>> I like the logo with the dotmap of the UK and the locations
>>>>>>>> coloured in, I assume the plan was to do this again but including Ireland
>>>>>>>> and putting 7 dots in the right place for the seven locations? I'd suggest
>>>>>>>> making the location dots clearer than the background dots, and giving the
>>>>>>>> location names more prominence? Not sure if embedded images an non-plain
>>>>>>>> text is allowed on this mailing list but (and I've not coloured the dots
>>>>>>>> in...)
>>>>>>>>
>>>>>>>> [image: image.png]
>>>>>>>>
>>>>>>>> makes me think of one of those panorama viewpoint indicator things
>>>>>>>> you get on the tops of hills showing you the places in the distance...
>>>>>>>> which gives me another idea that's probably totally impractical...
>>>>>>>>
>>>>>>>> and in for a penny, here's a preliminary "ten years after" logo...
>>>>>>>>
>>>>>>>> [image: image.png]
>>>>>>>> ok back to proper work now..
>>>>>>>>
>>>>>>>> Barry
>>>>>>>>
>>>>>>>> --
>>>>>>>> FOSS4G-UK mailing list
>>>>>>>> FOSS4G-UK at lists.osgeo.org
>>>>>>>> https://lists.osgeo.org/mailman/listinfo/foss4g-uk
>>>>>>>>
>>>>>>>
>>>>>>>
>>>>>>> --
>>>>>>>
>>>>>>> I’m Dan Ormsby, UK Lead at *Sparkgeo*.
>>>>>>>
>>>>>>> We provide geospatial expertise to tech companies.
>>>>>>>
>>>>>>> Reach me at dormsby at sparkgeo.com or on LinkedIn
>>>>>>> <https://www.linkedin.com/in/danielormsby/>
>>>>>>>
>>>>>>> +44 7880794939
>>>>>>>
>>>>>>>
>>>>>> --
>>>>>> Nick Bearman
>>>>>> +44 (0) 7717745715nick at geospatialtrainingsolutions.co.uk
>>>>>>
>>>>>> Due to my own life/work balance, you may get emails from me outside of normal working hours. Please do not feel any pressure to respond outside of your own working pattern.
>>>>>>
>>>>>> --
>>> Nick Bearman
>>> +44 (0) 7717745715nick at geospatialtrainingsolutions.co.uk
>>>
>>> Due to my own life/work balance, you may get emails from me outside of normal working hours. Please do not feel any pressure to respond outside of your own working pattern.
>>>
>>> --
>> Nick Bearman
>> +44 (0) 7717745715nick at geospatialtrainingsolutions.co.uk
>>
>> Due to my own life/work balance, you may get emails from me outside of normal working hours. Please do not feel any pressure to respond outside of your own working pattern.
>>
>> --
> Nick Bearman
> +44 (0) 7717745715nick at geospatialtrainingsolutions.co.uk
>
> Due to my own life/work balance, you may get emails from me outside of normal working hours. Please do not feel any pressure to respond outside of your own working pattern.
>
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.osgeo.org/pipermail/foss4g-uk/attachments/20230620/173b1e85/attachment-0001.htm>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image.png
Type: image/png
Size: 56000 bytes
Desc: not available
URL: <http://lists.osgeo.org/pipermail/foss4g-uk/attachments/20230620/173b1e85/attachment-0004.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image.png
Type: image/png
Size: 30574 bytes
Desc: not available
URL: <http://lists.osgeo.org/pipermail/foss4g-uk/attachments/20230620/173b1e85/attachment-0005.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image.png
Type: image/png
Size: 57688 bytes
Desc: not available
URL: <http://lists.osgeo.org/pipermail/foss4g-uk/attachments/20230620/173b1e85/attachment-0006.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image.png
Type: image/png
Size: 16824 bytes
Desc: not available
URL: <http://lists.osgeo.org/pipermail/foss4g-uk/attachments/20230620/173b1e85/attachment-0007.png>


More information about the FOSS4G-UK mailing list