These are the starting files used by Kevin Powell to create a personal blog site for the Codementor DevProjects Challenge, Create a fast and secure blog using JAMStack. You are free to use them however you want to get started with the challenge, if you'd like to start working on creating the site without worrying about the content itself.
The provided files are finished pages using regular HTML and CSS. The HTML files can be broken down into peices, and used to build out the different templates and partial files using a templating language of your choice.
The styling of the pages is already complete. That said, the design-files folder contains both a Figma file, and .jpg of a design if you want to try to build it from scratch. You do not need to use this design at all either, it depends on how you wish to approach the challenge.
The src folder contains files so that you can get your project up and running without worrying about content for posts/articles. That folder contains:
- HTML files to use as a base for the different page layouts. These can be turned into the templates that will be used.
- CSS file for styling the pages
- 5 blog articles in the
blogfolder - images and a logo in the
assetsfolder
The articles are written in Markdown, and include Front Matter. Depending on the Static Site Generator you use, it is possible that you will have to modify these a little if you wish to use them.
As mentioned, these files are here to help get started with a DevProjects challenge. Please visit the challenge page to learn more about the challenge.
You can watch this video to see how Kevin uses Eleventy, Netlify, and Netlify CMS to create a full-featured blog site built entirely with static files.
…or create a new repository on the command line echo "# tailwindcss-html-css" >> README.md git init git add README.md git commit -m "first commit" git branch -M main git remote add origin https://github.com/leonism/tailwindcss-html-css.git git push -u origin main
…or push an existing repository from the command line git remote add origin https://github.com/leonism/tailwindcss-html-css.git git branch -M main git push -u origin main
…or import code from another repository You can initialize this repository with code from a Subversion, Mercurial, or TFS project.