Thread: [Open-Source] Customizable and Responsive Server Template

Results 1 to 8 of 8
  1. #1 [Open-Source] Customizable and Responsive Server Template 
    Registered Member RubyGuy's Avatar
    Join Date
    Sep 2017
    Posts
    9
    Thanks given
    0
    Thanks received
    4
    Rep Power
    0
    Hi all,

    I have recently joined these forums and wanted to contribute to the community. Something rather simple - a server template. It's very customizable and scalable. The front-end of the website was written initially in Pug (previously Jade) and SCSS. This allows the use of variables, which in turn allows you to easily change things to make the template your own. For example, change the online status of the server with ease and change the colors of the website within minutes.

    It's responsive too. So feel free to check it out on all your devices!

    Please keep in mind that this will be on-going. This is the first initial release that I made in about 2 hours or so. It's hosted on GitHub so that people can help contribute. I will probably be moving things around to help scalability and add more pages to the template other than just the homepage.

    A word on documentation
    Since, this is just a small thing I wanted to contribute, I decided to not make any documentation (I will if people want/if this grows).

    However, some things that you should know:

    The (compiled) files (HTML/CSS/JS) for the website are all in the DIST/ directory. Everything else is pretty self-explanatory...

    Feel free to ask me any questions if you have any.


    Feel free to let me know what you think!

    .ZIP File: https://github.com/RubySometimes/ser...ive/master.zip

    Source Code: http://github.com/rubysometimes/server-template

    Live Site: https://rubysometimes.github.io/server-template/

    Live Light Theme: https://rubysometimes.github.io/server-template/light

    Questions/Suggestions/Bug reports/Etc: https://github.com/rubysometimes/server-template/issues

    There's no place like 127.0.0.1
    Reply With Quote  
     

  2. Thankful users:


  3. #2  
    Ex Rune-Scaper

    Join Date
    Jun 2008
    Posts
    3,534
    Thanks given
    457
    Thanks received
    1,257
    Rep Power
    990
    surprised you're not using a front-end framework like bootstrap 4 it would save you a ton of time. pug is fun to write in though

    some feedback from a user perspective.
    1. layout looks nice but don't like the blue color (i would stay neutral as the default theme)

    2. i think if you centered the footer and made it smaller it would look better.

    3. maybe add a carousel or some way people can add media to showcase their server. people love media

    4. ajax would be nice so you can update pages without reloading. this is why i like angular because they use this concept

    cool project though keep it up always gonna support open-source projects
    Reply With Quote  
     

  4. #3  
    Registered Member RubyGuy's Avatar
    Join Date
    Sep 2017
    Posts
    9
    Thanks given
    0
    Thanks received
    4
    Rep Power
    0
    Quote Originally Posted by nshusa View Post
    surprised you're not using a front-end framework like bootstrap 4 would save you tons of time. pug is fun to write in though

    some feedback from a user perspective.
    layout looks nice but don't like the blue color you got going on. (personal preference)

    i think if you centered the footer it would look better and make it smaller. also maybe add a carousel or some way to show media of your server. people love media
    All those things that can be changed in about 2 seconds in the variables.

    I can make a version that is built on Bootstrap if that is of interest to the community. Typically, I stay away from Bootstrap - it's good for beginners though, not sure if it would exactly have saved time. This was rather simple

    Thanks for the feedback! I'll look into changing the demo theme colors in a bit!


    UPDATE:
    Not sure how much better the color is, but it's a customizable template keep in mind. It's even easy to make it a light-theme.


    Great thoughts with everything. I will definitely keep these in mind going forward!! Thanks for the feedback.
    There's no place like 127.0.0.1
    Reply With Quote  
     

  5. #4  
    Ex Rune-Scaper

    Join Date
    Jun 2008
    Posts
    3,534
    Thanks given
    457
    Thanks received
    1,257
    Rep Power
    990
    Quote Originally Posted by RubyGuy View Post
    All those things that can be changed in about 2 seconds in the variables.

    I can make a version that is built on Bootstrap if that is of interest to the community. Typically, I stay away from Bootstrap - it's good for beginners though, not sure if it would exactly have saved time. This was rather simple

    Thanks for the feedback! I'll look into changing the demo theme colors in a bit!


    UPDATE:
    Not sure how much better the color is, but it's a customizable template keep in mind. It's even easy to make it a light-theme.


    Great thoughts with everything. I will definitely keep these in mind going forward!! Thanks for the feedback.
    footer looks way better now and i like that color blue better

    fix that awkward space at the very bottom of the footer tho looks like there's too much space between the footer icons and the very bottom of the page. make it the same distance the top of the footer is to "Your legalize can go here."
    Reply With Quote  
     

  6. #5  
    🎶 As you're falling down 🎶


    uint32_t's Avatar
    Join Date
    Feb 2015
    Posts
    1,396
    Thanks given
    6,177
    Thanks received
    776
    Rep Power
    5000
    Thanks for sharing this and releasing it with MIT licensing.
    Quote Originally Posted by Idiot Bird View Post
    Quote Originally Posted by Velocity View Post
    lol np mate looks like the community brought ur rep down to ur IQ
    Not too sure about that, it's at 0 . It would have to go minus to even be remotely close to his IQ.
    Reply With Quote  
     

  7. #6  
    Registered Member
    Join Date
    Sep 2016
    Posts
    1
    Thanks given
    0
    Thanks received
    0
    Rep Power
    0
    Beautiful site, I hope it gets better and better, I'll use it with all certainty, thank you.
    Reply With Quote  
     

  8. #7  
    Registered Member RubyGuy's Avatar
    Join Date
    Sep 2017
    Posts
    9
    Thanks given
    0
    Thanks received
    4
    Rep Power
    0
    You can now make custom themes too! Feel free to contribute to GitHub to add your own! I've added light-theme to the project in the dist/ folder. Feel free to check out the live demo here: https://rubysometimes.github.io/server-template/light
    There's no place like 127.0.0.1
    Reply With Quote  
     

  9. #8  
    Registered Member

    Join Date
    May 2016
    Age
    26
    Posts
    281
    Thanks given
    162
    Thanks received
    64
    Rep Power
    96
    Quote Originally Posted by RubyGuy View Post
    I can make a version that is built on Bootstrap if that is of interest to the community. Typically, I stay away from Bootstrap - it's good for beginners though, not sure if it would exactly have saved time. This was rather simple
    .
    Flexbox and Grid are our friends.
    Frameworks DID make it easier before Flexbox and CSS Grid had its browser support it has now.

    IMO Flexbox is a lot easier especially with the Flexbox interactive playground you can find on codepen.

    http://www.caniuse.com/#flexbox
    Reply With Quote  
     


Thread Information
Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)


User Tag List

Similar Threads

  1. Replies: 12
    Last Post: 01-15-2017, 12:48 PM
  2. Free money trhough my server (EASY AND FUN)
    By Zahhak in forum Advertise
    Replies: 6
    Last Post: 02-07-2014, 09:32 AM
  3. Replies: 4
    Last Post: 10-13-2013, 07:49 AM
  4. how to make member and free on my 508 server?
    By ahmad1230123 in forum Help
    Replies: 9
    Last Post: 06-21-2009, 03:10 AM
Posting Permissions
  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •