Résumé starter kit
A résumé (with the accent marks) is “a brief written account of personal, educational, and professional qualifications and experience, as that prepared by an applicant for a job.” It’s pronounced [ rez–oo-mey ] as opposed to how resume is pronounced [ ri-zoom ]. Dictionary.com.
Resume comes as a Statamic starter kit which will help you quickly generate a resume with the following blocks:
- Personal Details
- Social Media
- Block based resume builder, easily add/remove sections as you need them.
- Light/Dark mode that follows the user OS preference.
- Responsive images
- TailwindCSS for Styling
- Self hosted font from Fontsource
To install Résumé, follow the Installing a starter kit. Note that you will need to be running Statamic 3.3+.
Installing into an existing site
php please starter-kit:install lucky-media/resume
Installing via the Statamic CLI Tool
If you have Statamic’s CLI Tool installed, you can create a new Statamic installation with the Résumé in one line:
statamic new my-site lucky-media/resume
The design of Résumé is done entirely with TailwindCSS. Because we follow the primary/secondary naming convention making changes is very easy and straight forward. All you have to do is edit the
- Font Family - default is: DM Sans.
- Colors - easily to change as we use primary/secondary naming conventions.
For fonts we use Fontsource to self host them. In order to change the default font please follow these steps:
- Go to the Fontsource website and pick a font
yarnto install the desired font package
- Go to
resume.jsand import the font.
Note: For better performance only import the used weights in the project. Résumé for example uses
400, 500, 700and we only import those weights to keep the bundle small.
More info on the official documentation of Font Source.
By default we make use of Laravel Mix to compile all the assets. Make sure to run the following commands after installing the starter-kit.
npm install- to install all the required dependencies.
npm run dev- to run in development mode.
npm run watch- to run in development with hot reload.
npm run production- to compile assets for production.
🐞 Bugs and 💡 Feature Requests
Please refer to the issues tab to submit a Bug or a Feature Request.
Résumé was brought to you by the lovely team at Lucky Media, we are a digital agency focused on professional, innovative, user-oriented web design & development. If you have any project in mind feel free to contact us.
Last but not least thanks to the creators/contributors of the following packages which made Résumé a reality:
- Tailwind CSS