RolePlay onLine RPoL Logo

, welcome to RPoL Development

20:35, 28th March 2024 (GMT+0)

Mobile Friendly, Responsive Version of the Site Delivered.

Posted by byzantinex
byzantinex
member, 9 posts
Tue 6 Dec 2016
at 01:45
  • msg #1

Mobile Friendly, Responsive Version of the Site Delivered

Are there any plans to add CSS rules to the site to make it more mobile phone/tablet friendly?

I know the entire site is built on tables, but it's still possible to add some rules to make it far easier to use the site on mobile.

Did you custom code this entire system yourself, or is this built on top of a forum software you've modified?

Thank you for the amazing site!
This message was last updated by the user at 19:53, Mon 23 Jan 2017.
bigbadron
moderator, 15226 posts
He's big, he's bad,
but mostly he's Ron.
Tue 6 Dec 2016
at 05:11

Mobile Friendly / Responsive Version?

The admin, jase, built the entire site himself, from scratch.  Including the mobile friendly version, m.rpol.net, which went live about five years ago.
byzantinex
member, 10 posts
Tue 6 Dec 2016
at 16:54
  • msg #3

Mobile Friendly / Responsive Version?

In reply to bigbadron (msg # 2):

Oh. Thankyou. I didn't know about the mobile version.

However, I just went to m.rpol.net on my phone and nothing is different...?
DarkLightHitomi
member, 1091 posts
Tue 13 Dec 2016
at 12:20
  • msg #4

Mobile Friendly / Responsive Version?

I try going to m.rpol.net and it just shifts me to rpol.net.

For the most part I'm fine. The only real mobile only issue I have is the inability to word wrap down to a reasonable width that is easily readable without scrolling side to side.
jase
admin, 3507 posts
Cogito, ergo procuro.
Carpe stultus!
Tue 20 Dec 2016
at 04:23

Mobile Friendly / Responsive Version?

m.rpol.net just turns off the fixed header and footer, it's pretty basic.

A responsive design was being looked at about... oh, a year ago but stalled due to the massive undertaking required.  Plus it'd change the site pretty dramatically and I knew there'd be a lot of backlash from that.
byzantinex
member, 26 posts
Tue 20 Dec 2016
at 23:06
  • msg #6

Mobile Friendly / Responsive Version?

In reply to jase (msg # 5):

First, thank you for the great site! You've built an awesome community here and I'm honored to be part of it.

Second, I'm a web developer as well and I would love to help if you ever need anything.

Third, are you blocking CURL requests? I'm trying to log into the site via PHP with a CURL request. I figured I could make a custom little script to modify the html table tags to divs and make the site work a lot better for me on mobile.

I did the same thing with some jQuery in the Chrome Dev tools just for kicks and giggles, but I would have to write an Android app to make those jQuery changes persistent.

I figured with PHP and Curl I could make the changes easier and then have a web-page to visit on my phone instead of creating an app. :D
byzantinex
member, 27 posts
Wed 21 Dec 2016
at 05:17
  • msg #7

Mobile Friendly / Responsive Version?

Maybe you don't want me logging in with curl, is there some hidden field I don't know about?

I can't figure out why a curl request won't sign into the site.
nauthiz
member, 496 posts
Wed 21 Dec 2016
at 05:29
  • msg #8

Mobile Friendly / Responsive Version?

byzantinex, there are some users on rpol who've experimented with some unofficial rpol mobile app development.  I can't speak to any familiarity with the work beyond knowing it's been done, but it might be worth seeking them out if that's something you might be interested in.  Assuming you haven't done so already of course.
byzantinex
member, 28 posts
Wed 21 Dec 2016
at 14:33
  • msg #9

Mobile Friendly / Responsive Version?

In reply to nauthiz (msg # 8):

I have. Unfortunately it's just a notification app to tell you when things have been updated. It doesn't make the site any more mobile friendly.
jase
admin, 3508 posts
Cogito, ergo procuro.
Carpe stultus!
Thu 22 Dec 2016
at 15:09

Mobile Friendly / Responsive Version?

In reply to byzantinex (msg # 7):

Not doing anything special to block curl requests.  Alas I'm no help as to why you'd be having issues.
byzantinex
member, 29 posts
Thu 22 Dec 2016
at 16:25
  • msg #11

Mobile Friendly / Responsive Version?

No problem.

There aren't any hidden fields for the login form at login.cgi other than "username" and "password" right?

@jase, also, if I provided you with some jQuery functionality that made the site more mobile friendly that people could turn on/off would you be willing/interested in implementing that on the site?
This message was last edited by the user at 16:26, Thu 22 Dec 2016.
jase
admin, 3509 posts
Cogito, ergo procuro.
Carpe stultus!
Fri 23 Dec 2016
at 04:30

Mobile Friendly / Responsive Version?

Username, password, perm and the submit button.  View source will show you the entries.

Personally I think my time would be better spent making the responsive site.  Distractions are just going to delay, and I've got enough of them these days!
byzantinex
member, 30 posts
Fri 23 Dec 2016
at 06:44
  • msg #13

Mobile Friendly / Responsive Version?

Right on. I didn't know if that was in the works or not.

Seriously, 12+ years of web dev so if I can help I'm happy to!

Thanks again for the awesome site and merry Christmas!!!
byzantinex
member, 32 posts
Thu 12 Jan 2017
at 03:42
  • msg #14

Mobile Friendly / Responsive Version?

Just a little update on this.

I wrote a small CURL script and I'm pulling the contents of the site and modifying it to be more mobile friendly. :D

I'll post a preview link as soon as I've got it laid out better, I'm having some difficulty with the header and footer but the body content is WAY better laid out for mobile. :D
byzantinex
member, 33 posts
Thu 12 Jan 2017
at 20:28
  • msg #15

Mobile Friendly / Responsive Version?

Ugh. I think I'm going to give up on this. If anyone else wants the code I can publish it for you to use.

You just have to change the user/pass to your own.

I also recommend making ONE request. Saving the page from RPOL to a local file and then running your tests against this. I was blocked one time for about an hour because I made repeated CURL requests against the server, understandably.

I've got a little jquery script that replaces all table elemnts with DIV's and this works pretty good for the body content. It's the header and footer area that are giving me grief.

The next step this code needs (after making header/footer render usably) would be to change the <base> reference to your own server's address and then capture the query string paramaters to force the links to render inside this script instead of just opening an RPOL page.

Anyway. I don't have any more time to dedicate to this so I'm just going to give up and and wait for the mobile friendly version of the site to roll out. :-(
Warrax
member, 170 posts
Fri 13 Jan 2017
at 01:47
  • msg #16

Re: Mobile Friendly / Responsive Version?

byzantinex:
Ugh. I think I'm going to give up on this. If anyone else wants the code I can publish it for you to use.


I wouldn't mind taking the code and having a look at what you were up to. Also, I (and I'm sure I'm far from alone) appreciate your efforts!

I'll see what I can do with this when I've got some time.
byzantinex
member, 36 posts
Sun 15 Jan 2017
at 06:15
  • msg #17

Re: Mobile Friendly / Responsive Version?

I had a small epiphany on this.

I need to find a way to share my code.....

Anyway, I'll figure out something and upload/share in on here in a bit after I test this a little more. I was making the table replacement WAAAAAY to complicated :D
byzantinex
member, 38 posts
Sun 15 Jan 2017
at 06:55
  • msg #18

Re: Mobile Friendly / Responsive Version?

You can see an example of the code working here: http://ellisbenus.com/curl.php

I'm using this as my active development and it's only loading a static page of HTML I saved from the site, but this will give you an idea what the page looks like on mobile (resize your browser window).

Currently I'm removing every kind of table element (including tbody, th, tr, td, etc...) and I'm also setting all those divs to width 100% and making all .right elements align left.

It looks pretty good so far! I'm really happy with it! :D

Next I need to make the links use my curl script to load a new page instead of trying to open the rpol site.
byzantinex
member, 39 posts
Sun 15 Jan 2017
at 22:50
  • msg #19

Re: Mobile Friendly / Responsive Version?

Made a HUUUGE leap forward last night!

I can't post the link to my new code version b/c it's logged into my account. :D

But I've got nearly everything working.

You can click to navigate to most of the game pages. I am going to test doing a post to see if it works.

Almost done!!! :D
Warrax
member, 171 posts
Mon 16 Jan 2017
at 01:07
  • msg #20

Re: Mobile Friendly / Responsive Version?

All your work is well-appreciated!
byzantinex
member, 40 posts
Mon 16 Jan 2017
at 19:22
  • msg #21

Re: Mobile Friendly / Responsive Version?

I want to get jase to weigh in on this because this has to be a hosted script, and the HOST is the one requesting all the pages.

So I can't really set this up and host it for multiple people because the site would block my IP address after a bit.

I am sharing the newest code here and anyone can check it out / host it yourself.

I added two lines

$run_curl = TRUE;
//$run_curl = FALSE;

This way you can reference a local HTML file (code included to generate one) or you can access the real site.

You also have to change USERNAME and PASSWORD to your rpol user/pass for the script to work.

Also, the POST feature doesn't work yet, so this is just for viewing... :-(

File Link: https://securesha.re?#u=c6bb23...IrGxd-meXfJEz2YJRI/o

File Password: W2rjG1B_iGQ93LTDg5zzwoGIrGxd-meXfJEz2YJRI/o

File Link Expires in 7  Days...
jase
admin, 3521 posts
Cogito, ergo procuro.
Carpe stultus!
Tue 17 Jan 2017
at 01:20

Re: Mobile Friendly / Responsive Version?

In reply to byzantinex (msg # 21):

As cool as it is to do this, I'd recommend waiting for the responsive layout.  I realise that's a bit of a boring answer, but I think a proper (as I can manage) responsive version would be the way to go.
byzantinex
member, 41 posts
Tue 17 Jan 2017
at 01:32
  • msg #23

Re: Mobile Friendly / Responsive Version?

Right on. Well, this was a little pet project for me to play with cURL and some other stuff I haven't much before.

So I can just use it for myself for now until you roll out responsive! :D
byzantinex
member, 45 posts
Mon 23 Jan 2017
at 16:02
  • msg #24

Re: Mobile Friendly / Responsive Version?

Here is my code for this: https://github.com/EllisBenus/...blob/master/rpol.php

You should just have to change USERNAME and PASSWORD to your RPOL.net credentials.

This is a work in progress and I'll keep tinkering with it at I make changes for myself.

1) You can view games and their thread.

2) UPDATE: You CAN post in games! :D (the script redirects you to the homepage after. working on that. next)

3) You can read rMail, but not post.

You need to have some programming experience, obviously, and a place to host this that will run PHP.

I put this on my own website and load my site link on my mobile device when I want to check the site instead of using RPOL.net and pinching and zooming.

I did not include the code for the php simple dom, but that's super easy to download: http://simplehtmldom.sourceforge.net/

Screenshots:

https://github.com/EllisBenus/...nside%20a%20game.png

https://github.com/EllisBenus/...ot%20main%20page.png
This message was last edited by the user at 04:35, Tue 24 Jan 2017.
byzantinex
member, 48 posts
Tue 24 Jan 2017
at 04:26
  • msg #25

Re: Mobile Friendly / Responsive Version?

I'm posting this from my CURL script on my phone :D
byzantinex
member, 50 posts
Wed 25 Jan 2017
at 19:01
  • msg #26

Re: Mobile Friendly / Responsive Version?

I'm now using this interface daily and I'm really loving the ease of use on a mobile friendly RPOL! :D
Sign In