Styling and Layout

Baris-A is built to help you beautiful personal websites fast (performance) and easy (update and deploy) starting free (thanks to free-tier of Cloudflare Pages).

With initial version of Baris-A, you can design your website will the definition of pages using using content blocks, and can customize the color of Baris-A.

Content blocks

Baris-A comes with many content blocks available for you to use.

List of Content blocks

• Address
• Breadcrumbs
• Category Grid
• Contact Form
• Facts
• Faqs
• Header Block
• Image
• Image Grid
• links
• List
• Map
• Quote Block
• Resume
  • Resume.Experience
  • Resume.Education
• Telephone & Email
  • Telephone
  • Email
  • telephone-email
• Text
• Text Block
• Video
• Youtube

Change color of Baris-A

At line 37, you can choose the color of your website from presets: yellow, yellowCalm, pink, pinkLight, blue, darkPurple. Or you can create your own color palette and assign to selectedColorsPreset variable.

/tailwind.config.js

const selectedColorsPreset = yellow

To make Baris-A simple, we just have a short set of colors, as demonstrated below.

const yellow = {
   secondary: "#d97706",
   secondaryDark: "#b45309"
}

Video tutorial

Updating...