[Solved] Lazarus Website Mobile Friendly

[lainz]

Hi, I've downloaded the sources

svn
https://svn.freepascal.org/svn/lazaruswebsite/trunk

And I've installed XAMPP for Windows, put the lazaruswebsite folder on the D:\xampp\htdocs\lazaruswebsite folder and nothing shows when accessing localhost. The XAMPP local sites are displayed fine.

I'm just wanting the website to open, to adapt the styles to be mobile friendly, don't need to touch the PHP code, but need it to preview the website.

Any workflow to run the website locally on Windows?

[Martin_fr]

Unfortunately not.
It is a long time since real work was done on the page.

I don't recall how I did it back then...

[lainz]

Ok no problem I will figure it.

I've updated the OPM website to make it mobile friendly (fixed the width of the card elements) as well I've installed a new theme based on material design, to look a bit better.

Source:
https://github.com/lazarusccr/LazarusPackagesRepository

[lainz]

Unfortunately not.
It is a long time since real work was done on the page.

I don't recall how I did it back then...

Seems that I have a newer version of PHP installed, newer than the one Lazarus website uses. (Showed the PHP errors and get some deprecations in the config file, so the entire page is made for an older PHP). Which version of PHP is using the website?

[Martin_fr]

I've mailed the server admin. Don't know how busy he his. I let you know once I have an answer.

[balazsszekely]

Thank you @lainz(Leonardo) ,  I updated the webpage. Please test.

[avra]

I've installed XAMPP for Windows

Btw, you might be interested in this stack since it also integrates nodejs and firebird:
https://www.pilotlogic.com/sitejoom/index.php/projects/ultra-web-server.html

[Bi0T1N]

I've updated the OPM website to make it mobile friendly (fixed the width of the card elements) as well I've installed a new theme based on material design, to look a bit better.

Looks fine on desktop and mobile. Good work!
Just a small suggestion: maybe give the categories dropdown a proper name? If you browse the website for the first time its not clear what the * is for.

[Marc]

We're running PHP 5.6, since the website code doesn't work with PHP 7.
Since the sources are public I'm just waiting till there is an update.
Feel free to improve the PHP code

[devEric69]

As @Avra already said, Uniserver (written in Typhon over Lazarus) is a very accomplished WAMP, and is very actively maintained (they offer versions from php 5.4 to 7.3, with different versions of MariaDB + phpMyAdmin, ...).
- beginning of explanation: https://wiki.freepascal.org/Projects_using_Lazarus_-_Web#Uniform_Server .
- example of support: http://forum.uniformserver.com/topic/3185-problems-with-the-connection-to-the-socket/ .

It comes in the form of self-extracting zip files (all compatibles for the same release number, of UniServer):
- a zip for the executable, that makes the facade between Apache, Php, mysql \ mariadb \ etc..
- several zips per version of MySQL \ maradb,
- several zips per version of Php (and PhpMyAdmin),
- several zips per version of Perl (and its adminer),
...\...
Just delete in a directory what already exists, and then unzip a new version of Php, for example, in it. Nothing is written in the registry. It's very clean  .

Currently, i'm using plugins such as ZeroXIII_uniservice_2_2_0.exe, ZeroXIII_mariadb_10_0_29.exe, ZeroXIII_phpmyadmin_4_4_15_10.exe (these are 7zip self-extracting files of the release XIII), to test Php 7.1 draft development.

[lainz]

We're running PHP 5.6, since the website code doesn't work with PHP 7.
Since the sources are public I'm just waiting till there is an update.
Feel free to improve the PHP code

Hi thanks, I will try improving the html for mobile.

I can install the bootstrap grid, not the components just the grid system? Is more easy to make it responsive without touching a lot of css.

[Marc]

Are you asking me ? I've no idea what "the bootstrap grid" is.

[Martin_fr]

Hi thanks, I will try improving the html for mobile.

I can install the bootstrap grid, not the components just the grid system? Is more easy to make it responsive without touching a lot of css.

You mean some css/js files from the bootstrap library?

So long as their license allows us to
- host the copy
- have the copy in our repro for the website
- They work on all current browsers

I would not see a problem.

I.e. for the main website, those files go into svn, and will then be uploaded, with all the other files.

[lainz]

Hi thanks, I will try improving the html for mobile.

I can install the bootstrap grid, not the components just the grid system? Is more easy to make it responsive without touching a lot of css.

You mean some css/js files from the bootstrap library?

So long as their license allows us to
- host the copy
- have the copy in our repro for the website
- They work on all current browsers

I would not see a problem.

I.e. for the main website, those files go into svn, and will then be uploaded, with all the other files.

The license is MIT
https://github.com/twbs/bootstrap/blob/main/LICENSE

Ok so there is no problem.

[lainz]

Hi again, I've modified the website using bootstrap (finally I've used the full library to include the responsive mobile navbar and some other features).

I'm using the bootstrap grid system where it applies.

I've not touched the content or the style of the website, just did some minor modifications in the style file, and of course using bootstrap grid in the main html template, and also in the features page.

I've not touched PHP code.

Features:
- Now it works on mobile, has mobile navigation bar.

ToDo:
- Fix the footer, for some reason on mobile it is not displayed properly, a part is 'pink' and another part is 'gray'.

Link to download with my changes
https://github.com/lazarusccr/lazaruswebsite

I've used this software to test the website:
- xampp-windows-x64-5.6.40-1-VC11-installer.exe
- Latest Google Chrome
- Latest Edge Chromium