[GitHub] [openoffice-project] dave2wave opened a new pull request #3: Update Website Look & Feel

2021-07-01 Thread GitBox


dave2wave opened a new pull request #3:
URL: https://github.com/apache/openoffice-project/pull/3


   Reorganized navigation from left nav to top nav with dropdown menus
   Use Github Flavored Markdown (GFM)


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: dev-unsubscr...@openoffice.apache.org

For queries about this service, please contact Infrastructure at:
us...@infra.apache.org



-
To unsubscribe, e-mail: dev-unsubscr...@openoffice.apache.org
For additional commands, e-mail: dev-h...@openoffice.apache.org



[GitHub] [openoffice-project] dave2wave merged pull request #3: Update Website Look & Feel

2021-07-01 Thread GitBox


dave2wave merged pull request #3:
URL: https://github.com/apache/openoffice-project/pull/3


   


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: dev-unsubscr...@openoffice.apache.org

For queries about this service, please contact Infrastructure at:
us...@infra.apache.org



-
To unsubscribe, e-mail: dev-unsubscr...@openoffice.apache.org
For additional commands, e-mail: dev-h...@openoffice.apache.org



Re: Working on Refresh of openoffice.apache.org

2021-07-01 Thread Dave Fisher
Hi -

The refresh is now completed and merged into the main branch.

I’ll be working on text describing the websites. The README.md is already 
changed.

Regards,
Dave

> On Jun 30, 2021, at 8:23 PM, Peter Kovacs  wrote:
> 
> 
> On 01.07.21 03:11, Dave Fisher wrote:
>> 
>>> On Jun 30, 2021, at 3:33 PM, Marcus  wrote:
>>> 
>>> Am 30.06.21 um 23:47 schrieb Carl Marcum:
 I think it looks great!
 I've tested mobile with Firefox's developer tools and my iPhone 11 with 
 Firefox and that looks great too.
>>> I had a look on my desktop with Firefox and the difference now - compared 
>>> with the first steps - is increadible.
>>> 
>>> The menu / nav now looks more sorted and clear. The menu items are well 
>>> aligned and personally I don't miss any icons for them.
>>> 
>>> Maybe you can reduce the font size and margins a bit as currently less 
>>> content is fitting on the page than before without the need to scroll.
>> I reduced the base font size from 18px to 16px. Tweaked a lot of other 
>> margin related items slightly. I think we now have a website that reads well 
>> even on a small iPhone.
>> 
>> Unless there are objections I’ll put it in production in my morning tomorrow.
> +1, please go ahead. It looks great to me. My suggestions are only 
> suggestions and taste.
>> 
 Thanks for your work on this!
>>> Yes, thanks a lot for making this possible.
>> My pleasure.
>> 
>> FYI - We can start one content updates once the new design is in production.
>> 
>> Regards,
>> Dave
>> 
>>> Marcus
>>> 
>>> 
>>> 
 On 6/30/21 5:13 PM, Dave Fisher wrote:
> Hi -
> 
> I like where everything is now. When I run google’s Lightroom tool in a 
> Chrome Incognito window I get scores of 94, 97, 100, and 100.
> 
>> On Jun 30, 2021, at 1:40 PM, Peter Kovacs  wrote:
>> 
>> 
>> On 30.06.21 20:17, Dave Fisher wrote:
 On Jun 30, 2021, at 11:12 AM, Peter Kovacs  wrote:
 
 
 On 30.06.21 19:25, Dave Fisher wrote:
> I like the look at https://openoffice-refresh.staged.apache.org/. 
> Please review.
 +1, maybe can we have some icons in front of a menu point? like the 
 ASF feather in front of the ASF?
>>> The feather in front of “The ASF” is possible.
>>> 
 And maybe an indication which menu point we currently see. Maybe an 
 arrow? (if you visit the link and you click on General you would see a 
 -> in front of the menu point "About".)
>>> I’m counting on bootstrap for the nav menus and I don’t think that is 
>>> at all easy. It would likely require keeping information about what 
>>> menu a page is part of in the page along with making sure that the page 
>>> is on the menu.
>> I thought of something like this pseudocode:
>> 
>> if (window.location.href = this.dropdown-item.href) then this.css = 
>> "selected" else this.css = "unselected"?
> I get your idea and it could be a way to do it and there is a way to make 
> bootstrap menu items inactive.
> 
> There may be some issues with the comparison as the window.location.href 
> is fully qualified while we do not want to use fully qualified urls for 
> the dropdown-item hrefs (makes testing the site painful.)
> 
>> Hmm, bummer seems not that easy.
>> 
>> So maybe something like:
>> 
>> const boxes = 
>> documentui.dropdown-menu.show.querySelectorAll('#dropdown-item');
>> 
>> boxes.forEach(box => {
>> if (window.location.href = box.dropdown-item.href) then box.css = 
>> "selected" else box.css = "unselected"?
>> 
>> }
>> 
>> Well something along those lines. I really suck at JS, i just try to 
>> write something so you have a better Idea what I thought of. Could well 
>> (likely) be this is rubbish.
>> 
>> So for the pages I tried this approach seem to be pretty neat. Pages 
>> that are not listed on the menue, maybe it is the qwuestion where they 
>> belong, anyhow.
> Actually, I would want to learn how to customize Bootstrap 5 first, but 
> I’m not going to do that right now.
> 
> There were numerous tweaks needed. The current site did not catch the 
> rename of volunteer@ to recruitment@.
> 
> Unless there are objections I plan to squash & merge after I get the 
> mobile view better.
 I tried earlier today on my phone and it did look promising already. 
 The Desktop does also look great.
>>> Do you have an android phone, or iPhone?
>> I tried from an Android phone. Sony Xperia XA2 and now Samsung S8 to be 
>> exact. I use a Firefox browser.
>> 
>> Now I see a hamburger menu, nice. However the feather makes the menu 
>> look unaligned. it is great on the desktop.
>> 
>> I am not a gui developer so I am not sure what is state of the art on 
>> hamburger menus is, but i would intend the other menus,