|
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
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
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."
Beautiful site, I hope it gets better and better, I'll use it with all certainty, thank you.
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
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
« Previous Thread | Next Thread » |
Thread Information |
Users Browsing this ThreadThere are currently 1 users browsing this thread. (0 members and 1 guests) |