[Tool/Web/Other] Bootstrap Landing Page
#1

Bootstrap Landing Page
published on 15/02/201
This is a simple landing page for SA:MP servers.
This is my first venture into the world of web-design. I aimed for a visually clean look and I believe I have achieved it. The markup is not the best but you should be able to change the colors of the theme incase you wish.

Features
  • Created using HTML5, CSS3 and Bootstrap;
  • Smooth scrolling;
  • Ready to use;
  • Error page when the server is offline;
  • Player counter and player list *;
    * Unable to query over 100 players, so if you are querying a server with over 100 players, an error message will display, letting visitors know about the limitation.
Preview
The dropdown menu is closed by default, but I opened it in both screenshots for preview purposes.
The screenshots were taken using an extension for Firefox, that's the logical explanation I have for the quality of the pictures.

Click the images to view the original picture.




Download
GitHub

Credits
Released under the DBAD license.
Code:
# DON'T BE A DICK PUBLIC LICENSE

> Version 1.1, December 2016

Everyone is permitted to copy and distribute verbatim or modified
copies of this license document.

> DON'T BE A DICK PUBLIC LICENSE
> TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION

1. Do whatever you like with the original work, just don't be a dick.

   Being a dick includes - but is not limited to - the following instances:

 1a. Outright copyright infringement - Don't just copy this and change the name.
 1b. Selling the unmodified original with no work done what-so-ever, that's REALLY being a dick.
 1c. Modifying the original work to contain hidden harmful content. That would make you a PROPER dick.

2. If you become rich through modifications, related works/services, or supporting the original work,
share the love. Only a dick would make loads off this work and not buy the original work's
creator(s) a pint.

3. Code is provided with no warranty. Using somebody else's code and bitching when it goes wrong makes
you a DONKEY dick. Fix the problem yourself. A non-dick would submit the fix back.
Reply
#2

Nice, useful.
Reply
#3

Great!
Reply
#4

Thank you!
Reply
#5

Great design.. but the repo is missing alot of files & includes =/

all these .css files..


all these .js files also..
Reply
#6

Quote:
Originally Posted by Chaprnks
View Post
Great design.. but the repo is missing alot of files & includes =/

all these .css files..


all these .js files also..
I had no idea they were missing — I was sure I moved them in the repo when, but that was my first time using GitHub. They were added and everything should be working properly now. Thank you for the heads up, dude.
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)