diff --git a/src/about.md b/src/about.md index 2ea45d1..eef02fb 100644 --- a/src/about.md +++ b/src/about.md @@ -1,4 +1,12 @@ --- layout: layouts/base.njk title: About ---- \ No newline at end of file +bodyClass: about +--- + +![A picture of a black pug wearing a pilot jacket](/img/about.jpg) +\ +\ +This page is for you to present yourself and/or explain what your cookbook is about. +\ +Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium exercitationem ea culpa ad nisi corporis ab mollitia, repudiandae architecto voluptatum aspernatur possimus dolorem distinctio, repellendus voluptates dignissimos. Assumenda accusantium reprehenderit dignissimos. Sit, culpa qui? Ipsam quod repellat provident labore blanditiis consectetur aperiam laudantium at perferendis assumenda doloremque dolore illum, vero non quasi iure, dolores molestias voluptatum! Animi in at magni rem excepturi libero nam quas commodi! Omnis ad veniam earum totam neque sunt perspiciatis adipisci dolores ipsam! Sapiente non nisi minima voluptas rerum similique autem reprehenderit tenetur dolores facere temporibus reiciendis, a obcaecati voluptatum ab aliquam veniam, numquam, dolore atque! \ No newline at end of file diff --git a/src/img/about.jpg b/src/img/about.jpg new file mode 100644 index 0000000..28456ee Binary files /dev/null and b/src/img/about.jpg differ diff --git a/src/scss/components/_about.scss b/src/scss/components/_about.scss new file mode 100644 index 0000000..ffd1405 --- /dev/null +++ b/src/scss/components/_about.scss @@ -0,0 +1,6 @@ +// Global styles for the about page. These don't use any classes since they are authored in markdown. +.about { + img { + margin: 0 auto; + } +} \ No newline at end of file diff --git a/src/scss/main.scss b/src/scss/main.scss index 0db9013..fdf1e98 100644 --- a/src/scss/main.scss +++ b/src/scss/main.scss @@ -6,6 +6,7 @@ @import "typography.scss"; @import "layout.scss"; +@import "components/about.scss"; @import "components/card.scss"; @import "components/home.scss"; @import "components/nav.scss";