Modernising this site - Page 2

Modernising this site

For the discussion of infrastructure improvements and changes.

Moderator: Moderators

User avatar
hoijui
Former Engine Dev
Posts: 4342
Joined: 22 Sep 2007, 09:51

Re: Modernising this site

Post by hoijui » 23 Oct 2011, 21:20

that worked for me
0 x

User avatar
very_bad_soldier
Posts: 1371
Joined: 20 Feb 2007, 01:10

Re: Modernising this site

Post by very_bad_soldier » 23 Oct 2011, 21:37

Had that too, twice (different PCs). Reload fixed it though.
0 x

User avatar
MidKnight
Posts: 2650
Joined: 10 Sep 2008, 03:11

Re: Modernising this site

Post by MidKnight » 24 Oct 2011, 05:04

After flushing cache, the differences are minimal! :D

Suggestion: Could you work on making the site mobile-friendly next, AF?

EDIT: a quick google brings up http://phpbb-mobile.com/forums/
0 x

User avatar
hoijui
Former Engine Dev
Posts: 4342
Joined: 22 Sep 2007, 09:51

Re: Modernising this site

Post by hoijui » 24 Oct 2011, 08:34

if i remember right, AF stated that that was his plan from the beginning.
0 x

User avatar
AF
AI Developer
Posts: 20667
Joined: 14 Sep 2004, 11:32

Re: Modernising this site

Post by AF » 24 Oct 2011, 21:53

MidKnight wrote:After flushing cache, the differences are minimal! :D

Suggestion: Could you work on making the site mobile-friendly next, AF?

EDIT: a quick google brings up http://phpbb-mobile.com/forums/

It's already significantly more mobile friendly than previously, and easier to maintain, the main page relays itself out all the way down to iPhone portrait.

There are some changes that would be needed for the forums, mainly adding the viewport tag.

Otherwise this version of the site is just the old site with partially refreshed markup/css.



Next iteration I'll be removing the roflcopter credit and replacing it to a link into the wiki if nobody objects. He's not the only person who's worked on this site, myself Fnordia jk Tobi etc
0 x

User avatar
AF
AI Developer
Posts: 20667
Joined: 14 Sep 2004, 11:32

Re: Modernising this site

Post by AF » 28 Oct 2011, 15:49

New pull request:

https://github.com/spring/spring-website/pull/9
  • iPhone/iPad viewport tags added to the forums
  • stylesheets can now be referred to via stylesv<insertnumberhere>.css so that browser caches can be sidestepped when changes are made
This should fix the browser cache issues people have had with needing to force refresh cache
0 x

Tobi
Spring Developer
Posts: 4598
Joined: 01 Jun 2005, 11:36

Re: Modernising this site

Post by Tobi » 28 Oct 2011, 20:07

Nice, merged & deployed.
0 x

User avatar
MidKnight
Posts: 2650
Joined: 10 Sep 2008, 03:11

Re: Modernising this site

Post by MidKnight » 28 Oct 2011, 20:38

Smexy.

Still needs some polish, though.

Posting from my phone. 8)
0 x

User avatar
AF
AI Developer
Posts: 20667
Joined: 14 Sep 2004, 11:32

Re: Modernising this site

Post by AF » 28 Oct 2011, 21:17

Indeed the forum is still too wide but not by much, and the columns are too squashed in portrait, but its better than previously.

The wiki also needs the iPhone viewport tags
0 x

User avatar
smoth
Posts: 22295
Joined: 13 Jan 2005, 00:46

Re: Modernising this site

Post by smoth » 01 Nov 2011, 03:05

I liked the forum before for iphone. Now it is terribly zoomed in so I have to zoom out each time.
0 x

User avatar
smoth
Posts: 22295
Joined: 13 Jan 2005, 00:46

Re: Modernising this site

Post by smoth » 01 Nov 2011, 15:38

anyone?

Seriously, I pretty much browse on my phone these days, the new phone theme is a royal pain in the ass to use. The over specialized landscape profile is turrible!
0 x

User avatar
AF
AI Developer
Posts: 20667
Joined: 14 Sep 2004, 11:32

Re: Modernising this site

Post by AF » 01 Nov 2011, 19:20

The only, and I mean only change that affects the forums is the iPhone viewport tag ( which only changes the width). The header is the only thing affected by the media queries. So no overspecialising has occurred, if anything all the forum affecting changes can be attributed to this tag:

Code: Select all

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
The mark up and styling of the PHPBB forum itself has not changed, what you are seeing is the existing layout being squashed into the real iPhone screen width.

Now I'm aware that this isn't ideal when looking at the forum index. So you have two choices:
  • Wait until I start making changes to streamline the forums (e.g. smaller icons, less padding in some places to save horizontal width etc)
  • Fork the springsite repo on github, change 5 or 6 characters so the iPhone viewport tag is say... 600px on the forums, rather than device screen width, then commit and issue a pull request ( all doable from the github web frontend, no push/pull/desktop client required. )
My time at work is booked at the moment and I've had freelance work of an evening for the last few days so I've not had a chance to work further on these things, else I would have made progress.

The width at which the forum no longer shrinks and requires panning or zooming is ~552px on a desktop for most pages. On an iPhone, the forum retains this width and panning to the right is needed, or zooming out ( which gives what we had to begin with but with more legible text than before my changes were made ).

Changes I plan to make to the forum:
  • Add classes and IDs to various elements
  • Hide the upload attachment part when on an iPhone
  • <600px Remove the unread and read icons on the forums and replace them with highlighting ( subject to testing, it may turn out to be better than sliced bread, or it may be so garish I claw my eyes out )
  • <600px Reduce widths on author columns
  • <600px Linearize the top menus
  • Make the preview post table the same width as what gets actually posted ( it doesnt account for the author column )
0 x

User avatar
smoth
Posts: 22295
Joined: 13 Jan 2005, 00:46

Re: Modernising this site

Post by smoth » 01 Nov 2011, 19:48

can you remove the viewport tag for the time being until you fix this?
0 x

User avatar
PicassoCT
Journeywar Developer & Mapper
Posts: 10200
Joined: 24 Jan 2006, 21:12

Re: Modernising this site

Post by PicassoCT » 02 Nov 2011, 00:02

we should get rid of those missleading Banners

Image

:) random unrelated thread in screen is unrelated
Attachments
missleading.jpg
(144.14 KiB) Downloaded 2 times
0 x

User avatar
AF
AI Developer
Posts: 20667
Joined: 14 Sep 2004, 11:32

Re: Modernising this site

Post by AF » 09 Nov 2011, 13:43

Pull request on github removes the iPhone viewport and adds a pretty error message when the DB connection fails instead of 50 lines of warnings
0 x

Tobi
Spring Developer
Posts: 4598
Joined: 01 Jun 2005, 11:36

Re: Modernising this site

Post by Tobi » 12 Nov 2011, 12:57

Merged / deployed, thanks!
0 x

User avatar
knorke
Posts: 7971
Joined: 22 Feb 2006, 01:02

Re: Modernising this site

Post by knorke » 12 Dec 2011, 01:41

line breaking does not seem to always work, eg see this thread
http://springrts.com/phpbb/viewtopic.php?f=20&t=27245
0 x

Tobi
Spring Developer
Posts: 4598
Joined: 01 Jun 2005, 11:36

Re: Modernising this site

Post by Tobi » 12 Dec 2011, 09:25

Fixed that thread, it happens when people post stuff that cannot be broken over multiple lines (e.g., the list supported Assimp model formats in the infolog).
0 x

Post Reply

Return to “Infrastructure Development”