[Media] IVOA website: front page example

Mon May 28 03:37:17 CEST 2018

Hi Debbie,

I added a couple of your suggestions to the front page.  I'm still working
out some CSS issues (I want the Portal sections in individual boxes instead
of one table to make it responsive for mobile/desktop), but the general
layout's there.

I've updated the front page menu so we can showcase the main links we want
people to see. Right now, it's just "About the IVOA", "What is the VO?",
and a link to the "IVOA Portal" section below.  I also want a link to the
TWiki up there, but to the right by the search bar.  Take a look at the
wireframe on the Google doc: https://docs.google.
com/presentation/d/1fz49i6c_DaoyoZ81RPiDaHWGHfnb2UbW_
9nOmIJdd2A/edit#slide=id.g327bd6a3f5_0_0

I also added a Twitter widget for now, next to the technical news, and a
substitute header image (perhaps this is something we can create at the
meeting).

** I also think we should ask the IVOA members for a tag line for the
website **  I can email Pepi to see if she can bring this up at the opening
sessions tomorrow if others agree?

Thanks,
Jamie

On Wed, May 23, 2018 at 2:34 AM, Budynkiewicz, Jamie Anne <
jbudynkiewicz at cfa.harvard.edu> wrote:

> Hi Debbie,
>
> Thanks for the inputs! responses below:
>
> On Wed, May 16, 2018 at 10:01 AM, Deborah Baines <dbaines at sciops.esa.int>
> wrote:
>
>> Dear Jamie,
>>
>> Many thanks for sending the draft front page, I think it's a great start!
>>
>> Here are some inputs to your questions:
>>
>> 1.  Does the layout match the expectations laid out at our last meeting?
>> Is there any content missing you think should be there?
>>      - Missing currently:  menu bar, header image, footer navigation, a
>> short IVOA description?
>>
>> I think we definitely need an About link, and/or a 'What is the VO?' link
>> (which is frequently asked by first time visitors). This could fit in a
>> menu bar or footer.
>>
>
> Yes, I agree we need a link to an "About the IVOA" and "What is the VO?"
> links easily seen somewhere.
>
>>
>> One request that came from the Exec last year was to add the @IVOAastro
>> twitter feed (embed the timeline). Unfortunately, these normally do not
>> cover the whole width of a web page, so I don't see easily how it can fit
>> into the current web design? Perhaps we don't add it since it can't be
>> viewed in all countries? Maybe some of the news that are announced in the
>> first two blocks link directly to the relevant news posted in our social
>> media sites?
>>
>
> This is a good point I forgot to cover in the layout.  Maybe we could put
> it next to the "technical news" announcements at the top? Something like
> what's on the "ivoa website" Google doc now (attached in previous emails).
>
> Since Twitter isn't available everywhere, perhaps we could show either
> WeChat or Twitter feeds in that box, depending on the client's general
> location? Not sure how that would work, but I imagine that can be done
> somehow...
>
>>
>>
>> header image idea: mosaic of colour images, of selected imaging data in
>> the VO, spanning from x-ray to radio (could be created from colour HiPS)?
>>
>
> That Great, thanks.  Shan-shan, we had talked about creating a banner at
> the Jan telecon. Is this something you think you could take a stab at
> during the Interop next week?
>
>>
>>
>>      - Any layout / color ideas?
>>
>> I prefer a dark background like your Chandra website
>> http://cxc.harvard.edu/
>>
>
> Sure, sounds good.
>
>>
>>
>> I have very little experience in web development, I hope someone else can
>> help who does have experience!
>>
>> Thanks and regards,
>> Debbie
>>
>>
>>
>> On 11/05/18 19:07, Budynkiewicz, Jamie Anne wrote:
>>
>> Dear Media Group and CSP,
>>
>> As an action from yesterday's telecon,  here is a screenshot of the
>> *draft* front page I was working on. It's mostly just the information we
>> talked about from our meeting in January -- I didn't work out colors /
>> fonts at all.  But I used the wireframe we made on this Google doc as a
>> reference for the front page layout: https://docs.google.co
>> m/presentation/d/1fz49i6c_DaoyoZ81RPiDaHWGHfnb2UbW_9nOmIJdd2
>> A/edit#slide=id.g327bd6a3f5_0_0
>>
>>   - The first image bar shows technical news (new standards, new archive
>> releases, upcoming abstract/meeting deadlines, etc).  The idea was to make
>> it into small boxes, showing a couple announcements at a time.
>>   - The second, larger image block is a slider of the latest science news
>> that the more general scientist may be interested in.  This is a dynamic
>> slider made from wordpress posts.  We could also make our own news slider
>> from an RSS feed.
>>   - The bottom part is the "information portal" with the important /
>> popular links, sending visitors to the right places.
>>
>>
>> I made the pages with a local Wordpress install on my laptop since the
>> free test Wordpress blog we made in Santiago doesn't allow one to install
>> plugins or edit the CSS / PHP files. However, this may not have been the
>> best way to go, as I'm having trouble exporting this site to HTML to send
>> to you all...  I'll work on getting the site exported, but I'll also try
>> working on the test site to see if we can get news sliders on it to show at
>> the Interop.
>>
>> **For those who have experience in web development, please speak up! I'd
>> like to get the front page in a format we can send to people to view
>> locally on their computers, or on a test site (e.g., the free Wordpress
>> blog).
>>
>> In summary, here's what I'm looking for:
>>
>> 1.  Does the layout match the expectations laid out at our last meeting?
>> Is there any content missing you think should be there?
>>      - Missing currently:  menu bar, header image, footer navigation, a
>> short IVOA description?
>>      - Any layout / color ideas?
>>
>> 2.  People to help work on getting a working front page for the Interop
>> meeting
>>      -  e.g., self-contained site that we can package and send around,
>> test Wordpress site, any other ideas?
>>
>> 3.  Comments / questions / concerns?
>>
>> I'll be on the #media Slack channel if anyone wants to have a more
>> interactive conversation, too.  https://ivoa.slack.com/messages/media
>>
>> Lastly, apologies for procrastinating the website revamp organization.  I
>> appreciate everyone's inputs from meetings and emails, and I'm happy we're
>> getting back to business for the Interop. Looking forward to seeing you all
>> in person soon!
>>
>> Thanks and warm regards,
>> Jamie
>>
>> --
>> Jamie A. Budynkiewicz
>> Smithsonian Astrophysical Observatory
>> Harvard-Smithsonian Center for Astrophysics
>> 100 Acorn Park Dr
>> <https://maps.google.com/?q=100+Acorn+Park+Dr&entry=gmail&source=g>.
>> R-377 MS-81
>> Cambridge, MA 02140
>>
>>
>> _______________________________________________
>> media mailing listmedia at ivoa.nethttp://mail.ivoa.net/mailman/listinfo/media
>>
>>
>> --
>> ________________________________________________________
>> QUASAR Science Resources for ESA - European Space Agency
>>
>> Dr. Deborah Baines
>> Astronomy Archives Science Lead
>>
>> ESAC Science Data Centre (ESDC)
>> Data and Engineering Division
>> Operations Department, Directorate of Science
>> European Space Astronomy Centre (ESAC)
>> European Space Agency (ESA)
>>
>> Camino Bajo del Castillo s/n
>> Urb. Villafranca del Castillo
>> E-28692 Villanueva de la Cañada, Madrid, Spaindeborah.baines at sciops.esa.int | www.esa.int
>> Tel. +34 918 131 146  | Fax  +34 918 131 218
>> ________________________________________________________
>>
>>
>>
>> This message is sent for information and/or discussion purposes only.
>> It shall neither be binding nor construed as constituting a commitment for ESA.
>> It is intended only for the recipient(s) named above.
>> It may contain proprietary information and/or protected content.
>> Any unauthorised disclosure, use, retention or dissemination is prohibited.
>> If you have received this e-mail in error, please notify the sender immediately.
>> ESA applies appropriate organisational measures to protect personal data.
>> In case of data privacy queries, please contact the ESA Data Protection Officer (dpo at esa.int).
>>
>> Thank you.
>>
>>
>
>
> --
> Jamie A. Budynkiewicz
> Smithsonian Astrophysical Observatory
> Harvard-Smithsonian Center for Astrophysics
> 100 Acorn Park Dr. R-377 MS-81
> Cambridge, MA 02140
>

-- 
Jamie A. Budynkiewicz
Smithsonian Astrophysical Observatory
Harvard-Smithsonian Center for Astrophysics
100 Acorn Park Dr. R-377 MS-81
Cambridge, MA 02140
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://mail.ivoa.net/pipermail/media/attachments/20180527/c33273d4/attachment-0001.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: ivoa_website_front_page_draft_20180527.png
Type: image/png
Size: 1906239 bytes
Desc: not available
URL: <http://mail.ivoa.net/pipermail/media/attachments/20180527/c33273d4/attachment-0001.png>