Let's Build Your Personal Website
Members of the Beta Team, are students of life.
This is a resource for individuals who are ready to take the first step.
Are you ready?
All of the lessons on how to build the personal portfolio website are in the wiki. 🔧
To see the live site 👀: test this out
If you have any questions, feedback, or brilliant ideas on how to make this better, add to our #feedback
channel in our slack team. 🎉
Spectral by HTML5 UP html5up.net | @ajlkn Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
A big, modern, blocky affair with a mobile-style menu, fully responsive styling, and an assortment of pre-styled elements. So, pretty much what you were expecting -- except, of course, for how it's put together, specifically:
-
It's built with components from my Responsive Tools project.
-
It uses flexbox, which eliminates all kinds of terrible hacks and clunky layout stopgaps (like CSS grid systems).
-
It uses Sass* a lot more intelligently, thanks in part to several new mixins and functions I've been working on (as well as a few by @HugoGiraudel).
(* = still entirely optional if you prefer vanilla CSS :)
-
A ton of other stuff.
In short, Spectral's the culmination of several new things I'm working on/trying out, so please, let me know what you think :)
Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images you can use for pretty much whatever.
(* = not included)
AJ aj@lkn.io | @ajlkn
Credits:
Demo Images:
Unsplash (unsplash.com)
Icons:
Font Awesome (fontawesome.io)
Other:
jQuery (jquery.com)
Scrollex (github.com/ajlkn/jquery.scrollex)
Responsive Tools (github.com/ajlkn/responsive-tools)